X-Git-Url: https://git.decadent.org.uk/gitweb/?a=blobdiff_plain;f=templates%2Fphoto%2Fview;h=46714844e8022309c048f8df7537415157aa852c;hb=7767c51977a235b2f9205da1a94b07ba55ad2f52;hp=3950ce6b5a566d2d04a59d0ee988fede5c988234;hpb=7f2c0b18cfff36d5a9d0f93e9cb4102d6a931768;p=memories.git

diff --git a/templates/photo/view b/templates/photo/view
index 3950ce6..4671484 100644
--- a/templates/photo/view
+++ b/templates/photo/view
@@ -20,34 +20,47 @@
     </form>
 [% END %]
 </td>
-<td align="right" class="tagbrowse">
-[% FOR tag = photo.tags;
-    "<a href=\""; base;"/tag/view/";tag.name | html | uri;"\">";
-    tag;
-    "</a>&nbsp;(";
-    tag.taggings.size; ")";
-    ", " UNLESS tag == photo.tags.last;
-END %]
-</td>
-</tr>
-<tr>
-<td>
+<td align="right">
 [% IF photo.albums %]
 In albums:
 [% FOR album = photo.albums; %]
 <a href="[%base%]/album/view/[%album.id%]">[%album.name%]</a> ([%album.photos.size%])
 [% ";" UNLESS album == photo.albums.last %]
 [% END %]
+<br>
 [% END %]
-
-</td>
-<td align="right" class="tagbrowse"><small>
+<small>
 <i>Photo shot on [% photo.shot.ymd %] </i> <br>
 Uploaded by <a href="[%base%]/user/view/[%photo.uploader.id%]"> [%
 photo.uploader %] </a>
-</small></td>
+</small> <br>
+[% photo.hit_count %] view[%IF photo.hit_count > 1%]s[%END%]
+</td>
 </tr>
 </table>
+
+<div class="tagbrowse smaller">
+[% SET tagset = {}; FOR tag = photo.tags;
+    SET name = tag.name; tagset.$name = tag.taggings.size;
+  END;
+  SET sorted = tagset.nsort.reverse;
+%]
+[% SET counter = 0;
+  FOR tag = sorted;
+    counter = counter + 1;
+    IF tagset.$tag > 1; 
+        "<a href=\""; base;"/tag/view/";tag | html | uri;"\">";
+        tag;
+        "</a>&nbsp;(";
+        tagset.$tag; ")";
+    ELSE; 
+        tag; 
+        IF counter > 20; "..."; LAST; END;
+    END;
+    ", " UNLESS tag == sorted.last;
+END %]
+</div>
+
 <div class="photoview">
     [% SET sizes = request.config.sizes %]
     [% IF request.params.exists("scale") %]
@@ -84,11 +97,18 @@ photo.uploader %] </a>
 </div>
 [% END %]
 
+<script>
+function select_tab(name) {
+    document.getElementsByClassName("active").each(function (x) { x.removeClassName("active")});
+    new Ajax.Updater("content","[%base%]/photo/"+name+"/[%photo.id%]",
+      { method: "get" }
+    )
+    $(name).addClassName("active");
+}
+</script>
 [% MACRO do_tab(tabname, label) BLOCK; %]
 <li>
-    [% IF tab == tabname %]<a class="active">
-    [% ELSE %]<a href="[%url%]?scale=[%size%]&active=[%tabname%]"> 
-    [% END %]
+    <a [% IF tab == tabname %] class="active" [% END %] id="[%tabname%]" href="javascript:select_tab('[%tabname%]')">
     [%label%]</a>
 </li>
 [% END %]
@@ -100,12 +120,7 @@ photo.uploader %] </a>
     [%do_tab("similar", "Similar photos") %]
 </ul>
 <div id="content">
-[%
-IF request.params.active == "tagedit"; INCLUDE tagedit; 
-ELSIF request.params.active == "exif"; INCLUDE exif;
-ELSIF request.params.active == "similar"; INCLUDE similar;
-ELSE;                                  INCLUDE comment; END;
-%]
+[% INCLUDE comment %]
 </div>
 [%
 INCLUDE footer;