Changeset 25752 for trunk/themes

Timestamp:

Nov 29, 2013, 2:00:40 PM (10 years ago)

Author:

plg

Message:

smartpocket, configuration: simpler yes/no checkboxes (with fontello icons, same as AdminTools checkboxes)

Location:

trunk/themes/smartpocket/admin

Files:

• admin.inc.php (modified) (1 diff)
• admin.tpl (modified) (2 diffs)

trunk/themes/smartpocket/admin/admin.inc.php

@@ -11 +11 @@
 if(isset($_POST['submit_smartpocket']))
 {
-  $config_send['loop']=(isset($_POST['loop']) and $_POST['loop']=="false") ? false : true;
-  $config_send['autohide']=(isset($_POST['autohide']) and $_POST['autohide']=="0") ? 0 : 5000;
+  $config_send['loop'] = isset($_POST['loop']);
+  $config_send['autohide'] = (isset($_POST['autohide']) ? 5000 : 0);
   
   $conf['smartpocket'] = serialize($config_send);

trunk/themes/smartpocket/admin/admin.tpl

@@ -1 @@
-{combine_css path="themes/default/js/ui/theme/jquery.ui.button.css"}
-{combine_css path="themes/smartpocket/admin/jquery.ui.button.css"}
-{footer_script require='jquery.ui.button'}
-{literal}
-jQuery(document).ready(function(){
-  jQuery( ".radio" ).buttonset();
+{html_style}
+.graphicalCheckbox {
+  font-size:16px;
+  line-height:16px;
+}
+
+input[type=checkbox] {
+  display:none;
+}
+{/html_style}
+
+{footer_script}{literal}
+jQuery(document).ready(function() {
+  jQuery('form li label input[type=checkbox]').change(function() {
+    var graphicalCheckbox = jQuery(this).parent().find('.graphicalCheckbox');
+    if (jQuery(this).is(':checked')) {
+      jQuery(graphicalCheckbox).removeClass('icon-check-empty').addClass('icon-check');
+    }
+    else {
+      jQuery(graphicalCheckbox).removeClass('icon-check').addClass('icon-check-empty');
+    }
+  });
 });
-{/literal}
-{/footer_script}
+{/literal}{/footer_script}
 
 <div class="titrePage">
@@ -17 +32 @@
     <legend>{'Slideshow Options'|@translate}</legend>
     <ul>
-      <li class="radio" >
-        <label for="loop"><span class="property">{'Loop the slideshow'|@translate}</span>&nbsp;</label>
-        <input type="radio" id="loop_true" name="loop" value="true" {if $options.loop}checked="checked"{/if}><label for="loop_true">{'Yes'|@translate}</label>
-        <input type="radio" id="loop_false" name="loop" value="false" {if !$options.loop}checked="checked"{/if}><label for="loop_false">{'No'|@translate}</label>
-      </li>
-      <li class="radio" >
-        <label for="autohide"><span class="property">{'Autohide the bar of the slideshow'|@translate}</span>&nbsp;</label>
-        <input type="radio" id="autohide_on" name="autohide" value="5000" {if $options.autohide==5000}checked="checked"{/if}><label for="autohide_on">{'Yes'|@translate}</label>
-        <input type="radio" id="autohide_off" name="autohide" value="0" {if $options.autohide==0}checked="checked"{/if}><label for="autohide_off">{'No'|@translate}</label>
-      </li>
+
+      <li><label>
+        <span class="property">{'Loop the slideshow'|translate}</span>&nbsp;
+        <span class="graphicalCheckbox icon-check{if not $options.loop}-empty{/if}">&nbsp;</span>
+        <input type="checkbox" name="loop"{if $options.loop} checked="checked"{/if}>
+      </label></li>
+
+      <li><label>
+        <span class="property">{'Autohide the bar of the slideshow'|translate}</span>&nbsp;
+        <span class="graphicalCheckbox icon-check{if $options.autohide != 5000}-empty{/if}">&nbsp;</span>
+        <input type="checkbox" name="autohide"{if $options.autohide == 5000} checked="checked"{/if}>
+      </label></li>
+
     </ul>
   </fieldset>