source: extensions/Slim/admin/admin.tpl @ 30303

{html_style}
                        .option{ldelim}width:48%; display:inline-block}
{/html_style}

{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_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}

{footer_script}{literal}
        (function($) {
                $(document).ready(function(){
                        $('#opt').buttonset();
                        $('#col_opt').buttonset();
                        });
                        
                        $(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'));
                });
        })(jQuery);
{/literal}{/footer_script}
        
        
        
<div class="titrePage">
<h2>Slim</h2>
</div>

<form action="" method="post">



<fieldset>
<legend>{'Slim'|@translate}</legend>
<div class="opt">
<div id="opt" class="option">
        <div><u>Style</u></div>
        <br>
        <input type="radio" id="radio1" name="style_slim" value="1" {if $selected_style_slim=='1'}checked="checked"{/if}><label for="radio1">Slim</label>
        <input type="radio" id="radio2" name="style_slim" value="2" {if $selected_style_slim=='2'}checked="checked"{/if}><label for="radio2">Slim_L</label>
        <input type="radio" id="radio3" name="style_slim" value="3" {if $selected_style_slim=='3'}checked="checked"{/if}><label for="radio3">Slim_XL</label>
</div>

<div id="col_opt" class="option">
        <div><u>Color</u></div>
        <br>
        <input type="radio" id="radio4" name="color_theme" value="1" {if $selected_color_theme=='1'}checked="checked"{/if}><label for="radio4">White</label>
        <input type="radio" id="radio5" name="color_theme" value="2" {if $selected_color_theme=='2'}checked="checked"{/if}><label for="radio5">Black</label>
        <input type="radio" id="radio6" name="color_theme" value="3" {if $selected_color_theme=='3'}checked="checked"{/if}><label for="radio6">Grey</label>
</div>

<div id="car_speed" class="option" style="margin-top:20px">
                <div><u>Carousel</u></div>
        <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>

</div>
</fieldset>
<p><input type="submit" name="submit" value="{'Submit'|@translate}" {$TAG_INPUT_ENABLED}>
</form>