@kigi/components 1.45.0 → 1.45.1-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kigi/components",
-  "version": "1.45.0",
+  "version": "1.45.1-beta.2",
   "description": "@kigi/components",
   "main": "src/components/index.ts",
   "scripts": {

package/src/components/mbg-average-customer-time/mbg-average-customer-time.html

@@ -1,39 +1,39 @@
-<div class="average-customer-time-wrapper"
-     ng-if="!$ctrl.loading">
-   <div class="row customer-average">
-      <div class="description-container-dash"
-           ng-show="$ctrl.percentagesReturnCustomerTime.length">
-         <span class="description-dash">Tempo médio de retorno do cliente</span>
-         <div class="mbg-h-c-tone-s-icon-dash">
-            <i class="fa fa-lock lock-dash-store"
-               aria-hidden="true"
-               uib-tooltip="Sem permissão para visualizar"
-               tooltip-placement="left"
-               ng-if="$ctrl.isBlockValuesDashboarReturnCustomer"></i>
-            <i class="fa fa-play-circle-o play-interval"
-               uib-tooltip="Clique no painel e escolha um intervalo"
-               aria-hidden="true"></i>
-            <i ng-if="$ctrl.hideValue && !$ctrl.isBlockValuesDashboarReturnCustomer"
-               disable-animate
-               class="far fa-eye eye-board-target"
-               ng-click="$ctrl.toggleShowValuesReturnCustomer(false)"></i>
-            <i ng-if="!$ctrl.hideValue && !$ctrl.isBlockValuesDashboarReturnCustomer"
-               ng-click="$ctrl.toggleShowValuesReturnCustomer(false)"
-               disable-animate
-               class="far fa-eye-slash eye-board-target"></i>
-         </div>
-
-      </div>
-
-      <div class="line-pay"
-           ng-if="!$ctrl.loading"></div>
-      <div class="chart-container"
-           id="container">
+<div class="average-customer-time-wrapper">
+  <div class="row customer-average">
+    <div class="description-container-dash"
+         ng-show="$ctrl.percentagesReturnCustomerTime.length">
+      <span class="description-dash">Tempo médio de retorno do cliente</span>
+      <div class="mbg-h-c-tone-s-icon-dash">
+        <i class="fa fa-lock lock-dash-store"
+           aria-hidden="true"
+           uib-tooltip="Sem permissão para visualizar"
+           tooltip-placement="left"
+           ng-if="$ctrl.isBlockValuesDashboarReturnCustomer"></i>
+        <i class="fa fa-play-circle-o play-interval"
+           uib-tooltip="Clique no painel e escolha um intervalo"
+           aria-hidden="true"></i>
+        <i ng-if="$ctrl.hideValue && !$ctrl.isBlockValuesDashboarReturnCustomer"
+           disable-animate
+           class="far fa-eye eye-board-target"
+           ng-click="$ctrl.toggleShowValuesReturnCustomer(false)"></i>
+        <i ng-if="!$ctrl.hideValue && !$ctrl.isBlockValuesDashboarReturnCustomer"
+           ng-click="$ctrl.toggleShowValuesReturnCustomer(false)"
+           disable-animate
+           class="far fa-eye-slash eye-board-target"></i>
       </div>
-   </div>
+    
+    </div>
+    
+    <div class="line-pay"
+         ng-if="!$ctrl.loading"
+    ></div>
+    <div class="chart-container"
+         id="container">
+    </div>
+  </div>
 </div>
 
 <div class="fake-chart"
      ng-if="$ctrl.loading">
-   <mbg-skeleton></mbg-skeleton>
+  <mbg-skeleton></mbg-skeleton>
 </div>

package/src/components/mbg-average-customer-time/mbg-average-customer-time.scss

@@ -6,6 +6,13 @@ mbg-average-customer-time {
   box-sizing: border-box;
 }
 
+.average-customer-time-wrapper {
+  .tooltip-inner {
+    background: #0EBCBD !important;
+    width: 250px;
+  }
+}
+
 .customer-average {
   padding: 0px 32px;
 }

package/src/components/mbg-average-customer-time/mbg-average-customer-time.ts

@@ -17,7 +17,7 @@ class MbgAverageCustomerTimeController {
   private boundAdjustContainerWidth
   private allowDashBoardAutoValues
   private callBackInstanceZapi: Function
-  private loadingChartCustomer: boolean
+
 
   constructor(
     public $scope,
@@ -29,7 +29,7 @@ class MbgAverageCustomerTimeController {
   ) {}
 
   async $onInit() {
-    this.loadingChartCustomer = true
+
     this.isBlockValuesDashboarReturnCustomer =
       !this.allowedToSee || !this.isPermissionAverageCustomerReturnTime
     this.initialize()
@@ -127,8 +127,6 @@ class MbgAverageCustomerTimeController {
       }
     })
 
-    this.loadingChartCustomer = false
-
     Highcharts.chart('container', {
       chart: {
         type: 'pie',
@@ -252,6 +250,7 @@ class MbgAverageCustomerTimeController {
     this.configPanelPercentagesReturnCustomerTime()
   }
 }
+
 MbgAverageCustomerTimeController['$inject'] = [
   '$scope',
   '$element',
@@ -270,7 +269,7 @@ const mbgAverageCustomerTime = {
     isBlockValuesDashboarReturnCustomer: '=?',
     allowDashBoardAutoValues: '=?',
     callBackInstanceZapi: '&?',
-    loading: '=?',
+    loading: '=?'
   },
   template,
   controller: MbgAverageCustomerTimeController,

package/src/components/mbg-store-goal/mbg-store-goal.scss

@@ -4,6 +4,14 @@
   overflow: hidden;
   padding: 0px 16px;
 
+  .lock-permition {
+    .tooltip-inner {
+      background: #0EBCBD !important;
+      color: #000000 !important;
+      width: 300px;
+    }
+  }
+
   .loading-indicator {
     display: flex;
     align-items: center;
@@ -164,13 +172,7 @@
 
   }
 
-  .lock-permition {
-    .tooltip-inner {
-      background: #0EBCBD !important;
-      color: #000000 !important;
-      width: 300px;
-    }
-  }
+ 
 
   .goal-day {
     display: flex;

package/src/components/mbg-top-sellings-products/mbg-top-sellings-products.scss

@@ -6,6 +6,14 @@ mbg-top-sellings-products {
    box-sizing: border-box;
  //   padding: 0px 16px;
  }
+
+ .top-sellings-products-wrapper {
+  .tooltip-inner {
+   background: #0EBCBD !important;
+   font-weight: bold;
+   color: #FFFFFF;
+ }
+ }
  
  .loading-chart{
    padding: 0;
@@ -167,11 +175,7 @@ mbg-top-sellings-products {
      color: #5f5b5b;
   }
  
-  .tooltip-inner {
-   background: #0EBCBD !important;
-   font-weight: bold;
-   color: #FFFFFF;
- }
+
  
   .line-block-top{
      height: 1px;