Changeset 20202 for extensions/Piwecard/admin/template/admin_configuration.tpl

Timestamp:

Jan 17, 2013, 12:06:49 AM (11 years ago)

Author:

julien1311

Message:

[piwecard] several changes (almost 2.4.a.b4)

File:

• extensions/Piwecard/admin/template/admin_configuration.tpl (modified) (3 diffs)

extensions/Piwecard/admin/template/admin_configuration.tpl

@@ -3 +3 @@
 {combine_script id='jquery.tokeninput' load='async' require='jquery' path='themes/default/js/plugins/jquery.tokeninput.js'}
 {combine_script id='piwecard' load="footer" path='plugins/Piwecard/js/piwecard.js'}
+{combine_script id='colorpicker' load="footer" path='plugins/Piwecard/js/colorpicker/js/colorpicker.js'}
+{combine_css path="plugins/Piwecard/js/colorpicker/css/colorpicker.css"}
 
 {footer_script require="piwecard"}
@@ -31 +33 @@
                         $("#ecard_email_format_default_text").prop('checked', true);
                 }
+        });
+        
+        if ($("#ecard_image_border").prop('checked') == true) {
+                $("#ecard_image_border_options").css("display","block");
+        } else {
+                $("#ecard_image_border_options").css("display","none");
+        }
+
+        $("#ecard_image_border").change(function(){
+                if ($("#ecard_image_border").prop('checked') == true) {
+                        $("#ecard_image_border_options").show("fast");
+                } else {
+                        $("#ecard_image_border_options").hide("fast");
+                }
+        });
+        
+        $('#ecard_image_border_color').ColorPicker({
+                onSubmit: function(hsb, hex, rgb, element) {
+                        $(element).val(hex);
+                        $(element).ColorPickerHide();
+                },
+                onBeforeShow: function () {
+                        $(this).ColorPickerSetColor(this.value);
+                },
+                onChange: function (hsb, hex, rgb) {
+                        $('#ecard_image_border_color').val(hex);
+                }
+        })
+        .bind('keyup', function(){
+                $(this).ColorPickerSetColor(this.value);
         });
 });
@@ -110 +142 @@
                                 {/foreach}
                         </div>
+                        <div class="ecard_form_line">
+                                <div>
+                                        <input type="checkbox" name="ecard_image_border" id="ecard_image_border" {$ecard_image_border} value="1" />
+                                        <label for="ecard_image_border"> {'piwecard_image_border'|@translate}</label>
+                                </div>
+                                <div id="ecard_image_border_options">
+                                        <span>
+                                                <label for="ecard_image_border_style">{'piwecard_image_border_style'|@translate}</label>
+                                                <select name="ecard_image_border_style" id="ecard_image_border_style">
+                                                        <option value="solid" {$ecard_image_border_style.solid}>{'piwecard_image_border_solid'|@translate}</option>
+                                                        <option value="dashed" {$ecard_image_border_style.dashed}>{'piwecard_image_border_dashed'|@translate}</option>
+                                                        <option value="dotted" {$ecard_image_border_style.dotted}>{'piwecard_image_border_dotted'|@translate}</option>
+                                                        <option value="double"{$ecard_image_border_style.double}>{'piwecard_image_border_double'|@translate}</option>
+                                                </select>
+                                        </span>
+                                        <span>
+                                                <label for="ecard_image_border_width">{'piwecard_image_border_width'|@translate}</label>
+                                                <input type="text" size="6" maxlength="20" name="ecard_image_border_width" id="ecard_image_border_width" value="{$ecard_image_border_width}" />
+                                        </span>
+                                        <span>
+                                                <label for="ecard_image_border_color">{'piwecard_image_border_color'|@translate}</label>
+                                                <input type="text" maxlength="6" size="6" name="ecard_image_border_color" id="ecard_image_border_color" value="{$ecard_image_border_color}" />
+                                        </span>
+                                </div>
+                        </div>
                 </fieldset>