source: extensions/Junk/admin/admin.tpl @ 28082

Revision 28082, 10.4 KB checked in by Miklfe, 6 years ago (diff)
Line 
1{combine_css path="themes/Junk/admin/theme.css"}
2       
3{combine_css path="themes/default/js/ui/theme/jquery.ui.button.css"}
4{combine_css path="themes/Junk/admin/jquery-ui-1.10.4.custom.css"}
5{footer_script require='jquery.ui.button'}
6{literal}
7jQuery(document).ready(function(){
8  jQuery( ".radio" ).buttonset();
9});
10{/literal}
11{/footer_script}
12{footer_script}
13  var tab_active = "{$junk.tab}";
14{/footer_script}       
15{footer_script require='jquery.ui.tabs'}
16{literal}
17jQuery(document).ready(function(){
18   var $tabs= $( "#tabs" ).tabs({ active: tab_active }).addClass( "ui-tabs-vertical ui-helper-clearfix" );
19   jQuery( "#tabs li" ).removeClass( "ui-corner-top" ).addClass( "ui-corner-left" );
20   
21        $('#tabs li').click(function(){
22                var active = $tabs.tabs('option', 'active');
23                $('#tab_activ').val(active);
24        });
25});
26{/literal}
27{/footer_script}       
28       
29<div class="titrePage">
30        <h2>Junk</h2>
31</div>
32
33<form action="" method="post">
34
35<div id="configContent">
36
37        <fieldset>
38               
39                        <legend>{'Junk style'|@translate}</legend>
40                        <p>{'Choose your theme color:'|@translate}</p>
41                       
42<div id="tabs"> 
43<ul>
44<li><a href="#tabs-1">Green</a></li>
45<li><a href="#tabs-2">Red</a></li>
46<li><a href="#tabs-3">Pink</a></li>
47<li><a href="#tabs-4">Blue</a></li>
48<li><a href="#tabs-5">Gray</a></li>
49<li><a href="#tabs-6">White and Black</a></li>
50<li><a href="#tabs-7">Yellow</a></li>
51<li><a href="#tabs-8">Purple</a></li>
52
53</ul>   
54        <div id="tabs-1">       
55                        <ul >
56                                <li class="radio" style="list-style:none">
57                                        <input type="radio" id="green" name="Junk_style" value="green" {if $junk.style=='green'}checked="checked"{/if} ><label for="green" ><span class="imag"><img src="themes/Junk/admin/images/green.jpg"/></span><div>Junk_green</div></label>
58                                        <input type="radio" id="dark_green" name="Junk_style" value="dark_green" {if $junk.style=='dark_green'}checked="checked"{/if} ><label for="dark_green" ><span class="imag"><img src="themes/Junk/admin/images/dark_green.jpg"/></span><div>Junk_dark_green</div></label>
59                                        <input type="radio" id="greene" name="Junk_style" value="greene" {if $junk.style=='greene'}checked="checked"{/if} ><label for="greene" ><span class="imag"><img src="themes/Junk/admin/images/greene.jpg"/></span><div>Junk_greene</div></label>
60                                        <input type="radio" id="light_greene" name="Junk_style" value="light_greene" {if $junk.style=='light_greene'}checked="checked"{/if} ><label for="light_greene" ><span class="imag"><img src="themes/Junk/admin/images/light_greene.jpg"/></span><div>Junk_light_greene</div></label>
61                                </li>
62                </ul>
63        </div> 
64        <div id="tabs-2">       
65                        <ul >
66                                <li class="radio" style="list-style:none">
67                                        <input type="radio" id="red" name="Junk_style" value="red" {if $junk.style=='red'}checked="checked"{/if} ><label for="red"><span class="imag"><img src="themes/Junk/admin/images/red.jpg"/></span><div>Junk_red</div></label>
68                                        <input type="radio" id="dark_red" name="Junk_style" value="dark_red" {if $junk.style=='dark_red'}checked="checked"{/if} ><label for="dark_red"><span class="imag"><img src="themes/Junk/admin/images/dark_red.jpg"/></span><div>Junk_dark_red</div></label>
69                                        <input type="radio" id="rede" name="Junk_style" value="rede" {if $junk.style=='rede'}checked="checked"{/if} ><label for="rede"><span class="imag"><img src="themes/Junk/admin/images/rede.jpg"/></span><div>Junk_rede</div></label>
70                                        <input type="radio" id="light_rede" name="Junk_style" value="light_rede" {if $junk.style=='light_rede'}checked="checked"{/if} ><label for="light_rede"><span class="imag"><img src="themes/Junk/admin/images/light_rede.jpg"/></span><div>Junk_light_rede</div></label>
71                                </li>
72                </ul>
73        </div> 
74        <div id="tabs-3">       
75                        <ul >
76                                <li class="radio" style="list-style:none">
77                                        <input type="radio" id="pink" name="Junk_style" value="pink" {if $junk.style=='pink'}checked="checked"{/if} ><label for="pink"><span class="imag"><img src="themes/Junk/admin/images/pink.jpg"/></span><div>Junk_pink</div></label>
78                                        <input type="radio" id="dark_pink" name="Junk_style" value="dark_pink" {if $junk.style=='dark_pink'}checked="checked"{/if} ><label for="dark_pink"><span class="imag"><img src="themes/Junk/admin/images/dark_pink.jpg"/></span><div>Junk_dark_pink</div></label>
79                                        <input type="radio" id="pinki" name="Junk_style" value="pinki" {if $junk.style=='pinki'}checked="checked"{/if} ><label for="pinki"><span class="imag"><img src="themes/Junk/admin/images/pinki.jpg"/></span><div>Junk_pinki</div></label>
80                                        <input type="radio" id="light_pinki" name="Junk_style" value="light_pinki" {if $junk.style=='light_pinki'}checked="checked"{/if} ><label for="light_pinki"><span class="imag"><img src="themes/Junk/admin/images/light_pink.jpg"/></span><div>Junk_light_pinki</div></label>
81                                </li>
82                </ul>
83        </div> 
84        <div id="tabs-4">       
85                        <ul >
86                                <li class="radio" style="list-style:none">
87                                        <input type="radio" id="blue" name="Junk_style" value="blue" {if $junk.style=='blue'}checked="checked"{/if} ><label for="blue"><span class="imag"><img src="themes/Junk/admin/images/blue.jpg"/></span><div>Junk_blue</div></label>
88                                        <input type="radio" id="dark_blue" name="Junk_style" value="dark_blue" {if $junk.style=='dark_blue'}checked="checked"{/if} ><label for="dark_blue"><span class="imag"><img src="themes/Junk/admin/images/dark_blue.jpg"/></span><div>Junk_dark_blue</div></label>
89                                        <input type="radio" id="blube" name="Junk_style" value="blube" {if $junk.style=='blube'}checked="checked"{/if} ><label for="blube"><span class="imag"><img src="themes/Junk/admin/images/blube.jpg"/></span><div>Junk_blube</div></label>
90                                        <input type="radio" id="light_blube" name="Junk_style" value="light_blube" {if $junk.style=='light_blube'}checked="checked"{/if} ><label for="light_blube"><span class="imag"><img src="themes/Junk/admin/images/light_blube.jpg"/></span><div>Junk_light_blube</div></label>
91                                </li>
92                </ul>
93        </div> 
94        <div id="tabs-5">       
95                        <ul >
96                                <li class="radio" style="list-style:none">
97                                        <input type="radio" id="gray" name="Junk_style" value="gray" {if $junk.style=='gray'}checked="checked"{/if} ><label for="gray"><span class="imag"><img src="themes/Junk/admin/images/gray.jpg"/></span><div>Junk_gray</div></label>
98                                        <input type="radio" id="dark_gray" name="Junk_style" value="dark_gray" {if $junk.style=='dark_gray'}checked="checked"{/if} ><label for="dark_gray"><span class="imag"><img src="themes/Junk/admin/images/dark_gray.jpg"/></span><div>Junk_dark_gray</div></label>
99                                        <input type="radio" id="grayb" name="Junk_style" value="grayb" {if $junk.style=='grayb'}checked="checked"{/if} ><label for="grayb"><span class="imag"><img src="themes/Junk/admin/images/grayb.jpg"/></span><div>Junk_grayb</div></label>
100                                        <input type="radio" id="light_grayb" name="Junk_style" value="light_grayb" {if $junk.style=='light_grayb'}checked="checked"{/if} ><label for="light_grayb"><span class="imag"><img src="themes/Junk/admin/images/light_grayb.jpg"/></span><div>Junk_light_grayb</div></label>
101                                </li>
102                </ul>
103        </div> 
104        <div id="tabs-6">       
105                        <ul >
106                                <li class="radio" style="list-style:none">
107                                        <input type="radio" id="black" name="Junk_style" value="black" {if $junk.style=='black'}checked="checked"{/if} ><label for="black"><span class="imag"><img src="themes/Junk/admin/images/black.jpg"/></span><div>Junk_black</div></label>
108                                        <input type="radio" id="dark_black" name="Junk_style" value="dark_black" {if $junk.style=='dark_black'}checked="checked"{/if} ><label for="dark_black"><span class="imag"><img src="themes/Junk/admin/images/dark_black.jpg"/></span><div>Junk_dark_black</div></label>
109                                        <input type="radio" id="white" name="Junk_style" value="white" {if $junk.style=='white'}checked="checked"{/if} ><label for="white"><span class="imag"><img src="themes/Junk/admin/images/white.jpg"/></span><div>Junk_white</div></label>
110                                        <input type="radio" id="dark_white" name="Junk_style" value="dark_white" {if $junk.style=='dark_white'}checked="checked"{/if} ><label for="dark_white"><span class="imag"><img src="themes/Junk/admin/images/dark_white.jpg"/></span><div>Junk_dark_white</div></label>
111                                </li>
112                </ul>
113        </div> 
114        <div id="tabs-7">       
115                        <ul >
116                                <li class="radio" style="list-style:none">
117                                        <input type="radio" id="yellow" name="Junk_style" value="yellow" {if $junk.style=='yellow'}checked="checked"{/if} ><label for="yellow"><span class="imag"><img src="themes/Junk/admin/images/yellow.jpg"/></span><div>Junk_yellow</div></label>
118                                        <input type="radio" id="dark_yellow" name="Junk_style" value="dark_yellow" {if $junk.style=='dark_yellow'}checked="checked"{/if} ><label for="dark_yellow"><span class="imag"><img src="themes/Junk/admin/images/dark_yellow.jpg"/></span><div>Junk_dark_yellow</div></label>
119                                        <input type="radio" id="yello" name="Junk_style" value="yello" {if $junk.style=='yello'}checked="checked"{/if} ><label for="yello"><span class="imag"><img src="themes/Junk/admin/images/yello.jpg"/></span><div>Junk_yello</div></label>
120                                        <input type="radio" id="light_yello" name="Junk_style" value="light_yello" {if $junk.style=='light_yello'}checked="checked"{/if} ><label for="light_yello"><span class="imag"><img src="themes/Junk/admin/images/light_yello.jpg"/></span><div>Junk_light_yello</div></label>
121                                </li>
122                </ul>
123        </div> 
124        <div id="tabs-8">       
125                        <ul >
126                                <li class="radio" style="list-style:none">
127                                        <input type="radio" id="purple" name="Junk_style" value="purple" {if $junk.style=='purple'}checked="checked"{/if} ><label for="purple"><span class="imag"><img src="themes/Junk/admin/images/purple.jpg"/></span><div>Junk_purple</div></label>
128                                        <input type="radio" id="dark_purple" name="Junk_style" value="dark_purple" {if $junk.style=='dark_purple'}checked="checked"{/if} ><label for="dark_purple"><span class="imag"><img src="themes/Junk/admin/images/dark_purple.jpg"/></span><div>Junk_dark_purple</div></label>
129                                        <input type="radio" id="purp" name="Junk_style" value="purp" {if $junk.style=='purp'}checked="checked"{/if} ><label for="purp"><span class="imag"><img src="themes/Junk/admin/images/purp.jpg"/></span><div>Junk_purp</div></label>
130                                        <input type="radio" id="light_purp" name="Junk_style" value="light_purp" {if $junk.style=='light_purp'}checked="checked"{/if} ><label for="light_purp"><span class="imag"><img src="themes/Junk/admin/images/light_purp.jpg"/></span><div>Junk_light_purp</div></label>
131                                </li>
132                </ul>
133        </div> 
134
135</div> 
136
137        </fieldset>
138
139</div>
140        <p><input id="tab_activ" type="hidden" name="tab" value="{$junk.tab}"></p>
141
142        <p><input type="submit" name="submit" value="{'Submit'|@translate}"></p>
143
144
145</form>
146
Note: See TracBrowser for help on using the repository browser.