[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")}&nbsp;
+    <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")}&nbsp;
+    <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="&laquo; {$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