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

Timestamp:

Dec 7, 2013, 6:43:09 PM (10 years ago)

Author:

mistic100

Message:

load tags,themes,users,languages list in AJAX + move javascript code to external file

File:

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

extensions/AdminTools/template/public_controller.tpl

@@ -9 +9 @@
   {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'}
+  {if isset($ato.IS_PICTURE)}
+    {*<!-- 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'}
+    {*<!-- 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}
+    {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}
+{/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'}
+{combine_script id='admintools.controller' load='footer' require='jquery' path=$ADMINTOOLS_PATH|cat:'template/public_controller.js'}
+{/strip}
+
+{footer_script require='admintools.controller'}
+AdminTools.urlWS = '{$ROOT_URL}ws.php?format=json&method=';
+AdminTools.multiView = {
+  'view_as': "{$ato.MULTIVIEW.view_as}",
+  'theme': "{$ato.MULTIVIEW.theme}",
+  'lang': "{$ato.MULTIVIEW.lang}"
+};
+
+AdminTools.init();
+{if $themeconf.mobile}
+  AdminTools.initMobile();
 {/if}
-{/strip}
+{if isset($ato.U_SET_REPRESENTATIVE)}
+  AdminTools.initRepresentative({$current.id}, {$ato.CATEGORY_ID});
+{/if}
+{if isset($ato.U_CADDIE) and isset($ato.IS_PICTURE)}
+  AdminTools.initCaddie({$current.id});
+{/if}
+{if isset($ato.QUICK_EDIT)}
+  AdminTools.initQuickEdit({intval(isset($ato.IS_PICTURE))}, {
+    hintText: '{'Type in a search term'|@translate}',
+    noResultsText: '{'No results'|@translate}',
+    searchingText: '{'Searching...'|@translate}',
+    newText: ' ({'new'|@translate})'
+  });
+{/if}
+{/footer_script}
 
 <div id="ato_header_closed"><a href="#" class="icon-tools"></a></div>
@@ -63 +95 @@
   {/if}
 
-    <li class="parent right"><a class="icon-cog-alt" href="#">{'Tools'|translate}</a>
+    <li class="parent right multiview"><a class="icon-cog-alt" href="#">{'Tools'|translate}</a>
       <ul>
         <li><label>{'View as'|translate}</label>
-          <select class="switcher" data-type="view_as">
-            {html_options options=$ato.USERS selected=$ato.MULTIVIEW.view_as}
-          </select>
+          <select class="switcher" data-type="view_as"></select>
         </li>
         <li><label>{'Theme'|translate}</label>
-          <select class="switcher" data-type="theme">
-            {html_options options=$ato.THEMES selected=$ato.MULTIVIEW.theme}
-          </select>
+          <select class="switcher" data-type="theme"></select>
         </li>
         <li><label>{'Language'|translate}</label>
-          <select class="switcher" data-type="lang">
-            {html_options options=$ato.LANGS selected=$ato.MULTIVIEW.lang}
-          </select>
+          <select class="switcher" data-type="lang"></select>
         </li>
         <li><a class="icon-ato-check{if !$ato.MULTIVIEW.show_queries}-empty{/if}" href="{$ato.U_SELF}ato_show_queries={(int)!$ato.MULTIVIEW.show_queries}">{'Show SQL queries'|translate}</a></li>
@@ -99 +125 @@
 {if isset($ato.QUICK_EDIT)}
 <div style="display:none;">
-  <div id="ato_quick_edit">
+  <div id="ato_quick_edit" title="{'Quick edit'|translate}">
     <form method="post" action="{$ato.U_SELF}">
       <fieldset class="left">
@@ -141 +167 @@
 </div>
 {/if}
-
-{footer_script require='jquery'}
-(function($){
-  function moveBody(dir, anim) {
-    var operator = dir=='show' ? '+=' : '-=';
-    
-    if (anim) {
-      $('body').animate({ldelim}'margin-top': operator+ato_height});
-      
-      if ($('#the_page, [data-role="page"]').css('position')=='absolute') {
-        $('#the_page, [data-role="page"]').animate({ldelim}'top': operator+ato_height});
-      }
-    }
-    else {
-      $('body').css({ldelim}'margin-top': operator+ato_height});
-      
-      if ($('#the_page, [data-role="page"]').css('position')=='absolute') {
-        $('#the_page, [data-role="page"]').css({ldelim}'top': operator+ato_height});
-      }
-    }
-  }
-  
-  var $ato = $('#ato_header'),
-      $ato_closed = $('#ato_header_closed'),
-      ato_height = 28,
-      urlWS = '{$ROOT_URL}ws.php?format=json&method=';
-
-  $('body').prepend($ato); // ensure the bar is at the begining
-  
-  {if $themeconf.mobile}
-    var $headerbar = $('div[data-role="header"] .title');
-    if ($headerbar.length == 1) {
-      $ato_closed.addClass('smartpocket');
-      $ato_closed.find('a').attr({
-        'data-iconpos':'notext',
-        'data-role':'button'
-      });
-      $headerbar.prepend($ato_closed);    
-    }
-  {/if}
-
-  if (window.localStorage.ato_panel_open == null) {
-    window.localStorage.ato_panel_open = "true";
-  }
-
-  if (window.localStorage.ato_panel_open == "true") {
-    $ato.show();
-    moveBody('show', false);
-  }
-  else {
-    $ato_closed.show();
-  }
-
-{*<!-- sub menus -->*}
-  $ato.find('.parent').on({
-    'click': function(){
-      $(this).find('ul').toggle();
-    },
-    'mouseleave': function(e) {
-      if (e.target.tagName.toLowerCase() != "select") {
-        $(this).find('ul').hide();
-      }
-    }
-  });
-  $ato.find('.parent>a').on('click', function(e) {
-    e.preventDefault();
-  });
-  $ato.find('.parent ul').on('mouseleave', function(e) {
-    if (e.target.tagName.toLowerCase() != "select") {
-      $(this).hide();
-    }
-  });
-
-{*<!-- select boxes -->*}
-  $ato.find('.switcher').on({
-    'change': function() {
-      window.location.href = '{$ato.U_SELF}ato_'+ $(this).data('type') +'='+ $(this).val();
-    },
-    'click': function(e) {
-      e.stopPropagation();
-    }
-  });
-
-{*<!-- toggle toolbar -->*}
-  $ato.find('.close-panel').on('click', function(e) {
-    $ato.slideUp();
-    $ato_closed.slideDown();
-    moveBody('hide', true);
-
-    window.localStorage.ato_panel_open = "false";
-    e.preventDefault();
-  });
-
-  $ato_closed.on('click', function(e) {
-    $ato.slideDown();
-    $ato_closed.slideUp();
-    moveBody('show', true);
-
-    window.localStorage.ato_panel_open = "true";
-    e.preventDefault();
-  });
-
-{*<!-- set representative -->*}
-{if isset($ato.U_SET_REPRESENTATIVE)}
-  $ato.find('.set-representative').on('click', function(e) {
-
-    if (!$(this).parent().hasClass('disabled')) {
-      $(this).parent().addClass('disabled')
-
-      $.ajax({
-        method: 'POST',
-        url: urlWS + 'pwg.categories.setRepresentative',
-        dataType: 'json',
-        data: {
-          image_id: {$current.id},
-          category_id: {$ato.CATEGORY_ID}
-        },
-        success: function() {
-          alert('ok');
-        },
-        fail: function(num, text) {
-          alert(num + ' ' + text);
-        }
-      });
-    }
-
-    e.preventDefault();
-  });
-{/if}
-
-{*<!-- add to caddie -->*}
-{if isset($ato.U_CADDIE) and isset($ato.IS_PICTURE)}
-  $ato.find('.add-caddie').on('click', function(e) {
-
-    if (!$(this).parent().hasClass('disabled')) {
-      $(this).parent().addClass('disabled')
-
-      $.ajax({
-        method: 'POST',
-        url: urlWS + 'pwg.caddie.add',
-        dataType: 'json',
-        data: {
-          image_id: {$current.id}
-        },
-        success: function() {
-          alert('ok');
-        },
-        fail: function(num, text) {
-          alert(num + ' ' + text);
-        }
-      });
-    }
-
-    e.preventDefault();
-  });
-{/if}
-
-{* <!-- quick edit -->*}
-{if isset($ato.QUICK_EDIT)}
-  var $ato_edit = $('#ato_quick_edit');
-  
-  
-  setTimeout(function() {
-    var bg_color = 'white';
-    var selectors = ['#the_page #content', '[data-role="page"]', 'body'];
-    
-    for (var i=0; i<selectors.length; i++) {
-      var color = $(selectors[i]).css('background-color');
-      console.log(selectors[i], color);
-      if (color && color!='transparent') {
-        bg_color = color;
-        break;
-      }
-    }
-
-    $ato_edit.css('background-color', bg_color);
-  }, 1000);
-
-  $ato_edit.find('.close-edit').on('click', function(e) {
-    $.colorbox.close()
-    e.preventDefault();
-  });
-
-{if isset($ato.IS_PICTURE)}
-  $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
-    }
-  );
-{/if}
-
-  $(".edit-quick").colorbox({
-    inline: true,
-    transition: 'none',
-    title: '{'Quick edit'|translate|escape:javascript}',
-    width: 500,
-    top: 50
-  });
-{/if}
-
-}(jQuery));
-{/footer_script}