Changeset 28586 for extensions/Slimi/admin/admin.tpl

Timestamp:

Jun 1, 2014, 9:38:49 PM (10 years ago)

Author:

Miklfe

Message:

Compatibilité avec Slim

File:

• extensions/Slimi/admin/admin.tpl (modified) (3 diffs)

extensions/Slimi/admin/admin.tpl

@@ -1 @@
-{html_head}
-        <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>
+{combine_script id='slider' load='footer' require='jquery' path='themes/default/js/ui/minified/jquery.ui.slider.min.js'}
+{combine_script id='button' load='footer' require='jquery' path='themes/default/js/ui/minified/jquery.ui.button.min.js'}
+{combine_script id='farbtastic' load='footer' require='jquery' path='themes/Slimi/admin/js/farbtastic.js'}
+{combine_css path="themes/Slim/admin/jquery.ui.button.custom.css" order=-10}
+{combine_css path="themes/default/js/ui/theme/jquery.ui.slider.css" order=-10}
+{combine_css path="themes/Slimi/admin/theme.css" order=-10}
 
-    <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
+        
+{footer_script}{literal}
+        (function($) {
+                $(document).ready(function() {
+                        $('#option').buttonset();
+                        
+                        var f = $.farbtastic('#picker');
+                        var p = $('#picker').css('opacity', 1);
+                        var selected;
+                        $('.colorwell')
+                        .each(function () { f.linkTo(this); $(this).css('opacity', 1); })
+                        .focus(function() {
+                                if (selected) {
+                                $(selected).css('opacity', 1).removeClass('colorwell-selected');
+                                }
+                                f.linkTo(this);
+                                p.css('opacity', 1);
+                                $(selected = this).css('opacity', 1).addClass('colorwell-selected');
                         });
-                        
+                        $(function() {
+                        $('#slider-range-max').slider({
+                                range: "max",
+                                min: 1,
+                                max: 20,
+                                value: {/literal}{$selected_carousel_speed}{literal},
+                                slide: function( event, ui ) {
+                                        $('#carspeed').val( ui.value );
+                                }
+                        });
+                        $('#carspeed').val( $('#slider-range-max').slider('value'));
+                        });
                 });
-        {/literal}
-        </script>
-
-{/html_head}
-        
+        })(jQuery);
+{/literal}{/footer_script}
         
         
@@ -30 +49 @@
 <fieldset>
 <legend>{'Open picture'|@translate}</legend>
+<div class="opt">
 <div id="option">
-                <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>
-
+                
+ <input type="radio" id="radio1" name="lytebox_slimi" value="1" {if $selected_lytebox_slimi=='1'}checked="checked"{/if}><label for="radio1">Lightbox</label>
+ <input type="radio" id="radio2" name="lytebox_slimi" value="2" {if $selected_lytebox_slimi=='2'}checked="checked"{/if}><label for="radio2">{'Picture page'|@translate}</label>
 </div>
+</div>
+<br>
 </fieldset>
-
-
 
 
@@ -49 +68 @@
           <p><input type="submit" name="default" value="{'Default'|@translate}" ></p>
           </div>
+          <div id="picker"></div>
+</fieldset>  
 
-          <div id="picker"></div>
-          
-         
+<fieldset>
+        <legend>{'Carousel'|@translate}</legend>
+<div id="car_speed" class="option" style="margin-top:20px">
+        <p>
+        <label for="carspeed">Carousel speed</label>
+        <input type="text" id="carspeed" style="border:0; color:#f6931f; font-weight:bold;" name="carousel_speed" value={$selected_carousel_speed}>
+        </p>
+        <br>    
+        <div id="slider-range-max"></div>
+                
+</div>
+</fieldset>     
 
-</fieldset>  
-{footer_script}{literal}
-  $(document).ready(function() {
-    var f = $.farbtastic('#picker');
-    var p = $('#picker').css('opacity', 1);
-    var selected;
-    $('.colorwell')
-      .each(function () { f.linkTo(this); $(this).css('opacity', 1); })
-      .focus(function() {
-        if (selected) {
-          $(selected).css('opacity', 1).removeClass('colorwell-selected');
-        }
-        f.linkTo(this);
-        p.css('opacity', 1);
-        $(selected = this).css('opacity', 1).addClass('colorwell-selected');
-      });
-  });
-  
-{/literal}{/footer_script}
 <p><input type="submit" name="submit" value="{'Submit'|@translate}" >
 </form>