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