1 | {html_head} |
---|
2 | <link rel="stylesheet" type="text/css" href="{$PWG_PHOTO_WIDGET_PLUGIN_CSS}/admin.css"> |
---|
3 | <link rel="stylesheet" type="text/css" href="{$PWG_PHOTO_WIDGET_PLUGIN_CSS}/colorpicker.css"> |
---|
4 | {known_script id="jquery" src=$ROOT_URL|cat:"themes/default/js/jquery.packed.js"} |
---|
5 | {known_script id="colorpicker" src="$PWG_PHOTO_WIDGET_PLUGIN_JS/colorpicker.js"} |
---|
6 | {literal} |
---|
7 | <script type="text/javascript"> |
---|
8 | $(function() { |
---|
9 | $('input.pwg-picker') |
---|
10 | .each(function() { |
---|
11 | if ($(this).val() !== undefined) { |
---|
12 | $(this).css('background-color', '#'+$(this).val()); |
---|
13 | } |
---|
14 | }) |
---|
15 | .ColorPicker({ |
---|
16 | onSubmit: function(hsb, hex, rgb, el) { |
---|
17 | $(el).val(hex); |
---|
18 | $(el).ColorPickerHide(); |
---|
19 | $(el).css('background-color', '#'+hex); |
---|
20 | }, |
---|
21 | onBeforeShow: function () { |
---|
22 | $(this).ColorPickerSetColor(this.value); |
---|
23 | } |
---|
24 | }) |
---|
25 | .bind('keyup', function(){ |
---|
26 | $(this).ColorPickerSetColor(this.value); |
---|
27 | }); |
---|
28 | }); |
---|
29 | </script> |
---|
30 | {/literal} |
---|
31 | {/html_head} |
---|
32 | |
---|
33 | <div class="titrePage"> |
---|
34 | <h2>{'Photo Widget Plugin'|@translate}</h2> |
---|
35 | </div> |
---|
36 | |
---|
37 | <p> |
---|
38 | {'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} |
---|
39 | </p> |
---|
40 | |
---|
41 | <p> |
---|
42 | {'Vous can choose that mode for displaying one, severals or all categories'|@translate} |
---|
43 | <p> |
---|
44 | |
---|
45 | <form method="post" action="" class="general"> |
---|
46 | <fieldset> |
---|
47 | <legend>{'Main configuration'|translate}</legend> |
---|
48 | <p class="field radio"><span>{'All categories'|translate} ?</span> |
---|
49 | {html_radios name='pw_all_categories options=$PW_CAT_CHOICES selected=$PW_ALL_CATEGORIES} |
---|
50 | </p> |
---|
51 | |
---|
52 | <p class="field pw-categories"> |
---|
53 | <label>{'Applicable categorie(s)'|translate}</label> |
---|
54 | <select name="pw_categories[]" multiple="multiple" size="{$pw_categories|@count|@max:3}"> |
---|
55 | <option value=""></option> |
---|
56 | {html_options options=$ALL_CATEGORIES selected=$PW_CATEGORIES} |
---|
57 | </select> |
---|
58 | </p> |
---|
59 | </fieldset> |
---|
60 | <fieldset> |
---|
61 | <legend>{'Animation size'|@translate}</legend> |
---|
62 | <p class="field"> |
---|
63 | <label>{'Width'|@translate} |
---|
64 | <input type="text" name="pw_width" value="{$PW_WIDTH}"> |
---|
65 | </label> |
---|
66 | </p> |
---|
67 | <p class="field"> |
---|
68 | <label>{'Height'|@translate} |
---|
69 | <input type="text" name="pw_height" value="{$PW_HEIGHT}"> |
---|
70 | </label> |
---|
71 | </p> |
---|
72 | </fieldset> |
---|
73 | <fieldset> |
---|
74 | <legend>{'Animation background color'|@translate}</legend> |
---|
75 | <div id="picker" style="float: right;"></div> |
---|
76 | <p class="field"> |
---|
77 | <label>{'Color'|@translate}</label> |
---|
78 | <input class="pwg-picker" type="text" name="pw_bgcolor" value="{$PW_BGCOLOR}"> |
---|
79 | </p> |
---|
80 | </fieldset> |
---|
81 | <p><input class="submit" type="submit" name="submit" value="{'Submit'|@translate}"></p> |
---|
82 | </form> |
---|