[28081] | 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"> |
---|
[28082] | 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> |
---|
[28081] | 61 | </li> |
---|
| 62 | </ul> |
---|
| 63 | </div> |
---|
| 64 | <div id="tabs-2"> |
---|
| 65 | <ul > |
---|
| 66 | <li class="radio" style="list-style:none"> |
---|
[28082] | 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> |
---|
[28081] | 71 | </li> |
---|
| 72 | </ul> |
---|
| 73 | </div> |
---|
| 74 | <div id="tabs-3"> |
---|
| 75 | <ul > |
---|
| 76 | <li class="radio" style="list-style:none"> |
---|
[28082] | 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> |
---|
[28081] | 81 | </li> |
---|
| 82 | </ul> |
---|
| 83 | </div> |
---|
| 84 | <div id="tabs-4"> |
---|
| 85 | <ul > |
---|
| 86 | <li class="radio" style="list-style:none"> |
---|
[28082] | 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> |
---|
[28081] | 91 | </li> |
---|
| 92 | </ul> |
---|
| 93 | </div> |
---|
| 94 | <div id="tabs-5"> |
---|
| 95 | <ul > |
---|
| 96 | <li class="radio" style="list-style:none"> |
---|
[28082] | 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> |
---|
[28081] | 101 | </li> |
---|
| 102 | </ul> |
---|
| 103 | </div> |
---|
| 104 | <div id="tabs-6"> |
---|
| 105 | <ul > |
---|
| 106 | <li class="radio" style="list-style:none"> |
---|
[28082] | 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> |
---|
[28081] | 111 | </li> |
---|
| 112 | </ul> |
---|
| 113 | </div> |
---|
| 114 | <div id="tabs-7"> |
---|
| 115 | <ul > |
---|
| 116 | <li class="radio" style="list-style:none"> |
---|
[28082] | 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> |
---|
[28081] | 121 | </li> |
---|
| 122 | </ul> |
---|
| 123 | </div> |
---|
| 124 | <div id="tabs-8"> |
---|
| 125 | <ul > |
---|
| 126 | <li class="radio" style="list-style:none"> |
---|
[28082] | 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> |
---|
[28081] | 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 | |
---|