@kigi/components 1.44.0-beta.5 → 1.44.0-beta.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kigi/components",
-  "version": "1.44.0-beta.5",
+  "version": "1.44.0-beta.8",
   "description": "@kigi/components",
   "main": "src/components/index.ts",
   "scripts": {

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

@@ -3,25 +3,31 @@
    <figure class="highcharts-figure">
       <div class="description-container-dash"
            ng-show="$ctrl.percentagesReturnCustomerTime.length">
-         <div class="mbg-h-c-tone-s-icon-dash"
-              ng-click="$ctrl.toggleShowValuesReturnCustomer(false)">
+         <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"></i>
+               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="chart-container"
            id="container">
       </div>
       <div class="line-pay"
            id="line"></div>
+
    </figure>
 </div>

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

@@ -2,7 +2,16 @@
   .opacity-dash{
     opacity: 0.6;
   }
-}
+  .tooltip-inner {
+    background: #0EBCBD !important;
+    width: 250px;
+  }
+  
+  }
+  
+  .play-interval{
+    color: #0EBCBD;  
+  }
 
 .highcharts-figure {
 .custom-title-container{

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

@@ -16,6 +16,7 @@ class MbgAverageCustomerTimeController {
   private hideValue: boolean = false
   private boundAdjustContainerWidth
   private allowDashBoardAutoValues
+  private callBackInstanceZapi: Function
 
   constructor(
     public $scope,
@@ -82,6 +83,13 @@ class MbgAverageCustomerTimeController {
     }
   }
 
+  async clickedPoint(clickedPoint) {
+    if (this.callBackInstanceZapi) {
+      await this.callBackInstanceZapi({ value: clickedPoint })
+      return
+    }
+  }
+
   configPanelPercentagesReturnCustomerTime() {
     const colors = ['#696EF0', '#45C413', '#F8D658', '#F5AE3C', '#FF8A22', '#FF4641']
     const hasPermissionPorcentages = this.hideValue
@@ -195,6 +203,14 @@ class MbgAverageCustomerTimeController {
             },
           },
           showInLegend: true,
+          point: {
+            events: {
+              click: async function (event) {
+                const clickedPoint = event.point
+                await this.clickedPoint(clickedPoint)
+              }.bind(this),
+            },
+          },
         },
       },
       tooltip: {
@@ -259,6 +275,7 @@ const mbgAverageCustomerTime = {
     allowedCallBack: '&?',
     isBlockValuesDashboarReturnCustomer: '=?',
     allowDashBoardAutoValues: '=?',
+    callBackInstanceZapi: '&?',
   },
   template,
   controller: MbgAverageCustomerTimeController,

package/src/components/mbg-image-upload-crop/image-upload-crop.ts

@@ -6,6 +6,7 @@ import { UploadImageCropModal } from './modals/upload-image-crop-modal'
 class ImageUploadCropController {
   public config: IConfigImageUploadCrop
   public ngModel: string
+  private callBackImage: Function
 
   constructor(
     public $scope,
@@ -27,12 +28,18 @@ class ImageUploadCropController {
   removeImage(e) {
     e.stopPropagation()
     this.ngModel = ''
+    if (this.callBackImage) {
+      this.callBackImage({ value: 'REMOVE' })
+    }
   }
 
   openModal(e) {
     this.uploadImageCropModal.open(this.config, this.ngModel).then((url) => {
       if (url) {
         this.ngModel = url
+        if (this.callBackImage) {
+          this.callBackImage({ value: 'UPLOAD' })
+        }
       }
     })
   }
@@ -42,6 +49,7 @@ const imageUploadCrop = {
   bindings: {
     ngModel: '=?',
     config: '=?',
+    callBackImage: '&?',
   },
   controller: ImageUploadCropController,
   template,