]> git.mxchange.org Git - friendica.git/blob - view/theme/vier/wall_thread.tpl
Vier: Some more transition effects
[friendica.git] / view / theme / vier / wall_thread.tpl
1 {{if $mode == display}}
2 {{ else }}
3 {{if $item.comment_firstcollapsed}}
4         <div class="hide-comments-outer">
5                 <span id="hide-comments-total-$item.id" 
6                         class="hide-comments-total">$item.num_comments</span>
7                         <span id="hide-comments-$item.id" 
8                                 class="hide-comments fakelink" 
9                                 onclick="showHideComments($item.id);">$item.hide_text</span>
10                         {{ if $item.thread_level==3 }} - 
11                         <span id="hide-thread-$item-id"
12                                 class="fakelink"
13                                 onclick="showThread($item.id);">expand</span> /
14                         <span id="hide-thread-$item-id"
15                                 class="fakelink"
16                                 onclick="hideThread($item.id);">collapse</span> thread{{ endif }}
17         </div>
18         <div id="collapsed-comments-$item.id" class="collapsed-comments" style="display: none;">
19 {{endif}}
20 {{ endif }}
21
22 {{ if $item.thread_level!=1 }}<div class="children">{{ endif }}
23
24 <div class="wall-item-decor">
25         <span class="icon s22 star $item.isstarred" id="starred-$item.id" title="$item.star.starred">$item.star.starred</span>
26         {{ if $item.lock }}<span class="icon s22 lock fakelink" onclick="lockview(event,$item.id);" title="$item.lock">$item.lock</span>{{ endif }}     
27         <img id="like-rotator-$item.id" class="like-rotator" src="images/rotator.gif" alt="$item.wait" title="$item.wait" style="display: none;" />
28 </div>
29
30 <div class="wall-item-container $item.indent $item.shiny " id="item-$item.id">
31         <div class="wall-item-item">
32                 <div class="wall-item-info">
33                         <div class="contact-photo-wrapper mframe{{ if $item.owner_url }} wwfrom{{ endif }}"
34                                 onmouseover="if (typeof t$item.id != 'undefined') clearTimeout(t$item.id); openMenu('wall-item-photo-menu-button-$item.id')" 
35                                 onmouseout="t$item.id=setTimeout('closeMenu(\'wall-item-photo-menu-button-$item.id\'); closeMenu(\'wall-item-photo-menu-$item.id\');',200)">
36                                 <a href="$item.profile_url" target="redir" title="$item.linktitle" class="contact-photo-link" id="wall-item-photo-link-$item.id">
37                                         <img src="$item.thumb" class="contact-photo $item.sparkle" id="wall-item-photo-$item.id" alt="$item.name" />
38                                 </a>
39                                 <a href="#" rel="#wall-item-photo-menu-$item.id" class="contact-photo-menu-button icon s16 menu" id="wall-item-photo-menu-button-$item.id">menu</a>
40                                 <ul class="contact-menu menu-popup" id="wall-item-photo-menu-$item.id">
41                                 $item.item_photo_menu
42                                 </ul>
43                                 
44                         </div>
45                         {{ if $item.owner_url }}
46                         <div class="contact-photo-wrapper mframe wwto" id="wall-item-ownerphoto-wrapper-$item.id" >
47                                 <a href="$item.owner_url" target="redir" title="$item.olinktitle" class="contact-photo-link" id="wall-item-ownerphoto-link-$item.id">
48                                         <img src="$item.owner_photo" class="contact-photo $item.osparkle" id="wall-item-ownerphoto-$item.id" alt="$item.owner_name" />
49                                 </a>
50                         </div>
51                         {{ endif }}                     
52                 </div>
53                 <div class="wall-item-actions-author">
54                         <a href="$item.profile_url" target="redir" title="$item.linktitle" class="wall-item-name-link"><span class="wall-item-name$item.sparkle">$item.name</span></a>
55                          {{ 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" id="wall-item-ownername-$item.id">$item.owner_name</span></a> <!-- $item.vwall -->{{ endif }}
56                         <span class="wall-item-ago">
57                                 {{ if $item.plink }}<a title="$item.plink.title" href="$item.plink.href" style="color: #999">$item.ago</a>{{ else }} $item.ago {{ endif }}
58                                 {{ if $item.lock }}<span class="fakelink" style="color: #999" onclick="lockview(event,$item.id);">$item.lock</span> {{ endif }}
59                         </span>
60                 </div>
61
62                 <div itemprop="description" class="wall-item-content">
63                         {{ if $item.title }}<h2><a href="$item.plink.href" class="$item.sparkle">$item.title</a></h2>{{ endif }}
64                         $item.body
65                 </div>
66         </div>
67         <div class="wall-item-bottom">
68                 <div class="wall-item-links">
69                 </div>
70                 <div class="wall-item-tags">
71                         {{ for $item.hashtags as $tag }}
72                                 <span class='tag'>$tag</span>
73                         {{ endfor }}
74                         {{ for $item.mentions as $tag }}
75                                 <span class='mention'>$tag</span>
76                         {{ endfor }}
77                {{ for $item.folders as $cat }}
78                     <span class='folder'>$cat.name</a>{{if $cat.removeurl}} (<a href="$cat.removeurl" title="$remove">x</a>) {{endif}} </span>
79                {{ endfor }}
80                 {{ for $item.categories as $cat }}
81                     <span class='category'>$cat.name</a>{{if $cat.removeurl}} (<a href="$cat.removeurl" title="$remove">x</a>) {{endif}} </span>
82                 {{ endfor }}
83                 </div>
84         </div>  
85         <div class="wall-item-bottom">
86                 <div class="wall-item-links">
87                         {{ if $item.plink }}<a title="$item.plink.title" href="$item.plink.href"><i class="icon-link icon-large"></i></a>{{ endif }}
88                 </div>
89                 <div class="wall-item-actions">
90                         <div class="wall-item-actions-social">
91                         {{ if $item.threaded }}{{ if $item.comment }}
92                                 <span id="comment-$item.id" class="fakelink togglecomment" onclick="openClose('item-comments-$item.id');"><i class="icon-comment"></i></span>
93                         {{ endif }}{{ endif }}
94                         {{ if $item.vote }}
95                                 <a href="#" id="like-$item.id" title="$item.vote.like.0" onclick="dolike($item.id,'like'); return false"><i class="icon-thumbs-up icon-large"></i></a>
96                                 {{ if $item.vote.dislike }}
97                                 <a href="#" id="dislike-$item.id" title="$item.vote.dislike.0" onclick="dolike($item.id,'dislike'); return false"><i class="icon-thumbs-down icon-large"></i></a>
98                                 {{ endif }}
99                         {{ endif }}
100                         {{ if $item.vote.share }}
101                                 <a href="#" id="share-$item.id" title="$item.vote.share.0" onclick="jotShare($item.id); return false"><i class="icon-retweet icon-large"></i></a>
102                         {{ endif }}
103                         {{ if $item.star }}
104                                 <a href="#" id="star-$item.id" onclick="dostar($item.id); return false;"  class="$item.star.classdo"  title="$item.star.do"><i class="icon-star icon-large"></i></a>
105                                 <a href="#" id="unstar-$item.id" onclick="dostar($item.id); return false;"  class="$item.star.classundo"  title="$item.star.undo"><i class="icon-star-empty icon-large"></i></a>
106                         {{ endif }}
107                         {{ if $item.tagger }}
108                                 <a href="#" id="tagger-$item.id" onclick="itemTag($item.id); return false;" class="$item.tagger.class" title="$item.tagger.add"><i class="icon-tags icon-large"></i></a>
109                         {{ endif }}
110                         {{ if $item.filer }}
111                                 <a href="#" id="filer-$item.id" onclick="itemFiler($item.id); return false;" class="filer-item filer-icon" title="$item.filer"><i class="icon-folder-close icon-large"></i></a>
112                         {{ endif }}
113                         </div>
114                         <div class="wall-item-location">$item.location $item.postopts</div>                             
115                         <div class="wall-item-actions-tools">
116
117                                 {{ if $item.drop.pagedrop }}
118                                         <input type="checkbox" title="$item.drop.select" name="itemselected[]" class="item-select" value="$item.id" />
119                                 {{ endif }}
120                                 {{ if $item.drop.dropping }}
121                                         <a href="item/drop/$item.id" onclick="return confirmDelete();" title="$item.drop.delete"><i class="icon-trash icon-large"></i></a>
122                                 {{ endif }}
123                                 {{ if $item.edpost }}
124                                         <a href="$item.edpost.0" title="$item.edpost.1"><i class="icon-edit icon-large"></i></a>
125                                 {{ endif }}
126                         </div>
127                         
128                 </div>
129         </div>
130         <div class="wall-item-bottom">
131                 <div class="wall-item-links">
132                 </div>
133                 <div class="wall-item-like" id="wall-item-like-$item.id">$item.like</div>
134                 <div class="wall-item-dislike" id="wall-item-dislike-$item.id">$item.dislike</div>      
135         </div>
136         
137         {{ if $item.threaded }}{{ if $item.comment }}
138         <div class="wall-item-bottom">
139                 <div class="wall-item-links">
140                 </div>
141                 <div class="wall-item-comment-wrapper" id="item-comments-$item.id" style="display: none;">
142                                         $item.comment
143                 </div>
144         </div>
145         {{ endif }}{{ endif }}
146 </div>
147
148
149 {{ for $item.children as $child }}
150         {{ if $item.type == tag }}
151                 {{ inc wall_item_tag.tpl with $item=$child }}{{ endinc }}
152         {{ else }}
153                 {{ inc $item.template with $item=$child }}{{ endinc }}
154         {{ endif }}
155 {{ endfor }}
156
157 {{ if $item.thread_level!=1 }}</div>{{ endif }}
158
159
160 {{if $mode == display}}
161 {{ else }}
162 {{if $item.comment_lastcollapsed}}</div>{{endif}}
163 {{ endif }}
164
165 {{if $item.threaded}}{{if $item.comment}}{{if $item.thread_level==1}}
166 <div class="wall-item-comment-wrapper" id="item-comments-$item.id">$item.comment</div>
167 {{ endif }}{{ endif }}{{ endif }}
168
169
170 {{ if $item.flatten }}
171 <div class="wall-item-comment-wrapper" id="item-comments-$item.id">$item.comment</div>
172 {{ endif }}