source: extensions/photoWidget/template/admin.tpl @ 5611

Revision 5611, 2.6 KB checked in by nikrou, 10 years ago (diff)

New plugin photoWidget : first public release

Line 
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>
Note: See TracBrowser for help on using the repository browser.