aboutsummaryrefslogtreecommitdiffstats
path: root/themes/default/template
diff options
context:
space:
mode:
authorrvelices <rv-github@modusoptimus.com>2012-04-02 20:49:46 +0000
committerrvelices <rv-github@modusoptimus.com>2012-04-02 20:49:46 +0000
commit9c06bb55645c314541fdcff9e9611b38ca0694ac (patch)
treef1a544171c581cceaedd91b8a73c22ab17516541 /themes/default/template
parent9c6f27c0e127ba1d54435ade0045c591da0de65a (diff)
- comment edit form looks ok now with the new comment layout
- removed unused css / simplify it - simplified jquery drop boxes ... git-svn-id: http://piwigo.org/svn/trunk@13865 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to '')
-rw-r--r--themes/default/template/comment_list.tpl12
-rw-r--r--themes/default/template/index.tpl58
-rw-r--r--themes/default/template/picture.tpl41
3 files changed, 39 insertions, 72 deletions
diff --git a/themes/default/template/comment_list.tpl b/themes/default/template/comment_list.tpl
index b73cc39e2..cb3052d11 100644
--- a/themes/default/template/comment_list.tpl
+++ b/themes/default/template/comment_list.tpl
@@ -43,14 +43,14 @@
<span class="commentAuthor">{$comment.AUTHOR}</span> - <span class="commentDate">{$comment.DATE}</span>
{if isset($comment.IN_EDIT)}
<a name="edit_comment"></a>
- <form method="post" action="{$comment.U_EDIT}" class="filter" id="editComment">
- <fieldset>
- <legend>{'Edit a comment'|@translate}</legend>
- <label>{'Comment'|@translate}<textarea name="content" id="contenteditid" rows="5" cols="80">{$comment.CONTENT|@escape}</textarea></label>
- <input type="hidden" name="key" value="{$comment.KEY}">
+ <form method="post" action="{$comment.U_EDIT}" id="editComment">
+ <p><label>{'Edit a comment'|@translate} :</label></p>
+ <p><textarea name="content" id="contenteditid" rows="5" cols="80">{$comment.CONTENT|@escape}</textarea></p>
+ <p><input type="hidden" name="key" value="{$comment.KEY}">
+ <input type="hidden" name="pwg_token" value="{$comment.PWG_TOKEN}">
<input type="hidden" name="image_id" value="{$comment.IMAGE_ID|@default:$current.id}">
<input type="submit" value="{'Submit'|@translate}">
- </fieldset>
+ </p>
</form>
{else}
<blockquote><div>{$comment.CONTENT}</div></blockquote>
diff --git a/themes/default/template/index.tpl b/themes/default/template/index.tpl
index 9e21bd41b..3f49aee06 100644
--- a/themes/default/template/index.tpl
+++ b/themes/default/template/index.tpl
@@ -7,7 +7,7 @@
<li>{strip}<a id="sortOrderLink" title="{'Sort order'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
<span class="pwg-icon pwg-icon-sort">&nbsp;</span><span class="pwg-button-text">{'Sort order'|@translate}</span>
</a>
- <div id="sortOrderBox" class="switchBox" style="display:none">
+ <div id="sortOrderBox" class="switchBox">
<div class="switchBoxTitle">{'Sort order'|@translate}</div>
{foreach from=$image_orders item=image_order name=loop}{if !$smarty.foreach.loop.first}<br>{/if}
{if $image_order.SELECTED}
@@ -18,25 +18,14 @@
{/foreach}
</div>
{footer_script}{literal}
-$(document).ready(function() {
- $("#sortOrderBox").css({'top':0,'left':0});
- var sortOrderBox_width = $("#sortOrderBox").outerWidth(true);
- var sortOrderBox_height = $("#sortOrderBox").outerHeight(true);
-
- $("#sortOrderLink").click(function() {
- $("#sortOrderBox").toggle();
-
- if ($(this).offset().left + sortOrderBox_width > $(window).width()) {
- $("#sortOrderBox").css("left", $(window).width() - sortOrderBox_width - 5);
- } else {
- $("#sortOrderBox").css("left", $(this).offset().left);
- }
- $("#sortOrderBox").css("top", $(this).offset().top + $(this).outerHeight(true));
- });
-
- $("#sortOrderBox").bind("mouseleave", function() {
- $(this).hide();
- });
+$("#sortOrderLink").click(function() {
+ var elt = $("#sortOrderBox");
+ elt.css("left", Math.min( $(this).offset().left, $(window).width() - elt.outerWidth(true) - 5))
+ .css("top", $(this).offset().top + $(this).outerHeight(true))
+ .toggle();
+});
+$("#sortOrderBox").on("mouseleave", function() {
+ $(this).hide();
});
{/literal}{/footer_script}
{/strip}</li>
@@ -46,7 +35,7 @@ $(document).ready(function() {
<li>{strip}<a id="derivativeSwitchLink" title="{'Photo sizes'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
<span class="pwg-icon pwg-icon-sizes">&nbsp;</span><span class="pwg-button-text">{'Photo sizes'|@translate}</span>
</a>
- <div id="derivativeSwitchBox" class="switchBox" style="display:none">
+ <div id="derivativeSwitchBox" class="switchBox">
<div class="switchBoxTitle">{'Photo sizes'|@translate}</div>
{foreach from=$image_derivatives item=image_derivative name=loop}{if !$smarty.foreach.loop.first}<br>{/if}
{if $image_derivative.SELECTED}
@@ -57,25 +46,14 @@ $(document).ready(function() {
{/foreach}
</div>
{footer_script}{literal}
-$(document).ready(function() {
- $("#derivativeSwitchBox").css({'top':0,'left':0});
- var derivativeSwitchBox_width = $("#derivativeSwitchBox").outerWidth(true);
- var derivativeSwitchBox_height = $("#derivativeSwitchBox").outerHeight(true);
-
- $("#derivativeSwitchLink").click(function() {
- $("#derivativeSwitchBox").toggle();
-
- if ($(this).offset().left + derivativeSwitchBox_width > $(window).width()) {
- $("#derivativeSwitchBox").css("left", $(window).width() - derivativeSwitchBox_width - 5);
- } else {
- $("#derivativeSwitchBox").css("left", $(this).offset().left);
- }
- $("#derivativeSwitchBox").css("top", $(this).offset().top + $(this).outerHeight(true));
- });
-
- $("#derivativeSwitchBox").bind("mouseleave", function() {
- $(this).hide();
- });
+$("#derivativeSwitchLink").click(function() {
+ var elt = $("#derivativeSwitchBox");
+ elt.css("left", Math.min( $(this).offset().left, $(window).width() - elt.outerWidth(true) - 5))
+ .css("top", $(this).offset().top + $(this).outerHeight(true))
+ .toggle();
+});
+$("#derivativeSwitchBox").on("mouseleave", function() {
+ $(this).hide();
});
{/literal}{/footer_script}
{/strip}</li>
diff --git a/themes/default/template/picture.tpl b/themes/default/template/picture.tpl
index c0f44ffa4..5450dce85 100644
--- a/themes/default/template/picture.tpl
+++ b/themes/default/template/picture.tpl
@@ -35,31 +35,20 @@ function changeImgSrc(url,typeSave,typeMap)
document.cookie = 'picture_deriv='+typeSave+';path={/literal}{$COOKIE_PATH}{literal}';
}
-$(document).ready(function() {
- $("#derivativeSwitchBox").css({'top':0,'left':0});
- var derivativeSwitchBox_width = $("#derivativeSwitchBox").outerWidth(true);
- var derivativeSwitchBox_height = $("#derivativeSwitchBox").outerHeight(true);
-
- $("#derivativeSwitchLink").click(function() {
- $("#derivativeSwitchBox").toggle();
-
- if ($(this).offset().left + derivativeSwitchBox_width > $(window).width()) {
- $("#derivativeSwitchBox").css("left", $(window).width() - derivativeSwitchBox_width - 5);
- } else {
- $("#derivativeSwitchBox").css("left", $(this).offset().left);
- }
- $("#derivativeSwitchBox").css("top", $(this).offset().top + $(this).outerHeight(true));
- });
-
- $("#derivativeSwitchBox").bind("mouseleave click", function() {
- $(this).hide();
- });
+$("#derivativeSwitchLink").click(function() {
+ var elt = $("#derivativeSwitchBox");
+ elt.css("left", Math.min( $(this).offset().left, $(window).width() - elt.outerWidth(true) - 5))
+ .css("top", $(this).offset().top + $(this).outerHeight(true))
+ .toggle();
+});
+$("#derivativeSwitchBox").on("mouseleave click", function() {
+ $(this).hide();
});
{/literal}{/footer_script}
{strip}<a id="derivativeSwitchLink" title="{'Photo sizes'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
<span class="pwg-icon pwg-icon-sizes">&nbsp;</span><span class="pwg-button-text">{'Photo sizes'|@translate}</span>
</a>
-<div id="derivativeSwitchBox" class="switchBox" style="display:none">
+<div id="derivativeSwitchBox" class="switchBox">
<div class="switchBoxTitle">{'Photo sizes'|@translate}</div>
{foreach from=$current.unique_derivatives item=derivative key=derivative_type}
<span class="switchCheck" id="derivativeChecked{$derivative_type}"{if $derivative->get_type() ne $current.selected_derivative->get_type()} style="visibility:hidden"{/if}>&#x2714; </span>
@@ -209,7 +198,7 @@ y.callService(
</div>
{/if}
{if $display_info.categories and isset($related_categories)}
- <div id="Categories" class="imageInfo">
+ <div id="Categories" class="imageInfo">
<dt>{'Albums'|@translate}</dt>
<dd>
<ul>
@@ -305,7 +294,7 @@ function togglePrivacyLevelBox()
{
elt.style.left = (ePos.offsetLeft)+"px";
elt.style.top = (ePos.offsetTop+ePos.offsetHeight)+"px";
- elt.style.display="";
+ elt.style.display="block";
}
else
elt.style.display="none";
@@ -350,15 +339,15 @@ function togglePrivacyLevelBox()
{if isset($comment_add)}
<div id="commentAdd">
<h4>{'Add a comment'|@translate}</h4>
- <form method="post" action="{$comment_add.F_ACTION}" id="addComment" >
+ <form method="post" action="{$comment_add.F_ACTION}" id="addComment" >
{if $comment_add.SHOW_AUTHOR}
- <p><label>{'Author'|@translate}&nbsp;:</label></p>
+ <p><label>{'Author'|@translate} :</label></p>
<p><input type="text" name="author" /></p>
- <p><label>{'Comment'|@translate}&nbsp;:</label></p>
+ <p><label>{'Comment'|@translate} :</label></p>
{/if}
<p><textarea name="content" id="contentid" rows="5" cols="50">{$comment_add.CONTENT}</textarea></p>
<p><input type="hidden" name="key" value="{$comment_add.KEY}" />
- <input class="submit" type="submit" value="{'Submit'|@translate}"></p>
+ <input type="submit" value="{'Submit'|@translate}"></p>
</form>
</div>
{/if}