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