Changeset 25654 for extensions/AdminTools/template/public_controller.tpl

Timestamp:

Nov 23, 2013, 4:16:27 PM (10 years ago)

Author:

mistic100

Message:

• add quick edit form for picture (todo: album)
• add "Delete photo" button

File:

• extensions/AdminTools/template/public_controller.tpl (modified) (8 diffs)

extensions/AdminTools/template/public_controller.tpl

@@ -2 +2 @@
 {combine_css path='admin/themes/default/fontello/css/fontello.css'}
 {combine_css path=$ADMINTOOLS_PATH|cat:'template/fontello/css/fontello-ato.css'}
+
+{if isset($ato.QUICK_EDIT)}
+  {*<!-- colorbox -->*}
+  {combine_script id='jquery.colorbox' load='footer' require='jquery' path='themes/default/js/plugins/jquery.colorbox.min.js'}
+  {combine_css id='colorbox' path='themes/default/js/plugins/colorbox/style2/colorbox.css'}
+
+  {*<!-- tokeninput -->*}
+  {combine_script id='jquery.tokeninput' load='footer' require='jquery' path='themes/default/js/plugins/jquery.tokeninput.js'}
+  {combine_css path='themes/default/js/plugins/jquery.tokeninput.css'}
+
+  {*<!-- datepicker -->*}
+  {combine_script id='jquery.ui.datepicker' load='footer' path='themes/default/js/ui/jquery.ui.datepicker.js'}
+
+  {assign var=datepicker_language value='themes/default/js/ui/i18n/jquery.ui.datepicker-'|cat:$lang_info.code|cat:'.js'}
+  {if 'PHPWG_ROOT_PATH'|@constant|@cat:$datepicker_language|@file_exists}
+  {combine_script id='jquery.ui.datepicker'|cat:$lang_info.code load='footer' path=$datepicker_language}
+  {/if}
+
+  {combine_css path='themes/default/js/ui/theme/jquery.ui.core.css'}
+  {combine_css path='themes/default/js/ui/theme/jquery.ui.theme.css'}
+  {combine_css path='themes/default/js/ui/theme/jquery.ui.datepicker.css'}
+{/if}
+
 
 <div id="ato_header_closed"><a href="#" class="icon-tools"></a></div>
@@ -21 +44 @@
     <li class="parent"><a href="#" class="icon-pencil">{'Edit'|translate}</a>
       <ul>
-        <li><a href="#" class="icon-ato-flash edit-quick">{'Quick edit'|translate}</a></li>
+        <li><a href="#ato_quick_edit" class="icon-ato-flash edit-quick">{'Quick edit'|translate}</a></li>
         <li><a class="icon-ato-doc-text-inv" href="{$ato.U_EDIT}">{'Properties page'|translate}</a></li>
       </ul>
@@ -34 +57 @@
   {if isset($ato.IS_CATEGORY)}
     <li><a class="icon-plus-circled" href="{$ato.U_SITE_ADMIN}photos_add&amp;album={$ato.CATEGORY_ID}">{'Add Photos'|translate}</a></li>
+  {/if}
+  {if isset($ato.IS_PICTURE)}
+    <li><a class="icon-ato-cancel" href="{$ato.U_SELF}delete&amp;pwg_token={$ato.PWG_TOKEN}" onclick="return confirm('{'Are you sure?'|translate|escape:javascript}')">{'delete photo'|translate|ucfirst}</a></li>
   {/if}
 
@@ -70 +96 @@
 </div>
 
+{if isset($ato.QUICK_EDIT)}
+<div style="display:none;">
+  <div id="ato_quick_edit">
+    <form method="post" action="{$ato.U_SELF}">
+      <fieldset class="left">
+        <img src="{$current.derivatives.square->get_url()}" width="100" height="100">
+        <br><input type="submit" value="{'Save'|translate}">
+        <br><a href="#" class="icon-ato-cancel close-edit">{'Cancel'|translate}</a>
+      </fieldset>
+
+      <fieldset class="main">
+        <label for="quick_edit_name">{'Name'|translate}</label>
+        <input type="text" name="name" id="quick_edit_name" value="{$ato.QUICK_EDIT.name|escape:html}">
+
+        <label for="quick_edit_author">{'Author'|translate}</label>
+        <input type="text" name="author" id="quick_edit_author" value="{$ato.QUICK_EDIT.author|escape:html}">
+
+
+        <label for="quick_edit_date_creation">{'Creation date'|translate}</label>
+        <input type="text" name="date_creation" id="quick_edit_date_creation" class="datepicker" value="{$ato.QUICK_EDIT.date_creation}">
+        <input type="hidden" name="date_creation_time" value="{$ato.QUICK_EDIT.date_creation_time}">
+
+        <label for="quick_edit_tags">{'Tags'|translate}</label>
+        <select name="tags" id="quick_edit_tags" class="tags">
+        {foreach from=$ato.QUICK_EDIT.tag_selection item=tag}
+          <option value="{$tag.id}" class="selected">{$tag.name}</option>
+        {/foreach}
+        </select>
+
+        <label for="quick_edit_comment">{'Description'|translate}</label>
+        <textarea name="comment" id="quick_edit_comment">{$ato.QUICK_EDIT.comment}</textarea>
+
+        <label for="quick_edit_level">{'Who can see this photo?'|@translate}</label>
+        <select name="level" size="1">
+          {html_options options=$available_permission_levels selected=$ato.QUICK_EDIT.level}
+        </select>
+      </fieldset>
+
+      <input type="hidden" name="action" value="quick_edit">
+    </form>
+  </div>
+</div>
+{/if}
+
 {footer_script require='jquery'}
 (function($){
@@ -111 +181 @@
   });
 
+{*<!-- select boxes -->*}
   $ato.find('.switcher').on({
     'change': function() {
@@ -120 +191 @@
   });
 
+{*<!-- toggle toolbar -->*}
   $ato.find('.close-panel').on('click', function(e) {
     $ato.slideUp();
@@ -128 +200 @@
     e.preventDefault();
   });
-  
+
   $ato_closed.on('click', function(e) {
     $ato.slideDown();
@@ -193 +265 @@
 {/if}
 
+{* <!-- quick edit -->*}
+{if isset($ato.QUICK_EDIT)}
+  var $ato_edit = $('#ato_quick_edit');
+
+  $ato_edit.css('background-color', $("#the_page #content").css('background-color'));
+
+  $ato_edit.find('.close-edit').on('click', function(e) {
+    $.colorbox.close()
+    e.preventDefault();
+  });
+
+  $ato_edit.find('.datepicker').datepicker({
+    dateFormat: 'yy-mm-dd'
+  });
+
+  $ato_edit.find('.tags').tokenInput(
+    [{foreach from=$ato.QUICK_EDIT.tags item=tag name=tags}{ldelim}"name":"{$tag.name|escape:javascript}","id":"{$tag.id}"{rdelim}{if !$smarty.foreach.tags.last},{/if}{/foreach}],
+    {
+      hintText: '{'Type in a search term'|@translate}',
+      noResultsText: '{'No results'|@translate}',
+      searchingText: '{'Searching...'|@translate}',
+      newText: ' ({'new'|@translate})',
+      animateDropdown: false,
+      preventDuplicates: true,
+      allowFreeTagging: true
+    }
+  );
+
+  $(".edit-quick").colorbox({
+    inline: true,
+    transition: 'none',
+    title: '{'Quick edit'|translate|escape:javascript}',
+    width: 500,
+    top: 50
+  });
+{/if}
+
 }(jQuery));
 {/footer_script}