Changeset 1350971

Timestamp:

02/15/2016 01:38:54 PM (10 years ago)

Author:

markusklems

Message:

version 0.5 of the plugin

Location:

cloudwok-file-upload/trunk

Files:

• admin.php (added)
• cloudwok.php (modified) (5 diffs)
• readme.txt (modified) (6 diffs)
• uninstall.php (added)

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.4.4
+Version: 0.5.0
 Author: CloudWok
 Author Email: [email protected]
@@ -101 +101 @@
     extract( shortcode_atts(
         array(
-      'config' => '',
+      'ref' => '',
             'wok_id' => '',
             'show_uploads' => True,
@@ -146 +146 @@
     $customizeMessages = '';
 
+  // new feature since 0.5 - simply reference the embed code
+  if(array_key_exists('ref', $atts)) {
+    global $wpdb;
+    $table_name = $wpdb->prefix . 'cloudwok';
+    $cloudwok_code_ref = $atts['ref'];
+    $query="SELECT * FROM $table_name WHERE id=$ref";
+    $result=$wpdb->get_results($query);
+    if(!$result || !$result[0] || !$result[0]->code) {
+      return "<p style=\"color: red;\">Sorry, could not embed [cloudwok ref=" . $ref . " ]. Please check that the shortcode looks like this: [cloudwok ref=number] and please check in the Settings > CloudWok admin sidebar that the code has been saved with ref=" . $ref . ".</p>";
+    }
+    // replace escaped double quotes with normal ones
+    $to_return = str_replace('\"','"', $result[0]->code);
+    $to_return = str_replace("\'","'", $to_return);
+    return $to_return;
+  }
+
   // break if no wok_id was entered
   if(!array_key_exists('wok_id', $atts)) {
@@ -269 +285 @@
     if($customizeDataConfigFlag) {
         $customizeDataConfig = 'var cloudWokConfig =' . json_encode($wdc) . '
-  document.querySelector(".cloudwok-embed").setAttribute("data-config", JSON.stringify(cloudWokConfig));
-  console.log("cloudWokConfig: " + JSON.stringify(cloudWokConfig));';
+  document.querySelector(".cloudwok-embed").setAttribute("data-config", JSON.stringify(cloudWokConfig));';
     }
 
@@ -304 +319 @@
 add_shortcode( 'cloudwok', 'cloudwok_shortcode' );
 
+function cloudwok_activate() {
+  cw_plugin_create_db();
+}
+register_activation_hook( __FILE__, 'cloudwok_activate' );
+
+function cw_plugin_create_db() {
+    global $wpdb;
+    $charset_collate = $wpdb->get_charset_collate();
+    $table_name = $wpdb->prefix . 'cloudwok';
+
+    $sql1 = "CREATE TABLE $table_name (
+        id smallint(5) NOT NULL AUTO_INCREMENT,
+        code varchar(16384) NOT NULL,
+        UNIQUE KEY id (id)
+    ) $charset_collate;";
+
+    require_once( ABSPATH . 'wp-admin/includes/upgrade.php' );
+    dbDelta( $sql1 );
+}
+
+function cw_db_get_all() {
+  global $wpdb;
+  $table_name = $wpdb->prefix . 'cloudwok';
+  $query="SELECT * FROM $table_name";
+  $result=$wpdb->get_results($query);
+  $to_return = array();
+  foreach ($result as $row)
+  {
+    $to_return[] = $row->id;
+  }
+  return json_encode($to_return);
+}
+
+/** Step 1. */
+function cw_plugin_menu() {
+    add_options_page( 'Manage CloudWok', 'CloudWok', 'manage_options', 'manage-cloudwok-settings', 'cw_plugin_options' );
+}
+
+/** Step 2  */
+add_action( 'admin_menu', 'cw_plugin_menu' );
+
+/** Step 3. */
+function cw_plugin_options() {
+    if ( !current_user_can( 'manage_options' ) )  {
+        wp_die( __( 'You do not have sufficient permissions to access this page.' ) );
+    }
+  $adminUrl = plugin_dir_url( __FILE__ ) . 'admin.php';
+  $nonce = wp_create_nonce( "cWn0Nc€4tW" );
+  // Add bootstrap css and js
+  echo '<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
+  ';
+  echo '<div class="container-fluid">';
+  echo '<h2><i class="fa fa-wrench"></i> Manage CloudWok Settings</h2>';
+  echo '<div class="row">';
+  echo '<div class="col-md-6">
+  <h4><button class="btn btn-default" type="button" data-toggle="collapse"    data-target="#cloudwokInfo" aria-expanded="false" aria-controls="cloudwokInfo">
+  <i class="fa fa-info-circle"></i> Info</button> PLEASE ENTER THE EMBED CODE:</h4>';
+  echo '<div class="collapse" id="cloudwokInfo">
+  <div class="well">
+    Please visit <strong><a href="https://www.cloudwok.com/developers" target="_blank">https://www.cloudwok.com/developers</a></strong> to generate a customized embed code of the CloudWok file-upload widget. Find the "HTML code" tab and click on the clipboard icon to copy the code. Then paste the code into the text area below.
+  </div>
+  </div>';
+  echo '<form>
+    <div class="form-group">
+      <textarea class="form-control" rows="16" id="cloudwokEmbedCode">
+      </textarea>
+    </div>
+    <input id="editRef" type="text" style="display:none !important;" />
+    <button id="saveBtn" class="btn btn-primary pull-left"><i class="fa fa-floppy-o"></i> Save</button>
+    <button id="newBtn" class="btn btn-default pull-right">Cancel</button>
+  </form>
+  </div>';
+  echo '<div id="cloudwokEmbedCodeList" class="col-md-6">
+
+  </div>';
+  echo '</div>'; // row
+  echo '</div>'; // container
+  echo '<script type="text/javascript">';
+  echo '
+  function escapeHtml(unsafe) {
+    return unsafe.replace(/&/g, "__amp;");
+  }
+  function unescapeHtml(safe) {
+    return safe.replace(/__amp;/g, "&").replace(/\\\"/g, "\"").replace(/\\\\\'/g, "\'");
+  }
+
+  function appendRefListItem(ref) {
+    jQuery("#cloudwokEmbedCodeList").append( "<div id=\"ecListRow"+ref+"\" class=\"row clickable-row\"><div class=\"col-md-4\"><pre>[cloudwok ref="+ref+"]</pre></div><div class=\"col-md-4\"><button id=\"editBtn"+ref+"\" onclick=\"onEditBtnClick("+ref+")\" class=\"btn btn-primary editBtn\" style=\"margin-right: 5px;\"><i class=\"fa fa-pencil\"></i> Edit</button><button  id=\"deleteBtn"+ref+"\" onclick=\"onDeleteBtnClick("+ref+")\" class=\"btn btn-danger\"><i class=\"fa fa-trash\"></i> Delete</button></div></div></div>" );
+  }
+
+  function onEditBtnClick(ref) {
+    if(jQuery("#editBtn"+ref+".btn-success").length == 0) {
+      jQuery(".editBtn").removeClass("btn-success").removeClass("btn-primary").addClass("btn-primary");
+      jQuery("#editBtn"+ref).addClass("btn-success").removeClass("btn-primary");
+      jQuery("#cloudwokEmbedCode").val("");
+      jQuery("#editBtn"+ref).prop("disabled", true);
+      jQuery("#cloudwokEmbedCode").prop("placeholder","Loading embed code...");
+      jQuery.ajax({
+          type: "GET",
+          url: "' . $adminUrl . '",
+          data: "cwnonce=' . $nonce . '&ref="+ref,
+          success: function(resp)
+          {
+            jQuery("#cloudwokEmbedCode").prop("placeholder","");
+              var jsonObj = jQuery.parseJSON(resp);
+              jQuery("#cloudwokEmbedCode").val(unescapeHtml(jsonObj.code));
+              jQuery("#editRef").val(jsonObj.id);
+              jQuery("#editBtn"+ref).prop("disabled", false);
+          }
+      });
+    } else {
+      jQuery("#editBtn"+ref).removeClass("btn-success").addClass("btn-primary");
+      jQuery("#editRef").val("");
+      jQuery("#cloudwokEmbedCode").val("");
+    }
+  }
+
+  function onDeleteBtnClick(ref) {
+    jQuery("#deleteBtn"+ref).prop("disabled", true);
+    jQuery.ajax({
+        type: "DELETE",
+        url: "' . $adminUrl . '",
+        data: "cwnonce=' . $nonce . '&ref="+ref,
+        success: function(resp)
+        {
+            jQuery("#ecListRow"+ref).remove();
+            jQuery("#editRef").val("");
+            jQuery("#cloudwokEmbedCode").val("");
+            console.log(resp);
+        }
+    });
+  }
+
+  function create() {
+    var code = escapeHtml(jQuery("#cloudwokEmbedCode").val());
+    jQuery.ajax({
+        type: "POST",
+        url: "' . $adminUrl . '",
+        data: "cwnonce=' . $nonce . '&code="+code,
+        success: function(ref)
+        {
+            appendRefListItem(ref);
+            jQuery("#editRef").val(ref);
+            jQuery("#editBtn"+ref).addClass("btn-success").removeClass("btn-primary");
+        }
+    });
+  }
+
+  function update() {
+    var ref = jQuery("#editRef").val();
+    var code = escapeHtml(jQuery("#cloudwokEmbedCode").val());
+    jQuery.ajax({
+        type: "POST",
+        url: "' . $adminUrl . '",
+        data: "cwnonce=' . $nonce . '&ref="+ref+"&code="+code,
+        success: function(resp)
+        {
+        }
+    });
+  }
+
+  jQuery( "#saveBtn" ).click(function( event ) {
+    event.preventDefault();
+    if(!jQuery("#editRef").val()) {
+      create();
+    } else {
+      update();
+    }
+  });
+  jQuery( "#newBtn" ).click(function( event ) {
+    event.preventDefault();
+    jQuery("#editRef").val("");
+    jQuery("#cloudwokEmbedCode").val("");
+    jQuery(".editBtn").removeClass("btn-success").removeClass("btn-primary").addClass("btn-primary");
+  });
+
+  jQuery( document ).ready(function() {
+    jQuery("#editRef").val("");
+    var refList = jQuery.parseJSON(JSON.stringify(' . cw_db_get_all() . '));
+    jQuery("#cloudwokEmbedCodeList").append( "<div class=\"row\"><div class=\"col-md-4\"><h4><i class=\"fa fa-code\"></i> SHORTCODE</h4></div></div>" );
+    jQuery.each(refList,function(index,ref) {
+      appendRefListItem(ref);
+    });
+    jQuery("#cloudwokEmbedCode").prop("placeholder","Please enter your embed code here (visit https://www.cloudwok.com/developers to generate your customiezd code)");
+  });';
+  echo '</script>';
+}
+
 ?>

cloudwok-file-upload/trunk/readme.txt

@@ -5 +5 @@
 Requires at least: 3.0.0
 Tested up to: 4.4.2
-Stable tag: 0.4.4
+Stable tag: 0.5.0
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
@@ -15 +15 @@
 Receive files directly in your Dropbox folder, Google Drive folder, S3 bucket, Box.com folder, or Facebook photo album. With the CloudWok file-upload plugin you can let others upload files to your cloud storage.
 
-Simply add the following shortcode in your blog post or page: `[cloudwok wok_id="YOUR_WOK_ID" show_powered_by_link="True"]`. There are many options to customize the file-upload plugin. Please take a look at the "Installation" tab for more information how to customize the plugin.
+There are two ways how you can add the CloudWok file-upload widget to your blog posts or pages:
 
-With the CloudWok WordPress plugin, you can embed a cloudwok file-upload form into your own website or blog. Visitors of your website can upload files that are transferred directly into your connected Dropbox folder (or Google Drive folder, ...).
+* **New:** Visit https://www.cloudwok.com/developers to generate a customized HTML embed code. Open the "Settings" menu in your sidebar and click on "CloudWok". Paste the copied HTML embed code into the text area and click "Save". This generates a shortcode, like this one: `[cloudwok ref=1]`. Simply copy and paste the shortcode into your blog post or page and the widget will appear at that place.
+* **Old:** Simply add the following shortcode in your blog post or page: `[cloudwok wok_id="YOUR_WOK_ID" show_powered_by_link="True"]`. There are many options to customize the file-upload plugin. Please take a look at the "Installation" tab for more information how to customize the plugin.
+
+With the CloudWok WordPress plugin, you can embed a cloudwok file-upload form into your own website or blog. Visitors of your website can upload files that are transferred directly into your connected Dropbox folder (or Google Drive folder, ...). This means:
+
+* No traffic from the file-upload goes through your WordPress blog. You don't need to worry about WordPress file size limitations or the like.
+* You don't need to download the uploaded files from your WordPress blog. They end up directly in your Dropbox, Google Drive, ...
 
 For example, with the CloudWok Wordpress plug-in, you can:
@@ -25 +31 @@
 * Create a blog where you invite your audience to submit pictures and videos for a contest.
 
-Share your use case with us by sending us a link to your WordPress site at [email protected]. We are always happy to hear feedback from our users. If you write a blog post about your CloudWok use case, we grant you extra quota for free. Drop me an e-mail if you would like to participate in the free-extra-quota initiative.
+If you have questions, feedback, or trouble, please contact me via e-mail: [email protected] or open a thread in the support forum. Thanks!
 
 == Installation ==
@@ -56 +62 @@
 **Use the plug-in:**
 
-Now you can add shortcodes like the following to your pages, blog posts, etc:
+There are two ways how you can add the CloudWok file-upload widget to your blog posts or pages:
+
+* **New:** Visit https://www.cloudwok.com/developers to generate a customized HTML embed code. Open the "Settings" menu in your sidebar and click on "CloudWok". Paste the copied HTML embed code into the text area and click "Save". This generates a shortcode, like this one: `[cloudwok ref=1]`. Simply copy and paste the shortcode into your blog post or page and the widget will appear at that place.
+* **Old:** Simply add the following shortcode in your blog post or page: `[cloudwok wok_id="YOUR_WOK_ID" show_powered_by_link="True"]`. There are many options to customize the file-upload plugin. Please take a look at the "Installation" tab for more information how to customize the plugin.
+
+The following configurations only apply to the "old" CloudWok shortcode. If you need further customizations, please use the "new" way, as described above.
 
 `[cloudwok wok_id="YOUR_WOK_ID" show_powered_by_link="True"]`
@@ -112 +123 @@
 `[cloudwok wok_id="YOUR_WOK_ID" success_message_title="YOUR OWN TITLE" success_message_subtitle="YOUR OWN SUBTITLE" success_message_text="YOUR OWN TEXT"]`
 
-By default, a small "powered by" text-link to www.cloudwok.com is disabled. If you like our plug-in, we would appreciate it if you would enable the link via `[cloudwok wok_id="YOUR_WOK_ID" show_powered_by_link="True"]`. Send me a link to your WordPress site with enabled "powered by" link, and I'd be happy to send you a small coupon code gift back: [email protected]. Thanks!
+By default, a small "powered by" text-link to www.cloudwok.com is disabled. If you like our plug-in, we would appreciate it if you would enable the link via `[cloudwok wok_id="YOUR_WOK_ID" show_powered_by_link="True"]`.
+
+Since version 0.5 of this plugin, we have added an admin panel to the left-hand sidebar (Settings > CloudWok) where you can customize the layout of the plugin with more flexibility. The old shortcodes still work, however, they will not be further extended with new customization features. The new approach (via Settings admin panel) will be updated in upcoming releases of this plugin.
 
 == Frequently Asked Questions ==
-
-* Is it possible to change the default texts and labels?
-
-You can customize texts and labels. Please take a look at this thread: https://wordpress.org/support/topic/custom-text-translation
 
 Send us an e-mail if you have an issue: [email protected] or a tweet @cloudwok. Or open a thread in the WordPress support forum for this plugin.
@@ -124 +133 @@
 == Screenshots ==
 
-1. File-upload form in a WordPress blog post view.
-2. Shortcode that adds a file-upload form to a blog post.
-3. How to install the plugin via the WordPress plugin directory.
+1. Go to https://www.cloudwok.com/developers to generate a customized HTML code of the file-upload widget.
+2. Copy the HTML code.
+3. Paste the HTML code into the text area located at your WordPress admin sidebar (Settings > CloudWok) and click "Save".
+4. Edit your blog post. Copy the shortcode into your blog post text where you want it to show.
+5. Now the file-upload form shows up in your WordPress blog post.
+6. (old/legacy approach) Shortcode that adds a file-upload form to a blog post.
+7. How to install the plugin via the WordPress plugin directory.
 
 == Changelog ==
 
+= 0.5.0 =
+New shortcode feature. Create a customized widget via the Settings > CloudWok menu in the admin sidebar. The old shortcode still works but will not be further developed. Please use the new shortcode to customize the CloudWok widget.
 = 0.4.4 =
 You can now use `success_message_title="YOUR OWN TITLE"`, `success_message_subtitle="YOUR OWN SUBTITLE"`, `success_message_text="YOUR OWN TEXT"` to customize the message that is shown to your users after a successful file upload.