@kigi/components 1.42.0-alpha.3 → 1.42.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kigi/components",
-  "version": "1.42.0-alpha.3",
+  "version": "1.42.0",
   "description": "@kigi/components",
   "main": "src/components/index.ts",
   "scripts": {

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

@@ -9,11 +9,11 @@
                aria-hidden="true"
                uib-tooltip="Sem permissão para visualizar"
                tooltip-placement="left"
-               ng-if="$ctrl.isBlockValuesDashboarReturnCustomer && !$ctrl.hideValue"></i>
-            <i ng-if="!$ctrl.hideValue && $ctrl.isPermissionAverageCustomerReturnTime"
+               ng-if="$ctrl.isBlockValuesDashboarReturnCustomer"></i>
+            <i ng-if="$ctrl.hideValue && !$ctrl.isBlockValuesDashboarReturnCustomer"
                disable-animate
                class="far fa-eye eye-board-target"></i>
-            <i ng-if="$ctrl.hideValue && $ctrl.isPermissionAverageCustomerReturnTime"
+            <i ng-if="!$ctrl.hideValue && !$ctrl.isBlockValuesDashboarReturnCustomer"
                disable-animate
                class="far fa-eye-slash eye-board-target"></i>
          </div>

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

@@ -15,6 +15,7 @@ class MbgAverageCustomerTimeController {
   private isBlockValuesDashboarReturnCustomer
   private hideValue: boolean = false
   private boundAdjustContainerWidth
+  private allowDashBoardAutoValues
 
   constructor(
     public $scope,
@@ -28,6 +29,7 @@ class MbgAverageCustomerTimeController {
   async $onInit() {
     this.isBlockValuesDashboarReturnCustomer =
       !this.allowedToSee || !this.isPermissionAverageCustomerReturnTime
+    this.initialize()
     this.$scope.$watch(
       '$ctrl.percentagesReturnCustomerTime',
       (data) => {
@@ -50,6 +52,21 @@ class MbgAverageCustomerTimeController {
     window.addEventListener('resize', this.boundAdjustContainerWidth)
   }
 
+  initialize() {
+    if (this.allowDashBoardAutoValues) {
+      this.hideValue = this.isPermissionAverageCustomerReturnTime ? true : false
+      return
+    }
+
+    if (this.allowedToSee && !this.allowDashBoardAutoValues) {
+      this.hideValue =
+        this.allowDashBoardAutoValues && this.isPermissionAverageCustomerReturnTime ? true : false
+      return
+    }
+
+    this.hideValue = this.allowedToSee && this.isPermissionAverageCustomerReturnTime ? true : false
+  }
+
   $onDestroy() {
     window.removeEventListener('resize', this.boundAdjustContainerWidth)
   }
@@ -67,7 +84,7 @@ class MbgAverageCustomerTimeController {
 
   configPanelPercentagesReturnCustomerTime() {
     const colors = ['#696EF0', '#45C413', '#F8D658', '#F5AE3C', '#FF8A22', '#FF4641']
-    const hasPermissionPorcentages = !this.isPermissionAverageCustomerReturnTime || this.hideValue
+    const hasPermissionPorcentages = this.hideValue
     const transformedData = this.percentagesReturnCustomerTime.map((item, index) => {
       let daysLabel = ''
       switch (index) {
@@ -163,9 +180,9 @@ class MbgAverageCustomerTimeController {
           cursor: 'pointer',
           borderRadius: 8,
           dataLabels: {
-            enabled: !hasPermissionPorcentages,
+            enabled: hasPermissionPorcentages,
             formatter: function () {
-              if (!hasPermissionPorcentages) {
+              if (hasPermissionPorcentages) {
                 return `<span style="color:#7B7B7B">${
                   this.point.days
                 } dias</span><br><span style="font-weight:bold; color:#333">(${this.y.toFixed(
@@ -183,7 +200,7 @@ class MbgAverageCustomerTimeController {
       tooltip: {
         backgroundColor: '#FFF',
         formatter: function () {
-          if (hasPermissionPorcentages) {
+          if (!hasPermissionPorcentages) {
             return 'Sem permissão para visualizar'
           }
           return `<b>${this.point.days} dias</b><br>Porcentagem: ${this.y.toFixed(
@@ -241,6 +258,7 @@ const mbgAverageCustomerTime = {
     allowedToSee: '=?',
     allowedCallBack: '&?',
     isBlockValuesDashboarReturnCustomer: '=?',
+    allowDashBoardAutoValues: '=?',
   },
   template,
   controller: MbgAverageCustomerTimeController,

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

@@ -1,5 +1,5 @@
-<div ng-class="{'opacity-dash-goal': !$ctrl.isPermissionStoreGoal}"
-     class="store-goal-wrapper"
+<div class="store-goal-wrapper"
+     ng-class="{'opacity-dash-goal': $ctrl.blockStoreGoal}"
      ng-show="$ctrl.showDashboard">
    <div class="description-container-dash">
       <p class="description-dash">
@@ -16,11 +16,11 @@
             aria-hidden="true"
             uib-tooltip="Sem permissão para visualizar"
             tooltip-placement="left"
-            ng-if="!$ctrl.isPermissionStoreGoal"></i>
-         <i ng-if="$ctrl.hideValue && $ctrl.isPermissionStoreGoal"
+            ng-if="$ctrl.blockStoreGoal"></i>
+         <i ng-if="$ctrl.hideValue && !$ctrl.blockStoreGoal"
             disable-animate
             class="far fa-eye eye-board-target"></i>
-         <i ng-if="!$ctrl.hideValue && $ctrl.isPermissionStoreGoal"
+         <i ng-if="!$ctrl.hideValue && !$ctrl.blockStoreGoal"
             disable-animate
             class="far fa-eye-slash eye-board-target"></i>
       </div>

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

@@ -120,9 +120,7 @@
     bottom: 195px;
   }
 
-  .opacity-dash-goal {
-    opacity: 0.5;
-  }
+
 
   .goal-target {
     position: relative;
@@ -207,7 +205,6 @@
 
     .lock-dash-store {
       position: relative;
-      right: -20px;
     }
 
     .show-tooltip {
@@ -317,6 +314,10 @@
 
 }
 
+.opacity-dash-goal {
+  opacity: 0.6;
+}
+
 .hide-goal {
   display: flex;
   justify-content: center;

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

@@ -28,6 +28,7 @@ class MbgStoreGoalController {
   private percentageEstimatedMessage
   private showDashboard: boolean = false
   private indexActiveSlide
+  private blockStoreGoal
 
   constructor(
     public $scope,
@@ -39,6 +40,7 @@ class MbgStoreGoalController {
   ) {}
 
   async $onInit() {
+    this.blockStoreGoal = !this.allowedToSee || !this.isPermissionStoreGoal
     this.initialize()
     this.$scope.$watch(
       '$ctrl.goalDataForTheMonth',