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