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} |
---|
7 | jQuery(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} |
---|
17 | jQuery(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 | |
---|