From 346a500765bde28e3801c23a56021e9680d9a596 Mon Sep 17 00:00:00 2001
From: alex <demeshko.alexander.v@gmail.com>
Date: Tue, 1 Mar 2016 11:36:09 +0300
Subject: [PATCH] refactor(sliders): fix onload bug

---
 src/app/pages/ui/slider/slider.html           | 24 +++++++------------
 .../components/baPanel/baPanel.directive.js   |  2 +-
 src/app/theme/directives/ionSlider.js         |  5 ----
 src/app/theme/directives/zoomIn.js            |  2 +-
 src/sass/theme/_layout.scss                   |  7 ++++++
 5 files changed, 17 insertions(+), 23 deletions(-)

diff --git a/src/app/pages/ui/slider/slider.html b/src/app/pages/ui/slider/slider.html
index 543cf65e4..b37769202 100644
--- a/src/app/pages/ui/slider/slider.html
+++ b/src/app/pages/ui/slider/slider.html
@@ -8,8 +8,7 @@ <h5>Basic</h5>
                     min="0"
                     max="100"
                     from="45"
-                    disable="false"
-                    timeout="350">
+                    disable="false">
         </ion-slider>
       </div>
       <div class="slider-box">
@@ -20,8 +19,7 @@ <h5>With prefix</h5>
                     max="1200"
                     prefix="$"
                     from="420"
-                    disable="false"
-                    timeout="350">
+                    disable="false">
         </ion-slider>
       </div>
       <div class="slider-box">
@@ -32,8 +30,7 @@ <h5>With postfix</h5>
                     max="90"
                     postfix="°"
                     from="36"
-                    disable="false"
-                    timeout="350">
+                    disable="false">
         </ion-slider>
       </div>
       <div class="slider-box">
@@ -44,8 +41,7 @@ <h5>Two way range</h5>
                     max="1200"
                     from="420"
                     to="900"
-                    disable="false"
-                    timeout="350">
+                    disable="false">
         </ion-slider>
       </div>
       <div class="slider-box">
@@ -56,8 +52,7 @@ <h5>With Steps</h5>
                     max="1000"
                     from="300"
                     step="50"
-                    disable="false"
-                    timeout="350">
+                    disable="false">
         </ion-slider>
       </div>
       <div class="slider-box">
@@ -70,8 +65,7 @@ <h5>Decorating numbers</h5>
                     step="1000"
                     prettify-separator="."
                     prettify="true"
-                    disable="false"
-                    timeout="350">
+                    disable="false">
         </ion-slider>
       </div>
       <div class="slider-box">
@@ -84,8 +78,7 @@ <h5>Using custom values array</h5>
                             'April', 'May', 'June',
                             'July', 'August', 'September',
                             'October', 'November', 'December']"
-                    disable="false"
-                    timeout="350">
+                    disable="false">
         </ion-slider>
       </div>
       <div class="slider-box">
@@ -95,8 +88,7 @@ <h5>Disabled</h5>
                     min="0"
                     max="100"
                     from="45"
-                    disable="true"
-                    timeout="350">
+                    disable="true">
         </ion-slider>
       </div>
     </div>
diff --git a/src/app/theme/components/baPanel/baPanel.directive.js b/src/app/theme/components/baPanel/baPanel.directive.js
index b7ae4b272..98deb0695 100644
--- a/src/app/theme/components/baPanel/baPanel.directive.js
+++ b/src/app/theme/components/baPanel/baPanel.directive.js
@@ -21,7 +21,7 @@
         });
       },
       template: function(el, attrs) {
-        var res = '<div  class="panel {{panelType}} invisible ' + (attrs.baPanelClass || '') + '" zoom-in ba-panel-blur>';
+        var res = '<div  class="panel {{panelType}} full-invisible ' + (attrs.baPanelClass || '') + '" zoom-in ba-panel-blur>';
         res += baPanel.template(el, attrs);
         res += '</div>';
         return res;
diff --git a/src/app/theme/directives/ionSlider.js b/src/app/theme/directives/ionSlider.js
index 351be4b94..e760de429 100644
--- a/src/app/theme/directives/ionSlider.js
+++ b/src/app/theme/directives/ionSlider.js
@@ -37,9 +37,6 @@
         timeout: '@'
       },
       link: function ($scope, $element) {
-        (function init() {
-          var timeout = $scope.timeout || 0;
-          $timeout(function(){
             $element.ionRangeSlider({
               min: $scope.min,
               max: $scope.max,
@@ -87,8 +84,6 @@
                 $element.data("ionRangeSlider").update({disable: value});
               });
             });
-          }, timeout);
-        })();
       }
     };
   }
diff --git a/src/app/theme/directives/zoomIn.js b/src/app/theme/directives/zoomIn.js
index 1371628ae..f22c7c57a 100644
--- a/src/app/theme/directives/zoomIn.js
+++ b/src/app/theme/directives/zoomIn.js
@@ -19,7 +19,7 @@
         }
 
         $timeout(function () {
-          elem.removeClass('invisible');
+          elem.removeClass('full-invisible');
           elem.addClass('animated zoomIn');
         }, delay);
       }
diff --git a/src/sass/theme/_layout.scss b/src/sass/theme/_layout.scss
index 9155867d8..10f7ef3cf 100644
--- a/src/sass/theme/_layout.scss
+++ b/src/sass/theme/_layout.scss
@@ -175,4 +175,11 @@ a {
     float: none;
     display: inline-block;
   }
+}
+
+.full-invisible {
+  visibility: hidden!important;
+  * {
+    visibility: hidden!important;
+  }
 }
\ No newline at end of file