[10988] | 1 | {combine_css path="$PWG_PHOTO_WIDGET_PLUGIN_CSS/admin.css"} |
---|
| 2 | {combine_css path="$PWG_PHOTO_WIDGET_PLUGIN_CSS/colorpicker.css"} |
---|
| 3 | |
---|
| 4 | {combine_script id="colorpicker" require="jquery" path="$PWG_PHOTO_WIDGET_PLUGIN_JS/colorpicker.js"} |
---|
| 5 | |
---|
| 6 | {footer_script require="colorpicker"} |
---|
[5611] | 7 | {literal} |
---|
| 8 | $(function() { |
---|
[5647] | 9 | $('input[name=pw_all_categories]').change(function() { |
---|
| 10 | if ($(this).attr('value')==0) { |
---|
| 11 | $('#pw-select-categories').removeClass('hide'); |
---|
| 12 | } else { |
---|
| 13 | $('#pw-select-categories').addClass('hide'); |
---|
| 14 | } |
---|
| 15 | }); |
---|
| 16 | |
---|
[5611] | 17 | $('input.pwg-picker') |
---|
| 18 | .each(function() { |
---|
| 19 | if ($(this).val() !== undefined) { |
---|
| 20 | $(this).css('background-color', '#'+$(this).val()); |
---|
| 21 | } |
---|
| 22 | }) |
---|
| 23 | .ColorPicker({ |
---|
| 24 | onSubmit: function(hsb, hex, rgb, el) { |
---|
| 25 | $(el).val(hex); |
---|
| 26 | $(el).ColorPickerHide(); |
---|
| 27 | $(el).css('background-color', '#'+hex); |
---|
| 28 | }, |
---|
| 29 | onBeforeShow: function () { |
---|
| 30 | $(this).ColorPickerSetColor(this.value); |
---|
| 31 | } |
---|
| 32 | }) |
---|
| 33 | .bind('keyup', function(){ |
---|
| 34 | $(this).ColorPickerSetColor(this.value); |
---|
| 35 | }); |
---|
| 36 | }); |
---|
| 37 | {/literal} |
---|
[10988] | 38 | {/footer_script} |
---|
[5611] | 39 | |
---|
| 40 | <div class="titrePage"> |
---|
| 41 | <h2>{'Photo Widget Plugin'|@translate}</h2> |
---|
| 42 | </div> |
---|
| 43 | |
---|
| 44 | <p> |
---|
| 45 | {'That plugin display pictures using a flash movie that rotates them in 3D. It works like regulars categories but in a more amazing and exciting way.'|@translate} |
---|
| 46 | </p> |
---|
| 47 | |
---|
| 48 | <p> |
---|
[5613] | 49 | {'You can choose that mode for displaying one, severals or all categories'|@translate} |
---|
[5611] | 50 | <p> |
---|
| 51 | |
---|
| 52 | <form method="post" action="" class="general"> |
---|
| 53 | <fieldset> |
---|
[10988] | 54 | <legend>{'Main configuration'|@translate}</legend> |
---|
| 55 | <p class="field radio"><span>{'All categories'|@translate} ?</span> |
---|
[5647] | 56 | {html_radios name="pw_all_categories" options=$PW_CAT_CHOICES selected=$PW_ALL_CATEGORIES} |
---|
[5611] | 57 | </p> |
---|
| 58 | |
---|
[5647] | 59 | <p class="field pw-categories{if $PW_ALL_CATEGORIES==1} hide{/if}" id="pw-select-categories"> |
---|
[10988] | 60 | <label>{'Applicable categorie(s)'|@translate}</label> |
---|
[5611] | 61 | <select name="pw_categories[]" multiple="multiple" size="{$pw_categories|@count|@max:3}"> |
---|
[5647] | 62 | <option value="__none__"></option> |
---|
[5611] | 63 | {html_options options=$ALL_CATEGORIES selected=$PW_CATEGORIES} |
---|
| 64 | </select> |
---|
| 65 | </p> |
---|
| 66 | </fieldset> |
---|
| 67 | <fieldset> |
---|
| 68 | <legend>{'Animation size'|@translate}</legend> |
---|
| 69 | <p class="field"> |
---|
| 70 | <label>{'Width'|@translate} |
---|
| 71 | <input type="text" name="pw_width" value="{$PW_WIDTH}"> |
---|
| 72 | </label> |
---|
| 73 | </p> |
---|
| 74 | <p class="field"> |
---|
| 75 | <label>{'Height'|@translate} |
---|
| 76 | <input type="text" name="pw_height" value="{$PW_HEIGHT}"> |
---|
| 77 | </label> |
---|
| 78 | </p> |
---|
| 79 | </fieldset> |
---|
| 80 | <fieldset> |
---|
| 81 | <legend>{'Animation background color'|@translate}</legend> |
---|
| 82 | <div id="picker" style="float: right;"></div> |
---|
| 83 | <p class="field"> |
---|
| 84 | <label>{'Color'|@translate}</label> |
---|
| 85 | <input class="pwg-picker" type="text" name="pw_bgcolor" value="{$PW_BGCOLOR}"> |
---|
| 86 | </p> |
---|
| 87 | </fieldset> |
---|
| 88 | <p><input class="submit" type="submit" name="submit" value="{'Submit'|@translate}"></p> |
---|
| 89 | </form> |
---|