diff options
author | Max Kostikov <max@kostikov.co> | 2019-12-01 14:17:32 +0100 |
---|---|---|
committer | Max Kostikov <max@kostikov.co> | 2019-12-01 14:17:32 +0100 |
commit | d177043c9f4032c2241aac7afedbd6e7b6c1e596 (patch) | |
tree | bc6b5834e212843d366fa4ebea7112c35af11333 /view/tpl | |
parent | 4c1e2c2dd87cf964c90c99c6be0439e776ec6664 (diff) | |
download | volse-hubzilla-d177043c9f4032c2241aac7afedbd6e7b6c1e596.tar.gz volse-hubzilla-d177043c9f4032c2241aac7afedbd6e7b6c1e596.tar.bz2 volse-hubzilla-d177043c9f4032c2241aac7afedbd6e7b6c1e596.zip |
Add pinned item layout
Diffstat (limited to 'view/tpl')
-rw-r--r-- | view/tpl/pinned_item.tpl | 147 |
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"> </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}} {{$via}} <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> {{elseif $forged}}<i class="fa fa-exclamation item-forged" title="{{$forged}}"></i> {{/if}}{{if $location}}<span class="wall-item-location p-location" id="wall-item-location-{{$id}}">{{$location}}, </span>{{/if}}<span class="autotime" title="{{$isotime}}"><time class="dt-published" datetime="{{$isotime}}">{{$localtime}}</time>{{if $editedtime}} {{$editedtime}}{{/if}}{{if $expiretime}} {{$expiretime}}{{/if}}</span>{{if $editedtime}} <i class="fa fa-pencil"></i>{{/if}} {{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> + |