Changeset 20564


Ignore:
Timestamp:
Feb 5, 2013, 1:05:48 AM (11 years ago)
Author:
Miklfe
Message:
 
Location:
extensions/Slim/admin
Files:
3 added
2 deleted
1 edited

Legend:

Unmodified
Added
Removed

  • extensions/Slim/admin/admin.tpl

    r18919 r20564  
    11{html_head}
    2         <script type="text/javascript" src="themes/default/js/ui/minified/jquery.ui.slider.min.js"></script>
    3     <link rel="stylesheet" href="themes/Slim/admin/theme.css" />
     2        <script src="themes/Slim/admin/js/jquery.screwdefaultbuttonsV2.min.js" type="text/javascript"></script>
     3        <style media="screen" type="text/css">
     4                {literal}
     5                        #opt{width:48%; display:inline-block}
     6                {/literal}
     7        </style>
    48
    5 <style media="screen" type="text/css">
     9        <script type="text/javascript">
    610        {literal}
    7                 H3.ima{ color:#000;     font-size:15px;}       
    8                 H3.imanoir{     color:#fff; font-size:15px;}
    9                 tr.ton{ margin:10px;}   
    10                 td.check{text-align:center;}   
    11                 td.imag{text-align:right; width:100px; height:25px;     vertical-align:bottom; line-height: 1px;}
     11                $(function(){
     12               
     13                        $('input:radio').screwDefaultButtons({
     14                                image: 'url("themes/Slim/admin/images/radioSmall_Blue.png")',
     15                                width: 35,
     16                                height: 35
     17                        });
     18                       
     19                });
    1220        {/literal}
    13 </style>
     21        </script>
    1422{/html_head}
    1523       
    … …  
    2533
    2634<fieldset>
    27 <legend>{'Slim Color'|@translate}</legend>
     35<legend>{'Slim'|@translate}</legend>
    2836
    29 <div id="option">
    30         <div class="switcher">
    31         <div class="opt">
    32         Slim
    33         </div>
    34         <div class="opt">
    35         Slim_L
    36         </div>
    37         <div class="opt">
    38         Slim_XL
    39         </div>
    40        
    41             <div>
    42                 <input type="text" class="range min-1 max-3" name="style_slim" value="{$selected_style_slim}" />
    43             </div>
    44         </div>
    45 
    46         <div class="switcher">
    47         <div class="opt">
    48         Whith
    49         </div>
    50         <div class="opt">
    51         Black
    52         </div>
    53         <div class="opt">
    54         Grey
    55         </div>
    56        
    57                         <div>
    58                 <input type="text" class="range min-1 max-3" name="color_theme" value="{$selected_color_theme}" />
    59             </div>
     37<div id="opt">
     38<table>
     39                <td><u>Style</u></td>
     40                <tr><td align="right">Slim</td><td class="check"><input type="radio" name="style_slim" value="1" {if $selected_style_slim=='1'}checked="checked"{/if} ></td></tr>
     41                       
     42                <tr><td align="right">Slim_L</td><td class="check"><input type="radio" name="style_slim" value="2" {if $selected_style_slim=='2'}checked="checked"{/if} ></td></tr>
     43               
     44                <tr><td align="right">Slim_XL</td><td class="check"><input type="radio" name="style_slim" value="3" {if $selected_style_slim=='3'}checked="checked"{/if} ></td></tr>
     45</table>
    6046</div>
    61 
    62 {footer_script}{literal}
    63 jQuery(function($){
    64    
    65     $('.range').each(function(){
    66        var cls      = $(this).attr('class'); 
    67        var matches  = cls.split(/([a-zA-Z]+)\-([0-9]+)/g);
    68        var elem     = $(this).parent();
    69        var options  = {};
    70        var input    = elem.find('input');
    71        elem.append('<div class="uirange"></div>');
    72        
    73        for(i in matches){
    74            i = i * 1;
    75            if(matches[i] == 'min'){
    76                options.min  = matches[i+1]*1;
    77            }
    78            if(matches[i] == 'max'){
    79                options.max  = matches[i+1]*1;
    80            }
    81        }
    82        
    83        options.slide = function(event, ui){
    84            elem.find('label span').empty().append(ui.value);
    85            input.val(ui.value);
    86        }
    87        options.value = input.val();
    88        options.range = 'min';
    89        elem.find('.uirange').slider(options);
    90        
    91        elem.find('label span').empty().append(input.val());
    92        input.hide();
    93     });
    94    
    95 });
    96 
    97 {/literal}{/footer_script}
     47<div id="opt">
     48<table>
     49                <td><u>Color</u></td>
     50                <tr><td align="right">White</td><td class="check"><input type="radio" name="color_theme" value="1" {if $selected_color_theme=='1'}checked="checked"{/if} ></td></tr>
     51                       
     52                <tr><td align="right">Black</td><td class="check"><input type="radio" name="color_theme" value="2" {if $selected_color_theme=='2'}checked="checked"{/if} ></td></tr>
     53               
     54                <tr><td align="right">Grey</td><td class="check"><input type="radio" name="color_theme" value="3" {if $selected_color_theme=='3'}checked="checked"{/if} ></td></tr>
     55</table>
     56</div>
    9857
    9958</fieldset>
Note: See TracChangeset for help on using the changeset viewer.