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>{{/if}}
  67 </div>
  68 {{* /TODO => Unknown block *}}
  69
  70
  71 {{* Use a different div container in dependence max thread-level = 7 *}}
  72 {{if $item.thread_level<7}}
  73 <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 -->
  74 {{else}}
  75 <div class="item-{{$item.id}} wall-item-container {{$item.indent}} {{$item.network}} thread_level_7 u-comment h-cite" id="item-{{$item.guid}}">
  76 {{/if}}
  77 {{if $item.thread_level==1}}
  78 <span class="commented" style="display: none;">{{$item.commented}}</span>
  79 <span class="received" style="display: none;">{{$item.received}}</span>
  80 <span class="created" style="display: none;">{{$item.created_date}}</span>
  81 <span class="uriid" style="display: none;">{{$item.uriid}}</span>
  82 {{/if}}
  83         <div class="media {{$item.shiny}}">
  84                 {{* The avatar picture and the photo-menu *}}
  85                 <div class="dropdown pull-left"><!-- Dropdown -->
  86                         {{if $item.thread_level==1}}
  87                         <div class="hidden-sm hidden-xs contact-photo-wrapper mframe{{if $item.owner_url}} wwfrom{{/if}} p-author h-card">
  88                                 <a class="userinfo click-card u-url" id="wall-item-photo-menu-{{$item.id}}" href="{{$item.profile_url}}">
  89                                         <div class="contact-photo-image-wrapper">
  90                                                 <img src="{{$item.thumb}}" class="contact-photo media-object {{$item.sparkle}} p-name u-photo" id="wall-item-photo-{{$item.id}}" alt="{{$item.name}}" />
  91                                         </div>
  92                                 </a>
  93                         </div>
  94                         <div class="hidden-lg hidden-md contact-photo-wrapper mframe{{if $item.owner_url}} wwfrom{{/if}}">
  95                                 <a class="userinfo click-card u-url" id="wall-item-photo-menu-xs-{{$item.id}}" href="{{$item.profile_url}}">
  96                                         <div class="contact-photo-image-wrapper">
  97                                                 <img src="{{$item.thumb}}" class="contact-photo-xs media-object {{$item.sparkle}}" id="wall-item-photo-xs-{{$item.id}}" alt="{{$item.name}}" />
  98                                         </div>
  99                                 </a>
 100                         </div>
 101
 102                         {{* The litle overlay avatar picture if someone is posting directly to a wall or a forum *}}
 103                         {{if $item.owner_url}}
 104                         <div aria-hidden="true" class="contact-photo-wrapper mframe wwto" id="wall-item-ownerphoto-wrapper-{{$item.id}}" >
 105                                 <a href="{{$item.owner_url}}" target="redir" title="{{$item.olinktitle}}" class="contact-photo-link" id="wall-item-ownerphoto-link-{{$item.id}}">
 106                                         <img src="{{$item.owner_photo}}" class="contact-photo {{$item.osparkle}}" id="wall-item-ownerphoto-{{$item.id}}" alt="{{$item.owner_name}}" />
 107                                 </a>
 108                         </div>
 109                         {{/if}}
 110
 111                         {{/if}} {{*End if $item.thread_level==1}}
 112
 113                         {{* The avatar picture for comments *}}
 114                         {{if $item.thread_level!=1}}
 115                         <div class="contact-photo-wrapper mframe{{if $item.owner_url}} wwfrom{{/if}} p-author h-card">
 116                                 <a class="userinfo click-card u-url" id="wall-item-photo-menu-{{$item.id}}" href="{{$item.profile_url}}">
 117                                         <div class="contact-photo-image-wrapper">
 118                                                 <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}}" />
 119                                         </div>
 120                                 </a>
 121                         </div>
 122                         {{/if}}
 123                 </div><!-- ./Dropdown -->
 124
 125
 126
 127                 {{* contact info header*}}
 128                 {{if $item.thread_level==1}}
 129                 <div role="heading " aria-level="{{$item.thread_level}}" class="contact-info hidden-sm hidden-xs media-body"><!-- <= For computer -->
 130                         <h4 class="media-heading">
 131                                 <a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-name-link userinfo hover-card">
 132                                         <span class="wall-item-name {{$item.sparkle}}">{{$item.name}}</span>
 133                                 </a>
 134                         {{if $item.owner_url}}
 135                                 {{$item.via}}
 136                                 <a href="{{$item.owner_url}}" target="redir" title="{{$item.olinktitle}}" class="wall-item-name-link userinfo hover-card">
 137                                         <span class="wall-item-name {{$item.osparkle}}" id="wall-item-ownername-{{$item.id}}">{{$item.owner_name}}</span>
 138                                 </a>
 139                         {{/if}}
 140                         {{if $item.lock}}
 141                                 <span class="navicon lock fakelink" onClick="lockview(event, 'item', {{$item.id}});" title="{{$item.lock}}" data-toggle="tooltip">
 142                                         &nbsp;<small><i class="fa fa-lock" aria-hidden="true"></i></small>
 143                                 </span>
 144                         {{/if}}
 145                         </h4>
 146
 147                         <div class="additional-info text-muted">
 148                                 <div id="wall-item-ago-{{$item.id}}" class="wall-item-ago">
 149                                         <small>
 150                                                 <a href="{{$item.plink.orig}}">
 151                                                         <span class="time" title="{{$item.localtime}}" data-toggle="tooltip">
 152                                                                 <time class="dt-published" datetime="{{$item.localtime}}">{{$item.ago}}</time>
 153                                                         </span>
 154                                                 </a>
 155                                                 {{if $item.owner_self}}
 156                                                         {{include file="sub/delivery_count.tpl" delivery=$item.delivery}}
 157                                                 {{/if}}
 158                                                 {{if $item.direction}}
 159                                                         {{include file="sub/direction.tpl" direction=$item.direction}}
 160                                                 {{/if}}
 161                                                 {{if $item.pinned}}
 162                                                         &bull; <i class="fa fa-thumb-tack" aria-hidden="true" title="{{$item.pinned}}"></i>
 163                                                         <span class="sr-only">{{$item.pinned}}</span>
 164                                                 {{/if}}
 165
 166                                         </small>
 167                                 </div>
 168
 169                                 {{if $item.location}}
 170                                 <div id="wall-item-location-{{$item.id}}" class="wall-item-location">
 171                                         <small><span class="location">({{$item.location nofilter}})</span></small>
 172                                 </div>
 173                                 {{/if}}
 174                         </div>
 175                         {{* @todo $item.created have to be inserted *}}
 176                 </div>
 177
 178                 {{* contact info header for smartphones *}}
 179                 <div role="heading " aria-level="{{$item.thread_level}}" class="contact-info-xs hidden-lg hidden-md"><!-- <= For smartphone (responsive) -->
 180                         <h5 class="media-heading">
 181                                 <a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-name-link userinfo hover-card"><span>{{$item.name}}</span></a>
 182                                 <p class="text-muted">
 183                                         <small>
 184                                                 <a class="time" href="{{$item.plink.orig}}"><span class="wall-item-ago">{{$item.ago}}</span></a>
 185                                                 {{if $item.location}}&nbsp;&mdash;&nbsp;({{$item.location nofilter}}){{/if}}
 186                                                 {{if $item.owner_self}}
 187                                                         {{include file="sub/delivery_count.tpl" delivery=$item.delivery}}
 188                                                 {{/if}}
 189                                                 {{if $item.direction}}
 190                                                         {{include file="sub/direction.tpl" direction=$item.direction}}
 191                                                 {{/if}}
 192                                         </small>
 193                                 </p>
 194                         </h5>
 195                 </div>
 196                 {{/if}} {{* End of if $item.thread_level==1 *}}
 197
 198                 {{* contact info header for comments *}}
 199                 {{if $item.thread_level!=1}}
 200                 <div class="media-body">{{*this is the media body for comments - this div must be closed at the end of the file *}}
 201                 <div role="heading " aria-level="{{$item.thread_level}}" class="contact-info-comment">
 202                         <h5 class="media-heading">
 203                                 <a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-name-link userinfo hover-card"><span class="fakelink">{{$item.name}}</span></a>
 204                                 <span class="text-muted">
 205                                         <small>
 206                                                 <a class="time" href="{{$item.plink.orig}}" title="{{$item.localtime}}" data-toggle="tooltip">{{$item.ago}}</a>
 207                                                 {{if $item.location}}&nbsp;&mdash;&nbsp;({{$item.location nofilter}}){{/if}}
 208                                                 {{if $item.owner_self}}
 209                                                         {{include file="sub/delivery_count.tpl" delivery=$item.delivery}}
 210                                                 {{/if}}
 211                                                 {{if $item.direction}}
 212                                                         {{include file="sub/direction.tpl" direction=$item.direction}}
 213                                                 {{/if}}
 214                                         </small>
 215                                 </span>
 216                         </h5>
 217                 </div>
 218                 {{/if}}
 219
 220                 <div class="preferences">
 221                 {{if $item.network_icon != ""}}
 222                         <span class="wall-item-network"><i class="fa fa-{{$item.network_icon}}" title="{{$item.network_name}}" aria-hidden="true"></i></span>
 223                 {{else}}
 224                         <span class="wall-item-network" title="{{$item.app}}">{{$item.network_name}}</span>
 225                 {{/if}}
 226                 {{if $item.plink}}      {{*link to the original source of the item *}}
 227                         &nbsp;
 228                         <a href="{{$item.plink.href}}" class="plink u-url" aria-label="{{$item.plink.title}}" title="{{$item.plink.title}}">
 229                                 <i class="fa fa-external-link"></i>
 230                         </a>
 231                 {{/if}}
 232                 </div>
 233
 234                 <div class="clearfix"></div>
 235
 236                 {{* Insert Line to seperate item header and item content visually *}}
 237                 {{if $item.thread_level==1}}<hr />{{/if}}
 238
 239                 {{* item content *}}
 240                 <div class="wall-item-content {{$item.type}}" id="wall-item-content-{{$item.id}}">
 241                         {{if $item.title}}
 242                         <span class="wall-item-title" id="wall-item-title-{{$item.id}}"><h4 class="media-heading"><a href="{{$item.plink.href}}" class="{{$item.sparkle}} p-name">{{$item.title}}</a></h4><br /></span>
 243                         {{/if}}
 244
 245                         <div class="wall-item-body e-content {{if !$item.title}}p-name{{/if}}" id="wall-item-body-{{$item.id}}">{{$item.body nofilter}}</div>
 246                 </div>
 247
 248                 <!-- TODO -->
 249                 <div class="wall-item-bottom">
 250                         <div class="wall-item-links"></div>
 251                         <div class="wall-item-tags">
 252                 {{if !$item.suppress_tags}}
 253                         {{foreach $item.hashtags as $tag}}
 254                                 <span class="tag label btn-info sm">{{$tag nofilter}} <i class="fa fa-bolt" aria-hidden="true"></i></span>
 255                         {{/foreach}}
 256
 257                         {{foreach $item.mentions as $tag}}
 258                                 <span class="mention label btn-warning sm">{{$tag nofilter}} <i class="fa fa-user" aria-hidden="true"></i></span>
 259                         {{/foreach}}
 260
 261                         {{*foreach $item.implicit_mentions as $tag}}
 262                                 <span class="mention label label-default sm">{{$tag nofilter}} <i class="fa fa-eye-slash" aria-hidden="true"></i></span>
 263                         {{/foreach*}}
 264                 {{/if}}
 265                         {{foreach $item.folders as $cat}}
 266                                 <span class="folder label btn-danger sm p-category">{{$cat.name}}{{if $cat.removeurl}} (<a href="{{$cat.removeurl}}" title="{{$remove}}">x</a>) {{/if}} </span>
 267                         {{/foreach}}
 268
 269                         {{foreach $item.categories as $cat}}
 270                                 <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>
 271                         {{/foreach}}
 272                         </div>
 273                         {{if $item.edited}}<div class="itemedited text-muted">{{$item.edited['label']}} (<span title="{{$item.edited['date']}}">{{$item.edited['relative']}}</span>)</div>{{/if}}
 274                 </div>
 275                 <!-- ./TODO -->
 276
 277                 <!-- <hr /> -->
 278                 <div class="wall-item-actions">
 279                         {{* Action buttons to interact with the item (like: like, dislike, share and so on *}}
 280                         <span class="wall-item-actions-left hidden-xs">
 281
 282                         {{* Buttons for like and dislike *}}
 283                         {{if $item.vote}}
 284                                 {{if $item.vote.like}}
 285                                 <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="doLikeAction({{$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>
 286                                 {{/if}}
 287                                 {{if $item.vote.like AND $item.vote.dislike}}
 288                                 <span role="presentation" class="separator"></span>
 289                                 {{/if}}
 290                                 {{if $item.vote.dislike}}
 291                                 <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="doLikeAction({{$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>
 292                                 {{/if}}
 293
 294                                 {{if ($item.vote.like OR $item.vote.dislike) AND $item.comment}}
 295                                 <span role="presentation" class="separator"></span>
 296                                 {{/if}}
 297                         {{/if}}
 298
 299                         {{if $item.remote_comment}}
 300                                 <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>
 301                         {{/if}}
 302
 303                         {{* Button to open the comment text field *}}
 304                         {{if $item.comment}}
 305                                 <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>
 306                         {{/if}}
 307
 308                         {{* Button for sharing the item *}}
 309                         {{if $item.vote}}
 310                                 {{if $item.vote.share}}
 311                                         {{if $item.vote.like OR $item.vote.dislike OR $item.comment}}
 312                                 <span role="presentation" class="separator"></span>
 313                                         {{/if}}
 314                                 <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-retweet" aria-hidden="true"></i>&nbsp;{{$item.vote.share.1}}</button>
 315                                 {{/if}}
 316                         {{/if}}
 317
 318                         {{* Put additional actions in a dropdown menu *}}
 319                         {{if $item.edpost || $item.tagger || $item.filer || $item.pin || $item.star || $item.subthread || $item.ignore || $item.drop.dropping}}
 320                                 <span role="presentation" class="separator"></span>
 321                                 <span class="more-links btn-group{{if $item.thread_level > 1}} dropup{{/if}}">
 322                                         <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>
 323                                         <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenuOptions-{{$item.id}}">
 324                                                 {{if $item.edpost}} {{* edit the posting *}}
 325                                                 <li role="menuitem">
 326                                                         <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>
 327                                                 </li>
 328                                                 {{/if}}
 329
 330                                                 {{if $item.tagger}} {{* tag the post *}}
 331                                                 <li role="menuitem">
 332                                                         <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>
 333                                                 </li>
 334                                                 {{/if}}
 335
 336                                                 {{if $item.filer}}
 337                                                 <li role="menuitem">
 338                                                         <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>
 339                                                 </li>
 340                                                 {{/if}}
 341
 342                                                 {{if $item.pin}}
 343                                                 <li role="menuitem">
 344                                                         <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>
 345                                                         <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>
 346                                                 </li>
 347                                                 {{/if}}
 348
 349                                                 {{if $item.star}}
 350                                                 <li role="menuitem">
 351                                                         <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>
 352                                                         <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>
 353                                                 </li>
 354                                                 {{/if}}
 355
 356                                                 {{if $item.subthread}}
 357                                                 <li role="menuitem">
 358                                                         <a id="subthread-{{$item.id}}" href="javascript:{{$item.subthread.action}}" class="btn-link" title="{{$item.subthread.title}}"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp;{{$item.subthread.title}}</a>
 359                                                 </li>
 360                                                 {{/if}}
 361
 362                                                 {{if ($item.edpost || $item.tagger || $item.filer || $item.pin || $item.star || $item.subthread) && ($item.ignore || $item.drop.dropping)}}
 363                                                 <li role="separator" class="divider"></li>
 364                                                 {{/if}}
 365
 366                                                 {{if $item.ignore}}
 367                                                         <li role="menuitem">
 368                                                                 <a id="ignore-{{$item.id}}" href="javascript:doignore({{$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>
 369                                                         </li>
 370                                                         <li role="menuitem">
 371                                                                 <a id="unignore-{{$item.id}}" href="javascript:doignore({{$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>
 372                                                         </li>
 373                                                 {{/if}}
 374
 375                                                 {{if $item.drop.dropping}}
 376                                                 <li role="menuitem">
 377                                                         <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>
 378                                                 </li>
 379                                                 {{/if}}
 380                                         </ul>
 381                                         <img id="like-rotator-{{$item.id}}" class="like-rotator" src="images/rotator.gif" alt="{{$item.wait}}" title="{{$item.wait}}" style="display: none;" />
 382                                 </span>
 383                         {{else}}
 384                                 <img id="like-rotator-{{$item.id}}" class="like-rotator" src="images/rotator.gif" alt="{{$item.wait}}" title="{{$item.wait}}" style="display: none;" />
 385                         {{/if}}
 386
 387                         </span>
 388
 389                         <span class="wall-item-actions-right hidden-xs">
 390                                 {{* Event attendance buttons *}}
 391                         {{if $item.isevent}}
 392                                 <span class="vote-event">
 393                                         <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="doLikeAction({{$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>
 394                                         <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="doLikeAction({{$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>
 395                                         <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="doLikeAction({{$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>
 396                                 </span>
 397                         {{/if}}
 398
 399                                 <span class="pull-right checkbox">
 400                         {{if $item.drop.pagedrop}}
 401                                         <input type="checkbox" title="{{$item.drop.select}}" name="itemselected[]" id="checkbox-{{$item.id}}" class="item-select" value="{{$item.id}}" />
 402                                         <label for="checkbox-{{$item.id}}"></label>
 403                         {{/if}}
 404                                 </span>
 405                         </span>
 406
 407                         <div class="btn-toolbar visible-xs" role="toolbar">
 408                         {{* Buttons for like and dislike *}}
 409                         {{if $item.vote}}
 410                                 <div class="btn-group" role="group">
 411                                 {{if $item.vote.like}}
 412                                         <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="doLikeAction({{$item.id}}, 'like'{{if $item.responses.like.self}}, true{{/if}});" data-toggle="button"><i class="fa fa-thumbs-up" aria-hidden="true"></i></button>
 413                                 {{/if}}
 414                                 {{if $item.vote.dislike}}
 415                                         <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="doLikeAction({{$item.id}}, 'dislike'{{if $item.responses.dislike.self}}, true{{/if}});" data-toggle="button"><i class="fa fa-thumbs-down" aria-hidden="true"></i></button>
 416                                 {{/if}}
 417                                 </div>
 418                         {{/if}}
 419
 420                         {{* Button to open the comment text field *}}
 421                         {{if $item.comment}}
 422                                 <div class="btn-group" role="group">
 423                                         <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>
 424                                 </div>
 425                         {{/if}}
 426
 427                         {{* Button for sharing the item *}}
 428                         {{if $item.vote.share}}
 429                                 <div class="btn-group" role="group">
 430                                         <button type="button" class="btn btn-sm button-votes" id="share-{{$item.id}}" title="{{$item.vote.share.0}}" onclick="jotShare({{$item.id}});"><i class="fa fa-retweet" aria-hidden="true"></i></button>
 431                                 </div>
 432                         {{/if}}
 433
 434                         {{* Put additional actions in a dropdown menu *}}
 435                                 <div class="btn-group" role="group">
 436                                         <img id="like-rotator-{{$item.id}}" class="like-rotator" src="images/rotator.gif" alt="{{$item.wait}}" title="{{$item.wait}}" style="display: none;" />
 437                                 </div>
 438                         </div>
 439
 440                         <div class="wall-item-actions-right visible-xs">
 441                                 {{* Event attendance buttons *}}
 442                         {{if $item.isevent}}
 443                                 <div class="btn-group" role="group">
 444                                         <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="doLikeAction({{$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>
 445                                         <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="doLikeAction({{$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>
 446                                         <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="doLikeAction({{$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>
 447                                 </div>
 448                         {{/if}}
 449
 450                         {{if $item.edpost || $item.tagger || $item.filer || $item.pin || $item.star || $item.subthread || $item.ignore || $item.drop.dropping}}
 451                                 <div class="more-links btn-group{{if $item.thread_level > 1}} dropup{{/if}}">
 452                                         <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>
 453                                         <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenuOptions-{{$item.id}}">
 454                                         {{if $item.edpost}} {{* edit the posting *}}
 455                                                 <li role="menuitem">
 456                                                         <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>
 457                                                 </li>
 458                                         {{/if}}
 459
 460                                                 {{if $item.tagger}} {{* tag the post *}}
 461                                                         <li role="menuitem">
 462                                                         <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>
 463                                                 </li>
 464                                                 {{/if}}
 465
 466                                                 {{if $item.filer}}
 467                                                         <li role="menuitem">
 468                                                         <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>
 469                                                 </li>
 470                                                 {{/if}}
 471
 472                                                 {{if $item.pin}}
 473                                                         <li role="menuitem">
 474                                                         <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>
 475                                                         <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>
 476                                                 </li>
 477                                                 {{/if}}
 478
 479                                                 {{if $item.star}}
 480                                                         <li role="menuitem">
 481                                                         <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>
 482                                                         <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>
 483                                                 </li>
 484                                                 {{/if}}
 485
 486                                                 {{if $item.subthread}}
 487                                                         <li role="menuitem">
 488                                                         <a id="subthread-{{$item.id}}" href="javascript:{{$item.subthread.action}}" class="btn-link" title="{{$item.subthread.title}}"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp;{{$item.subthread.title}}</a>
 489                                                 </li>
 490                                                 {{/if}}
 491
 492                                                 {{if $item.ignore || $item.drop.dropping}}
 493                                                         <li role="separator" class="divider"></li>
 494                                                 {{/if}}
 495
 496                                                 {{if $item.ignore}}
 497                                                         <li role="menuitem">
 498                                                         <a id="ignore-{{$item.id}}" href="javascript:doignore({{$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>
 499                                                 </li>
 500                                                         <li role="menuitem">
 501                                                         <a id="unignore-{{$item.id}}" href="javascript:doignore({{$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>
 502                                                 </li>
 503                                                 {{/if}}
 504
 505                                                 {{if $item.drop.dropping}}
 506                                                         <li role="menuitem">
 507                                                         <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>
 508                                                 </li>
 509                                                 {{/if}}
 510                                         </ul>
 511                                         <img id="like-rotator-{{$item.id}}" class="like-rotator" src="images/rotator.gif" alt="{{$item.wait}}" title="{{$item.wait}}" style="display: none;" />
 512                                 </div>
 513                         {{/if}}
 514                                 <span class="pull-right checkbox">
 515                         {{if $item.drop.pagedrop}}
 516                                         <input type="checkbox" title="{{$item.drop.select}}" name="itemselected[]" id="checkbox-{{$item.id}}" class="item-select" value="{{$item.id}}" />
 517                                         <label for="checkbox-{{$item.id}}"></label>
 518                         {{/if}}
 519                                 </span>
 520                         </div>
 521                 </div><!--./wall-item-actions-->
 522
 523                 <div class="wall-item-links"></div>
 524
 525                 {{* Display likes, dislike and attendance stats *}}
 526                 {{if $item.responses}}
 527                         <div class="wall-item-responses">
 528                                 {{foreach $item.responses as $verb=>$response}}
 529                                 <div class="wall-item-{{$verb}}" id="wall-item-{{$verb}}-{{$item.id}}">{{$response.output nofilter}}</div>
 530                                 {{/foreach}}
 531                         </div>
 532                 {{/if}}
 533
 534                 {{* Insert comment box of threaded children *}}
 535                 {{if $item.threaded && $item.comment && $item.indent==comment}}
 536                         <div class="wall-item-comment-wrapper" id="item-comments-{{$item.id}}" data-display="block" style="display: none;">
 537                                 {{$item.comment nofilter}}
 538                         </div>
 539                 {{/if}}
 540
 541                 {{if $item.thread_level!=1}}
 542                 </div><!--./media-body from for comments-->
 543                 {{/if}}
 544         </div>
 545         {{foreach $item.children as $child}}
 546                 {{include file="{{$item.template}}" item=$child}}
 547         {{/foreach}}
 548
 549         {{* Insert the comment box of the top level post at the bottom of the thread.
 550                 Display this comment box if there are any comments. If not hide it. In this
 551                 case it could be opend with the "comment" button *}}
 552         {{if $item.comment && $item.thread_level==1}}
 553                 {{if $item.total_comments_num}}
 554                 <div class="comment-fake-form" id="comment-fake-form-{{$item.id}}">
 555                         <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>
 556                 </div>
 557                 {{/if}}
 558                 <div class="wall-item-comment-wrapper well well-small" id="item-comments-{{$item.id}}" data-display="block" style="display: none">{{$item.comment nofilter}}</div>
 559         {{/if}}
 560 </div><!-- ./panel-body or ./wall-item-container -->
 561
 562 {{if $mode == display}}
 563 {{else}}
 564 {{if $item.comment_lastcollapsed}}</div>{{/if}}
 565 {{/if}}
 566
 567 {{* close the comment-container div if no more thread_level = 2 children are left *}}
 568 {{if $item.thread_level==2 && $top_child_nr==$top_child_total}}
 569 </div><!--./comment-container-->
 570 {{/if}}