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

Revision 20421, 16.1 KB checked in by julien1311, 7 years ago (diff)

[piwecard] email preview in admin

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