source: extensions/Piwecard/admin/template/admin_configuration.tpl @ 27594

Revision 27594, 16.2 KB checked in by plg, 6 years ago (diff)

compatibility 2.6

  • Property svn:eol-style set to native
Line 
1{include file='include/colorbox.inc.tpl'}
2
3{combine_script id='jquery.ajaxmanager' load='footer' path='themes/default/js/plugins/jquery.ajaxmanager.js'}
4{combine_script id='jquery.tokeninput' load='async' require='jquery' path='themes/default/js/plugins/jquery.tokeninput.js'}
5{combine_script id='piwecard' load="footer" path='plugins/Piwecard/js/piwecard.js'}
6{combine_script id='colorpicker' load="footer" path='plugins/Piwecard/js/colorpicker/js/colorpicker.js'}
7{combine_css path="plugins/Piwecard/js/colorpicker/css/colorpicker.css"}
8{combine_css path='themes/default/js/plugins/jquery.tokeninput.css'}
9
10{footer_script require="piwecard"}
11{literal}
12var queuedManager = $.manageAjax.create('queued', {
13        queue: true, 
14        cacheResponse: false,
15        maxRequests: 3
16});
17
18function previewEmail(format_message, message) {
19        queuedManager.add({
20                type: 'GET',
21                url: 'ws.php',
22                data: {method: 'pwg.piwecard.previewEmail', format: 'json', format_message: format_message, message: message},
23                dataType: 'json',
24                success: (function(data) {
25                        if (data.stat =='ok') {
26                                $("#previewEmail").html(data.result.message);
27                                $.colorbox({
28                                        inline:true,
29                                        href:"#previewEmail",
30                                        onComplete: function(){
31                                                $("#cboxLoadedContent").css('text-align', 'left');
32                                        }
33                                });
34                        }
35                })
36        });
37};
38
39$(document).ready(function(){
40        if ($("#ecard_email_format_text").prop('checked') == true) {
41                $("#ecard_form_line_default_text").css("display","inline");
42        } else {
43                $("#ecard_form_line_default_text").css("display","none");
44        }
45        if ($("#ecard_email_format_html").prop('checked') == true) {
46                $("#ecard_form_line_default_html").css("display","inline");
47        } else {
48                $("#ecard_form_line_default_html").css("display","none");
49        }
50
51        $("#ECardAdminConfiguration").click(function(){
52                if ($("#ecard_email_format_text").prop('checked') == true) {
53                        $("#ecard_form_line_default_text").css("display","inline");
54                } else {
55                        $("#ecard_form_line_default_text").css("display","none");
56                        $("#ecard_email_format_default_html").prop('checked', true);
57                }
58                if ($("#ecard_email_format_html").prop('checked') == true) {
59                        $("#ecard_form_line_default_html").css("display","inline");
60                } else {
61                        $("#ecard_form_line_default_html").css("display","none");
62                        $("#ecard_email_format_default_text").prop('checked', true);
63                }
64        });
65       
66        if ($("#ecard_image_border").prop('checked') == true) {
67                $("#ecard_image_border_options").css("display","block");
68        } else {
69                $("#ecard_image_border_options").css("display","none");
70        }
71
72        $("#ecard_image_border").change(function(){
73                if ($("#ecard_image_border").prop('checked') == true) {
74                        $("#ecard_image_border_options").show("fast");
75                } else {
76                        $("#ecard_image_border_options").hide("fast");
77                }
78        });
79       
80        $('#ecard_image_border_color').ColorPicker({
81                onSubmit: function(hsb, hex, rgb, element) {
82                        $(element).val(hex);
83                        $(element).ColorPickerHide();
84                },
85                onBeforeShow: function () {
86                        $(this).ColorPickerSetColor(this.value);
87                },
88                onChange: function (hsb, hex, rgb) {
89                        $('#ecard_image_border_color').val(hex);
90                }
91        })
92        .bind('keyup', function(){
93                $(this).ColorPickerSetColor(this.value);
94        });
95       
96        $("#showPreviewImageBorder").colorbox({
97                inline:true,
98                href:"#previewImageBorder",
99                onOpen:function(){
100                        if ($("#ecard_image_border").prop('checked') == true) {
101                                $("#previewImageBorderImg").css("border-style", $("#ecard_image_border_style").val());
102                                $("#previewImageBorderImg").css("border-width", $("#ecard_image_border_width").val());
103                                $("#previewImageBorderImg").css("border-color", "#"+$("#ecard_image_border_color").val());
104                        }
105                }
106        });
107       
108        $('#showPreviewTextMessage').click(function () {
109                var format_message = 'text';
110                var message = $('#ecard_email_message_text').val();
111               
112                previewEmail(format_message, message);
113        });
114        $('#showPreviewHTMLMessage').click(function () {
115                var format_message = 'html';
116                var message = $('#ecard_email_message_html').val();
117
118                previewEmail(format_message, message);
119        });
120});
121
122function piwecard_checkForm(form) {
123        var nbMaxRecipientsOK = piwecard_checkField(form.ecard_nb_max_recipients, 2, 'inline');
124        var guestEmailOK = piwecard_checkField(form.ecard_default_guest_email, 1, 'block', true);
125        var subjectOK = piwecard_checkField(form.ecard_email_subject, 0, 'block');
126        var messageTextOK = piwecard_checkField(form.ecard_email_message_text, 0, 'block');
127        var messageHTMLOK = piwecard_checkField(form.ecard_email_message_html, 0, 'block');
128       
129        if(nbMaxRecipientsOK && guestEmailOK && subjectOK && messageTextOK && messageHTMLOK)
130                return true;
131        else
132                return false;
133}
134{/literal}
135{/footer_script}
136{footer_script require='jquery.tokeninput'}
137jQuery(document).ready(function() {ldelim}
138        jQuery('select[name="ecard_validity_list"]').tokenInput(
139                [{foreach from=$validity item=validity_item name=validity}{ldelim}"{$validity_item|@escape:'javascript'}"{rdelim}{if !$smarty.foreach.validity.last},{/if}{/foreach}],
140    {ldelim}
141                searchDelay: 0,
142                minChars: 1,
143                hintText: '',
144                noResultsText: '',
145                searchingText: '',
146                newText: '',
147                animateDropdown: false,
148                preventDuplicates: true,
149                allowFreeTagging: true,
150                onAdd:function(item){ldelim}$("<option value=\""+item.name+"\">"+((item.name == '0') ? "{'piwecard_nolimit'|@translate}" : item.name+" {'piwecard_days'|@translate}")+"</option>").appendTo("#ecard_validity_default");{rdelim},
151                onDelete:function(item){ldelim}$("#ecard_validity_default option[value="+item.name+"]").remove();{rdelim},
152    }
153  );
154});
155{/footer_script}
156
157<div class="titrePage">
158  <h2>{'piwecard_plugin'|@translate}</h2>
159</div>
160<div id="ECardAdminConfiguration">
161        <form method="post" action="" onsubmit="return piwecard_checkForm(this);">
162                <fieldset>
163                        <legend>{'piwecard_configuration'|@translate}</legend>
164                        <div class="ecard_form_line">
165                                <label for="ecard_nb_max_recipients">{'piwecard_nb_max_recipients'|@translate} </label>
166                                <input type="text" maxlength="3" size="3" name="ecard_nb_max_recipients" id="ecard_nb_max_recipients" value="{$ecard_nb_max_recipients}" />
167                                <span class="ecard_error" id="ecard_nb_max_recipients_error">{'piwecard_error'|@translate} {'piwecard_error_integer'|@translate}</span>
168                        </div>
169                        <div class="ecard_form_line">
170                                {'piwecard_validity_list'|@translate}
171                                <span class="ecard_error" id="ecard_validity_list_error" style="{$ecard_errors.validity.style_error_text}">{'piwecard_error'|@translate} {'piwecard_error_validity_list'|@translate}</span>
172                                <select id="ecard_validity_list" name="ecard_validity_list">
173                                        {foreach from=$ecard_validity_list item=ecard_validity_item}
174                                                <option value="{$ecard_validity_item}">{$ecard_validity_item}</option>
175                                        {/foreach}
176                                </select>
177                        </div>
178                        <div class="ecard_form_line">
179                                {'piwecard_validity_default'|@translate}
180                                <select id="ecard_validity_default" name="ecard_validity_default">
181                                        {foreach from=$ecard_validity item=ecard_validity_item}
182                                                <option value="{$ecard_validity_item.id}" {$ecard_validity_item.selected}>{$ecard_validity_item.name}</option>
183                                        {/foreach}
184                                </select>
185                        </div>
186                        <div class="ecard_form_line">
187                                <input type="checkbox" name="ecard_validity_choice" id="ecard_validity_choice" {$ecard_validity_choice} value="1" />
188                                <label for="ecard_validity_choice"> {'piwecard_validity_choice'|@translate}</label>
189                        </div>
190                        <div class="ecard_form_line">
191                                <input type="checkbox" name="ecard_show_image_infos" id="ecard_show_image_infos" {$ecard_show_image_infos} value="1" />
192                                <label for="ecard_show_image_infos"> {'piwecard_show_image_infos'|@translate}</label>
193                        </div>
194                        <div class="ecard_form_line">
195                                <div>
196                                        {'piwecard_ecard_derivative'|@translate}
197                                </div>
198                                {foreach from=$generate_derivatives_types key=type item=item}
199                                        <label><input type="radio" name="ecard_image_size" value="{$type}" {$item.selected}/> {$item.name}</label>
200                                {/foreach}
201                        </div>
202                        <div class="ecard_form_line">
203                                <div>
204                                        <input type="checkbox" name="ecard_image_border" id="ecard_image_border" {$ecard_image_border} value="1" />
205                                        <label for="ecard_image_border"> {'piwecard_image_border'|@translate}</label>
206                                        (<a href="javascript:void(0);" id="showPreviewImageBorder" title="{'piwecard_preview'|@translate}">{'piwecard_preview'|@translate}</a>)
207                                </div>
208                                <div id="ecard_image_border_options">
209                                        <span>
210                                                <label for="ecard_image_border_style">{'piwecard_image_border_style'|@translate}</label>
211                                                <select name="ecard_image_border_style" id="ecard_image_border_style">
212                                                        <option value="solid" {$ecard_image_border_style.solid}>{'piwecard_image_border_solid'|@translate}</option>
213                                                        <option value="dashed" {$ecard_image_border_style.dashed}>{'piwecard_image_border_dashed'|@translate}</option>
214                                                        <option value="dotted" {$ecard_image_border_style.dotted}>{'piwecard_image_border_dotted'|@translate}</option>
215                                                        <option value="double"{$ecard_image_border_style.double}>{'piwecard_image_border_double'|@translate}</option>
216                                                </select>
217                                        </span>
218                                        <span>
219                                                <label for="ecard_image_border_width">{'piwecard_image_border_width'|@translate}</label>
220                                                <input type="text" size="6" maxlength="20" name="ecard_image_border_width" id="ecard_image_border_width" value="{$ecard_image_border_width}" />
221                                        </span>
222                                        <span>
223                                                <label for="ecard_image_border_color">{'piwecard_image_border_color'|@translate}</label>
224                                                <input type="text" maxlength="6" size="6" name="ecard_image_border_color" id="ecard_image_border_color" value="{$ecard_image_border_color}" />
225                                        </span>
226                                </div>
227                        </div>
228                </fieldset>
229                <fieldset>
230                        <legend>{'piwecard_email_configuration'|@translate}</legend>
231                        <div class="ecard_form_line">
232                                <input type="checkbox" name="ecard_sender_copy" id="ecard_sender_copy" {$ecard_sender_copy}/><label for="ecard_sender_copy"> {'piwecard_sender_copy'|@translate}</label>
233                        </div>
234                        <div class="ecard_form_line">
235                                <input type="checkbox" name="ecard_sender_email_change" id="ecard_sender_email_change" {$ecard_sender_email_change}/><label for="ecard_sender_email_change"> {'piwecard_sender_email_change'|@translate}</label>
236                        </div>
237                        <div class="ecard_form_line">
238                                <div>
239                                        {'piwecard_email_format'|@translate}
240                                </div>
241                                <div>
242                                        {foreach from=$ecard_email_format item=ecard_email_format_item}
243                                                <span><input type="checkbox" name="ecard_email_format[{$ecard_email_format_item.id}]" id="ecard_email_format_{$ecard_email_format_item.id}" value="{$ecard_email_format_item.id}" {$ecard_email_format_item.selected}/><label for="ecard_email_format_{$ecard_email_format_item.id}"> {$ecard_email_format_item.language_string|@translate}</label></span>
244                                        {/foreach}
245                                </div>
246                                <div>
247                                        {'piwecard_email_format_default'|@translate}
248                                </div>
249                                <div>
250                                        {foreach from=$ecard_email_format_default item=ecard_email_format_default_item}
251                                                <span id="ecard_form_line_default_{$ecard_email_format_default_item.id}"><input type="radio" name="ecard_email_format_default" id="ecard_email_format_default_{$ecard_email_format_default_item.id}" value="{$ecard_email_format_default_item.id}" {$ecard_email_format_default_item.selected_default}/><label for="ecard_email_format_default_{$ecard_email_format_default_item.id}"> {$ecard_email_format_default_item.language_string|@translate}</label></span>
252                                        {/foreach}
253                                        <span class="ecard_error" id="ecard_email_format_default_error" style="{$piwecard_errors.email_format_default.style_error_text}">{'piwecard_error'|@translate} {'piwecard_email_format_default_error'|@translate}</span>
254                                </div>
255                        </div>
256                        <div class="ecard_form_line ecard_email_config">
257                                <label for="ecard_default_guest_email">{'piwecard_default_guest_email'|@translate}</label><span class="ecard_error" id="ecard_default_guest_email_error" style="{$ecard_errors.default_guest_email.style_error_text}"> {'piwecard_error'|@translate} {'piwecard_error_email'|@translate}</span>
258                                <input type="text" maxlength="50" name="ecard_default_guest_email" id="ecard_default_guest_email" {$ecard_errors.default_guest_email.style_error_input} value="{$ecard_default_guest_email}" onblur="piwecard_checkField(this, 1, true);" />
259                        </div>
260                        <div class="ecard_form_line ecard_email_config">
261                                <label for="ecard_email_subject">{'piwecard_email_subject'|@translate}*</label><span class="ecard_error" id="ecard_email_subject_error" style="{$ecard_errors.email_subject.style_error_text}"> {'piwecard_error'|@translate} {'piwecard_error_text'|@translate}</span>
262                                <input type="text" maxlength="255" name="ecard_email_subject" id="ecard_email_subject" {$ecard_errors.email_subject.style_error_input} value="{$ecard_email_subject}" />
263                        </div>
264                        <div class="ecard_form_line ecard_email_config">
265                                <label for="ecard_email_message_text">{'piwecard_email_message_text'|@translate}*</label><span class="ecard_error" id="ecard_email_message_text_error" style="{$ecard_errors.email_message.text.style_error_text}"> {'piwecard_error'|@translate} {'piwecard_error_text'|@translate}</span>
266                                (<a href="javascript:void(0);" id="showPreviewTextMessage" title="{'piwecard_preview'|@translate}">{'piwecard_preview'|@translate}</a>)
267                                <textarea name="ecard_email_message_text" id="ecard_email_message_text" {$ecard_errors.email_message.text.style_error_input}>{$ecard_email_message_text}</textarea>
268                        </div>
269                        <div class="ecard_form_line ecard_email_config">
270                                <label for="ecard_email_message_html">{'piwecard_email_message_html'|@translate}*</label><span class="ecard_error" id="ecard_email_message_html_error" style="{$ecard_errors.email_message.html.style_error_text}"> {'piwecard_error'|@translate} {'piwecard_error_text'|@translate}</span>
271                                (<a href="javascript:void(0);" id="showPreviewHTMLMessage" title="{'piwecard_preview'|@translate}">{'piwecard_preview'|@translate}</a>)
272                                <textarea name="ecard_email_message_html" id="ecard_email_message_html" {$ecard_errors.email_message.html.style_error_input}>{$ecard_email_message_html}</textarea>
273                        </div>
274                        <div id="ecard_form_line ecard_parameters_description">
275                                <div id="ecard_form_line">
276                                        <span class="ecard_parameters_description_parameter">{'Parameters'|@translate}</span>
277                                </div>
278                                <div id="ecard_form_line">
279                                        <span class="ecard_parameters_description_parameter">%yourname% : </span><span class="ecard_parameters_description_text">{'piwecard_sender_name'|@translate}</span><br />
280                                        <span class="ecard_parameters_description_parameter">%youremail% : </span><span class="ecard_parameters_description_text">{'piwecard_sender_email'|@translate}</span><br />
281                                        <span class="ecard_parameters_description_parameter">%recipientname% : </span><span class="ecard_parameters_description_text">{'piwecard_recipient_name'|@translate}</span><br />
282                                        <span class="ecard_parameters_description_parameter">%recipientemail% : </span><span class="ecard_parameters_description_text">{'piwecard_recipient_email'|@translate}</span><br />
283                                        <span class="ecard_parameters_description_parameter">%website% : </span><span class="ecard_parameters_description_text">{'Gallery title'|@translate}</span><br />
284                                        <span class="ecard_parameters_description_parameter">%websiteurl% : </span><span class="ecard_parameters_description_text">{'piwecard_website_url'|@translate}</span><br />
285                                        <span class="ecard_parameters_description_parameter">%ecardurl% : </span><span class="ecard_parameters_description_text">{'piwecard_ecard_url'|@translate}</span><br />
286                                        <span class="ecard_parameters_description_parameter">%ecardsubject% : </span><span class="ecard_parameters_description_text">{'piwecard_ecard_subject'|@translate}</span><br />
287                                        <span class="ecard_parameters_description_parameter">%ecardmessage% : </span><span class="ecard_parameters_description_text">{'piwecard_ecard_message'|@translate}</span><br />
288                                        <span class="ecard_parameters_description_parameter">%pictureurl% : </span><span class="ecard_parameters_description_text">{'piwecard_ecard_image_url'|@translate}</span><br />
289                                        <span class="ecard_parameters_description_parameter">%pictureinfos% : </span><span class="ecard_parameters_description_text">{'piwecard_ecard_image_infos'|@translate}</span>
290                                </div>
291                        </div>
292                </fieldset>
293                <div id="ecard_submit">
294                        <input type="submit" class="submit" name="submit" value="{'Submit'|@translate}" />
295                        <input type="submit" class="submit" name="reset" value="{'piwicard_email_reset'|@translate}" />
296                </div>
297        </form>
298</div>
299<div style="display:none">
300        <div id="previewImageBorder">
301                <img alt="{'piwecard_preview_image_border'|@translate}" id="previewImageBorderImg" src="{$preview_image}"/>
302        </div>
303</div>
304<div style="display:none">
305        <div id="previewEmail">
306        </div>
307</div>
Note: See TracBrowser for help on using the repository browser.