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.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="id" style="display: none;">{{$item.id}}</span>
  82 {{/if}}
  83         <div class="media {{$item.shiny}}">
  84                 {{* Put addional actions in a top-right dropdown menu *}}
  85
  86                 <ul class="nav nav-pills preferences">
  87                         {{if $item.network_icon != ""}}
  88                         <li><span class="wall-item-network"><i class="fa fa-{{$item.network_icon}}" title="{{$item.network_name}}" aria-hidden="true"></i></span></li>
  89                         {{else}}
  90                         <li><span class="wall-item-network" title="{{$item.app}}">{{$item.network_name}}</span></li>
  91                         {{/if}}
  92                         {{if $item.plink || $item.drop.dropping || $item.edpost || $item.ignore || $item.tagger || $item.star || $item.filer || $item.subthread}}
  93                         <li class="dropdown">
  94                                 <button type="button" class="btn-link dropdown-toggle" data-toggle="dropdown" id="dropdownMenuTools-{{$item.id}}" aria-haspopup="true" aria-expanded="false"><i class="fa fa-angle-down" aria-hidden="true"></i></button>
  95
  96                                 <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenuTools-{{$item.id}}">
  97                                         {{if $item.plink}}      {{*link to the original source of the item *}}
  98                                         <li role="menuitem">
  99                                                 <a title="{{$item.plink.title}}" href="{{$item.plink.href}}" class="navicon plink u-url"><i class="fa fa-external-link" aria-hidden="true"></i> {{$item.plink.title}}</a>
 100                                         </li>
 101                                         {{/if}}
 102
 103                                         {{if $item.edpost}} {{* edit the posting *}}
 104                                         <li role="menuitem">
 105                                                 <button type="button" onclick="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}}</button>
 106                                         </li>
 107                                         {{/if}}
 108
 109                                         {{if $item.tagger}} {{* tag the post *}}
 110                                         <li role="menuitem">
 111                                                 <button type="button" id="tagger-{{$item.id}}" onclick="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}}</button>
 112                                         </li>
 113                                         {{/if}}
 114
 115                                         {{if $item.filer}}
 116                                         <li role="menuitem">
 117                                                 <button type="button" id="filer-{{$item.id}}" onclick="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}}</button>
 118                                         </li>
 119                                         {{/if}}
 120
 121                                         {{if $item.pin}}
 122                                         <li role="menuitem">
 123                                                 <button type="button" id="pin-{{$item.id}}" onclick="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}}</button>
 124                                                 <button type="button" id="unpin-{{$item.id}}" onclick="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}}</button>
 125                                         </li>
 126                                         {{/if}}
 127
 128                                         {{if $item.star}}
 129                                         <li role="menuitem">
 130                                                 <button type="button" id="star-{{$item.id}}" onclick="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}}</button>
 131                                                 <button type="button" id="unstar-{{$item.id}}" onclick="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}}</button>
 132                                         </li>
 133                                         {{/if}}
 134
 135                                         {{if $item.subthread}}
 136                                         <li role="menuitem">
 137                                                 <button type="button" id="subthread-{{$item.id}}" onclick="{{$item.subthread.action}}" class="btn-link" title="{{$item.subthread.title}}"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp;{{$item.subthread.title}}</button>
 138                                         </li>
 139                                         {{/if}}
 140
 141                                         {{if $item.ignore || $item.drop.dropping}}
 142                                         <li role="separator" class="divider"></li>
 143                                         {{/if}}
 144
 145                                         {{if $item.ignore}}
 146                                                 <li role="menuitem">
 147                                                         <button type="button" id="ignore-{{$item.id}}" onclick="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}}</button>
 148                                                 </li>
 149                                                 <li role="menuitem">
 150                                                         <button type="button" id="unignore-{{$item.id}}" onclick="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}}</button>
 151                                                 </li>
 152                                         {{/if}}
 153
 154                                         {{if $item.drop.dropping}}
 155                                         <li role="menuitem">
 156                                                 <button type="button" class="btn-link navicon delete" onclick="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}}</button>
 157                                         </li>
 158                                         {{/if}}
 159                                 </ul>
 160                         </li>
 161                         {{/if}}
 162                 </ul>
 163
 164
 165                 {{* The avatar picture and the photo-menu *}}
 166                 <div class="dropdown pull-left"><!-- Dropdown -->
 167                         {{if $item.thread_level==1}}
 168                         <div class="hidden-sm hidden-xs contact-photo-wrapper mframe{{if $item.owner_url}} wwfrom{{/if}} p-author h-card">
 169                                 <a class="userinfo click-card u-url" id="wall-item-photo-menu-{{$item.id}}" href="{{$item.profile_url}}">
 170                                         <div class="contact-photo-image-wrapper">
 171                                                 <img src="{{$item.thumb}}" class="contact-photo media-object {{$item.sparkle}} p-name u-photo" id="wall-item-photo-{{$item.id}}" alt="{{$item.name}}" />
 172                                         </div>
 173                                 </a>
 174                         </div>
 175                         <div class="hidden-lg hidden-md contact-photo-wrapper mframe{{if $item.owner_url}} wwfrom{{/if}}">
 176                                 <a class="userinfo click-card u-url" id="wall-item-photo-menu-xs-{{$item.id}}" href="{{$item.profile_url}}">
 177                                         <div class="contact-photo-image-wrapper">
 178                                                 <img src="{{$item.thumb}}" class="contact-photo-xs media-object {{$item.sparkle}}" id="wall-item-photo-xs-{{$item.id}}" alt="{{$item.name}}" />
 179                                         </div>
 180                                 </a>
 181                         </div>
 182
 183                         {{* The litle overlay avatar picture if someone is posting directly to a wall or a forum *}}
 184                         {{if $item.owner_url}}
 185                         <div aria-hidden="true" class="contact-photo-wrapper mframe wwto" id="wall-item-ownerphoto-wrapper-{{$item.id}}" >
 186                                 <a href="{{$item.owner_url}}" target="redir" title="{{$item.olinktitle}}" class="contact-photo-link" id="wall-item-ownerphoto-link-{{$item.id}}">
 187                                         <img src="{{$item.owner_photo}}" class="contact-photo {{$item.osparkle}}" id="wall-item-ownerphoto-{{$item.id}}" alt="{{$item.owner_name}}" />
 188                                 </a>
 189                         </div>
 190                         {{/if}}
 191
 192                         {{/if}} {{*End if $item.thread_level==1}}
 193
 194                         {{* The avatar picture for comments *}}
 195                         {{if $item.thread_level!=1}}
 196                         <div class="contact-photo-wrapper mframe{{if $item.owner_url}} wwfrom{{/if}} p-author h-card">
 197                                 <a class="userinfo click-card u-url" id="wall-item-photo-menu-{{$item.id}}" href="{{$item.profile_url}}">
 198                                         <div class="contact-photo-image-wrapper">
 199                                                 <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}}" />
 200                                         </div>
 201                                 </a>
 202                         </div>
 203                         {{/if}}
 204                 </div><!-- ./Dropdown -->
 205
 206
 207
 208                 {{* contact info header*}}
 209                 {{if $item.thread_level==1}}
 210                 <div role="heading " aria-level="{{$item.thread_level}}" class="contact-info hidden-sm hidden-xs media-body"><!-- <= For computer -->
 211                         <h4 class="media-heading">
 212                                 <a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-name-link userinfo hover-card">
 213                                         <span class="wall-item-name {{$item.sparkle}}">{{$item.name}}</span>
 214                                 </a>
 215                         {{if $item.owner_url}}
 216                                 {{$item.via}}
 217                                 <a href="{{$item.owner_url}}" target="redir" title="{{$item.olinktitle}}" class="wall-item-name-link userinfo hover-card">
 218                                         <span class="wall-item-name {{$item.osparkle}}" id="wall-item-ownername-{{$item.id}}">{{$item.owner_name}}</span>
 219                                 </a>
 220                         {{/if}}
 221                         {{if $item.lock}}
 222                                 <span class="navicon lock fakelink" onClick="lockview(event,{{$item.id}});" title="{{$item.lock}}" data-toggle="tooltip">
 223                                         &nbsp;<small><i class="fa fa-lock" aria-hidden="true"></i></small>
 224                                 </span>
 225                         {{/if}}
 226                         </h4>
 227
 228                         <div class="additional-info text-muted">
 229                                 <div id="wall-item-ago-{{$item.id}}" class="wall-item-ago">
 230                                         <small>
 231                                                 <a href="{{$item.plink.orig}}">
 232                                                         <span class="time" title="{{$item.localtime}}" data-toggle="tooltip">
 233                                                                 <time class="dt-published" datetime="{{$item.localtime}}">{{$item.ago}}</time>
 234                                                         </span>
 235                                                 </a>
 236                                                 {{if $item.owner_self}}
 237                                                         {{include file="sub/delivery_count.tpl" delivery=$item.delivery}}
 238                                                 {{/if}}
 239                                                 <span class="pinned">{{$item.pinned}}</span>
 240                                         </small>
 241                                 </div>
 242
 243                                 {{if $item.location}}
 244                                 <div id="wall-item-location-{{$item.id}}" class="wall-item-location">
 245                                         <small><span class="location">({{$item.location nofilter}})</span></small>
 246                                 </div>
 247                                 {{/if}}
 248                         </div>
 249                         {{* @todo $item.created have to be inserted *}}
 250                 </div>
 251
 252                 {{* contact info header for smartphones *}}
 253                 <div role="heading " aria-level="{{$item.thread_level}}" class="contact-info-xs hidden-lg hidden-md"><!-- <= For smartphone (responsive) -->
 254                         <h5 class="media-heading">
 255                                 <a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-name-link userinfo hover-card"><span>{{$item.name}}</span></a>
 256                                 <p class="text-muted">
 257                                         <small>
 258                                                 <a class="time" href="{{$item.plink.orig}}"><span class="wall-item-ago">{{$item.ago}}</span></a>
 259                                                 {{if $item.location}}&nbsp;&mdash;&nbsp;({{$item.location nofilter}}){{/if}}
 260                                                 {{if $item.owner_self}}
 261                                                         {{include file="sub/delivery_count.tpl" delivery=$item.delivery}}
 262                                                 {{/if}}
 263                                         </small>
 264                                 </p>
 265                         </h5>
 266                 </div>
 267                 {{/if}} {{* End of if $item.thread_level==1 *}}
 268
 269                 {{* contact info header for comments *}}
 270                 {{if $item.thread_level!=1}}
 271                 <div class="media-body">{{*this is the media body for comments - this div must be closed at the end of the file *}}
 272                 <div role="heading " aria-level="{{$item.thread_level}}" class="contact-info-comment">
 273                         <h5 class="media-heading">
 274                                 <a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-name-link userinfo hover-card"><span class="fakelink">{{$item.name}}</span></a>
 275                                 <span class="text-muted">
 276                                         <small>
 277                                                 <a class="time" href="{{$item.plink.orig}}" title="{{$item.localtime}}" data-toggle="tooltip">{{$item.ago}}</a>
 278                                                 {{if $item.location}}&nbsp;&mdash;&nbsp;({{$item.location nofilter}}){{/if}}
 279                                                 {{if $item.owner_self}}
 280                                                         {{include file="sub/delivery_count.tpl" delivery=$item.delivery}}
 281                                                 {{/if}}
 282                                         </small>
 283                                 </span>
 284                         </h5>
 285                 </div>
 286                 {{/if}}
 287
 288                 <div class="clearfix"></div>
 289
 290                 {{* Insert Line to seperate item header and item content visually *}}
 291                 {{if $item.thread_level==1}}<hr />{{/if}}
 292
 293                 {{* item content *}}
 294                 <div class="wall-item-content {{$item.type}}" id="wall-item-content-{{$item.id}}">
 295                         {{if $item.title}}
 296                         <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>
 297                         {{/if}}
 298
 299                         <div class="wall-item-body e-content {{if !$item.title}}p-name{{/if}}" id="wall-item-body-{{$item.id}}">{{$item.body nofilter}}</div>
 300                 </div>
 301
 302                 <!-- TODO -->
 303                 <div class="wall-item-bottom">
 304                         <div class="wall-item-links"></div>
 305                         <div class="wall-item-tags">
 306                 {{if !$item.suppress_tags}}
 307                         {{foreach $item.hashtags as $tag}}
 308                                 <span class="tag label btn-info sm">{{$tag nofilter}} <i class="fa fa-bolt" aria-hidden="true"></i></span>
 309                         {{/foreach}}
 310
 311                         {{foreach $item.mentions as $tag}}
 312                                 <span class="mention label btn-warning sm">{{$tag nofilter}} <i class="fa fa-user" aria-hidden="true"></i></span>
 313                         {{/foreach}}
 314
 315                         {{*foreach $item.implicit_mentions as $tag}}
 316                                 <span class="mention label label-default sm">{{$tag nofilter}} <i class="fa fa-eye-slash" aria-hidden="true"></i></span>
 317                         {{/foreach*}}
 318                 {{/if}}
 319                         {{foreach $item.folders as $cat}}
 320                                 <span class="folder label btn-danger sm p-category">{{$cat.name}}{{if $cat.removeurl}} (<a href="{{$cat.removeurl}}" title="{{$remove}}">x</a>) {{/if}} </span>
 321                         {{/foreach}}
 322
 323                         {{foreach $item.categories as $cat}}
 324                                 <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>
 325                         {{/foreach}}
 326                         </div>
 327                         {{if $item.edited}}<div class="itemedited text-muted">{{$item.edited['label']}} (<span title="{{$item.edited['date']}}">{{$item.edited['relative']}}</span>)</div>{{/if}}
 328                 </div>
 329                 <!-- ./TODO -->
 330
 331                 <!-- <hr /> -->
 332                 <p class="wall-item-actions">
 333                         {{* Action buttons to interact with the item (like: like, dislike, share and so on *}}
 334                         <span class="wall-item-actions-left">
 335                                 <!--comment this out to try something different {{if $item.threaded}}{{if $item.comment}}
 336                                 <div id="button-reply" class="pull-left">
 337                                         <button type="button" class="btn-link" id="comment-{{$item.id}}" onclick="openClose('item-comments-{{$item.id}}'); commentExpand({{$item.id}});"><i class="fa fa-reply" title="{{$item.switchcomment}}"></i> </span>
 338                                 </div>
 339                                 {{/if}}{{/if}}-->
 340
 341                                 {{if $item.threaded}}{{/if}}
 342
 343                                 {{* Buttons for like and dislike *}}
 344                                 {{if $item.vote}}
 345                                         {{if $item.vote.like}}
 346                                         <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');" data-toggle="button"><i class="fa fa-thumbs-up" aria-hidden="true"></i>&nbsp;{{$item.vote.like.1}}</button>
 347                                         {{/if}}
 348                                         {{if $item.vote.like AND $item.vote.dislike}}
 349                                         <span role="presentation" class="separator">•</span>
 350                                         {{/if}}
 351                                         {{if $item.vote.dislike}}
 352                                         <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');" data-toggle="button"><i class="fa fa-thumbs-down" aria-hidden="true"></i>&nbsp;{{$item.vote.dislike.1}}</button>
 353                                         {{/if}}
 354
 355                                         {{if ($item.vote.like OR $item.vote.dislike) AND $item.comment}}
 356                                         <span role="presentation" class="separator">•</span>
 357                                         {{/if}}
 358                                 {{/if}}
 359
 360                                 {{* Button to open the comment text field *}}
 361                                 {{if $item.comment}}
 362                                 <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>
 363                                 {{/if}}
 364
 365                                 {{* Button for sharing the item *}}
 366                                 {{if $item.vote}}
 367                                         {{if $item.vote.share}}
 368                                                 {{if $item.vote.like OR $item.vote.dislike OR $item.comment}}
 369                                         <span role="presentation" class="separator">•</span>
 370                                                 {{/if}}
 371                                         <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>
 372                                         {{/if}}
 373                                 {{/if}}
 374                                 <img id="like-rotator-{{$item.id}}" class="like-rotator" src="images/rotator.gif" alt="{{$item.wait}}" title="{{$item.wait}}" style="display: none;" />
 375                         </span>
 376
 377                         <span class="wall-item-actions-right">
 378                                 {{* Event attendance buttons *}}
 379                         {{if $item.isevent}}
 380                                 <span class="vote-event">
 381                                         <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');"><i class="fa fa-check" aria-hidden="true"><span class="sr-only">{{$item.attend.0}}</span></i></button>
 382                                         <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');"><i class="fa fa-times" aria-hidden="true"><span class="sr-only">{{$item.attend.1}}</span></i></button>
 383                                         <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');"><i class="fa fa-question" aria-hidden="true"><span class="sr-only">{{$item.attend.2}}</span></i></button>
 384                                 </span>
 385                         {{/if}}
 386
 387                                 <span class="pull-right checkbox">
 388                         {{if $item.drop.pagedrop}}
 389                                         <input type="checkbox" title="{{$item.drop.select}}" name="itemselected[]" id="checkbox-{{$item.id}}" class="item-select" value="{{$item.id}}" />
 390                                         <label for="checkbox-{{$item.id}}"></label>
 391                         {{/if}}
 392                                 </span>
 393                         </span>
 394                 </p><!--./wall-item-actions-->
 395
 396                 <div class="wall-item-links"></div>
 397
 398                 {{* Display likes, dislike and attendance stats *}}
 399                 {{if $item.responses}}
 400                         <div class="wall-item-responses">
 401                                 {{foreach $item.responses as $verb=>$response}}
 402                                 <div class="wall-item-{{$verb}}" id="wall-item-{{$verb}}-{{$item.id}}">{{$response.output nofilter}}</div>
 403                                 {{/foreach}}
 404                         </div>
 405                 {{/if}}
 406
 407                 {{* Insert comment box of threaded children *}}
 408                 {{if $item.threaded && $item.comment && $item.indent==comment}}
 409                         <div class="wall-item-comment-wrapper" id="item-comments-{{$item.id}}" data-display="block" style="display: none;">
 410                                 {{$item.comment nofilter}}
 411                         </div>
 412                 {{/if}}
 413
 414                 {{if $item.thread_level!=1}}
 415                 </div><!--./media-body from for comments-->
 416                 {{/if}}
 417         </div>
 418         {{foreach $item.children as $child}}
 419                 {{include file="{{$item.template}}" item=$child}}
 420         {{/foreach}}
 421
 422         {{* Insert the comment box of the top level post at the bottom of the thread.
 423                 Display this comment box if there are any comments. If not hide it. In this
 424                 case it could be opend with the "comment" button *}}
 425         {{if $item.comment && $item.thread_level==1}}
 426                 {{if $item.total_comments_num}}
 427                 <div class="comment-fake-form" id="comment-fake-form-{{$item.id}}">
 428                         <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>
 429                 </div>
 430                 {{/if}}
 431                 <div class="wall-item-comment-wrapper well well-small" id="item-comments-{{$item.id}}" data-display="block" style="display: none">{{$item.comment nofilter}}</div>
 432         {{/if}}
 433 </div><!-- ./panel-body or ./wall-item-container -->
 434
 435 {{if $mode == display}}
 436 {{else}}
 437 {{if $item.comment_lastcollapsed}}</div>{{/if}}
 438 {{/if}}
 439
 440 {{* close the comment-container div if no more thread_level = 2 children are left *}}
 441 {{if $item.thread_level==2 && $top_child_nr==$top_child_total}}
 442 </div><!--./comment-container-->
 443 {{/if}}