Changeset 1211874

Timestamp:

08/03/2015 02:44:29 PM (11 years ago)

Author:

markusklems

Message:

Added customization features for labels and texts.

Location:

cloudwok-file-upload/trunk

Files:

• cloudwok.php (modified) (5 diffs)
• readme.txt (modified) (2 diffs)

cloudwok-file-upload/trunk/cloudwok.php

@@ -4 +4 @@
 Plugin URI: http://www.cloudwok.com
 Description: CloudWok enables you to let your website visitors upload files directly into a Dropbox, Google Drive, Amazon S3, Box.com, or other cloud storage folder that you own.
-Version: 0.3.3
+Version: 0.3.4
 Author: CloudWok
 Author Email: [email protected]
@@ -41 +41 @@
             'show_form_input_name' => True,
             'show_form_input_email' => True,
-            'show_powered_by_link' => False
+            'show_powered_by_link' => False,
+            'label_add_files_btn' => '',
+            'label_send_msg_btn' => '',
+            'label_dropzone' => '',
+            'label_send_msg_placeholder' => '',
+            'label_send_email_placeholder' => '',
+            'label_send_firstname_placeholder' => '',
+            'label_send_lastname_placeholder' => ''
         ), $atts )
     );
@@ -51 +58 @@
     $show_form_input_email = ' data-show-email="n"';
     $show_powered_by_link = ' data-pby="n"';
+
+    // customize labels and texts
+    $customizeDropzone = '';
+    $customizeMessages = '';
 
     if(array_key_exists('show_uploads', $atts) && $atts['show_uploads'] == "True") {
@@ -69 +80 @@
     if(array_key_exists('show_powered_by_link', $atts) && $atts['show_powered_by_link'] == "True") {
         $show_powered_by_link = 'data-pby="y"';
+    }
+
+    // custom labels
+    if(array_key_exists('label_add_files_btn', $atts) || array_key_exists('label_dropzone', $atts)) {
+        $customizeDropzone = 'document.querySelector( ".cloudwok-embed .cloudwok-dropzone").addEventListener("DOMNodeInserted", customizeDropzone, false);
+        function customizeDropzone(e) {
+          if(e.target && e.target.nodeName == "DIV") {
+                ';
+        if(array_key_exists('label_add_files_btn', $atts)) {
+            $customizeDropzone = $customizeDropzone . 'document.querySelector(".cloudwok-embed .dropzone span.lead > .fileinput-button > span" ).innerHTML = "' . $atts['label_add_files_btn'] . '";';
+        }
+        if(array_key_exists('label_dropzone', $atts)) {
+            $customizeDropzone = $customizeDropzone . 'document.querySelector(".cloudwok-embed .dropzone span.lead > strong" ).innerHTML = "' . $atts['label_dropzone'] . '";';
+        }
+        $customizeDropzone = $customizeDropzone . '
+      }}';
+    }
+    if(array_key_exists('label_send_msg_btn', $atts) || array_key_exists('label_send_msg_placeholder', $atts)) {
+        $customizeMessages = 'document.querySelector( ".cloudwok-embed .cloudwok-upload-message").addEventListener("DOMNodeInserted", customizeMessages, false);
+        function customizeMessages(e) {
+            if(e.target && e.target.nodeName == "DIV") {';
+        if(array_key_exists('label_send_msg_btn', $atts)) {
+            $customizeMessages = $customizeMessages . 'document.querySelector(".cloudwok-embed .cloudwok-upload-message .btn-start-upload" ).innerHTML = "<i class=\'fa fa-send\'></i> ' . $atts['label_send_msg_btn'] . '";';
+        }
+        if(array_key_exists('label_send_msg_placeholder', $atts)) {
+            $customizeMessages = $customizeMessages . 'document.querySelector(".cloudwok-embed .cloudwok-upload-message > form > fieldset > div.form-group > div > textarea" ).innerHTML = "' . $atts['label_send_msg_placeholder'] . '";';
+        }
+        if(array_key_exists('label_send_msg_placeholder', $atts)) {
+            $customizeMessages = $customizeMessages . 'document.querySelector(".cloudwok-embed .cloudwok-upload-message > form > fieldset > div.form-group > div > textarea" ).placeholder = "' . $atts['label_send_msg_placeholder'] . '";';
+        }
+        if(array_key_exists('label_send_email_placeholder', $atts)) {
+            $customizeMessages = $customizeMessages . 'document.querySelector(".cloudwok-embed input[name=from]").placeholder = "' . $atts['label_send_email_placeholder'] . '";';
+        }
+        if(array_key_exists('label_send_firstname_placeholder', $atts)) {
+            $customizeMessages = $customizeMessages . 'document.querySelector(".cloudwok-embed input[name=from_firstname]").placeholder = "' . $atts['label_send_firstname_placeholder'] . '";';
+        }
+        if(array_key_exists('label_send_lastname_placeholder', $atts)) {
+            $customizeMessages = $customizeMessages . 'document.querySelector(".cloudwok-embed input[name=from_lastname]" ).placeholder = "' . $atts['label_send_lastname_placeholder'] . '";';
+        }
+        $customizeMessages = $customizeMessages . '
+      }}';
     }
 
@@ -92 +144 @@
       window.attachEvent("onload", loader);
     })(window, document);
-  </script>';
+
+    ' . $customizeDropzone . '
+
+    ' . $customizeMessages . '
+    </script>
+    ';
     return $to_return;
 }

cloudwok-file-upload/trunk/readme.txt

@@ -4 +4 @@
 Tags: upload, file upload, dropbox, google drive, microsoft onedrive, box, s3, facebook, upload form, feedback
 Requires at least: 3.0.0
-Tested up to: 4.2.2
-Stable tag: 0.3.3
+Tested up to: 4.2.3
+Stable tag: 0.3.4
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
@@ -92 +92 @@
 == Changelog ==
 
+= 0.3.4 =
+Added feature to customize labels and texts (see here: https://wordpress.org/support/topic/custom-text-translation). This will likely be replaced in future versions by a central customization admin page.
 = 0.3.3 =
 Added new features to optionally show first name, last name, and e-mail address as input fields of the message form. Use it for example like this: `[cloudwok wok_id="YOUR_WOK_ID" show_form="True" show_form_input_name="True"]`