Let's begin the new customizable clear template :-)

git-svn-id: http://piwigo.org/svn/trunk@820 68402e56-0260-453c-a942-63ccdbb3a9ee

1 files changed, 152 insertions, 0 deletions

diff --git a/template/cclear/picture.tpl b/template/cclear/picture.tpl
new file mode 100644
index 000000000..2011a2c0a
--- /dev/null
+++ b/template/cclear/picture.tpl
@@ -0,0 +1,152 @@
+<!-- BEGIN information -->
+<div class="pleaseNote">{information.INFORMATION}</div>
+<!-- END information -->
+
+<div id="imageHeaderBar">
+  <div class="browsePath"><a href="{U_HOME}">{L_HOME}</a>{LEVEL_SEPARATOR}{CATEGORY}</div>
+  <div class="imageNumber">{PHOTO}</div>
+  <h1>{TITLE}</h1>
+</div>
+
+<div id="imageToolBar">
+<div class="randomButtons">
+  <a href="{U_SLIDESHOW}" title="{L_SLIDESHOW}">
+    <img src="template/cclear/theme/slideshow.png" alt="{L_SLIDESHOW}">
+  </a>
+  <a href="{U_METADATA}" title="{L_PICTURE_METADATA}">
+    <img src="template/cclear/theme/metadata.png" alt="{L_PICTURE_METADATA}">
+  </a>
+<!-- BEGIN favorite -->
+  <a href="{favorite.U_FAVORITE}" title="{favorite.FAVORITE_HINT}">
+    <img src="{favorite.FAVORITE_IMG}" alt="{favorite.FAVORITE_ALT}">
+  </a>
+<!-- END favorite -->
+<!-- BEGIN download -->
+  <a href="{download.U_DOWNLOAD}" title="{L_DOWNLOAD}">
+    <img src="template/cclear/theme/save.png" alt="{L_DOWNLOAD}">
+  </a>
+<!-- END download -->
+<!-- BEGIN admin -->
+  <a href="{U_ADMIN}" title="{L_ADMIN}">
+    <img src="template/cclear/theme/preferences.png" alt="{L_ADMIN}">
+  </a>
+<!-- END admin -->
+</div>
+<div class="navButtons">
+<!-- BEGIN next -->
+  <a class="navButton next" href="{next.U_IMG}" title="{L_NEXT_IMG}{next.TITLE_IMG}">
+    <img src="template/cclear/theme/right.png" alt="next">
+  </a>
+<!-- END next -->
+  <a class="navButton up" href="{U_UP}" title="{L_UP_HINT}">
+    <img src="template/cclear/theme/up.png" alt="{L_UP_ALT}">
+  </a>
+<!-- BEGIN previous -->
+  <a class="navButton prev" href="{previous.U_IMG}" title="{L_PREV_IMG}{previous.TITLE_IMG}">
+    <img src="template/cclear/theme/left.png" alt="previous">
+  </a>
+<!-- END previous -->
+</div>
+</div>
+
+<div id="theImage">
+<!-- BEGIN high -->
+<a href="javascript:phpWGOpenWindow('{high.U_HIGH}','{high.UUID}','scrollbars=yes,toolbar=yes,status=yes,resizable=yes,width={high.WIDTH_IMG},height={high.HEIGHT_IMG}')">
+<!-- END high -->
+  <img src="{SRC_IMG}" style="width:{WIDTH_IMG}px;height:{HEIGHT_IMG}px;" alt="{ALT_IMG}">
+<!-- BEGIN high -->
+</a>
+  <p>{L_PICTURE_HIGH}</p>
+<!-- END high -->
+<!-- BEGIN legend -->
+<p>{legend.COMMENT_IMG}</p>
+<!-- END legend -->
+<!-- BEGIN stop_slideshow -->
+<p>
+  [ <a href="{stop_slideshow.U_SLIDESHOW}">{L_STOP_SLIDESHOW}</a> ]
+</p>
+<!-- END stop_slideshow -->
+</div>
+
+<!-- BEGIN previous -->
+<a class="navThumb prev" href="{previous.U_IMG}" title="{L_PREV_IMG}{previous.TITLE_IMG}">
+  <img src="{previous.IMG}" class="thumbLink" style="margin-right:10px;margin-left:5px;" alt="{previous.TITLE_IMG}">
+</a>
+<!-- END previous -->
+<!-- BEGIN next -->
+<a class="navThumb next" href="{next.U_IMG}" title="{L_NEXT_IMG}{next.TITLE_IMG}">
+  <img src="{next.IMG}" alt="{next.TITLE_IMG}">
+</a>
+<!-- END next -->
+
+<table class="infoTable" summary="Some info about this picture">
+  <!-- BEGIN info_line -->
+  <tr>
+    <td class="label">{info_line.INFO} :</td>
+    <td class="value">{info_line.VALUE}</td>
+  </tr>
+  <!-- END info_line -->
+</table>
+
+<!-- BEGIN metadata -->
+<table class="infoTable" summary="Some more (technical) info about this picture">
+  <!-- BEGIN headline -->
+  <tr>
+    <th colspan="2">{metadata.headline.TITLE}</th>
+  </tr>
+  <!-- END headline -->
+  <!-- BEGIN line -->
+  <tr>
+    <td class="label">{metadata.line.KEY}</td>
+    <td class="value">{metadata.line.VALUE}</td>
+  </tr>
+  <!-- END line -->
+</table>
+<!-- END metadata -->
+
+<!-- BEGIN rate -->
+<p>
+{rate.SENTENCE} :
+<!-- BEGIN rate_option -->
+{rate.rate_option.SEPARATOR} <a href="{rate.rate_option.URL}">{rate.rate_option.OPTION}</a>
+<!-- END rate_option -->
+</p>
+<!-- END rate -->
+
+<!-- BEGIN comments -->
+<div id="comments">
+<h2>[{comments.NB_COMMENT}] {L_COMMENT_TITLE}</h2>
+
+<div class="navigationBar">{comments.NAV_BAR}</div>
+
+<!-- BEGIN comment -->
+<div class="comment">
+  <!-- BEGIN delete -->
+  <p class="userCommentDelete">
+  <a href="{comments.comment.delete.U_COMMENT_DELETE}" title="{L_DELETE_COMMENT}">
+    <img src="template/clear/theme/delete.gif" style="border:none;vertical-align:middle; margin-left:5px;" alt="[{L_DELETE}]"/>
+  </a>
+  </p>
+  <!-- END delete -->
+  <p class="commentInfo"><span class="author">{comments.comment.COMMENT_AUTHOR}</span> - {comments.comment.COMMENT_DATE}</p>
+  <blockquote>{comments.comment.COMMENT}</blockquote>
+</div>
+<!-- END comment -->
+
+<!-- BEGIN add_comment -->
+<h2>{L_ADD_COMMENT}</h2>
+<form  method="post" action="{U_ADD_COMMENT}">
+  <!-- BEGIN author_field -->
+<p><label>{L_AUTHOR}:<input type="text" name="author"></label>
+  <!-- END author_field -->
+  <!-- BEGIN author_known -->
+  <input type="hidden" name="author"  value="{comments.add_comment.author_known.KNOWN_AUTHOR}">
+  <!-- END author_known -->
+<p><label>{L_COMMENT}:
+<textarea name="content" rows="7" style="width:100%;"></textarea></label>
+<p><input type="submit" value="{L_SUBMIT}">
+</form>
+       <!-- END add_comment -->
+<!-- END comments -->
+
+</div>