thin_man 0.8.2 → 0.8.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: ab4643e96764c84831a83b8c4b242ee8ada0e56f
-  data.tar.gz: 4c7df768a22ffed25a56de567990c0cc75244181
+  metadata.gz: 5df29ef38fa8b6688d3e989af53e83a2f5745d8e
+  data.tar.gz: 40a496e8a349156d8435d069bb26eb0fb1d40cf6
 SHA512:
-  metadata.gz: 26a7f1159cece9927f5b68df7e07cb842c53d925fb030c52ecc754c03c5edd860ecebb802e5a20d5064c3abc404d6294edf5a8616de625bd195f3fada43fe9ee
-  data.tar.gz: 29076217914f036bcadb2f9def4c4e64e4b9d21556f2aa05751cf2f2a4c0a2c8d55c137282300b07566ded70f18f47f14f5d8a5e977f7f2159aa522a5438bcc5
+  metadata.gz: be35d972310ef4809f5f539859c6f97d495ad1c228dc04a038d88e816b47c5819a1344900e37d001981cfa3d89a9c895dc0d20da0595cfa2a34af69ee6ab64fb
+  data.tar.gz: 38f28ff004c1c560860860356efcf551ac0b1aa8198263e4293969dfa8a82c60c575e8e8342f12432336b62bb874a295ce278e54bc3e1c3da5f5186ae80863d4

data/app/assets/javascripts/thin_man.js

@@ -16,6 +16,11 @@ var initThinMan = function(){
         this.getTrigger();
         this.getTarget();
         this.getErrorTarget();
+        this.progress_color = jq_obj.data('progress-color');
+        this.progress_target = jq_obj.data('progress_target');
+        if(!this.progress_target){
+          this.progress_target = this.trigger
+        }
         this.insert_method = this.getInsertMethod();
         var ajax_submission = this;
         this.ajax_options = {
@@ -145,7 +150,7 @@ var initThinMan = function(){
       },
       ajaxBefore: function(jqXHr) {
         this.toggleLoading();
-        this.progress_indicator = new thin_man.AjaxProgress(this.trigger);
+        this.progress_indicator = new thin_man.AjaxProgress(this.progress_target,this.target,this.progress_color);
       },
       ajaxError: function(jqXHR) {
         if(jqXHR.status == 409){
@@ -160,10 +165,10 @@ var initThinMan = function(){
       toggleLoading: function() {
         if(this.target){
           if (this.target.find('[data-loading-visible="false"]').length > 0) {
-            this.target.find('[data-loading-visible="false"]').addClass('hidden');
+            this.target.find('[data-loading-visible="false"]').hide();
           }
           if (this.target.find('[data-loading-visible="true"]').length > 0) {
-            this.target.find('[data-loading-visible="true"]').removeClass('hidden');
+            this.target.find('[data-loading-visible="true"]').show();
           }
         }
       },
@@ -189,7 +194,7 @@ var initThinMan = function(){
         if(this.trigger.length < 1){
           this.trigger = $connector;
         }
-        this.browser_push_progress_indicator = new thin_man.AjaxProgress(this.trigger);
+        this.browser_push_progress_indicator = new thin_man.AjaxProgress(this.trigger,this.trigger,this.progress_color);
         $connector.data('browser-push-progress-indicator-object', this.browser_push_progress_indicator);
       }
     }),
@@ -201,22 +206,28 @@ var initThinMan = function(){
       }
     }),
     AjaxProgress: Class.extend({
-      init: function(target){
-        if(target.not(':visible')){
-          var targetOffset = target.parent().offset();
+      init: function(target,alt,progress_color){
+        if(target.length == 0){
+          var progress_target = alt;
+        } else if(alt.length > 0) {
+          var progress_target = target;
         } else {
-          var targetOffset = target.offset();
+          var progress_target = $(window);
         }
-        if(targetOffset){
-          var targetLeft = targetOffset.left;
-          var targetTop = targetOffset.top;
-          this.progress_container = $('#ajax_progress_container').clone();
-          uuid = new UUID;
-          this.progress_container.prop('id', uuid.value);
-          $('body').append(this.progress_container);
-          this.progress_container.css({position:'absolute',left: targetLeft, top: targetTop});
-          this.progress_container.show();
+        if(!progress_color){
+          progress_color = 'black';
         }
+        this.progress_container = $('#ajax_progress_container').clone();
+        uuid = new UUID;
+        this.progress_container.prop('id', uuid.value);
+        progress_target.append(this.progress_container);
+        this.progress_container.css({
+          display: 'block', visibility: 'visible', position: 'absolute', top: '50%', left: '50%',
+          'color': progress_color, 'z-index': 1000000,
+          '-ms-transform': 'translate(-50%, -50%)', /* IE 9 */
+          '-webkit-transform': 'translate(-50%, -50%)', /* Safari */
+          'transform': 'translate(-50%, -50%)'
+        })
       },
       stop: function(){
         if(this.progress_container){

data/lib/thin_man/version.rb

@@ -1,3 +1,3 @@
 module ThinMan
-  VERSION = "0.8.2"
+  VERSION = "0.8.3"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: thin_man
 version: !ruby/object:Gem::Version
-  version: 0.8.2
+  version: 0.8.3
 platform: ruby
 authors:
 - Eric Draut, Adam Bialek
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-05-22 00:00:00.000000000 Z
+date: 2015-06-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails