Changeset 20565

Timestamp:

Feb 5, 2013, 1:06:10 AM (11 years ago)

Author:

Miklfe

Message:

 

Location:

extensions/Slimi/admin

Files:

• admin.tpl (modified) (2 diffs)
• images/bouton_slide.png (deleted)
• images/radioSmall_Blue.png (added)
• js/jquery.screwdefaultbuttonsV2.min.js (added)

extensions/Slimi/admin/admin.tpl

@@ -2 +2 @@
         <script type="text/javascript" src="themes/Slimi/admin/js/farbtastic.js" ></script>
         <script type="text/javascript" src="themes/default/js/ui/minified/jquery.ui.slider.min.js"></script>
+        <script src="themes/Slimi/admin/js/jquery.screwdefaultbuttonsV2.min.js" type="text/javascript"></script>
 
     <link rel="stylesheet" href="themes/Slimi/admin/theme.css" />
+                <script type="text/javascript">
+        {literal}
+                $(function(){
+                
+                        $('input:radio').screwDefaultButtons({
+                                image: 'url("themes/Slimi/admin/images/radioSmall_Blue.png")',
+                                width: 35,
+                                height: 35
+                        });
+                        
+                });
+        {/literal}
+        </script>
+
 {/html_head}
         
@@ -16 +31 @@
 <legend>{'Open picture'|@translate}</legend>
 <div id="option">
-        <div class="switcher">
-                <div class="opt">
-                        Lightbox
-                </div>
-                <div class="opt">
-                        {'Picture page'|@translate}
-                </div>
-                
-                                <div>
-                                        <input type="text" class="range min-1 max-2" name="lytebox_slimi" value="{$selected_lytebox_slimi}" />
-                                </div>
-        </div>
+                <tr><td align="right">Lightbox</td><td class="check"><input type="radio" name="lytebox_slimi" value="1" {if $selected_lytebox_slimi=='1'}checked="checked"{/if} ></td></tr>
+                        
+                <tr><td align="right">{'Picture page'|@translate}</td><td class="check"><input type="radio" name="lytebox_slimi" value="2" {if $selected_lytebox_slimi=='2'}checked="checked"{/if} ></td></tr>
+
 </div>
 </fieldset>
-{footer_script}{literal}
-jQuery(function($){
-    
-    $('.range').each(function(){
-       var cls      = $(this).attr('class');  
-       var matches  = cls.split(/([a-zA-Z]+)\-([0-9]+)/g);
-       var elem     = $(this).parent(); 
-       var options  = {}; 
-       var input    = elem.find('input'); 
-       elem.append('<div class="uirange"></div>');
-       
-       for(i in matches){
-           i = i * 1; 
-           if(matches[i] == 'min'){
-               options.min  = matches[i+1]*1;
-           } 
-           if(matches[i] == 'max'){
-               options.max  = matches[i+1]*1;
-           } 
-       }
-       
-       options.slide = function(event, ui){
-           elem.find('label span').empty().append(ui.value);
-           input.val(ui.value);
-       }
-       options.value = input.val(); 
-       options.range = 'min';
-       elem.find('.uirange').slider(options); 
-       
-       elem.find('label span').empty().append(input.val()); 
-       input.hide(); 
-    });
-    
-});
 
-{/literal}{/footer_script}