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

Last change on this file since 20341 was 20341, checked in by julien1311, 11 years ago

[piwecard] working on ajax to preview email messages

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