dev

skeeks-semenov · May 24, 2020 · 34521a5 · 34521a5
1 parent 9c4aa99
commit 34521a5
Show file tree

Hide file tree

Showing 4 changed files with 97 additions and 5 deletions.
diff --git a/src/assets/Core.php b/src/assets/Core.php
@@ -27,7 +27,9 @@ public function registerAssetFiles($view)
         parent::registerAssetFiles($view);
 
         $jsData = Json::encode([
-            'blocker_wait_text' => \Yii::t('app', 'Подождите...')
+            'blocker_wait_text' => \Yii::t('app', 'Подождите...'),
+            'blocker_wait_image' => self::getAssetUrl('img/loader/Double-Ring-2.7s-61px.svg'),
+            'blocker_opacity' => 0.0
         ]);
 
         $view->registerJs(<<<JS

diff --git a/src/assets/img/loader/Double-Ring-2.7s-61px.svg b/src/assets/img/loader/Double-Ring-2.7s-61px.svg
diff --git a/src/assets/js/components/blocker/BlockerJqueryUi.js b/src/assets/js/components/blocker/BlockerJqueryUi.js
@@ -16,12 +16,26 @@
             this.applyParentMethod(sx.classes._Blocker, '_init', []);
 
             var wait_text = sx.Config.get('blocker_wait_text');
-
+            var wait_image = sx.Config.get('blocker_wait_image');
+            var blocker_opacity = sx.Config.get('blocker_opacity');
+
+            var message = "<div style=''><img src='" + wait_image + "' /></div>";
             this.defaultOpts({
-                message: "<div style='padding: 5px;'>" + wait_text + "</div>",
+                message: message,
+                overlayCSS: {
+                    backgroundColor: '#000',
+                    opacity:         0
+                    /*cursor:          'wait'*/
+                },
+
                 css: {
-                    border: '1px solid #108acb',
-                    padding: '10px;',
+                    border: 'none',
+                    padding: '15px',
+                    backgroundColor: 'none;',
+                    '-webkit-border-radiloaderus': '10px',
+                    '-moz-border-radius': '10px',
+                    opacity: .5,
+                    color: '#fff'
                 }
             });
         },

diff --git a/src/assets/js/components/blocker/BlockerJqueryUi2.js b/src/assets/js/components/blocker/BlockerJqueryUi2.js
@@ -0,0 +1,75 @@
+/*!
+ * @date 29.01.2015
+ * @copyright skeeks.com
+ * @author Semenov Alexander <semenov@skeeks.com>
+ */
+
+
+(function(sx, $, _)
+{
+    sx.createNamespace('classes',       sx);
+
+    sx.classes.BlockerJqueyUi = sx.classes._Blocker.extend({
+
+        _init: function()
+        {
+            this.applyParentMethod(sx.classes._Blocker, '_init', []);
+
+            var wait_text = sx.Config.get('blocker_wait_text');
+
+            this.defaultOpts({
+                message: "<div style='padding: 5px;'>" + wait_text + "</div>",
+                css: {
+                    border: '1px solid #108acb',
+                    padding: '10px;',
+                }
+            });
+        },
+
+        /**
+         * @returns {sx.classes.BlockerJqueyUi}
+         * @private
+         */
+        _block: function()
+        {
+            var self = this;
+
+            this.getWrapper().block( _.extend(this.toArray(), {
+
+                'onBlock': function()
+                {
+                    self.trigger('afterBlock');
+                },
+
+                'onUnblock': function()
+                {
+                    self.trigger('afterUnblock');
+                }
+
+            }) );
+
+            return this;
+        },
+
+        /**
+         * @returns {sx.classes.BlockerJqueyUi}
+         * @private
+         */
+        _unblock: function()
+        {
+            this.getWrapper().unblock();
+            return this;
+        },
+
+        /**
+         * @returns {boolean}
+         */
+        isAutoStart: function()
+        {
+            return Boolean(this.get("autoStart"));
+        }
+    });
+
+    sx.classes.Blocker  = sx.classes.BlockerJqueyUi.extend({});
+
+})(sx, sx.$, sx._);