Changeset 5405 for extensions/pwgCumulus/template

Timestamp:

Mar 27, 2010, 5:57:14 PM (14 years ago)

Author:

nikrou

Message:

Change farbtastic by color picker to choose animation's colors
Make plugin compatible with piwigo 2.1

File:

• extensions/pwgCumulus/template/admin.tpl (modified) (2 diffs)

extensions/pwgCumulus/template/admin.tpl

@@ +1 @@
+{html_head} 
+<link rel="stylesheet" type="text/css" href="{$PWG_CUMULUS_PLUGIN_CSS}/admin.css">
+<link rel="stylesheet" type="text/css" href="{$PWG_CUMULUS_PLUGIN_CSS}/colorpicker.css">
+{known_script id="jquery" src=$ROOT_URL|cat:"themes/default/js/jquery.packed.js"}
+{known_script id="colorpicker" src="$PWG_CUMULUS_PLUGIN_JS/colorpicker.js"}
+{literal}
+<script type="text/javascript">
+$(function() {
+$('input.pwg-picker')
+  .each(function() {
+      if ($(this).val() !== undefined) {
+        $(this).css('background-color', '#'+$(this).val());
+      }
+    })
+  .ColorPicker({
+    onSubmit: function(hsb, hex, rgb, el) {
+        $(el).val(hex);
+        $(el).ColorPickerHide();
+        $(el).css('background-color', '#'+hex);
+      },
+    onBeforeShow: function () {
+        $(this).ColorPickerSetColor(this.value);
+      }
+})
+.bind('keyup', function(){
+        $(this).ColorPickerSetColor(this.value);
+});
+});
+</script>
+{/literal}
+{/html_head}
+
 <div class="titrePage">
   <h2>{'Cumulus Tags Cloud Plugin'|@translate}</h2>
@@ -38 +70 @@
 
 <fieldset>
-  <legend>{'pwg_cumulus_colors'|@translate}</legend>
+  <legend>{'Animation colors'|@translate}</legend>
   <div id="picker" style="float: right;"></div>
   <p class="field">
     <label>{'Color 1'|@translate}
-      <input class="colorwell" type="text" name="pwg_cumulus_color1" value="{$PWG_CUMULUS_COLOR1}">
+      <input class="pwg-picker" type="text" name="pwg_cumulus_color1" value="{$PWG_CUMULUS_COLOR1}">
     </label>      
   </p>
   <p class="field">
     <label>{'Color 2'|@translate}
-      <input class="colorwell" type="text" name="pwg_cumulus_color2" value="{$PWG_CUMULUS_COLOR2}">
+      <input class="pwg-picker" type="text" name="pwg_cumulus_color2" value="{$PWG_CUMULUS_COLOR2}">
     </label>      
   </p>
   <p class="field">
     <label>{'Mouseover color'|@translate}
-      <input class="colorwell" type="text" name="pwg_cumulus_hicolor" value="{$PWG_CUMULUS_HICOLOR}">
+      <input class="pwg-picker" type="text" name="pwg_cumulus_hicolor" value="{$PWG_CUMULUS_HICOLOR}">
     </label>      
   </p>