Changeset 20180 for extensions/Piwecard/template/ecard.tpl

Timestamp:

Jan 16, 2013, 12:38:26 AM (11 years ago)

Author:

julien1311

Message:

[piwecard] several improvements

File:

• extensions/Piwecard/template/ecard.tpl (modified) (4 diffs)

extensions/Piwecard/template/ecard.tpl

@@ -11 +11 @@
                 height:"90%",
                 onComplete:function(){
-                        
+                        $(".ecard_defaultText").blur();
                 }
         });
-
-        jQuery("#addECardForm form").submit(function(){
-                //jQuery(".createECardOpen").colorbox.close();
+        
+        jQuery(document).on("focusin", ".ecard_defaultText", function() {
+                defaultTextFocusIn($(this));
+        });
+    
+    jQuery(document).on("focusout", ".ecard_defaultText", function() {
+                defaultTextFocusOut($(this));
+        });
+        
+        function defaultTextFocusIn(element) {
+                if (element.val() == element[0].title) {
+                        element.removeClass("ecard_defaultTextActive");
+                        element.val("");
+                }
+        }
+        
+        function defaultTextFocusOut(element) {
+                if (element.val() == "") {
+                        element.addClass("ecard_defaultTextActive");
+                        element.val(element[0].title);
+                }
+        }
+        
+        $('#ecard_add_recipient').click(function() {
+                var num = $('.ecard_name_recipient').length-1;
+                var newNum = new Number(num + 1);
+                
+                if (newNum < 5) {
+                        var newRecipient = $('#ecard_field_recipient_' + num).clone().attr('id', 'ecard_field_recipient_' + newNum);
+                        
+                        newRecipient.find('.ecard_mandatory_fields').remove();
+                        newRecipient.find('.ecard_error').css("display", "none");
+                        newRecipient.find('#ecard_recipient_name_' + num + '_error').attr('id', 'ecard_recipient_name_' + newNum + '_error');
+                        newRecipient.find('#ecard_recipient_email_' + num + '_error').attr('id', 'ecard_recipient_email_' + newNum + '_error');
+                        newRecipient.find('#ecard_recipient_name_' + num).attr({
+                                                                                                        id: 'ecard_recipient_name_' + newNum,
+                                                                                                        name: 'ecard_recipient_name[' + newNum+']',
+                                                                                                        value: ''
+                        });
+                        newRecipient.find('#ecard_recipient_email_' + num).attr({
+                                                                                                        id: 'ecard_recipient_email_' + newNum,
+                                                                                                        name: 'ecard_recipient_email[' + newNum+']',
+                                                                                                        value: ''
+                        });
+                        newRecipient.find('#ecard_recipient_name_' + newNum).removeClass("ecard_error_input");
+                        newRecipient.find('#ecard_recipient_email_' + newNum).removeClass("ecard_error_input");
+                        defaultTextFocusOut(newRecipient.find('#ecard_recipient_name_' + newNum));
+                        defaultTextFocusOut(newRecipient.find('#ecard_recipient_email_' + newNum));
+                        
+                        $('#ecard_field_recipient_' + num).after(newRecipient);
+                }
         });
 });
@@ -25 +73 @@
         var senderNameOK = piwecard_checkField(form.ecard_sender_name, 0);
         var senderEMailOK = piwecard_checkField(form.ecard_sender_email, 1);
-        var recipientNameOK = piwecard_checkField(form.ecard_recipient_name, 0);
-        var recipientEMailOK = piwecard_checkField(form.ecard_recipient_email, 1);
+        var recipientNameOK = new Array();
+        var recipientEMailOK = new Array();
+        var nbAdditionalRecipients = 0;
+        var allRecipientNamesOK = false;
+        var allRecipientEmailsOK = false;
         
-        if(titleOK && messageOK && senderNameOK && senderEMailOK && recipientNameOK && recipientEMailOK)
+        recipientNameOK[0] = piwecard_checkField(form.ecard_recipient_name_0, 0);
+        recipientEMailOK[0] = piwecard_checkField(form.ecard_recipient_email_0, 1);
+        
+        while(document.getElementById("ecard_recipient_email_" + (nbAdditionalRecipients++))) {
+                var id_name = "ecard_recipient_name_"+nbAdditionalRecipients;
+                var id_email = "ecard_recipient_email_"+nbAdditionalRecipients;
+                recipientEMailOK[nbAdditionalRecipients] = piwecard_checkField(document.getElementById(id_email), 1, true);
+                if (recipientEMailOK[nbAdditionalRecipients] && document.getElementById(id_email).value != '')
+                        recipientNameOK[nbAdditionalRecipients] = piwecard_checkField(document.getElementById(id_name), 0, true);
+        }
+        
+        for (var i=0; i<=nbAdditionalRecipients; i++) {
+                if (recipientNameOK[i] && recipientEMailOK[i]) {
+                        allRecipientNamesOK = true;
+                        allRecipientEmailsOK = true;
+                } else {
+                        allRecipientNamesOK = false;
+                        allRecipientEmailsOK = false;
+                        break;
+                }
+        }
+        
+        if (titleOK && messageOK && senderNameOK && senderEMailOK && allRecipientNamesOK && allRecipientEmailsOK)
                 return true;
         else
@@ -44 +117 @@
                                         <div class="ecard_error" id="ecard_title_error">{'piwecard_error'|@translate} {'piwecard_error_text'|@translate}</div>
                                         <span class="ecard_label">{'Title'|@translate}<span class="ecard_mandatory_fields">*</span> :</span>
-                                        <span class="ecard_input_right"><input name="ecard_title" type="text" id="ecard_title" value="{$ecard.title}" title="{$ecard.title}"></span>
+                                        <span class="ecard_input_right"><input name="ecard_title" type="text" id="ecard_title" class="ecard_defaultText" title="{$ecard.title}"></span>
                                 </div>
                                 <div class="ecard_field">
                                         <div class="ecard_error" id="ecard_message_error">{'piwecard_error'|@translate} {'piwecard_error_text'|@translate}</div>
                                         <span class="ecard_label">{'piwecard_message'|@translate}<span class="ecard_mandatory_fields">*</span> :</span>
-                                        <span class="ecard_input_right"><textarea name="ecard_message" id="ecard_message" value="{$ecard.message}" title="{$ecard.message}">{$ecard.message}</textarea></span>
+                                        <span class="ecard_input_right"><textarea name="ecard_message" id="ecard_message" class="ecard_defaultText" title="{$ecard.message}"></textarea></span>
                                 </div>
                         </fieldset>
@@ -59 +132 @@
                                         <span class="ecard_label">{'piwecard_sender'|@translate}<span class="ecard_mandatory_fields">*</span> :</span>
                                         <span class="ecard_name"><input name="ecard_sender_name" type="text" id="ecard_sender_name" maxlength="100" value="{$ecard.sender_name}"></span>
-                                        <span class="ecard_email"><input name="ecard_sender_email" type="text" id="ecard_sender_email" maxlength="100" {$ecard.changemail} value="{$ecard.sender_email}" onblur="piwecard_checkField(this, 1);"></span>
+                                        <span class="ecard_email"><input name="ecard_sender_email" type="text" id="ecard_sender_email" maxlength="100" {$ecard.changemail} value="{$ecard.sender_email}"></span>
                                 </div>
-                                <div class="ecard_field">
-                                        <div class="ecard_error" id="ecard_recipient_name_error">{'piwecard_error'|@translate} {'piwecard_error_text'|@translate}</div>
-                                        <div class="ecard_error" id="ecard_recipient_email_error">{'piwecard_error'|@translate} {'piwecard_error_email'|@translate}</div>
+                                <div class="ecard_field" id="ecard_field_recipient_0">
+                                        <div class="ecard_error" id="ecard_recipient_name_0_error">{'piwecard_error'|@translate} {'piwecard_error_text'|@translate}</div>
+                                        <div class="ecard_error" id="ecard_recipient_email_0_error">{'piwecard_error'|@translate} {'piwecard_error_email'|@translate}</div>
                                         <span class="ecard_label">{'piwecard_recipient'|@translate}<span class="ecard_mandatory_fields">*</span> :</span>
-                                        <span class="ecard_name"><input name="ecard_recipient_name" type="text" id="ecard_recipient_name" maxlength="100" value="{$ecard.recipient_name}"></span>
-                                        <span class="ecard_email"><input name="ecard_recipient_email" type="text" id="ecard_recipient_email" maxlength="100" value="{$ecard.recipient_email}" onblur="piwecard_checkField(this, 1);"></span>
+                                        <span class="ecard_name ecard_name_recipient"><input name="ecard_recipient_name[0]" type="text" id="ecard_recipient_name_0" class="ecard_defaultText" maxlength="100" title="{$ecard.recipient_name}"></span>
+                                        <span class="ecard_email"><input name="ecard_recipient_email[0]" type="text" id="ecard_recipient_email_0" class="ecard_defaultText" maxlength="100" title="{$ecard.recipient_email}"></span>
                                 </div>
+                                <a href="javascript:void(0)" id="ecard_add_recipient">{'piwecard_add_recipient'|@translate}</a>
                         </fieldset>
                         <fieldset>