thin_man 0.18.8 → 0.19.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: dfcee398a512f3c1566f1ccb7b39cebfa7d11a7b
-  data.tar.gz: 15401b14f19967df3219dcf4319d6dce7622c149
+  metadata.gz: 22cee53a7335296016234e29f4cabb9c6fb82772
+  data.tar.gz: b542a31e952e980e53c5c4cc9ca4774a531c814b
 SHA512:
-  metadata.gz: 5efd97ae8d11384ba9b15ba00aef30e1cafb8ca4cd12081b12ef792d5aebdc9dd56492d95e8995beb86b286e87d35c0dbdf6d108c70c7edc5ee2f15c694bebfc
-  data.tar.gz: 4c34d42f254d97957bed9af5169aae3ee82cc704dfb837b842e702c81e85a0aa8b1e364841c038b014add4d3febd1ad4907f442c9487a23015e007be5f4d977e
+  metadata.gz: 946774208ed521efd504380c900531eb4967c0f50c84e7c5ce1653c9f563c88dcf41813b6c643eb37315737a390b3d03bbfe6aa9526518154e9f61c47f01ae17
+  data.tar.gz: 3072557e1b96b03bedc190349b385c97cf85b0e34e48482b12ba48bfc7dee351094cda135a4b09f6bac4c1d59007353cd7a93430b2dcd547c2bf22c1537ec3d6

data/app/assets/javascripts/thin_man.js

@@ -63,18 +63,20 @@ var initThinMan = function(){
     }),
     AjaxSubmission: Class.extend({
       init: function(jq_obj,params){
-        this.jq_obj = jq_obj;
-        this.params = params;
+        this.jq_obj = jq_obj
+        this.params = params
         if(!this.params){ this.params = {}}
         // Bail out if this is a no-mouse-click ajax element and we were mouse clicked
         if(this.wasMouseClicked() && this.noMouseClick()){
-          return false;
-        }
-        this.getTrigger();
-        this.getTarget();
-        this.getErrorTarget();
-        this.progress_color = jq_obj.data('progress-color');
-        this.progress_target = $(jq_obj.data('progress-target'));
+          return false
+        }
+        this.getTrigger()
+        this.getTarget()
+        this.getErrorTarget()
+        this.progress_color = jq_obj.data('progress-color')
+        this.progress_target = $(jq_obj.data('progress-target'))
+        this.$mask_target = $(jq_obj.data('mask-target'))
+        this.$mask_message = jq_obj.data('mask-message')
         this.custom_progress = typeof(jq_obj.data('custom-progress')) != 'undefined';
         this.scroll_to = jq_obj.data('scroll-to')
         this.watchers = []
@@ -82,8 +84,8 @@ var initThinMan = function(){
           this.progress_target = this.trigger
           this.trigger_is_progress_target = true
         }
-        this.insert_method = this.getInsertMethod();
-        var ajax_submission = this;
+        this.insert_method = this.getInsertMethod()
+        var ajax_submission = this
         this.ajax_options = {
           url: ajax_submission.getAjaxUrl(),
           type: ajax_submission.getAjaxType(),
@@ -276,6 +278,9 @@ var initThinMan = function(){
         } else if(!this.trigger_is_progress_target){
           this.progress_target.remove();
         }
+        if(this.$mask_target){
+          this.mask.remove();
+        }
         try{
           var response_data = JSON.parse(jqXHR.responseText)
         } catch(err) {
@@ -307,6 +312,9 @@ var initThinMan = function(){
         if(!this.custom_progress){
           this.progress_indicator = new thin_man.AjaxProgress(this.progress_target,this.target,this.progress_color);
         }
+        if(this.$mask_target){
+          this.mask = new thin_man.AjaxMask(this.$mask_target,this.$mask_message)
+        }
       },
       ajaxError: function( jqXHR ) {
         debug_logger.log('thin_man.AjaxSubmission.ajaxError jqXHR:')
@@ -405,7 +413,7 @@ var initThinMan = function(){
           var progress_color = 'black';
         }
         this.progress_container = $('#ajax_progress_container').clone();
-        uuid = new UUID;
+        var uuid = new UUID;
         this.progress_container.prop('id', 'thin_man_ajax_progress_' + uuid.value);
         this.progress_target.append(this.progress_container);
         var css = {display: 'block', visibility: 'visible','color': progress_color, 'z-index': 1000000}
@@ -420,6 +428,33 @@ var initThinMan = function(){
         this.progress_container.remove();
       }
     }),
+    AjaxMask: Class.extend({
+      init: function($mask_target,mask_message){
+        var uuid = new UUID;
+        this.$mask_target = $mask_target
+        this.$mask = $('#thin_man_mask').clone()
+        this.$mask.prop('id','thin_man_mask' + uuid.value)
+        if(typeof mask_message != 'undefined'){
+          var $message = this.$mask.find('[data-thin-man-mask-message]')
+          $message.html(mask_message)
+        }
+        var height = this.$mask_target.outerHeight()
+        var width = this.$mask_target.outerWidth()
+        var radius = this.$mask_target.css('border-radius')
+        this.$mask.css({'height': height, 'width': width, 'left': 0, 'top':0, 'border-radius':radius})
+        this.$mask.css({'position': 'absolute', 'z-index': 10000})
+
+        this.$mask_target.append(this.$mask)
+        this.$mask.on('click', function(e){
+          e.preventDefault();
+          return false;
+        })
+        this.$mask.show()
+      },
+      remove: function(){
+        this.$mask.remove()
+      }
+    }),
     AjaxFlash: Class.extend({
       init: function(type,message,elem,duration){
         this.flash_container = $('[data-thin-man-flash-template]').clone();

data/lib/thin_man/version.rb

@@ -1,3 +1,3 @@
 module ThinMan
-  VERSION = "0.18.8"
+  VERSION = "0.19.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: thin_man
 version: !ruby/object:Gem::Version
-  version: 0.18.8
+  version: 0.19.0
 platform: ruby
 authors:
 - Eric Draut, Adam Bialek
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-03-21 00:00:00.000000000 Z
+date: 2017-05-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -128,7 +128,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.5.1
+rubygems_version: 2.6.11
 signing_key: 
 specification_version: 4
 summary: A Rails library that makes web apps lively while keeping all the logic on