[pLog-svn] r3688 - in plog/trunk: imgs/admin styles templates/admin
templates/admin/chooser
oscar at devel.lifetype.net
oscar at devel.lifetype.net
Wed Jul 5 12:22:56 GMT 2006
Author: oscar
Date: 2006-07-05 12:22:56 +0000 (Wed, 05 Jul 2006)
New Revision: 3688
Added:
plog/trunk/imgs/admin/spinner.gif
plog/trunk/imgs/admin/spinner_small.gif
Modified:
plog/trunk/styles/admin.css
plog/trunk/templates/admin/chooser/resourcelist.template
plog/trunk/templates/admin/newresource.template
plog/trunk/templates/admin/registerblog.template
Log:
some eye candy to prevent users from clicking 'upload' more than once in the pages that allow to upload new files/images. Now the buttons are disabled and a spinning wheel is displayed to show some activity.
Added: plog/trunk/imgs/admin/spinner.gif
===================================================================
(Binary files differ)
Property changes on: plog/trunk/imgs/admin/spinner.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: plog/trunk/imgs/admin/spinner_small.gif
===================================================================
(Binary files differ)
Property changes on: plog/trunk/imgs/admin/spinner_small.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Modified: plog/trunk/styles/admin.css
===================================================================
--- plog/trunk/styles/admin.css 2006-07-05 12:21:57 UTC (rev 3687)
+++ plog/trunk/styles/admin.css 2006-07-05 12:22:56 UTC (rev 3688)
@@ -451,6 +451,16 @@
text-align: right;
}
+.status_bar
+{
+ width: 88%;
+ margin-left: auto;
+ margin-right: auto;
+ text-align: right;
+ display:none;
+}
+
+
.inputField input
{
width:100%;
Modified: plog/trunk/templates/admin/chooser/resourcelist.template
===================================================================
--- plog/trunk/templates/admin/chooser/resourcelist.template 2006-07-05 12:21:57 UTC (rev 3687)
+++ plog/trunk/templates/admin/chooser/resourcelist.template 2006-07-05 12:22:56 UTC (rev 3688)
@@ -1,5 +1,6 @@
{include file="$admintemplatepath/chooser/header.template"}
<script type="text/javascript" src="js/tinymce/tiny_mce-plog-resourcelist.js"></script>
+<script type="text/javascript" src="js/ui/plogui.js"></script>
{if $htmlarea}
<script type="text/javascript" src="js/tinymce/tiny_mce_popup.js"></script>
<script type="text/javascript">
@@ -139,26 +140,29 @@
<textarea name="resourceDescription" id="resourceDescription" rows="5" style="width:100%"></textarea>
</div>
</fieldset>
- <div class="buttons" style="padding-bottom:7px">
+ <div class="buttons" id="buttons" style="padding-bottom:7px">
<input type="reset" name="reset" value="{$locale->tr("reset")}" />
- <input type="submit" name="Upload" value="{$locale->tr("add")}" />
+ <input type="submit" name="Upload" onclick="showProgressBar('buttons');b=document.getElementById('close_button');b.style.display='none'" value="{$locale->tr("add")}" />
<input type="hidden" name="albumId" value="{$album->getId()}" />
<input type="hidden" name="op" value="addResource" /><br/>
<input type="hidden" name="destView" value="resourceList" />
<input type="hidden" name="destination" value="{$destination}" />
</div>
+ <div class="status_bar" id="status_bar">
+ {$locale->tr("upload_in_progress")}
+ <img src="imgs/admin/spinner_small.gif" alt="Spinner" />
+ </div>
</form>
</div>
{/if}
<div id="list_action_bar">
- {include file="$admintemplatepath/adminpager.template" style=list}
-
+ {include file="$admintemplatepath/adminpager.template" style=list}
{if $htmlarea}
- <input type="button" onClick="javascript:onCancel()" value="{$locale->tr("close")}" />
+ <input id="close_button" type="button" onClick="javascript:onCancel()" value="{$locale->tr("close")}" />
{else}
- <input type="button" onClick="window.close()" value="{$locale->tr("close")}" />
+ <input id="close_button" type="button" onClick="window.close()" value="{$locale->tr("close")}" />
{/if}
</div>
<a name="upload"></a>
</div>
-{include file="$admintemplatepath/chooser/header.template"}
\ No newline at end of file
+{include file="$admintemplatepath/chooser/footer.template"}
\ No newline at end of file
Modified: plog/trunk/templates/admin/newresource.template
===================================================================
--- plog/trunk/templates/admin/newresource.template 2006-07-05 12:21:57 UTC (rev 3687)
+++ plog/trunk/templates/admin/newresource.template 2006-07-05 12:22:56 UTC (rev 3688)
@@ -1,6 +1,7 @@
{include file="$admintemplatepath/header.template"}
{include file="$admintemplatepath/navigation.template" showOpt=newResource title=$locale->tr("newResource")}
<script type="text/javascript" src="js/ui/forms.js"></script>
+<script type="text/javascript" src="js/ui/plogui.js"></script>
<form name="addResource" action="admin.php" method="post" enctype="multipart/form-data">
<fieldset class="inputField">
<legend>{$locale->tr("newResource")}</legend>
@@ -44,11 +45,15 @@
</select>
</div>
</fieldset>
- <div class="buttons">
+ <div class="buttons" id="buttons">
<input type="reset" name="reset" value="{$locale->tr("reset")}" />
- <input type="submit" name="AddResource" value="{$locale->tr("add")}" />
+ <input type="submit" name="AddResource" onclick="showProgressBar('buttons')" value="{$locale->tr("add")}" />
<input type="hidden" name="op" value="addResource" />
- </div>
+ </div>
+ <div class="status_bar" id="status_bar">
+ {$locale->tr("upload_in_progress")}
+ <img src="imgs/admin/spinner_small.gif" alt="Spinner" />
+ </div>
</form>
{include file="$admintemplatepath/footernavigation.template"}
Modified: plog/trunk/templates/admin/registerblog.template
===================================================================
--- plog/trunk/templates/admin/registerblog.template 2006-07-05 12:21:57 UTC (rev 3687)
+++ plog/trunk/templates/admin/registerblog.template 2006-07-05 12:22:56 UTC (rev 3688)
@@ -7,6 +7,7 @@
<br style="clear:both;" />
</div>
</div>
+
<div id="dashboard">
<form name="createBlog" action="admin.php" method="post">
<fieldset class="inputField">
@@ -59,20 +60,22 @@
{include file="$admintemplatepath/validate.template" field=blogLocale message=$locale->tr("error_empty_locale")}
</div>
+
<div class="field">
<label for="">{$locale->tr("select_template")}</label>
<div class="formHelp">{$locale->tr("register_step3_help")}</div>
{include file="$admintemplatepath/validate.template" field=templateId message=$locale->tr("error_must_choose_template")}
- {foreach from=$templates item=template}
- {assign var=templateName value=$template->getName()}
- <div class="templateScreen">
- <a href="javascript:openWindow('{$template->getScreenshotUrl()}','Screenshot','scrollbars=yes,resizable=yes,width=400,height=300');"><img src="{$template->getScreenshotUrl()}" alt="{$templateName}" height="150" width="200" /></a><br/>
- <input type="radio" class="checkbox" value="{$template->getName()}" name="templateId" id="templateId" {if $templateId==$template->getName()}checked="checked"{/if}/>
- <label for="templateId"><strong>{$templateName}</strong></label>
- <br/><br/>
- </div>
- {/foreach}
+ {foreach from=$templates item=template}
+ {assign var=templateName value=$template->getName()}
+ <div class="templateScreen">
+ <a href="javascript:openWindow('{$template->getScreenshotUrl()}','Screenshot','scrollbars=yes,resizable=yes,width=400,height=300');"><img src="{$template->getScreenshotUrl()}" alt="{$templateName}" height="150" width="200" /></a><br/>
+ <input type="radio" class="checkbox" value="{$template->getName()}" name="templateId" id="templateId" />
+ <label for="templateId"><strong>{$templateName}</strong></label>
+ <br/><br/>
+ </div>
+ {/foreach}
</div>
+
</fieldset>
<div class="buttons">
<input type="button" onClick="javascript:window.location='admin.php?op=Dashboard'" value="« {$locale->tr("back")}" />
@@ -85,4 +88,4 @@
</div>
</form>
</div>
-{include file="$admintemplatepath/footer.template"}
+{include file="$admintemplatepath/footer.template"}
\ No newline at end of file
More information about the pLog-svn
mailing list