aboutsummaryrefslogtreecommitdiffstats
path: root/view
diff options
context:
space:
mode:
authorfriendica <info@friendica.com>2012-11-04 16:57:09 -0800
committerfriendica <info@friendica.com>2012-11-04 16:57:09 -0800
commit94f737b69912a32b5ae693f5aab3da0df7956926 (patch)
tree7fe740a9a70b13e4740ba4caadb3a6b7a9d5b72f /view
parentaaa5a2638c9cf773163eb60fbffae597d77afc22 (diff)
downloadvolse-hubzilla-94f737b69912a32b5ae693f5aab3da0df7956926.tar.gz
volse-hubzilla-94f737b69912a32b5ae693f5aab3da0df7956926.tar.bz2
volse-hubzilla-94f737b69912a32b5ae693f5aab3da0df7956926.zip
some cleanup of main item template
Diffstat (limited to 'view')
-rw-r--r--view/theme/duepuntozero/css/style.css50
-rw-r--r--view/tpl/conv_item.tpl121
2 files changed, 125 insertions, 46 deletions
diff --git a/view/theme/duepuntozero/css/style.css b/view/theme/duepuntozero/css/style.css
index 40941c890..4ea58fb4a 100644
--- a/view/theme/duepuntozero/css/style.css
+++ b/view/theme/duepuntozero/css/style.css
@@ -342,6 +342,7 @@ div.wall-item-content-wrapper.shiny {
cursor: pointer;
}
+
#group-sidebar {
margin-bottom: 10px;
}
@@ -1091,57 +1092,15 @@ input#dfrn-url {
width: 100%;
}
-.wall-item-like-buttons {
+
+.item-tool {
float: left;
-/* margin-right: 10px; */
-/* padding-right: 10px; */
-/* border-right: 2px solid #fff; */
+ margin-right: 8px;
}
.like-rotator {
margin-left: 5px;
}
-.icon.dislike {
- margin-left: 3px;
-}
-.icon.remote-link {
- margin-left: 10px;
-}
-
-.wall-item-like-buttons > a,
-.wall-item-like-buttons > img {
- float: left;
-}
-
-.wall-item-like-buttons img {
- cursor: pointer;
-}
-
-.wall-item-share-buttons {
- margin-left: 10px;
-}
-
-.editpost {
- margin-left: 10px;
- float: left;
-}
-.star-item {
- margin-left: 10px;
- float: left;
-}
-.tag-item {
- margin-left: 10px;
- float: left;
-}
-
-.filer-item {
- margin-left: 10px;
- float: left;
-}
-
-.wall-item-links-wrapper {
- float: left;
-}
.wall-item-delete-wrapper {
float: right;
@@ -1155,7 +1114,6 @@ input#dfrn-url {
border: none;
}
-
.wall-item-wrapper-end {
clear: both;
}
diff --git a/view/tpl/conv_item.tpl b/view/tpl/conv_item.tpl
new file mode 100644
index 000000000..a5a3c4958
--- /dev/null
+++ b/view/tpl/conv_item.tpl
@@ -0,0 +1,121 @@
+{{if $item.comment_firstcollapsed}}
+ <div class="hide-comments-outer">
+ <span id="hide-comments-total-$item.id" class="hide-comments-total">$item.num_comments</span> <span id="hide-comments-$item.id" class="hide-comments fakelink" onclick="showHideComments($item.id);">$item.hide_text</span>
+ </div>
+ <div id="collapsed-comments-$item.id" class="collapsed-comments" style="display: none;">
+{{endif}}
+<div id="thread-wrapper-$item.id" class="thread-wrapper $item.toplevel">
+<a name="$item.id" ></a>
+<div class="wall-item-outside-wrapper $item.indent$item.previewing{{ if $item.owner_url }} wallwall{{ endif }}" id="wall-item-outside-wrapper-$item.id" >
+ <div class="wall-item-content-wrapper $item.indent" id="wall-item-content-wrapper-$item.id" >
+ <div class="wall-item-info{{ if $item.owner_url }} wallwall{{ endif }}" id="wall-item-info-$item.id">
+ {{ if $item.owner_url }}
+ <div class="wall-item-photo-wrapper wwto" id="wall-item-ownerphoto-wrapper-$item.id" >
+ <a href="$item.owner_url" target="redir" title="$item.olinktitle" class="wall-item-photo-link" id="wall-item-ownerphoto-link-$item.id">
+ <img src="$item.owner_photo" class="wall-item-photo$item.osparkle" id="wall-item-ownerphoto-$item.id" style="height: 80px; width: 80px;" alt="$item.owner_name" /></a>
+ </div>
+ <div class="wall-item-arrowphoto-wrapper" ><img src="images/larrow.gif" alt="$item.wall" /></div>
+ {{ endif }}
+ <div class="wall-item-photo-wrapper{{ if $item.owner_url }} wwfrom{{ endif }}" id="wall-item-photo-wrapper-$item.id"
+ onmouseover="if (typeof t$item.id != 'undefined') clearTimeout(t$item.id); openMenu('wall-item-photo-menu-button-$item.id')"
+ onmouseout="t$item.id=setTimeout('closeMenu(\'wall-item-photo-menu-button-$item.id\'); closeMenu(\'wall-item-photo-menu-$item.id\');',200)">
+ <a href="$item.profile_url" target="redir" title="$item.linktitle" class="wall-item-photo-link" id="wall-item-photo-link-$item.id">
+ <img src="$item.thumb" class="wall-item-photo$item.sparkle" id="wall-item-photo-$item.id" style="height: 80px; width: 80px;" alt="$item.name" /></a>
+ <span onclick="openClose('wall-item-photo-menu-$item.id');" class="fakelink wall-item-photo-menu-button" id="wall-item-photo-menu-button-$item.id">menu</span>
+ <div class="wall-item-photo-menu" id="wall-item-photo-menu-$item.id">
+ <ul>
+ $item.item_photo_menu
+ </ul>
+ </div>
+
+ </div>
+ <div class="wall-item-photo-end"></div>
+ <div class="wall-item-wrapper" id="wall-item-wrapper-$item.id" >
+ {{ if $item.lock }}<div class="wall-item-lock"><img src="images/lock_icon.gif" class="lockview" alt="$item.lock" onclick="lockview(event,$item.id);" /></div>
+ {{ else }}<div class="wall-item-lock"></div>{{ endif }}
+ <div class="wall-item-location" id="wall-item-location-$item.id">$item.location</div>
+ </div>
+ </div>
+ <div class="wall-item-author">
+ <a href="$item.profile_url" title="$item.linktitle" class="wall-item-name-link"><span class="wall-item-name$item.sparkle" id="wall-item-name-$item.id" >$item.name</span></a>{{ if $item.owner_url }} $item.to <a href="$item.owner_url" 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 }}<br />
+ <div class="wall-item-ago" id="wall-item-ago-$item.id" title="$item.localtime">$item.ago</div>
+ </div>
+ <div class="wall-item-content" id="wall-item-content-$item.id" >
+ <div class="wall-item-title" id="wall-item-title-$item.id">$item.title</div>
+ <div class="wall-item-title-end"></div>
+ <div class="wall-item-body" id="wall-item-body-$item.id" >$item.body
+ <div class="body-tag">
+ {{ for $item.tags as $tag }}
+ <span class='tag'>$tag</span>
+ {{ endfor }}
+ </div>
+ {{ if $item.has_cats }}
+ <div class="categorytags"><span>$item.txt_cats {{ for $item.categories as $cat }}$cat.name <a href="$cat.removeurl" title="$remove">[$remove]</a> {{ if $cat.last }}{{ else }}, {{ endif }}{{ endfor }}
+ </div>
+ {{ endif }}
+
+ {{ if $item.has_folders }}
+ <div class="filesavetags"><span>$item.txt_folders {{ for $item.folders as $cat }}$cat.name <a href="$cat.removeurl" title="$remove">[$remove]</a> {{ if $cat.last }}{{ else }}, {{ endif }}{{ endfor }}
+ </div>
+ {{ endif }}
+ </div>
+ </div>
+ <div class="wall-item-tools" id="wall-item-tools-$item.id">
+ {{ if $item.like }}
+ <a href="#" class="icon like item-tool" title="$item.like.0" onclick="dolike($item.id,'like'); return false"></a>
+ {{ endif }}
+ {{ if $item.dislike }}
+ <a href="#" class="icon dislike item-tool" title="$item.dislike.0" onclick="dolike($item.id,'dislike'); return false"></a>
+ {{ endif }}
+ {{ if $item.share }}
+ <a href="#" class="icon recycle item-tool" title="$item.share.0" onclick="jotShare($item.id); return false"></a>
+ {{ endif }}
+ {{ if $item.plink }}
+ <a href="$item.plink.href" title="$item.plink.title" target="external-link" class="icon item-tool remote-link$item.sparkle"></a>
+ {{ endif }}
+ {{ if $item.edpost }}
+ <a class="editpost icon pencil item-tool" href="$item.edpost.0" title="$item.edpost.1"></a>
+ {{ endif }}
+ {{ if $item.star }}
+ <a href="#" id="starred-$item.id" onclick="dostar($item.id); return false;" class="star-item icon item-tool $item.star.isstarred" title="$item.star.toggle"></a>
+ {{ endif }}
+ {{ if $item.tagger }}
+ <a href="#" id="tagger-$item.id" onclick="itemTag($item.id); return false;" class="tag-item icon item-tool tagged" title="$item.tagger.tagit"></a>
+ {{ endif }}
+ {{ if $item.filer }}
+ <a href="#" id="filer-$item.id" onclick="itemFiler($item.id); return false;" class="filer-item filer-icon item-tool" title="$item.filer"></a>
+ {{ endif }}
+ <img id="like-rotator-$item.id" class="like-rotator" src="images/rotator.gif" alt="$item.wait" title="$item.wait" style="display: none;" />
+
+ <div class="wall-item-delete-wrapper" id="wall-item-delete-wrapper-$item.id" >
+ {{ if $item.drop.dropping }}<a href="item/drop/$item.id" onclick="return confirmDelete();" class="icon drophide" title="$item.drop.delete" onmouseover="imgbright(this);" onmouseout="imgdull(this);" ></a>{{ endif }}
+ </div>
+ {{ if $item.drop.pagedrop }}<input type="checkbox" onclick="checkboxhighlight(this);" title="$item.drop.select" class="item-select" name="itemselected[]" value="$item.id" />{{ endif }}
+ <div class="wall-item-delete-end"></div>
+ </div>
+ </div>
+ <div class="wall-item-wrapper-end"></div>
+ <div class="wall-item-like $item.indent" id="wall-item-like-$item.id">$item.showlike</div>
+ <div class="wall-item-dislike $item.indent" id="wall-item-dislike-$item.id">$item.showdislike</div>
+
+ {{ if $item.threaded }}
+ {{ if $item.comment }}
+ <div class="wall-item-comment-wrapper $item.indent" >
+ $item.comment
+ </div>
+ {{ endif }}
+ {{ endif }}
+
+<div class="wall-item-outside-wrapper-end $item.indent" ></div>
+</div>
+{{ for $item.children as $item }}
+ {{ inc $item.template }}{{ endinc }}
+{{ endfor }}
+
+{{ if $item.flatten }}
+<div class="wall-item-comment-wrapper" >
+ $item.comment
+</div>
+{{ endif }}
+</div>
+{{if $item.comment_lastcollapsed}}</div>{{endif}}