aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorMax Kostikov <max@kostikov.co>2019-12-01 14:17:32 +0100
committerMax Kostikov <max@kostikov.co>2019-12-01 14:17:32 +0100
commitd177043c9f4032c2241aac7afedbd6e7b6c1e596 (patch)
treebc6b5834e212843d366fa4ebea7112c35af11333
parent4c1e2c2dd87cf964c90c99c6be0439e776ec6664 (diff)
downloadvolse-hubzilla-d177043c9f4032c2241aac7afedbd6e7b6c1e596.tar.gz
volse-hubzilla-d177043c9f4032c2241aac7afedbd6e7b6c1e596.tar.bz2
volse-hubzilla-d177043c9f4032c2241aac7afedbd6e7b6c1e596.zip
Add pinned item layout
-rw-r--r--view/tpl/pinned_item.tpl147
1 files changed, 147 insertions, 0 deletions
diff --git a/view/tpl/pinned_item.tpl b/view/tpl/pinned_item.tpl
new file mode 100644
index 000000000..6e5e9e20d
--- /dev/null
+++ b/view/tpl/pinned_item.tpl
@@ -0,0 +1,147 @@
+<div id="pinned-wrapper-{{$id}}" class="thread-wrapper toplevel_item generic-content-wrapper h-entry">
+ <div class="wall-item-outside-wrapper" id="wall-item-outside-wrapper-{{$id}}">
+ <div class="clearfix wall-item-content-wrapper" id="wall-item-content-wrapper-{{$id}}">
+ {{if $photo}}
+ <div class="wall-photo-item" id="wall-photo-item-{{$id}}">
+ {{$photo}}
+ </div>
+ {{/if}}
+ {{if $event}}
+ <div class="wall-event-item" id="wall-event-item-{{$id}}">
+ {{$event}}
+ </div>
+ {{/if}}
+ {{if $title && !$event}}
+ <div class="p-2{{if $is_new}} bg-primary text-white{{/if}} wall-item-title h3{{if !$photo}} rounded-top{{/if}}" id="wall-item-title-{{$id}}">
+ {{if $title_tosource}}
+ {{if $plink}}
+ <a href="{{$plink.href}}" title="{{$title}} ({{$plink.title}})" rel="nofollow">
+ {{/if}}
+ {{/if}}
+ {{$title}}
+ {{if $title_tosource}}
+ {{if $plink}}
+ </a>
+ {{/if}}
+ {{/if}}
+ </div>
+ {{if ! $is_new}}
+ <hr class="m-0">
+ {{/if}}
+ {{/if}}
+ <div class="p-2 clearfix wall-item-head{{if !$title && !$event && !$photo}} rounded-top{{/if}}{{if $is_new && !$event}} wall-item-head-new{{/if}}">
+ <span class="float-right wall-item-pinned" title="{{$pinned}}"><i class="fa fa-thumb-tack">&nbsp;</i></span>
+ <div class="wall-item-info" id="wall-item-info-{{$id}}" >
+ <div class="wall-item-photo-wrapper{{if $owner_url}} wwfrom{{/if}} h-card p-author" id="wall-item-photo-wrapper-{{$id}}">
+ <img src="{{$thumb}}" class="fakelink wall-item-photo u-photo p-name" id="wall-item-photo-{{$id}}" alt="{{$name}}" data-toggle="dropdown" />
+ {{if $thread_author_menu}}
+ <i class="fa fa-caret-down wall-item-photo-caret cursor-pointer" data-toggle="dropdown"></i>
+ <div class="dropdown-menu">
+ {{foreach $thread_author_menu as $mitem}}
+ <a class="dropdown-item" {{if $mitem.href}}href="{{$mitem.href}}"{{/if}} {{if $mitem.action}}onclick="{{$mitem.action}}"{{/if}} {{if $mitem.title}}title="{{$mitem.title}}"{{/if}} >{{$mitem.title}}</a>
+ {{/foreach}}
+ </div>
+ {{/if}}
+ </div>
+ </div>
+ <div class="wall-item-author">
+ <a href="{{$profile_url}}" title="{{$linktitle}}" class="wall-item-name-link u-url"><span class="wall-item-name" id="wall-item-name-{{$id}}" >{{$name}}</span></a>{{if $owner_url}}&nbsp;{{$via}}&nbsp;<a href="{{$owner_url}}" title="{{$olinktitle}}" class="wall-item-name-link"><span class="wall-item-name" id="wall-item-ownername-{{$id}}">{{$owner_name}}</span></a>{{/if}}
+ </div>
+ <div class="wall-item-ago" id="wall-item-ago-{{$id}}">
+ {{if $verified}}<i class="fa fa-check item-verified" title="{{$verified}}"></i>&nbsp;{{elseif $forged}}<i class="fa fa-exclamation item-forged" title="{{$forged}}"></i>&nbsp;{{/if}}{{if $location}}<span class="wall-item-location p-location" id="wall-item-location-{{$id}}">{{$location}},&nbsp;</span>{{/if}}<span class="autotime" title="{{$isotime}}"><time class="dt-published" datetime="{{$isotime}}">{{$localtime}}</time>{{if $editedtime}}&nbsp;{{$editedtime}}{{/if}}{{if $expiretime}}&nbsp;{{$expiretime}}{{/if}}</span>{{if $editedtime}}&nbsp;<i class="fa fa-pencil"></i>{{/if}}&nbsp;{{if $app}}<span class="item.app">{{$str_app}}</span>{{/if}}
+ </div>
+ </div>
+ {{if $divider}}
+ <hr class="wall-item-divider">
+ {{/if}}
+ {{if $body}}
+ <div class="p-2 wall-item-content clearfix" id="wall-item-content-{{$id}}">
+ <div class="wall-item-body e-content" id="wall-item-body-{{$id}}" >
+ {{$body}}
+ </div>
+ </div>
+ {{/if}}
+ {{if $has_tags}}
+ <div class="p-2 wall-item-tools clearfix">
+ <div class="body-tags">
+ <span class="tag">{{$mentions}} {{$tags}} {{$categories}} {{$folders}}</span>
+ </div>
+ </div>
+ {{/if}}
+ <div class="p-2 clearfix wall-item-tools">
+ <div class="float-right wall-item-tools-right">
+ <div class="btn-group">
+ <div id="like-rotator-{{$id}}" class="spinner-wrapper">
+ <div class="spinner s"></div>
+ </div>
+ </div>
+ <div class="btn-group">
+ {{if $isevent}}
+ <div class="btn-group">
+ <button type="button" class="btn btn-outline-secondary btn-sm dropdown-toggle" data-toggle="dropdown" id="wall-item-attend-menu-{{$id}}" title="{{$attend_title}}">
+ <i class="fa fa-calendar-check-o"></i>
+ </button>
+ <div class="dropdown-menu dropdown-menu-right">
+ <a class="dropdown-item" href="#" title="{{$attend.0}}" onclick="itemAddToCal({{$id}}); dolike({{$id}},'attendyes'); return false;">
+ <i class="item-act-list fa fa-check{{if $my_responses.attend}} ivoted{{/if}}" ></i> {{$attend.0}}
+ </a>
+ <a class="dropdown-item" href="#" title="{{$attend.1}}" onclick="itemAddToCal({{$id}}), dolike({{$id}},'attendno'); return false;">
+ <i class="item-act-list fa fa-times{{if $my_responses.attendno}} ivoted{{/if}}" ></i> {{$attend.1}}
+ </a>
+ <a class="dropdown-item" href="#" title="{{$attend.2}}" onclick="itemAddToCal({{$id}}); dolike({{$id}},'attendmaybe'); return false;">
+ <i class="item-act-list fa fa-question{{if $my_responses.attendmaybe}} ivoted{{/if}}" ></i> {{$attend.2}}
+ </a>
+ </div>
+ </div>
+ {{/if}}
+ {{if $canvote}}
+ <div class="btn-group">
+ <button type="button" class="btn btn-outline-secondary btn-sm dropdown-toggle" data-toggle="dropdown" id="wall-item-consensus-menu-{{$id}}" title="{{$vote_title}}">
+ <i class="fa fa-check-square-o"></i>
+ </button>
+ <div class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="wall-item-consensus-menu-{{$id}}">
+ <a class="dropdown-item" href="#" title="{{$conlabels.0}}" onclick="dolike({{$id}},'agree'); return false;">
+ <i class="item-act-list fa fa-check{{if $my_responses.agree}} ivoted{{/if}}" ></i> {{$conlabels.0}}
+ </a>
+ <a class="dropdown-item" href="#" title="{{$conlabels.1}}" onclick="dolike({{$id}},'disagree'); return false;">
+ <i class="item-act-list fa fa-times{{if $my_responses.disagree}} ivoted{{/if}}" ></i> {{$conlabels.1}}
+ </a>
+ <a class="dropdown-item" href="#" title="{{$conlabels.2}}" onclick="dolike({{$id}},'abstain'); return false;">
+ <i class="item-act-list fa fa-question{{if $my_responses.abstain}} ivoted{{/if}}" ></i> {{$conlabels.2}}
+ </a>
+ </div>
+ </div>
+ {{/if}}
+ <div class="btn-group">
+ <button type="button" class="btn btn-outline-secondary btn-sm dropdown-toggle" data-toggle="dropdown" id="wall-item-menu-{{$id}}">
+ <i class="fa fa-cog"></i>
+ </button>
+ <div class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="wall-item-menu-{{$id}}">
+ {{if $share}}
+ <a class="dropdown-item" href="#" onclick="jotShare({{$id}},{{$item_type}}); return false"><i class="generic-icons-nav fa fa-fw fa-retweet" title="{{$share.0}}"></i>{{$share.0}}</a>
+ {{/if}}
+ {{if $embed}}
+ <a class="dropdown-item" href="#" onclick="jotEmbed({{$id}},{{$item_type}}); return false"><i class="generic-icons-nav fa fa-fw fa-share" title="{{$embed.0}}"></i>{{$embed.0}}</a>
+ {{/if}}
+ {{if $plink}}
+ <a class="dropdown-item" href="{{$plink.href}}" title="{{$plink.title}}" class="u-url"><i class="generic-icons-nav fa fa-fw fa-external-link"></i>{{$plink.title}}</a>
+ {{/if}}
+ </div>
+ </div>
+ </div>
+ </div>
+ {{if $attachments}}
+ <div class="wall-item-tools-left btn-group" id="wall-item-tools-left-{{$id}}">
+ <div class="btn-group">
+ <button type="button" class="btn btn-outline-secondary btn-sm wall-item-like dropdown-toggle" data-toggle="dropdown" id="attachment-menu-{{$id}}">
+ <i class="fa fa-paperclip"></i>
+ </button>
+ <div class="dropdown-menu">{{$attachments}}</div>
+ </div>
+ </div>
+ {{/if}}
+ </div>
+ </div>
+ </div>
+</div>
+