view/theme/frio/templates/wall_thread.tpl

   1
   2 {{* This is a little bit hacky. This is needed to have some sort comments container.
   3 It would be better if it would be done in friendica core but since core lacks this functionality
   4 it is done in the theme
   5
   6 In short: the piece of code counts the total number of children of the toplevelpost
   7 - this are usaly all posts with thread_level = 2 - and stores it in variable $top_children_total.
   8 The first time a children which hits thread_level = 2 and $top_child = 1 opens the div.
   9
  10 Everytime when a children with top_level = 2 comes up $top_child_nr rises with 1.
  11 The div get's closed if thread_level = 2 and the value of $top_child_nr is the same
  12 as the value of $top_child_total (this is done at the end of this file)
  13 *}}
  14 {{if $item.thread_level==1}}
  15         {{assign var="top_child_total" value=count($item.children)}}
  16         {{assign var="top_child_nr" value=0}}
  17 {{/if}}
  18 {{if $item.thread_level==2}}
  19         {{assign var="top_child_nr" value=$top_child_nr+1 scope=parent}}
  20 {{/if}}
  21
  22 {{if $item.thread_level==2 && $top_child_nr==1}}
  23 <div class="comment-container"> <!--top-child-begin-->
  24 {{/if}}
  25 {{* end of hacky part to count childrens *}}
  26
  27
  28 {{if $mode == display}}
  29 {{else}}
  30 {{if $item.comment_firstcollapsed}}
  31         {{*
  32         <div align="center" style="margin-top:-34px;">
  33                 <div class="hide-comments-outer btn btn-default" onclick="showHideComments({{$item.id}});">
  34                         <span id="hide-comments-total-{{$item.id}}" class="hide-comments-total">{{$item.num_comments}}</span>
  35                         <span id="hide-comments-{{$item.id}}" class="hide-comments fakelink">{{$item.hide_text}}</span>
  36                 </div>
  37         </div>
  38         <div id="collapsed-comments-{{$item.id}}" class="collapsed-comments" style="display: none;">
  39         *}}
  40
  41         {{if $item.thread_level<3}}
  42                 <div class="hide-comments-outer-wrapper">
  43                         <div class="hide-comments-outer fakelink" onclick="showHideComments({{$item.id}});">
  44                                 <span id="hide-comments-total-{{$item.id}}" class="hide-comments-total">
  45                                         <i class="fa fa-caret-right" aria-hidden="true"></i>
  46                                         {{$item.num_comments}} - {{$item.show_text}}
  47                                 </span>
  48                                 <span id="hide-comments-{{$item.id}}" class="hide-comments" style="display: none">
  49                                         <i class="fa fa-caret-down" aria-hidden="true"></i>
  50                                         {{$item.num_comments}} - {{$item.hide_text}}
  51                                 </span>
  52                         </div>
  53                 </div>
  54                 <div id="collapsed-comments-{{$item.id}}" class="collapsed-comments" style="display: none;">
  55         {{else}}
  56                 <div id="collapsed-comments-{{$item.id}}" class="collapsed-comments" style="display: block;">
  57         {{/if}}
  58 {{/if}}
  59 {{/if}}
  60
  61 {{* TODO => Unknown block *}}
  62 <div class="wall-item-decor" style="display:none;">
  63         {{if $item.star}}
  64         <span class="icon s22 star {{$item.isstarred}}" id="starred-{{$item.id}}" title="{{$item.star.starred}}">{{$item.star.starred}}</span>
  65         {{/if}}
  66         {{if $item.lock}}<span class="navicon lock fakelink" onclick="lockview(event, 'item', {{$item.id}});" title="{{$item.lock}}"></span><span class="fa fa-lock"></span>
  67         {{elseif $item.connector}}<span class="fa fa-lock" title="{{$item.connector}}"></span>{{/if}}
  68 </div>
  69 {{* /TODO => Unknown block *}}
  70
  71
  72 {{* Use a different div container in dependence max thread-level = 7 *}}
  73 {{if $item.thread_level<7}}
  74 <div class="item-{{$item.id}} wall-item-container {{$item.indent}} {{$item.network}} thread_level_{{$item.thread_level}} {{if $item.thread_level==1}}panel-body h-entry{{else}}u-comment h-cite{{/if}}" id="item-{{$item.guid}}"><!-- wall-item-container -->
  75 {{else}}
  76 <div class="item-{{$item.id}} wall-item-container {{$item.indent}} {{$item.network}} thread_level_7 u-comment h-cite" id="item-{{$item.guid}}">
  77 {{/if}}
  78 {{if $item.thread_level==1}}
  79 <span class="commented" style="display: none;">{{$item.commented}}</span>
  80 <span class="received" style="display: none;">{{$item.received}}</span>
  81 <span class="created" style="display: none;">{{$item.created_date}}</span>
  82 <span class="uriid" style="display: none;">{{$item.uriid}}</span>
  83 {{/if}}
  84         <div class="media {{$item.shiny}}">
  85         {{if $item.reshared}}
  86                 <p class="wall-item-announce wall-item-responses" id="wall-item-announce-{{$item.id}}"><i class="fa fa-retweet" aria-hidden="true"></i> {{$item.reshared nofilter}}</p>
  87         {{/if}}
  88                 {{* The avatar picture and the photo-menu *}}
  89                 <div class="dropdown pull-left"><!-- Dropdown -->
  90                         {{if $item.thread_level==1}}
  91                         <div class="hidden-sm hidden-xs contact-photo-wrapper mframe{{if $item.owner_url}} wwfrom{{/if}} p-author h-card">
  92                                 <a class="userinfo click-card u-url" id="wall-item-photo-menu-{{$item.id}}" href="{{$item.profile_url}}">
  93                                         <div class="contact-photo-image-wrapper">
  94                                                 <img src="{{$item.thumb}}" class="contact-photo media-object {{$item.sparkle}} p-name u-photo" id="wall-item-photo-{{$item.id}}" alt="{{$item.name}}" />
  95                                         </div>
  96                                 </a>
  97                         </div>
  98                         <div class="hidden-lg hidden-md contact-photo-wrapper mframe{{if $item.owner_url}} wwfrom{{/if}}">
  99                                 <a class="userinfo click-card u-url" id="wall-item-photo-menu-xs-{{$item.id}}" href="{{$item.profile_url}}">
 100                                         <div class="contact-photo-image-wrapper">
 101                                                 <img src="{{$item.thumb}}" class="contact-photo-xs media-object {{$item.sparkle}}" id="wall-item-photo-xs-{{$item.id}}" alt="{{$item.name}}" />
 102                                         </div>
 103                                 </a>
 104                         </div>
 105
 106                         {{* The litle overlay avatar picture if someone is posting directly to a wall or a forum *}}
 107                         {{if $item.owner_url}}
 108                         <div aria-hidden="true" class="contact-photo-wrapper mframe wwto" id="wall-item-ownerphoto-wrapper-{{$item.id}}">
 109                                 <a href="{{$item.owner_url}}" target="redir" title="{{$item.olinktitle}}" class="contact-photo-link" id="wall-item-ownerphoto-link-{{$item.id}}">
 110                                         <img src="{{$item.owner_photo}}" class="contact-photo {{$item.osparkle}}" id="wall-item-ownerphoto-{{$item.id}}" alt="{{$item.owner_name}}" />
 111                                 </a>
 112                         </div>
 113                         {{/if}}
 114
 115                         {{/if}} {{*End if $item.thread_level==1}}
 116
 117                         {{* The avatar picture for comments *}}
 118                         {{if $item.thread_level!=1}}
 119                         <div class="contact-photo-wrapper mframe{{if $item.owner_url}} wwfrom{{/if}} p-author h-card">
 120                                 <a class="userinfo click-card u-url" id="wall-item-photo-menu-{{$item.id}}" href="{{$item.profile_url}}">
 121                                         <div class="contact-photo-image-wrapper">
 122                                                 <img src="{{$item.thumb}}" class="contact-photo-xs media-object {{$item.sparkle}} p-name u-photo" id="wall-item-photo-comment-{{$item.id}}" alt="{{$item.name}}" />
 123                                         </div>
 124                                 </a>
 125                         </div>
 126                         {{/if}}
 127                 </div><!-- ./Dropdown -->
 128
 129
 130         {{if $item.thread_level!=1}}
 131                 <div class="media-body">{{*this is the media body for comments - this div must be closed at the end of the file *}}
 132         {{/if}}
 133
 134                         {{* contact info header*}}
 135                 <div role="heading" aria-level="{{$item.thread_level}}">
 136                         <div class="preferences">
 137                                 {{if $item.network_icon != ""}}
 138                                         <span class="wall-item-network"><i class="fa fa-{{$item.network_icon}}" title="{{$item.network_name}}" aria-hidden="true"></i></span>
 139                                 {{else}}
 140                                         <span class="wall-item-network" title="{{$item.app}}">{{$item.network_name}}</span>
 141                                 {{/if}}
 142                                 {{if $item.plink}}      {{*link to the original source of the item *}}
 143                                         &nbsp;
 144                                         <a href="{{$item.plink.href}}" class="plink u-url" aria-label="{{$item.plink.title}}" title="{{$item.plink.title}}">
 145                                                 <i class="fa fa-external-link"></i>
 146                                         </a>
 147                                 {{/if}}
 148                         </div>
 149                 {{if $item.thread_level==1}}
 150                         <div class="contact-info hidden-sm hidden-xs media-body"><!-- <= For computer -->
 151                                 <h4 class="media-heading">
 152                                         <a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-name-link userinfo hover-card">
 153                                                 <span class="wall-item-name {{$item.sparkle}}">{{$item.name}}</span>
 154                                         </a>
 155                                 {{if $item.owner_url}}
 156                                         {{$item.via}}
 157                                         <a href="{{$item.owner_url}}" target="redir" title="{{$item.olinktitle}}" class="wall-item-name-link userinfo hover-card">
 158                                                 <span class="wall-item-name {{$item.osparkle}}" id="wall-item-ownername-{{$item.id}}">{{$item.owner_name}}</span>
 159                                         </a>
 160                                 {{/if}}
 161                                 {{if $item.connector}}
 162                                         <small><i class="fa fa-plug" title="{{$item.connector}}" aria-hidden="true"></i></small>
 163                                 {{else}}
 164                                         <span class="navicon lock fakelink" onClick="lockview(event, 'item', {{$item.id}});" title="{{$item.privacy}}" data-toggle="tooltip">
 165                                                 &nbsp;<small><i class="fa {{if $item.private == 1}}fa-lock{{elseif $item.private == 0}}fa-globe{{else}}fa-low-vision{{/if}}" aria-hidden="true"></i></small>
 166                                         </span>
 167                                 {{/if}}
 168                                 </h4>
 169
 170                                 <div class="additional-info text-muted">
 171                                         <div id="wall-item-ago-{{$item.id}}" class="wall-item-ago">
 172                                                 <small>
 173                                                         <a href="{{$item.plink.orig}}">
 174                                                                 <time class="time dt-published" title="{{$item.localtime}}" data-toggle="tooltip" datetime="{{$item.utc}}">{{$item.ago}}</time>
 175                                                         </a>
 176                                                         {{if $item.owner_self}}
 177                                                                 {{include file="sub/delivery_count.tpl" delivery=$item.delivery}}
 178                                                         {{/if}}
 179                                                         {{if $item.direction}}
 180                                                                 {{include file="sub/direction.tpl" direction=$item.direction}}
 181                                                         {{/if}}
 182                                                         {{if $item.pinned}}
 183                                                                 &bull; <i class="fa fa-thumb-tack" aria-hidden="true" title="{{$item.pinned}}"></i>
 184                                                                 <span class="sr-only">{{$item.pinned}}</span>
 185                                                         {{/if}}
 186
 187                                                 </small>
 188                                         </div>
 189
 190                                         {{if $item.location_html}}
 191                                         <div id="wall-item-location-{{$item.id}}" class="wall-item-location">
 192                                                 <small><span class="location">({{$item.location_html nofilter}})</span></small>
 193                                         </div>
 194                                         {{/if}}
 195                                 </div>
 196                                 {{* @todo $item.created have to be inserted *}}
 197                         </div>
 198
 199                         {{* contact info header for smartphones *}}
 200                         <div class="contact-info-xs hidden-lg hidden-md"><!-- <= For smartphone (responsive) -->
 201                                 <h5 class="media-heading">
 202                                         <a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-name-link userinfo hover-card"><span>{{$item.name}}</span></a>
 203                                         <p class="text-muted">
 204                                                 <small>
 205                                                         <a href="{{$item.plink.orig}}">
 206                                                                 <time class="time" class="wall-item-ago" datetime="{{$item.utc}}">{{$item.ago}}</time>
 207                                                         </a>
 208                                                         {{if $item.location_html}}&nbsp;&mdash;&nbsp;({{$item.location_html nofilter}}){{/if}}
 209                                                         {{if $item.owner_self}}
 210                                                                 {{include file="sub/delivery_count.tpl" delivery=$item.delivery}}
 211                                                         {{/if}}
 212                                                         {{if $item.direction}}
 213                                                                 {{include file="sub/direction.tpl" direction=$item.direction}}
 214                                                         {{/if}}
 215                                                 </small>
 216                                         </p>
 217                                 </h5>
 218                         </div>
 219                 {{else}} {{* End of if $item.thread_level == 1 *}}
 220                         {{* contact info header for comments *}}
 221                         <div class="contact-info-comment">
 222                                 <h5 class="media-heading">
 223                                         <a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-name-link userinfo hover-card"><span class="fakelink">{{$item.name}}</span></a>
 224                                         {{if $item.connector}}
 225                                                 <small><i class="fa fa-plug" title="{{$item.connector}}" aria-hidden="true"></i></small>
 226                                         {{else}}
 227                                                 <span class="navicon lock fakelink" onClick="lockview(event, 'item', {{$item.id}});" title="{{$item.privacy}}" data-toggle="tooltip">
 228                                                         &nbsp;<small><i class="fa {{if $item.private == 1}}fa-lock{{elseif $item.private == 0}}fa-globe{{else}}fa-low-vision{{/if}}" aria-hidden="true"></i></small>
 229                                                 </span>
 230                                         {{/if}}
 231                                         <span class="text-muted">
 232                                 </h5>
 233                                 <small>
 234                                         <a href="{{$item.plink.orig}}">
 235                                                 <time class="time" title="{{$item.localtime}}" data-toggle="tooltip" datetime="{{$item.utc}}">{{$item.ago}}</time>
 236                                         </a>
 237                                         {{if $item.location_html}}&nbsp;&mdash;&nbsp;({{$item.location_html nofilter}}){{/if}}
 238                                         {{if $item.owner_self}}
 239                                                 {{include file="sub/delivery_count.tpl" delivery=$item.delivery}}
 240                                         {{/if}}
 241                                         {{if $item.direction}}
 242                                                 {{include file="sub/direction.tpl" direction=$item.direction}}
 243                                         {{/if}}
 244                                 </small>
 245                         </span>
 246                         </div>
 247                 {{/if}} {{* End of if $item.thread_level != 1 *}}
 248                 </div>
 249
 250                 <div class="clearfix"></div>
 251
 252                 {{* Insert Line to seperate item header and item content visually *}}
 253                 {{if $item.thread_level==1}}<hr />{{/if}}
 254
 255                 {{* item content *}}
 256                 <div class="wall-item-content {{$item.type}}" id="wall-item-content-{{$item.id}}">
 257                         {{if $item.title}}
 258                         <span class="wall-item-title" id="wall-item-title-{{$item.id}}"><h4 class="media-heading" dir="auto"><a href="{{$item.plink.href}}" class="{{$item.sparkle}} p-name">{{$item.title}}</a></h4><br /></span>
 259                         {{/if}}
 260
 261                         <div class="wall-item-body e-content {{if !$item.title}}p-name{{/if}}" id="wall-item-body-{{$item.id}}" dir="auto">{{$item.body_html nofilter}}</div>
 262                 </div>
 263
 264                 <!-- TODO -->
 265                 <div class="wall-item-bottom">
 266                         <div class="wall-item-links"></div>
 267                         <div class="wall-item-tags">
 268                 {{if !$item.suppress_tags}}
 269                         {{foreach $item.hashtags as $tag}}
 270                                 <span class="tag label btn-info sm">{{$tag nofilter}} <i class="fa fa-bolt" aria-hidden="true"></i></span>
 271                         {{/foreach}}
 272
 273                         {{foreach $item.mentions as $tag}}
 274                                 <span class="mention label btn-warning sm">{{$tag nofilter}} <i class="fa fa-user" aria-hidden="true"></i></span>
 275                         {{/foreach}}
 276
 277                         {{*foreach $item.implicit_mentions as $tag}}
 278                                 <span class="mention label label-default sm">{{$tag nofilter}} <i class="fa fa-eye-slash" aria-hidden="true"></i></span>
 279                         {{/foreach*}}
 280                 {{/if}}
 281                         {{foreach $item.folders as $cat}}
 282                                 <span class="folder label btn-danger sm p-category">{{$cat.name}}{{if $cat.removeurl}} (<a href="{{$cat.removeurl}}" title="{{$remove}}">x</a>) {{/if}} </span>
 283                         {{/foreach}}
 284
 285                         {{foreach $item.categories as $cat}}
 286                                 <span class="category label btn-success sm p-category"><a href="{{$cat.url}}">{{$cat.name}}</a>{{if $cat.removeurl}} (<a href="{{$cat.removeurl}}" title="{{$remove}}">x</a>) {{/if}} </span>
 287                         {{/foreach}}
 288                         </div>
 289                         {{if $item.edited}}<div class="itemedited text-muted">{{$item.edited['label']}} (<span title="{{$item.edited['date']}}">{{$item.edited['relative']}}</span>)</div>{{/if}}
 290                 </div>
 291                 <!-- ./TODO -->
 292
 293                 <!-- <hr /> -->
 294                 <div class="wall-item-actions">
 295                         {{* Action buttons to interact with the item (like: like, dislike, share and so on *}}
 296                         <span class="wall-item-actions-left hidden-xs">
 297
 298                         {{* Buttons for like and dislike *}}
 299                         {{if $item.vote}}
 300                                 {{if $item.vote.like}}
 301                                 <button type="button" class="btn-link button-likes{{if $item.responses.like.self}} active" aria-pressed="true{{/if}}" id="like-{{$item.id}}" title="{{$item.vote.like.0}}" onclick="doActivityItemAction({{$item.id}}, 'like'{{if $item.responses.like.self}}, true{{/if}});" data-toggle="button"><i class="fa fa-thumbs-up" aria-hidden="true"></i>&nbsp;{{$item.vote.like.1}}</button>
 302                                 {{/if}}
 303                                 {{if $item.vote.like AND $item.vote.dislike}}
 304                                 <span role="presentation" class="separator"></span>
 305                                 {{/if}}
 306                                 {{if $item.vote.dislike}}
 307                                 <button type="button" class="btn-link button-likes{{if $item.responses.dislike.self}} active" aria-pressed="true{{/if}}" id="dislike-{{$item.id}}" title="{{$item.vote.dislike.0}}" onclick="doActivityItemAction({{$item.id}}, 'dislike'{{if $item.responses.dislike.self}}, true{{/if}});" data-toggle="button"><i class="fa fa-thumbs-down" aria-hidden="true"></i>&nbsp;{{$item.vote.dislike.1}}</button>
 308                                 {{/if}}
 309
 310                                 {{if ($item.vote.like OR $item.vote.dislike) AND $item.comment_html}}
 311                                 <span role="presentation" class="separator"></span>
 312                                 {{/if}}
 313                         {{/if}}
 314
 315                         {{if $item.remote_comment}}
 316                                 <a href="{{$item.remote_comment.2}}" class="btn-link button-comments" title="{{$item.remote_comment.0}}"><i class="fa fa-commenting" aria-hidden="true"></i>&nbsp;{{$item.remote_comment.1}}</a>
 317                         {{/if}}
 318
 319                         {{* Button to open the comment text field *}}
 320                         {{if $item.comment_html}}
 321                                 <button type="button" class="btn-link button-comments" id="comment-{{$item.id}}" title="{{$item.switchcomment}}" {{if $item.thread_level != 1}}onclick="openClose('item-comments-{{$item.id}}'); commentExpand({{$item.id}});" {{else}} onclick="openClose('item-comments-{{$item.id}}'); commentExpand({{$item.id}});"{{/if}}><i class="fa fa-commenting" aria-hidden="true"></i>&nbsp;{{$item.switchcomment}}</button>
 322                         {{/if}}
 323
 324                         {{* Button for sharing the item *}}
 325                         {{if $item.vote}}
 326                                 {{if $item.vote.share OR $item.vote.announce}}
 327                                         {{if $item.vote.like OR $item.vote.dislike OR $item.comment_html}}
 328                                 <span role="presentation" class="separator"></span>
 329                                         {{/if}}
 330                                 {{/if}}
 331                                 {{if $item.vote.announce}}
 332                                 <button type="button" class="btn-link button-announces{{if $item.responses.announce.self}} active" aria-pressed="true{{/if}}" id="announce-{{$item.id}}" title="{{$item.vote.announce.0}}" onclick="doActivityItemAction({{$item.id}}, 'announce'{{if $item.responses.announce.self}}, true{{/if}});" data-toggle="button"><i class="fa fa-retweet" aria-hidden="true"></i>&nbsp;{{$item.vote.announce.1}}</button>
 333                                 <span role="presentation" class="separator"></span>
 334                                 {{/if}}
 335                                 {{if $item.vote.share}}
 336                                 <button type="button" class="btn-link button-votes" id="share-{{$item.id}}" title="{{$item.vote.share.0}}" onclick="jotShare({{$item.id}});"><i class="fa fa-share" aria-hidden="true"></i>&nbsp;{{$item.vote.share.1}}</button>
 337                                 {{/if}}
 338                         {{/if}}
 339
 340             {{if !$item.lock && !$item.connector}}
 341                                 <span role="presentation" class="separator button-browser-share"></span>
 342                                 <button type="button" class="btn-link button-browser-share" onclick="navigator.share({url: '{{$item.plink.orig}}'})"><i class="fa fa-share-alt"></i> {{$item.browsershare}}</button>
 343                         {{/if}}
 344
 345                         {{* Put additional actions in a dropdown menu *}}
 346                         {{if $item.menu && ($item.edpost || $item.tagger || $item.filer || $item.pin || $item.star || $item.follow_thread || $item.ignore || ($item.drop && $item.drop.dropping))}}
 347                                 <span role="presentation" class="separator"></span>
 348                                 <span class="more-links btn-group{{if $item.thread_level > 1}} dropup{{/if}}">
 349                                         <button type="button" class="btn-link dropdown-toggle" data-toggle="dropdown" id="dropdownMenuOptions-{{$item.id}}" aria-haspopup="true" aria-expanded="false" title="{{$item.menu}}"><i class="fa fa-ellipsis-h" aria-hidden="true"></i>&nbsp;{{$item.menu}}</button>
 350                                         <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenuOptions-{{$item.id}}">
 351                                                 {{if $item.edpost}} {{* edit the posting *}}
 352                                                 <li role="menuitem">
 353                                                         <a href="javascript:editpost('{{$item.edpost.0}}?mode=none');" title="{{$item.edpost.1}}" class="btn-link navicon pencil"><i class="fa fa-pencil" aria-hidden="true"></i> {{$item.edpost.1}}</a>
 354                                                 </li>
 355                                                 {{/if}}
 356
 357                                                 {{if $item.tagger}} {{* tag the post *}}
 358                                                 <li role="menuitem">
 359                                                         <a id="tagger-{{$item.id}}" href="javascript:itemTag({{$item.id}});" class="btn-link {{$item.tagger.class}}" title="{{$item.tagger.add}}"><i class="fa fa-tag" aria-hidden="true"></i> {{$item.tagger.add}}</a>
 360                                                 </li>
 361                                                 {{/if}}
 362
 363                                                 {{if $item.filer}}
 364                                                 <li role="menuitem">
 365                                                         <a id="filer-{{$item.id}}" href="javascript:itemFiler({{$item.id}});" class="btn-link filer-item filer-icon" title="{{$item.filer}}"><i class="fa fa-folder" aria-hidden="true"></i>&nbsp;{{$item.filer}}</a>
 366                                                 </li>
 367                                                 {{/if}}
 368
 369                                                 {{if $item.pin}}
 370                                                 <li role="menuitem">
 371                                                         <a id="pin-{{$item.id}}" href="javascript:doPin({{$item.id}});" class="btn-link {{$item.pin.classdo}}" title="{{$item.pin.do}}"><i class="fa fa-circle-o" aria-hidden="true"></i>&nbsp;{{$item.pin.do}}</a>
 372                                                         <a id="unpin-{{$item.id}}" href="javascript:doPin({{$item.id}});" class="btn-link {{$item.pin.classundo}}" title="{{$item.pin.undo}}"><i class="fa fa-dot-circle-o" aria-hidden="true"></i>&nbsp;{{$item.pin.undo}}</a>
 373                                                 </li>
 374                                                 {{/if}}
 375
 376                                                 {{if $item.star}}
 377                                                 <li role="menuitem">
 378                                                         <a id="star-{{$item.id}}" href="javascript:doStar({{$item.id}});" class="btn-link {{$item.star.classdo}}" title="{{$item.star.do}}"><i class="fa fa-star-o" aria-hidden="true"></i>&nbsp;{{$item.star.do}}</a>
 379                                                         <a id="unstar-{{$item.id}}" href="javascript:doStar({{$item.id}});" class="btn-link {{$item.star.classundo}}" title="{{$item.star.undo}}"><i class="fa fa-star" aria-hidden="true"></i>&nbsp;{{$item.star.undo}}</a>
 380                                                 </li>
 381                                                 {{/if}}
 382
 383                                                 {{if $item.follow_thread}}
 384                                                 <li role="menuitem">
 385                                                         <a id="follow_thread-{{$item.id}}" href="javascript:{{$item.follow_thread.action}}" class="btn-link" title="{{$item.follow_thread.title}}"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp;{{$item.follow_thread.title}}</a>
 386                                                 </li>
 387                                                 {{/if}}
 388
 389                                                 {{if $item.language}}
 390                                                 <li role="menuitem">
 391                                                         <a id="language-{{$item.id}}" href="javascript:alert('{{$item.language.1}}');" class="btn-link filer-item language-icon" title="{{$item.language.0}}"><i class="fa fa-language" aria-hidden="true"></i>&nbsp;{{$item.language.0}}</a>
 392                                                 </li>
 393                                                 {{/if}}
 394
 395                                                 {{if ($item.edpost || $item.tagger || $item.filer || $item.pin || $item.star || $item.follow_thread) && ($item.ignore || ($item.drop && $item.drop.dropping))}}
 396                                                 <li role="separator" class="divider"></li>
 397                                                 {{/if}}
 398
 399                                                 {{if $item.ignore}}
 400                                                         <li role="menuitem">
 401                                                                 <a id="ignore-{{$item.id}}" href="javascript:doIgnoreThread({{$item.id}});" class="btn-link {{$item.ignore.classdo}}" title="{{$item.ignore.do}}"><i class="fa fa-eye-slash" aria-hidden="true"></i> {{$item.ignore.do}}</a>
 402                                                         </li>
 403                                                         <li role="menuitem">
 404                                                                 <a id="unignore-{{$item.id}}" href="javascript:doIgnoreThread({{$item.id}});" class="btn-link {{$item.ignore.classundo}}"  title="{{$item.ignore.undo}}"><i class="fa fa-eye" aria-hidden="true"></i> {{$item.ignore.undo}}</a>
 405                                                         </li>
 406                                                 {{/if}}
 407
 408                                                 {{if $item.drop && $item.drop.dropping}}
 409                                                 <li role="menuitem">
 410                                                         <a class="btn-link navicon delete" href="javascript:dropItem('item/drop/{{$item.id}}/{{$item.return}}', 'item-{{$item.guid}}');" title="{{$item.drop.delete}}"><i class="fa fa-trash" aria-hidden="true"></i> {{$item.drop.delete}}</a>
 411                                                 </li>
 412                                                 {{/if}}
 413
 414                                                 {{if $item.block}}
 415                                                 <li role="menuitem">
 416                                                         <a class="btn-link navicon block" href="javascript:blockAuthor('item/block/{{$item.id}}/{{$item.return}}', 'item-{{$item.guid}}');" title="{{$item.block.block}}"><i class="fa fa-ban" aria-hidden="true"></i> {{$item.block.block}}</a>
 417                                                 </li>
 418                                                 {{/if}}
 419                                         </ul>
 420                                         <img id="like-rotator-{{$item.id}}" class="like-rotator" src="images/rotator.gif" alt="{{$item.wait}}" title="{{$item.wait}}" style="display: none;" />
 421                                 </span>
 422                         {{else}}
 423                                 <img id="like-rotator-{{$item.id}}" class="like-rotator" src="images/rotator.gif" alt="{{$item.wait}}" title="{{$item.wait}}" style="display: none;" />
 424                         {{/if}}
 425
 426                         </span>
 427
 428                         <span class="wall-item-actions-right hidden-xs">
 429                                 {{* Event attendance buttons *}}
 430                         {{if $item.isevent}}
 431                                 <span class="vote-event">
 432                                         <button type="button" class="btn btn-xs btn-default button-event{{if $item.responses.attendyes.self}} active" aria-pressed="true{{/if}}" id="attendyes-{{$item.id}}" title="{{$item.attend.0}}" onclick="doActivityItemAction({{$item.id}}, 'attendyes'{{if $item.responses.attendyes.self}}, true{{/if}});"><i class="fa fa-check" aria-hidden="true"><span class="sr-only">{{$item.attend.0}}</span></i></button>
 433                                         <button type="button" class="btn btn-xs btn-default button-event{{if $item.responses.attendno.self}} active" aria-pressed="true{{/if}}" id="attendno-{{$item.id}}" title="{{$item.attend.1}}" onclick="doActivityItemAction({{$item.id}}, 'attendno'{{if $item.responses.attendno.self}}, true{{/if}});"><i class="fa fa-times" aria-hidden="true"><span class="sr-only">{{$item.attend.1}}</span></i></button>
 434                                         <button type="button" class="btn btn-xs btn-default button-event{{if $item.responses.attendmaybe.self}} active" aria-pressed="true{{/if}}" id="attendmaybe-{{$item.id}}" title="{{$item.attend.2}}" onclick="doActivityItemAction({{$item.id}}, 'attendmaybe'{{if $item.responses.attendmaybe.self}}, true{{/if}});"><i class="fa fa-question" aria-hidden="true"><span class="sr-only">{{$item.attend.2}}</span></i></button>
 435                                 </span>
 436                         {{/if}}
 437
 438                                 <span class="pull-right checkbox">
 439                         {{if $item.drop && $item.drop.pagedrop}}
 440                                         <input type="checkbox" title="{{$item.drop.select}}" name="itemselected[]" id="checkbox-{{$item.id}}" class="item-select" value="{{$item.id}}" />
 441                                         <label for="checkbox-{{$item.id}}"></label>
 442                         {{/if}}
 443                                 </span>
 444                         </span>
 445
 446                         <div class="btn-toolbar visible-xs" role="toolbar">
 447                         {{* Buttons for like and dislike *}}
 448                         {{if $item.vote}}
 449                                 <div class="btn-group" role="group">
 450                                 {{if $item.vote.like}}
 451                                         <button type="button" class="btn btn-sm button-likes{{if $item.responses.like.self}} active" aria-pressed="true{{/if}}" id="like-{{$item.id}}" title="{{$item.vote.like.0}}" onclick="doActivityItemAction({{$item.id}}, 'like'{{if $item.responses.like.self}}, true{{/if}});" data-toggle="button"><i class="fa fa-thumbs-up" aria-hidden="true"></i></button>
 452                                 {{/if}}
 453                                 {{if $item.vote.dislike}}
 454                                         <button type="button" class="btn btn-sm button-likes{{if $item.responses.dislike.self}} active" aria-pressed="true{{/if}}" id="dislike-{{$item.id}}" title="{{$item.vote.dislike.0}}" onclick="doActivityItemAction({{$item.id}}, 'dislike'{{if $item.responses.dislike.self}}, true{{/if}});" data-toggle="button"><i class="fa fa-thumbs-down" aria-hidden="true"></i></button>
 455                                 {{/if}}
 456                                 </div>
 457                         {{/if}}
 458
 459                         {{* Button to open the comment text field *}}
 460                         {{if $item.comment_html}}
 461                                 <div class="btn-group" role="group">
 462                                         <button type="button" class="btn btn-sm button-comments" id="comment-{{$item.id}}" title="{{$item.switchcomment}}" {{if $item.thread_level != 1}}onclick="openClose('item-comments-{{$item.id}}'); commentExpand({{$item.id}});" {{else}} onclick="openClose('item-comments-{{$item.id}}'); commentExpand({{$item.id}});"{{/if}}><i class="fa fa-commenting" aria-hidden="true"></i></button>
 463                                 </div>
 464                         {{/if}}
 465
 466                         {{if $item.vote.announce OR $item.vote.share}}
 467                                 <div class="share-links btn-group{{if $item.thread_level > 1}} dropup{{/if}}">
 468                                         <button type="button" class="btn btn-sm dropdown-toggle{{if $item.responses.announce.self}} active{{/if}}" data-toggle="dropdown" id="shareMenuOptions-{{$item.id}}" aria-haspopup="true" aria-expanded="false" title="{{$item.menu}}">
 469                                                 <i class="fa fa-share" aria-hidden="true"></i>
 470                                         </button>
 471                                         <ul class="dropdown-menu dropdown-menu-left" role="menu" aria-labelledby="shareMenuOptions-{{$item.id}}">
 472                                                 {{if $item.vote.announce}} {{* edit the posting *}}
 473                                                 <li role="menuitem">
 474                                                         {{if $item.responses.announce.self}}
 475                                                         <a class="btn-link" id="announce-{{$item.id}}" href="javascript:doActivityItemAction({{$item.id}}, 'announce', true);" title="{{$item.vote.unannounce.0}}">
 476                                                                 <i class="fa fa-ban" aria-hidden="true"></i> {{$item.vote.unannounce.1}}
 477                                                         </a>
 478                                                         {{else}}
 479                                                         <a class="btn-link" id="announce-{{$item.id}}" href="javascript:doActivityItemAction({{$item.id}}, 'announce');" title="{{$item.vote.announce.0}}">
 480                                                                 <i class="fa fa-retweet" aria-hidden="true"></i> {{$item.vote.announce.1}}
 481                                                         </a>
 482                                                         {{/if}}
 483                                                 </li>
 484                                                 {{/if}}
 485                                                 {{if $item.vote.share}}
 486                                                 <li role="menuitem">
 487                                                         <a class="btn-link" id="share-{{$item.id}}" href="javascript:jotShare({{$item.id}});" title="{{$item.vote.share.0}}">
 488                                                                 <i class="fa fa-share" aria-hidden="true"></i> {{$item.vote.share.1}}
 489                                                         </a>
 490                                                 </li>
 491                                                 {{/if}}
 492                                         </ul>
 493                                 </div>
 494                         {{/if}}
 495
 496                         {{if !$item.lock && !$item.connector}}
 497                                 <button type="button" class="btn btn-sm button-browser-share" onclick="navigator.share({url: '{{$item.plink.orig}}'})" title="{{$item.browsershare}}"><i class="fa fa-share-alt"></i></button>
 498                         {{/if}}
 499
 500                         {{* Put additional actions in a dropdown menu *}}
 501                                 <div class="btn-group" role="group">
 502                                         <img id="like-rotator-{{$item.id}}" class="like-rotator" src="images/rotator.gif" alt="{{$item.wait}}" title="{{$item.wait}}" style="display: none;" />
 503                                 </div>
 504                         </div>
 505
 506                         <div class="wall-item-actions-right visible-xs">
 507                                 {{* Event attendance buttons *}}
 508                         {{if $item.isevent}}
 509                                 <div class="btn-group" role="group">
 510                                         <button type="button" class="btn btn-sm btn-default button-event{{if $item.responses.attendyes.self}} active" aria-pressed="true{{/if}}" id="attendyes-{{$item.id}}" title="{{$item.attend.0}}" onclick="doActivityItemAction({{$item.id}}, 'attendyes'{{if $item.responses.attendyes.self}}, true{{/if}});"><i class="fa fa-check" aria-hidden="true"><span class="sr-only">{{$item.attend.0}}</span></i></button>
 511                                         <button type="button" class="btn btn-sm btn-default button-event{{if $item.responses.attendno.self}} active" aria-pressed="true{{/if}}" id="attendno-{{$item.id}}" title="{{$item.attend.1}}" onclick="doActivityItemAction({{$item.id}}, 'attendno'{{if $item.responses.attendno.self}}, true{{/if}});"><i class="fa fa-times" aria-hidden="true"><span class="sr-only">{{$item.attend.1}}</span></i></button>
 512                                         <button type="button" class="btn btn-sm btn-default button-event{{if $item.responses.attendmaybe.self}} active" aria-pressed="true{{/if}}" id="attendmaybe-{{$item.id}}" title="{{$item.attend.2}}" onclick="doActivityItemAction({{$item.id}}, 'attendmaybe'{{if $item.responses.attendmaybe.self}}, true{{/if}});"><i class="fa fa-question" aria-hidden="true"><span class="sr-only">{{$item.attend.2}}</span></i></button>
 513                                 </div>
 514                         {{/if}}
 515
 516                         {{if $item.edpost || $item.tagger || $item.filer || $item.pin || $item.star || $item.follow_thread || $item.ignore || ($item.drop && $item.drop.dropping)}}
 517                                 <div class="more-links btn-group{{if $item.thread_level > 1}} dropup{{/if}}">
 518                                         <button type="button" class="btn btn-sm dropdown-toggle" data-toggle="dropdown" id="dropdownMenuOptions-{{$item.id}}" aria-haspopup="true" aria-expanded="false" title="{{$item.menu}}"><i class="fa fa-ellipsis-h" aria-hidden="true"></i></button>
 519                                         <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenuOptions-{{$item.id}}">
 520                                         {{if $item.edpost}} {{* edit the posting *}}
 521                                                 <li role="menuitem">
 522                                                         <a href="javascript:editpost('{{$item.edpost.0}}?mode=none');" title="{{$item.edpost.1}}" class="btn-link navicon pencil"><i class="fa fa-pencil" aria-hidden="true"></i> {{$item.edpost.1}}</a>
 523                                                 </li>
 524                                         {{/if}}
 525
 526                                                 {{if $item.tagger}} {{* tag the post *}}
 527                                                         <li role="menuitem">
 528                                                         <a id="tagger-{{$item.id}}" href="javascript:itemTag({{$item.id}});" class="btn-link {{$item.tagger.class}}" title="{{$item.tagger.add}}"><i class="fa fa-tag" aria-hidden="true"></i> {{$item.tagger.add}}</a>
 529                                                 </li>
 530                                                 {{/if}}
 531
 532                                                 {{if $item.filer}}
 533                                                         <li role="menuitem">
 534                                                         <a id="filer-{{$item.id}}" href="javascript:itemFiler({{$item.id}});" class="btn-link filer-item filer-icon" title="{{$item.filer}}"><i class="fa fa-folder" aria-hidden="true"></i>&nbsp;{{$item.filer}}</a>
 535                                                 </li>
 536                                                 {{/if}}
 537
 538                                                 {{if $item.pin}}
 539                                                         <li role="menuitem">
 540                                                         <a id="pin-{{$item.id}}" href="javascript:doPin({{$item.id}});" class="btn-link {{$item.pin.classdo}}" title="{{$item.pin.do}}"><i class="fa fa-circle-o" aria-hidden="true"></i>&nbsp;{{$item.pin.do}}</a>
 541                                                         <a id="unpin-{{$item.id}}" href="javascript:doPin({{$item.id}});" class="btn-link {{$item.pin.classundo}}" title="{{$item.pin.undo}}"><i class="fa fa-dot-circle-o" aria-hidden="true"></i>&nbsp;{{$item.pin.undo}}</a>
 542                                                 </li>
 543                                                 {{/if}}
 544
 545                                                 {{if $item.star}}
 546                                                         <li role="menuitem">
 547                                                         <a id="star-{{$item.id}}" href="javascript:doStar({{$item.id}});" class="btn-link {{$item.star.classdo}}" title="{{$item.star.do}}"><i class="fa fa-star-o" aria-hidden="true"></i>&nbsp;{{$item.star.do}}</a>
 548                                                         <a id="unstar-{{$item.id}}" href="javascript:doStar({{$item.id}});" class="btn-link {{$item.star.classundo}}" title="{{$item.star.undo}}"><i class="fa fa-star" aria-hidden="true"></i>&nbsp;{{$item.star.undo}}</a>
 549                                                 </li>
 550                                                 {{/if}}
 551
 552                                                 {{if $item.follow_thread}}
 553                                                         <li role="menuitem">
 554                                                         <a id="follow_thread-{{$item.id}}" href="javascript:{{$item.follow_thread.action}}" class="btn-link" title="{{$item.follow_thread.title}}"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp;{{$item.follow_thread.title}}</a>
 555                                                 </li>
 556                                                 {{/if}}
 557
 558                                                 {{if $item.ignore || ($item.drop && $item.drop.dropping)}}
 559                                                         <li role="separator" class="divider"></li>
 560                                                 {{/if}}
 561
 562                                                 {{if $item.ignore}}
 563                                                         <li role="menuitem">
 564                                                         <a id="ignore-{{$item.id}}" href="javascript:doIgnoreThread({{$item.id}});" class="btn-link {{$item.ignore.classdo}}" title="{{$item.ignore.do}}"><i class="fa fa-eye-slash" aria-hidden="true"></i> {{$item.ignore.do}}</a>
 565                                                 </li>
 566                                                         <li role="menuitem">
 567                                                         <a id="unignore-{{$item.id}}" href="javascript:doIgnoreThread({{$item.id}});" class="btn-link {{$item.ignore.classundo}}"  title="{{$item.ignore.undo}}"><i class="fa fa-eye" aria-hidden="true"></i> {{$item.ignore.undo}}</a>
 568                                                 </li>
 569                                                 {{/if}}
 570
 571                                                 {{if $item.drop && $item.drop.dropping}}
 572                                                         <li role="menuitem">
 573                                                         <a class="btn-link navicon delete" href="javascript:dropItem('item/drop/{{$item.id}}/{{$item.return}}', 'item-{{$item.guid}}');" title="{{$item.drop.delete}}"><i class="fa fa-trash" aria-hidden="true"></i> {{$item.drop.delete}}</a>
 574                                                 </li>
 575                                                 {{/if}}
 576                                         </ul>
 577                                         <img id="like-rotator-{{$item.id}}" class="like-rotator" src="images/rotator.gif" alt="{{$item.wait}}" title="{{$item.wait}}" style="display: none;" />
 578                                 </div>
 579                         {{/if}}
 580                                 <span class="pull-right checkbox">
 581                         {{if $item.drop && $item.drop.pagedrop}}
 582                                         <input type="checkbox" title="{{$item.drop.select}}" name="itemselected[]" id="checkbox-{{$item.id}}" class="item-select" value="{{$item.id}}" />
 583                                         <label for="checkbox-{{$item.id}}"></label>
 584                         {{/if}}
 585                                 </span>
 586                         </div>
 587                 </div><!--./wall-item-actions-->
 588
 589                 <div class="wall-item-links"></div>
 590
 591                 {{* Display likes, dislike and attendance stats *}}
 592         {{if $item.responses}}
 593                 <div class="wall-item-responses">
 594                         {{foreach $item.responses as $verb=>$response}}
 595                         <div class="wall-item-{{$verb}}" id="wall-item-{{$verb}}-{{$item.id}}">{{$response.output nofilter}}</div>
 596                         {{/foreach}}
 597                 </div>
 598         {{/if}}
 599
 600                 {{* Insert comment box of threaded children *}}
 601                 {{if $item.threaded && $item.comment_html && $item.indent==comment}}
 602                         <div class="wall-item-comment-wrapper" id="item-comments-{{$item.id}}" data-display="block" style="display: none;">
 603                                 {{$item.comment_html nofilter}}
 604                         </div>
 605                 {{/if}}
 606
 607                 {{if $item.thread_level!=1}}
 608                 </div><!--./media-body from for comments-->
 609                 {{/if}}
 610         </div>
 611         {{foreach $item.children as $child}}
 612                 {{include file="{{$item.template}}" item=$child}}
 613         {{/foreach}}
 614
 615         {{* Insert the comment box of the top level post at the bottom of the thread.
 616                 Display this comment box if there are any comments. If not hide it. In this
 617                 case it could be opend with the "comment" button *}}
 618         {{if $item.comment_html && $item.thread_level==1}}
 619                 {{if $item.total_comments_num}}
 620                 <div class="comment-fake-form" id="comment-fake-form-{{$item.id}}">
 621                         <textarea id="comment-fake-text-{{$item.id}}" class="comment-fake-text-empty form-control" placeholder="{{$item.reply_label}}" onFocus="commentOpenUI(this, {{$item.id}});"  rows="1"></textarea>
 622                 </div>
 623                 {{/if}}
 624                 <div class="wall-item-comment-wrapper well well-small" id="item-comments-{{$item.id}}" data-display="block" style="display: none">{{$item.comment_html nofilter}}</div>
 625         {{/if}}
 626 </div><!-- ./panel-body or ./wall-item-container -->
 627
 628 {{if $mode == display}}
 629 {{else}}
 630 {{if $item.comment_lastcollapsed}}</div>{{/if}}
 631 {{/if}}
 632
 633 {{* close the comment-container div if no more thread_level = 2 children are left *}}
 634 {{if $item.thread_level==2 && $top_child_nr==$top_child_total}}
 635 </div><!--./comment-container-->
 636 {{/if}}