]> git.mxchange.org Git - friendica.git/blobdiff - view/theme/frio/templates/wall_thread.tpl
Merge pull request #9892 from MrPetovan/task/9872-item-pin
[friendica.git] / view / theme / frio / templates / wall_thread.tpl
index a5a785af7eaf1c466664a4834cc9394dac616c94..b98cefb9c9d358aee73a258d1c4fd2cb84c81684 100644 (file)
@@ -63,7 +63,7 @@ as the value of $top_child_total (this is done at the end of this file)
        {{if $item.star}}
        <span class="icon s22 star {{$item.isstarred}}" id="starred-{{$item.id}}" title="{{$item.star.starred}}">{{$item.star.starred}}</span>
        {{/if}}
-       {{if $item.lock}}<span class="navicon lock fakelink" onclick="lockview(event,{{$item.id}});" title="{{$item.lock}}"></span><span class="fa fa-lock"></span>{{/if}}
+       {{if $item.lock}}<span class="navicon lock fakelink" onclick="lockview(event, 'item', {{$item.id}});" title="{{$item.lock}}"></span><span class="fa fa-lock"></span>{{/if}}
 </div>
 {{* /TODO => Unknown block *}}
 
@@ -78,9 +78,12 @@ as the value of $top_child_total (this is done at the end of this file)
 <span class="commented" style="display: none;">{{$item.commented}}</span>
 <span class="received" style="display: none;">{{$item.received}}</span>
 <span class="created" style="display: none;">{{$item.created_date}}</span>
-<span class="id" style="display: none;">{{$item.id}}</span>
+<span class="uriid" style="display: none;">{{$item.uriid}}</span>
 {{/if}}
        <div class="media {{$item.shiny}}">
+       {{if $item.reshared}}
+               <p class="wall-item-announce wall-item-responses" id="wall-item-announce-{{$item.id}}"><i class="fa fa-retweet" aria-hidden="true"></i> {{$item.reshared nofilter}}</p>
+       {{/if}}
                {{* The avatar picture and the photo-menu *}}
                <div class="dropdown pull-left"><!-- Dropdown -->
                        {{if $item.thread_level==1}}
@@ -123,112 +126,113 @@ as the value of $top_child_total (this is done at the end of this file)
                </div><!-- ./Dropdown -->
 
 
+       {{if $item.thread_level!=1}}
+               <div class="media-body">{{*this is the media body for comments - this div must be closed at the end of the file *}}
+       {{/if}}
 
-               {{* contact info header*}}
+                       {{* contact info header*}}
+               <div role="heading" aria-level="{{$item.thread_level}}">
+                       <div class="preferences">
+                               {{if $item.network_icon != ""}}
+                                       <span class="wall-item-network"><i class="fa fa-{{$item.network_icon}}" title="{{$item.network_name}}" aria-hidden="true"></i></span>
+                               {{else}}
+                                       <span class="wall-item-network" title="{{$item.app}}">{{$item.network_name}}</span>
+                               {{/if}}
+                               {{if $item.plink}}      {{*link to the original source of the item *}}
+                                       &nbsp;
+                                       <a href="{{$item.plink.href}}" class="plink u-url" aria-label="{{$item.plink.title}}" title="{{$item.plink.title}}">
+                                               <i class="fa fa-external-link"></i>
+                                       </a>
+                               {{/if}}
+                       </div>
                {{if $item.thread_level==1}}
-               <div role="heading " aria-level="{{$item.thread_level}}" class="contact-info hidden-sm hidden-xs media-body"><!-- <= For computer -->
-                       <h4 class="media-heading">
-                               <a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-name-link userinfo hover-card">
-                                       <span class="wall-item-name {{$item.sparkle}}">{{$item.name}}</span>
-                               </a>
-                       {{if $item.owner_url}}
-                               {{$item.via}}
-                               <a href="{{$item.owner_url}}" target="redir" title="{{$item.olinktitle}}" class="wall-item-name-link userinfo hover-card">
-                                       <span class="wall-item-name {{$item.osparkle}}" id="wall-item-ownername-{{$item.id}}">{{$item.owner_name}}</span>
-                               </a>
-                       {{/if}}
-                       {{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}}
-                       </h4>
-
-                       <div class="additional-info text-muted">
-                               <div id="wall-item-ago-{{$item.id}}" class="wall-item-ago">
-                                       <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>
-                                               {{if $item.owner_self}}
-                                                       {{include file="sub/delivery_count.tpl" delivery=$item.delivery}}
-                                               {{/if}}
-                                               {{if $item.direction}}
-                                                       {{include file="sub/direction.tpl" direction=$item.direction}}
-                                               {{/if}}
-                                               {{if $item.pinned}}
-                                                       &bull; <i class="fa fa-thumb-tack" aria-hidden="true" title="{{$item.pinned}}"></i>
-                                                       <span class="sr-only">{{$item.pinned}}</span>
-                                               {{/if}}
-
-                                       </small>
-                               </div>
+                       <div class="contact-info hidden-sm hidden-xs media-body"><!-- <= For computer -->
+                               <h4 class="media-heading">
+                                       <a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-name-link userinfo hover-card">
+                                               <span class="wall-item-name {{$item.sparkle}}">{{$item.name}}</span>
+                                       </a>
+                               {{if $item.owner_url}}
+                                       {{$item.via}}
+                                       <a href="{{$item.owner_url}}" target="redir" title="{{$item.olinktitle}}" class="wall-item-name-link userinfo hover-card">
+                                               <span class="wall-item-name {{$item.osparkle}}" id="wall-item-ownername-{{$item.id}}">{{$item.owner_name}}</span>
+                                       </a>
+                               {{/if}}
+                               {{if $item.lock}}
+                                       <span class="navicon lock fakelink" onClick="lockview(event, 'item', {{$item.id}});" title="{{$item.lock}}" data-toggle="tooltip">
+                                               &nbsp;<small><i class="fa fa-lock" aria-hidden="true"></i></small>
+                                       </span>
+                               {{/if}}
+                               </h4>
+
+                               <div class="additional-info text-muted">
+                                       <div id="wall-item-ago-{{$item.id}}" class="wall-item-ago">
+                                               <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>
+                                                       {{if $item.owner_self}}
+                                                               {{include file="sub/delivery_count.tpl" delivery=$item.delivery}}
+                                                       {{/if}}
+                                                       {{if $item.direction}}
+                                                               {{include file="sub/direction.tpl" direction=$item.direction}}
+                                                       {{/if}}
+                                                       {{if $item.pinned}}
+                                                               &bull; <i class="fa fa-thumb-tack" aria-hidden="true" title="{{$item.pinned}}"></i>
+                                                               <span class="sr-only">{{$item.pinned}}</span>
+                                                       {{/if}}
+
+                                               </small>
+                                       </div>
 
-                               {{if $item.location}}
-                               <div id="wall-item-location-{{$item.id}}" class="wall-item-location">
-                                       <small><span class="location">({{$item.location nofilter}})</span></small>
+                                       {{if $item.location_html}}
+                                       <div id="wall-item-location-{{$item.id}}" class="wall-item-location">
+                                               <small><span class="location">({{$item.location_html nofilter}})</span></small>
+                                       </div>
+                                       {{/if}}
                                </div>
-                               {{/if}}
+                               {{* @todo $item.created have to be inserted *}}
                        </div>
-                       {{* @todo $item.created have to be inserted *}}
-               </div>
-
-               {{* contact info header for smartphones *}}
-               <div role="heading " aria-level="{{$item.thread_level}}" class="contact-info-xs hidden-lg hidden-md"><!-- <= For smartphone (responsive) -->
-                       <h5 class="media-heading">
-                               <a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-name-link userinfo hover-card"><span>{{$item.name}}</span></a>
-                               <p class="text-muted">
-                                       <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 nofilter}}){{/if}}
-                                               {{if $item.owner_self}}
-                                                       {{include file="sub/delivery_count.tpl" delivery=$item.delivery}}
-                                               {{/if}}
-                                               {{if $item.direction}}
-                                                       {{include file="sub/direction.tpl" direction=$item.direction}}
-                                               {{/if}}
-                                       </small>
-                               </p>
-                       </h5>
-               </div>
-               {{/if}} {{* End of if $item.thread_level==1 *}}
-
-               {{* contact info header for comments *}}
-               {{if $item.thread_level!=1}}
-               <div class="media-body">{{*this is the media body for comments - this div must be closed at the end of the file *}}
-               <div role="heading " aria-level="{{$item.thread_level}}" class="contact-info-comment">
-                       <h5 class="media-heading">
-                               <a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-name-link userinfo hover-card"><span class="fakelink">{{$item.name}}</span></a>
-                               <span class="text-muted">
-                                       <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 nofilter}}){{/if}}
-                                               {{if $item.owner_self}}
-                                                       {{include file="sub/delivery_count.tpl" delivery=$item.delivery}}
-                                               {{/if}}
-                                               {{if $item.direction}}
-                                                       {{include file="sub/direction.tpl" direction=$item.direction}}
-                                               {{/if}}
-                                       </small>
-                               </span>
-                       </h5>
-               </div>
-               {{/if}}
 
-               <div class="preferences">
-               {{if $item.network_icon != ""}}
-                       <span class="wall-item-network"><i class="fa fa-{{$item.network_icon}}" title="{{$item.network_name}}" aria-hidden="true"></i></span>
-               {{else}}
-                       <span class="wall-item-network" title="{{$item.app}}">{{$item.network_name}}</span>
-               {{/if}}
-               {{if $item.plink}}      {{*link to the original source of the item *}}
-                       &nbsp;
-                       <a href="{{$item.plink.href}}" class="plink u-url" aria-label="{{$item.plink.title}}" title="{{$item.plink.title}}">
-                               <i class="fa fa-external-link"></i>
-                       </a>
-               {{/if}}
+                       {{* contact info header for smartphones *}}
+                       <div class="contact-info-xs hidden-lg hidden-md"><!-- <= For smartphone (responsive) -->
+                               <h5 class="media-heading">
+                                       <a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-name-link userinfo hover-card"><span>{{$item.name}}</span></a>
+                                       <p class="text-muted">
+                                               <small>
+                                                       <a class="time" href="{{$item.plink.orig}}"><span class="wall-item-ago">{{$item.ago}}</span></a>
+                                                       {{if $item.location_html}}&nbsp;&mdash;&nbsp;({{$item.location_html nofilter}}){{/if}}
+                                                       {{if $item.owner_self}}
+                                                               {{include file="sub/delivery_count.tpl" delivery=$item.delivery}}
+                                                       {{/if}}
+                                                       {{if $item.direction}}
+                                                               {{include file="sub/direction.tpl" direction=$item.direction}}
+                                                       {{/if}}
+                                               </small>
+                                       </p>
+                               </h5>
+                       </div>
+               {{else}} {{* End of if $item.thread_level == 1 *}}
+                       {{* contact info header for comments *}}
+                       <div class="contact-info-comment">
+                               <h5 class="media-heading">
+                                       <a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-name-link userinfo hover-card"><span class="fakelink">{{$item.name}}</span></a>
+                                       <span class="text-muted">
+                               <small>
+                                       <a class="time" href="{{$item.plink.orig}}" title="{{$item.localtime}}" data-toggle="tooltip">{{$item.ago}}</a>
+                                       {{if $item.location_html}}&nbsp;&mdash;&nbsp;({{$item.location_html nofilter}}){{/if}}
+                                       {{if $item.owner_self}}
+                                               {{include file="sub/delivery_count.tpl" delivery=$item.delivery}}
+                                       {{/if}}
+                                       {{if $item.direction}}
+                                               {{include file="sub/direction.tpl" direction=$item.direction}}
+                                       {{/if}}
+                               </small>
+                       </span>
+                               </h5>
+                       </div>
+               {{/if}} {{* End of if $item.thread_level != 1 *}}
                </div>
 
                <div class="clearfix"></div>
@@ -242,7 +246,7 @@ as the value of $top_child_total (this is done at the end of this file)
                        <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>
                        {{/if}}
 
-                       <div class="wall-item-body e-content {{if !$item.title}}p-name{{/if}}" id="wall-item-body-{{$item.id}}">{{$item.body nofilter}}</div>
+                       <div class="wall-item-body e-content {{if !$item.title}}p-name{{/if}}" id="wall-item-body-{{$item.id}}">{{$item.body_html nofilter}}</div>
                </div>
 
                <!-- TODO -->
@@ -282,16 +286,16 @@ as the value of $top_child_total (this is done at the end of this file)
                        {{* Buttons for like and dislike *}}
                        {{if $item.vote}}
                                {{if $item.vote.like}}
-                               <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>
+                               <button type="button" class="btn-link button-likes{{if $item.responses.like.self}} active" aria-pressed="true{{/if}}" id="like-{{$item.id}}" title="{{$item.vote.like.0}}" onclick="doLikeAction({{$item.id}}, 'like'{{if $item.responses.like.self}}, true{{/if}});" data-toggle="button"><i class="fa fa-thumbs-up" aria-hidden="true"></i>&nbsp;{{$item.vote.like.1}}</button>
                                {{/if}}
                                {{if $item.vote.like AND $item.vote.dislike}}
                                <span role="presentation" class="separator"></span>
                                {{/if}}
                                {{if $item.vote.dislike}}
-                               <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>
+                               <button type="button" class="btn-link button-likes{{if $item.responses.dislike.self}} active" aria-pressed="true{{/if}}" id="dislike-{{$item.id}}" title="{{$item.vote.dislike.0}}" onclick="doLikeAction({{$item.id}}, 'dislike'{{if $item.responses.dislike.self}}, true{{/if}});" data-toggle="button"><i class="fa fa-thumbs-down" aria-hidden="true"></i>&nbsp;{{$item.vote.dislike.1}}</button>
                                {{/if}}
 
-                               {{if ($item.vote.like OR $item.vote.dislike) AND $item.comment}}
+                               {{if ($item.vote.like OR $item.vote.dislike) AND $item.comment_html}}
                                <span role="presentation" class="separator"></span>
                                {{/if}}
                        {{/if}}
@@ -301,17 +305,23 @@ as the value of $top_child_total (this is done at the end of this file)
                        {{/if}}
 
                        {{* Button to open the comment text field *}}
-                       {{if $item.comment}}
+                       {{if $item.comment_html}}
                                <button type="button" class="btn-link button-comments" id="comment-{{$item.id}}" title="{{$item.switchcomment}}" {{if $item.thread_level != 1}}onclick="openClose('item-comments-{{$item.id}}'); commentExpand({{$item.id}});" {{else}} onclick="openClose('item-comments-{{$item.id}}'); commentExpand({{$item.id}});"{{/if}}><i class="fa fa-commenting" aria-hidden="true"></i>&nbsp;{{$item.switchcomment}}</button>
                        {{/if}}
 
                        {{* Button for sharing the item *}}
                        {{if $item.vote}}
-                               {{if $item.vote.share}}
-                                       {{if $item.vote.like OR $item.vote.dislike OR $item.comment}}
+                               {{if $item.vote.share OR $item.vote.announce}}
+                                       {{if $item.vote.like OR $item.vote.dislike OR $item.comment_html}}
                                <span role="presentation" class="separator"></span>
                                        {{/if}}
-                               <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>
+                               {{/if}}
+                               {{if $item.vote.announce}}
+                               <button type="button" class="btn-link button-announces{{if $item.responses.announce.self}} active" aria-pressed="true{{/if}}" id="announce-{{$item.id}}" title="{{$item.vote.announce.0}}" onclick="doLikeAction({{$item.id}}, 'announce'{{if $item.responses.announce.self}}, true{{/if}});" data-toggle="button"><i class="fa fa-retweet" aria-hidden="true"></i>&nbsp;{{$item.vote.announce.1}}</button>
+                               <span role="presentation" class="separator"></span>
+                               {{/if}}
+                               {{if $item.vote.share}}
+                               <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-share" aria-hidden="true"></i>&nbsp;{{$item.vote.share.1}}</button>
                                {{/if}}
                        {{/if}}
 
@@ -341,8 +351,8 @@ as the value of $top_child_total (this is done at the end of this file)
 
                                                {{if $item.pin}}
                                                <li role="menuitem">
-                                                       <a id="pin-{{$item.id}}" href="javascript:dopin({{$item.id}});" class="btn-link {{$item.pin.classdo}}" title="{{$item.pin.do}}"><i class="fa fa-circle-o" aria-hidden="true"></i>&nbsp;{{$item.pin.do}}</a>
-                                                       <a id="unpin-{{$item.id}}" href="javascript:dopin({{$item.id}});" class="btn-link {{$item.pin.classundo}}" title="{{$item.pin.undo}}"><i class="fa fa-dot-circle-o" aria-hidden="true"></i>&nbsp;{{$item.pin.undo}}</a>
+                                                       <a id="pin-{{$item.id}}" href="javascript:doPin({{$item.id}});" class="btn-link {{$item.pin.classdo}}" title="{{$item.pin.do}}"><i class="fa fa-circle-o" aria-hidden="true"></i>&nbsp;{{$item.pin.do}}</a>
+                                                       <a id="unpin-{{$item.id}}" href="javascript:doPin({{$item.id}});" class="btn-link {{$item.pin.classundo}}" title="{{$item.pin.undo}}"><i class="fa fa-dot-circle-o" aria-hidden="true"></i>&nbsp;{{$item.pin.undo}}</a>
                                                </li>
                                                {{/if}}
 
@@ -359,6 +369,12 @@ as the value of $top_child_total (this is done at the end of this file)
                                                </li>
                                                {{/if}}
 
+                                               {{if $item.language}}
+                                               <li role="menuitem">
+                                                       <a id="language-{{$item.id}}" href="javascript:alert('{{$item.language.1}}');" class="btn-link filer-item language-icon" title="{{$item.language.0}}"><i class="fa fa-language" aria-hidden="true"></i>&nbsp;{{$item.language.0}}</a>
+                                               </li>
+                                               {{/if}}
+
                                                {{if ($item.edpost || $item.tagger || $item.filer || $item.pin || $item.star || $item.subthread) && ($item.ignore || $item.drop.dropping)}}
                                                <li role="separator" class="divider"></li>
                                                {{/if}}
@@ -377,6 +393,12 @@ as the value of $top_child_total (this is done at the end of this file)
                                                        <a class="btn-link navicon delete" href="javascript:dropItem('item/drop/{{$item.id}}/{{$item.return}}', 'item-{{$item.guid}}');" title="{{$item.drop.delete}}"><i class="fa fa-trash" aria-hidden="true"></i> {{$item.drop.delete}}</a>
                                                </li>
                                                {{/if}}
+
+                                               {{if $item.block}}
+                                               <li role="menuitem">
+                                                       <a class="btn-link navicon block" href="javascript:blockAuthor('item/block/{{$item.id}}/{{$item.return}}', 'item-{{$item.guid}}');" title="{{$item.block.block}}"><i class="fa fa-ban" aria-hidden="true"></i> {{$item.block.block}}</a>
+                                               </li>
+                                               {{/if}}
                                        </ul>
                                        <img id="like-rotator-{{$item.id}}" class="like-rotator" src="images/rotator.gif" alt="{{$item.wait}}" title="{{$item.wait}}" style="display: none;" />
                                </span>
@@ -390,9 +412,9 @@ as the value of $top_child_total (this is done at the end of this file)
                                {{* Event attendance buttons *}}
                        {{if $item.isevent}}
                                <span class="vote-event">
-                                       <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>
-                                       <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>
-                                       <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>
+                                       <button type="button" class="btn btn-xs btn-default button-event{{if $item.responses.attendyes.self}} active" aria-pressed="true{{/if}}" id="attendyes-{{$item.id}}" title="{{$item.attend.0}}" onclick="doLikeAction({{$item.id}}, 'attendyes'{{if $item.responses.attendyes.self}}, true{{/if}});"><i class="fa fa-check" aria-hidden="true"><span class="sr-only">{{$item.attend.0}}</span></i></button>
+                                       <button type="button" class="btn btn-xs btn-default button-event{{if $item.responses.attendno.self}} active" aria-pressed="true{{/if}}" id="attendno-{{$item.id}}" title="{{$item.attend.1}}" onclick="doLikeAction({{$item.id}}, 'attendno'{{if $item.responses.attendno.self}}, true{{/if}});"><i class="fa fa-times" aria-hidden="true"><span class="sr-only">{{$item.attend.1}}</span></i></button>
+                                       <button type="button" class="btn btn-xs btn-default button-event{{if $item.responses.attendmaybe.self}} active" aria-pressed="true{{/if}}" id="attendmaybe-{{$item.id}}" title="{{$item.attend.2}}" onclick="doLikeAction({{$item.id}}, 'attendmaybe'{{if $item.responses.attendmaybe.self}}, true{{/if}});"><i class="fa fa-question" aria-hidden="true"><span class="sr-only">{{$item.attend.2}}</span></i></button>
                                </span>
                        {{/if}}
 
@@ -409,25 +431,48 @@ as the value of $top_child_total (this is done at the end of this file)
                        {{if $item.vote}}
                                <div class="btn-group" role="group">
                                {{if $item.vote.like}}
-                                       <button type="button" class="btn btn-sm button-likes{{if $item.responses.like.self}} active" aria-pressed="true{{/if}}" id="like-{{$item.id}}" title="{{$item.vote.like.0}}" onclick="doLikeAction({{$item.id}},'like');" data-toggle="button""><i class="fa fa-thumbs-up" aria-hidden="true"></i></button>
+                                       <button type="button" class="btn btn-sm button-likes{{if $item.responses.like.self}} active" aria-pressed="true{{/if}}" id="like-{{$item.id}}" title="{{$item.vote.like.0}}" onclick="doLikeAction({{$item.id}}, 'like'{{if $item.responses.like.self}}, true{{/if}});" data-toggle="button"><i class="fa fa-thumbs-up" aria-hidden="true"></i></button>
                                {{/if}}
                                {{if $item.vote.dislike}}
-                                       <button type="button" class="btn btn-sm button-likes{{if $item.responses.dislike.self}} active" aria-pressed="true{{/if}}" id="dislike-{{$item.id}}" title="{{$item.vote.dislike.0}}" onclick="doLikeAction({{$item.id}},'dislike');" data-toggle="button"><i class="fa fa-thumbs-down" aria-hidden="true"></i></button>
+                                       <button type="button" class="btn btn-sm button-likes{{if $item.responses.dislike.self}} active" aria-pressed="true{{/if}}" id="dislike-{{$item.id}}" title="{{$item.vote.dislike.0}}" onclick="doLikeAction({{$item.id}}, 'dislike'{{if $item.responses.dislike.self}}, true{{/if}});" data-toggle="button"><i class="fa fa-thumbs-down" aria-hidden="true"></i></button>
                                {{/if}}
                                </div>
                        {{/if}}
 
                        {{* Button to open the comment text field *}}
-                       {{if $item.comment}}
+                       {{if $item.comment_html}}
                                <div class="btn-group" role="group">
                                        <button type="button" class="btn btn-sm button-comments" id="comment-{{$item.id}}" title="{{$item.switchcomment}}" {{if $item.thread_level != 1}}onclick="openClose('item-comments-{{$item.id}}'); commentExpand({{$item.id}});" {{else}} onclick="openClose('item-comments-{{$item.id}}'); commentExpand({{$item.id}});"{{/if}}><i class="fa fa-commenting" aria-hidden="true"></i></button>
                                </div>
                        {{/if}}
 
-                       {{* Button for sharing the item *}}
-                       {{if $item.vote.share}}
-                               <div class="btn-group" role="group">
-                                       <button type="button" class="btn btn-sm button-votes" id="share-{{$item.id}}" title="{{$item.vote.share.0}}" onclick="jotShare({{$item.id}});"><i class="fa fa-retweet" aria-hidden="true"></i></button>
+                       {{if $item.vote.announce OR $item.vote.share}}
+                               <div class="share-links btn-group{{if $item.thread_level > 1}} dropup{{/if}}">
+                                       <button type="button" class="btn btn-sm dropdown-toggle{{if $item.responses.announce.self}} active{{/if}}" data-toggle="dropdown" id="shareMenuOptions-{{$item.id}}" aria-haspopup="true" aria-expanded="false" title="{{$item.menu}}">
+                                               <i class="fa fa-share" aria-hidden="true"></i>
+                                       </button>
+                                       <ul class="dropdown-menu dropdown-menu-left" role="menu" aria-labelledby="shareMenuOptions-{{$item.id}}">
+                                               {{if $item.vote.announce}} {{* edit the posting *}}
+                                               <li role="menuitem">
+                                                       {{if $item.responses.announce.self}}
+                                                       <a class="btn-link" id="announce-{{$item.id}}" href="javascript:doLikeAction({{$item.id}}, 'announce', true);" title="{{$item.vote.unannounce.0}}">
+                                                               <i class="fa fa-ban" aria-hidden="true"></i> {{$item.vote.unannounce.1}}
+                                                       </a>
+                                                       {{else}}
+                                                       <a class="btn-link" id="announce-{{$item.id}}" href="javascript:doLikeAction({{$item.id}}, 'announce');" title="{{$item.vote.announce.0}}">
+                                                               <i class="fa fa-retweet" aria-hidden="true"></i> {{$item.vote.announce.1}}
+                                                       </a>
+                                                       {{/if}}
+                                               </li>
+                                               {{/if}}
+                                               {{if $item.vote.share}}
+                                               <li role="menuitem">
+                                                       <a class="btn-link" id="share-{{$item.id}}" href="javascript:jotShare({{$item.id}});" title="{{$item.vote.share.0}}">
+                                                               <i class="fa fa-share" aria-hidden="true"></i> {{$item.vote.share.1}}
+                                                       </a>
+                                               </li>
+                                               {{/if}}
+                                       </ul>
                                </div>
                        {{/if}}
 
@@ -441,9 +486,9 @@ as the value of $top_child_total (this is done at the end of this file)
                                {{* Event attendance buttons *}}
                        {{if $item.isevent}}
                                <div class="btn-group" role="group">
-                                       <button type="button" class="btn btn-sm btn-default button-event{{if $item.responses.attendyes.self}} active" aria-pressed="true{{/if}}" id="attendyes-{{$item.id}}" title="{{$item.attend.0}}" onclick="doLikeAction({{$item.id}},'attendyes');"><i class="fa fa-check" aria-hidden="true"><span class="sr-only">{{$item.attend.0}}</span></i></button>
-                                       <button type="button" class="btn btn-sm btn-default button-event{{if $item.responses.attendno.self}} active" aria-pressed="true{{/if}}" id="attendno-{{$item.id}}" title="{{$item.attend.1}}" onclick="doLikeAction({{$item.id}},'attendno');"><i class="fa fa-times" aria-hidden="true"><span class="sr-only">{{$item.attend.1}}</span></i></button>
-                                       <button type="button" class="btn btn-sm btn-default button-event{{if $item.responses.attendmaybe.self}} active" aria-pressed="true{{/if}}" id="attendmaybe-{{$item.id}}" title="{{$item.attend.2}}" onclick="doLikeAction({{$item.id}},'attendmaybe');"><i class="fa fa-question" aria-hidden="true"><span class="sr-only">{{$item.attend.2}}</span></i></button>
+                                       <button type="button" class="btn btn-sm btn-default button-event{{if $item.responses.attendyes.self}} active" aria-pressed="true{{/if}}" id="attendyes-{{$item.id}}" title="{{$item.attend.0}}" onclick="doLikeAction({{$item.id}}, 'attendyes'{{if $item.responses.attendyes.self}}, true{{/if}});"><i class="fa fa-check" aria-hidden="true"><span class="sr-only">{{$item.attend.0}}</span></i></button>
+                                       <button type="button" class="btn btn-sm btn-default button-event{{if $item.responses.attendno.self}} active" aria-pressed="true{{/if}}" id="attendno-{{$item.id}}" title="{{$item.attend.1}}" onclick="doLikeAction({{$item.id}}, 'attendno'{{if $item.responses.attendno.self}}, true{{/if}});"><i class="fa fa-times" aria-hidden="true"><span class="sr-only">{{$item.attend.1}}</span></i></button>
+                                       <button type="button" class="btn btn-sm btn-default button-event{{if $item.responses.attendmaybe.self}} active" aria-pressed="true{{/if}}" id="attendmaybe-{{$item.id}}" title="{{$item.attend.2}}" onclick="doLikeAction({{$item.id}}, 'attendmaybe'{{if $item.responses.attendmaybe.self}}, true{{/if}});"><i class="fa fa-question" aria-hidden="true"><span class="sr-only">{{$item.attend.2}}</span></i></button>
                                </div>
                        {{/if}}
 
@@ -471,8 +516,8 @@ as the value of $top_child_total (this is done at the end of this file)
 
                                                {{if $item.pin}}
                                                        <li role="menuitem">
-                                                       <a id="pin-{{$item.id}}" href="javascript:dopin({{$item.id}});" class="btn-link {{$item.pin.classdo}}" title="{{$item.pin.do}}"><i class="fa fa-circle-o" aria-hidden="true"></i>&nbsp;{{$item.pin.do}}</a>
-                                                       <a id="unpin-{{$item.id}}" href="javascript:dopin({{$item.id}});" class="btn-link {{$item.pin.classundo}}" title="{{$item.pin.undo}}"><i class="fa fa-dot-circle-o" aria-hidden="true"></i>&nbsp;{{$item.pin.undo}}</a>
+                                                       <a id="pin-{{$item.id}}" href="javascript:doPin({{$item.id}});" class="btn-link {{$item.pin.classdo}}" title="{{$item.pin.do}}"><i class="fa fa-circle-o" aria-hidden="true"></i>&nbsp;{{$item.pin.do}}</a>
+                                                       <a id="unpin-{{$item.id}}" href="javascript:doPin({{$item.id}});" class="btn-link {{$item.pin.classundo}}" title="{{$item.pin.undo}}"><i class="fa fa-dot-circle-o" aria-hidden="true"></i>&nbsp;{{$item.pin.undo}}</a>
                                                </li>
                                                {{/if}}
 
@@ -523,18 +568,18 @@ as the value of $top_child_total (this is done at the end of this file)
                <div class="wall-item-links"></div>
 
                {{* Display likes, dislike and attendance stats *}}
-               {{if $item.responses}}
-                       <div class="wall-item-responses">
-                               {{foreach $item.responses as $verb=>$response}}
-                               <div class="wall-item-{{$verb}}" id="wall-item-{{$verb}}-{{$item.id}}">{{$response.output nofilter}}</div>
-                               {{/foreach}}
-                       </div>
-               {{/if}}
+       {{if $item.responses}}
+               <div class="wall-item-responses">
+                       {{foreach $item.responses as $verb=>$response}}
+                       <div class="wall-item-{{$verb}}" id="wall-item-{{$verb}}-{{$item.id}}">{{$response.output nofilter}}</div>
+                       {{/foreach}}
+               </div>
+       {{/if}}
 
                {{* Insert comment box of threaded children *}}
-               {{if $item.threaded && $item.comment && $item.indent==comment}}
+               {{if $item.threaded && $item.comment_html && $item.indent==comment}}
                        <div class="wall-item-comment-wrapper" id="item-comments-{{$item.id}}" data-display="block" style="display: none;">
-                               {{$item.comment nofilter}}
+                               {{$item.comment_html nofilter}}
                        </div>
                {{/if}}
 
@@ -549,13 +594,13 @@ as the value of $top_child_total (this is done at the end of this file)
        {{* Insert the comment box of the top level post at the bottom of the thread.
                Display this comment box if there are any comments. If not hide it. In this
                case it could be opend with the "comment" button *}}
-       {{if $item.comment && $item.thread_level==1}}
+       {{if $item.comment_html && $item.thread_level==1}}
                {{if $item.total_comments_num}}
                <div class="comment-fake-form" id="comment-fake-form-{{$item.id}}">
                        <textarea id="comment-fake-text-{{$item.id}}" class="comment-fake-text-empty form-control" placeholder="{{$item.reply_label}}" onFocus="commentOpenUI(this, {{$item.id}});"  rows="1"></textarea>
                </div>
                {{/if}}
-               <div class="wall-item-comment-wrapper well well-small" id="item-comments-{{$item.id}}" data-display="block" style="display: none">{{$item.comment nofilter}}</div>
+               <div class="wall-item-comment-wrapper well well-small" id="item-comments-{{$item.id}}" data-display="block" style="display: none">{{$item.comment_html nofilter}}</div>
        {{/if}}
 </div><!-- ./panel-body or ./wall-item-container -->