-<!-- TODO => Unknow block -->
-<div class="wall-item-decor" style="display:none;">
- <span class="icon s22 star {{$item.isstarred}}" id="starred-{{$item.id}}" title="{{$item.star.starred}}">{{$item.star.starred}}</span>
- {{if $item.lock}}<span class="navicon lock fakelink" onclick="lockview(event, 'item', {{$item.id}});" title="{{$item.lock}}"></span><span class="fa fa-lock" aria-hidden="true"></span>{{/if}}
-</div>
-<!-- ./TODO => Unknow block -->
-
-
-<div class="panel item-{{$item.id}}" id="item-{{$item.guid}}">
- <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="uriid" style="display: none;">{{$item.uriid}}</span>
+<div id="item-{{$item.guid}}" class="item-{{$item.id}}">
<div class="wall-item-container panel-body{{$item.indent}} {{$item.shiny}} {{$item.previewing}}">
<div class="media">
{{* Put additional actions in a top-right dropdown menu *}}
- <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 *}}
- <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>
-
{{* The avatar picture and the photo-menu *}}
<div class="dropdown pull-left"><!-- Dropdown -->
<div class="hidden-sm hidden-xs contact-photo-wrapper mframe{{if $item.owner_url}} wwfrom{{/if}}">
{{* contact info header*}}
<div role="heading" class="contact-info hidden-sm hidden-xs media-body"><!-- <= For computer -->
+ <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 *}}
+ <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>
<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>
<span class="navicon lock fakelink" onClick="lockview(event, 'item', {{$item.id}});" title="{{$item.lock}}">
<small><i class="fa fa-lock" aria-hidden="true"></i></small>
</span>
+ {{elseif $item.connector}}
+ <span class="fa fa-lock" title="{{$item.connector}}"></span>
{{/if}}
-
<div class="additional-info text-muted">
<div id="wall-item-ago-{{$item.id}}" class="wall-item-ago">
<small>
<a href="{{$item.plink.orig}}">
<time class="time" title="{{$item.localtime}}" data-toggle="tooltip" datetime="{{$item.utc}}">{{$item.ago}}</time>
</a>
+ {{if $item.pinned}}
+ • <i class="fa fa-thumb-tack" aria-hidden="true" title="{{$item.pinned}}"></i>
+ <span class="sr-only">{{$item.pinned}}</span>
+ {{/if}}
</small>
</div>
</div>
{{* contact info header for smartphones *}}
- <div role="heading " class="contact-info-xs hidden-lg hidden-md">
+ <div role="heading" class="contact-info-xs hidden-lg hidden-md">
+ <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 *}}
+ <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>
<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>
{{/if}}
{{/if}}
-
{{* Put additional actions in a dropdown menu *}}
- {{if $item.edpost || $item.tagger || $item.filer || $item.pin || $item.star || $item.follow_thread || $item.ignore || $item.drop.dropping}}
+ {{if $item.menu && ($item.edpost || $item.tagger || $item.filer || $item.pin || $item.star || $item.follow_thread || $item.ignore || $item.drop.dropping || $item.browsershare)}}
<span role="presentation" class="separator"></span>
<span class="more-links btn-group{{if $item.thread_level> 1}} dropup{{/if}}">
<button type="button" class="btn-link dropdown-toggle" data-toggle="dropdown" id="dropdownMenuOptions-{{$item.id}}" aria-haspopup="true" aria-expanded="false" title="{{$item.menu}}"><i class="fa fa-ellipsis-h" aria-hidden="true"></i> {{$item.menu}}</button>
</li>
{{/if}}
+ {{if $item.browsershare}}
+ <li role="menuitem" class="button-browser-share">
+ <a id="browser-share-{{$item.id}}" href="javascript:navigator.share({url: '{{$item.plink.orig}}'});" class="btn-link button-browser-share" title="{{$item.browsershare.1}}"><i class="fa fa-share-alt" aria-hidden="true"></i> {{$item.browsershare.0}}</a>
+ </li>
+ {{/if}}
+
{{if ($item.edpost || $item.tagger || $item.filer || $item.pin || $item.star || $item.follow_thread) && ($item.ignore || $item.drop.dropping)}}
<li role="separator" class="divider"></li>
{{/if}}
</li>
{{/if}}
- {{if $item.drop.dropping}}
+ {{if $item.drop && $item.drop.dropping}}
<li role="menuitem">
<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}}
<span class="pull-right checkbox">
- {{if $item.drop.pagedrop}}
+ {{if $item.drop && $item.drop.pagedrop}}
<input type="checkbox" title="{{$item.drop.select}}" name="itemselected[]" id="checkbox-{{$item.id}}" class="item-select" value="{{$item.id}}" />
<label for="checkbox-{{$item.id}}"></label>
{{/if}}
{{/if}}
</div>
</div><!--./media>-->
- </div><!-- ./panel-body -->
-</div><!--./panel-->
+ </div><!--./scrollable-->
+</div><!-- ./panel-body -->