Changeset 1167864

Timestamp:

05/26/2015 05:21:49 PM (11 years ago)

Author:

shankaranand12

Message:

version 1.2 assets folder

Location:

multi-image-widget/trunk/assets

Files:

• css/miw_admin.css (modified) (2 diffs)
• css/miw_frontend.css (modified) (1 diff)
• js/miw_custom.js (modified) (5 diffs)
• js/miw_frontend_custom.js (modified) (1 diff)

multi-image-widget/trunk/assets/css/miw_admin.css

@@ -10 +10 @@
 .mycustom_on{display:block; position: relative;margin-bottom:15px;}
 .mycustom_off{display:none;}
+
+.miw_on{display:block; position: relative;margin-bottom:15px;}
+.miw_off{display:none;}
+
+
 .delete{cursor:pointer;}
 .upload-file-container{
@@ -26 +31 @@
     text-align: center;
 }
-.upload-thumb img.uploaded_img{width:100%;}
+.upload-thumb img.uploaded_img{width:33%;}
 .upload-thumb img.delete{margin-left:90%;}
 .upload-thumb img{

multi-image-widget/trunk/assets/css/miw_frontend.css

@@ -17 +17 @@
 
 .miw-loop{
-    cursor: pointer;
+    list-style:none;
     margin-bottom: 7px;
 }

multi-image-widget/trunk/assets/js/miw_custom.js

@@ -6 +6 @@
 
     var miw_uploader;
-    $('.upload_image_button').live("click", function(e) {
+    var widgetid;
+    var widgetname;
+    var next_upload_btn;
+
+    $('.miw_upload_image').live("click", function(e) {
         e.preventDefault();
         /*
-         * This variable is used to show the other field option : like :upload lin,uploaded image and it's redirecting option.
+         *Initialize the two variable : widgetid and widgetname
+         *Because it is used to identify the unique field with unique widget. 
          */
-        var formfieldID_current = jQuery(this).attr("name");
-        /*
-         *Next uploaded button field option: 
-         */
-        var data_nextval = $(this).attr("data-nextval");
-        /*
-         *uplaod the current and next value to the hidden value so that we can use it once image have been uploaded. 
-         */
-        $(".miw_current_running_value").attr("data-current",formfieldID_current);
-        $(".miw_current_running_value").attr("data-next",data_nextval);
+        widgetid = $(this).data('widgetid');
+        widgetname = $(this).data('widgetname');
+        next_upload_btn = $(this).data('next_uploadedbtn');
+
         //If the uploader object has already been created, reopen the dialog
         if (miw_uploader) {
@@ -26 +25 @@
             return;
         }
+
         //Extend the wp.media object
         miw_uploader = wp.media.frames.file_frame = wp.media({
@@ -42 +42 @@
              */
             var imgurl = attachment.url;
-            var width  = attachment.width;
+            var width = attachment.width;
             var height = attachment.height;
-           
-           /*
-            *Getting the current and next value. 
-            */
-           
-            var formfieldID_current =$(".miw_current_running_value").attr("data-current");
-            var data_nextval        =$(".miw_current_running_value").attr("data-next");
-        
-        //image attribute information.
-            jQuery("img." + formfieldID_current).attr("src", imgurl);
-            jQuery("img." + formfieldID_current).attr("width",width);
-            jQuery("img." + formfieldID_current).attr("height",height);
-            
-            jQuery("input[type=hidden]." + formfieldID_current).val(imgurl);
-            //enable div also 
-            $(".field-options-" +formfieldID_current).removeClass("mycustom_off");
-            $(".field-options-" +formfieldID_current).addClass("mycustom_on");
-            /*
-             *Update the nextval value to the :addmore: button 
-             */
-            $(".addmore").attr("data-val",data_nextval);//alert(data_nextval);
-            
+            // alert(widgetid+""+widgetname+imgurl);
+            //************* Add values to the : widget : field :**************
+            $("img." + widgetid + "" + widgetname).attr('src', imgurl);
+            $("input." + widgetid + "" + widgetname).val(imgurl);
+            $("div." + widgetid + "" + widgetname).removeClass("miw_off");
+            $("div." + widgetid + "" + widgetname).removeClass("miw_on");
+            $(".miw_addmore").attr("data-nextbtn", next_upload_btn);
+
+            //************* Add values to the : widget : field :END **************
         });
 
@@ -73 +60 @@
     });
 
+
     /*
-     *When click on the "addmore" then we will provide the new button. 
+     *When click on the Add More button. 
      */
-    $(".addmore").live('click', function() { //alert("test");
-        var click_btn = $(this).attr("data-val");//alert(click_btn);
-        $(".upload-button-" + click_btn).removeClass("mycustom_off");
-        $(".upload-button-" + click_btn).addClass("mycustom_on");
+    $('.miw_addmore').live("click", function(e) {
 
+        var widgetid = $(this).attr("data-widgetid");
+        var widgetname = $(this).attr("data-nextbtn");
+
+        $("div.upload_btn-" + widgetid + "" + widgetname).removeClass("miw_off");
+        $("div.upload_btn-" + widgetid + "" + widgetname).addClass("miw_on");
     });
-
     /*
      *When click on the "Delete" button :complete
@@ -90 +79 @@
 
         $("img." + delete_field).attr("src", "");  //first blank this image
-        $("img." + delete_field).css("display", "none"); //hide this image 
         $("input." + delete_field).val(""); //blank this value
-        $(".upload-link-"+delete_field).css("display", "none"); //hide this link and open new window link also.
-        $(".del-"+delete_field).css("display", "none"); //disable delete button :current
+        
     });
 

multi-image-widget/trunk/assets/js/miw_frontend_custom.js

@@ -11 +11 @@
         slideSpeed: 300,
         paginationSpeed: 400,
-        singleItem: true
+        singleItem: true,
+        autoPlay: 3000
 
 // "singleItem:true" is a shortcut for: