@kigi/components 1.35.0-beta.2 → 1.35.0-beta.4

package/package.json

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

package/src/components/mbg-homescreen/cards/chart-wrapper/chart-wrapper.html

@@ -4,6 +4,7 @@
     <div class="home-cards">
         <mbg-card-panel ng-repeat="panel in $ctrl.panels"
                         loading="$ctrl.loading"
+                        allow-dashboard-main-sales="$ctrl.allowDashboardMainSales"
                         display-values="$ctrl.displayValues"
                         allowed-to-see="$ctrl.allowedToSee"
                         allowed-call-back="$ctrl.allowedCallBack()"

package/src/components/mbg-homescreen/cards/chart-wrapper/chart-wrapper.ts

@@ -14,6 +14,7 @@ const mbgChartWrapper = {
     displayValues: '=?',
     allowedToSee: '=?',
     allowedCallBack: '&?',
+    allowDashboardMainSales: '=?',
   },
   template,
   controller: MbgChartWrapperController,

package/src/components/mbg-homescreen/cards/panel/panel.scss

@@ -32,7 +32,7 @@ mbg-card-panel {
 
           .mbg-h-c-tone-s-icon {
             transition: opacity 500ms ease;
-            opacity: 0;
+            opacity: 1;
           }
         }
 
@@ -60,15 +60,5 @@ mbg-card-panel {
     .negative {
       color: var(--error);
     }
-
-    &:hover {
-      .panel-container {
-        .panel-content {
-          .mbg-h-c-tone-s-icon {
-            opacity: 1;
-          }
-        }
-      }
-    }
   }
 }

package/src/components/mbg-homescreen/cards/panel/panel.ts

@@ -8,6 +8,7 @@ class MbgCardPanelController {
   public randomEmoji: string
   public allowedToSee: boolean
   private allowedCallBack: Function
+  private allowDashboardMainSales
 
   constructor(public $scope, public $element, public $attrs, public $timeout) {}
   $onInit() {
@@ -45,7 +46,7 @@ class MbgCardPanelController {
   }
 
   toggleShowValue = () => {
-    if (this.allowedToSee !== undefined && !this.allowedToSee) {
+    if ((this.allowedToSee !== undefined && !this.allowedToSee) || !this.allowDashboardMainSales) {
       if (this.allowedCallBack) {
         this.allowedCallBack()
       }
@@ -66,6 +67,7 @@ const mbgCardPanel = {
     displayValues: '=?',
     allowedToSee: '=?',
     allowedCallBack: '&?',
+    allowDashboardMainSales: '=?',
   },
   template,
   controller: MbgCardPanelController,

package/src/components/mbg-homescreen/charts/bar-line/bar-line.html

@@ -2,6 +2,7 @@
 
     <mbg-chart-wrapper panels="$ctrl.panels"
                        loading="$ctrl.loading"
+                       allow-dashboard-main-sales="$ctrl.allowDashboardMainSales"
                        display-values="$ctrl.displayValues"
                        allowed-to-see="$ctrl.allowedToSee"
                        allowed-call-back="$ctrl.allowedCallBack()"></mbg-chart-wrapper>

package/src/components/mbg-homescreen/charts/bar-line/bar-line.ts

@@ -132,6 +132,16 @@ class MbgChartBarLineController {
         },
       },
       plotOptions: {
+        series: {
+          marker: {
+            enabled: false,
+            states: {
+              hover: {
+                enabled: true,
+              },
+            },
+          },
+        },
         label: {
           enabled: false,
         },
@@ -246,6 +256,7 @@ const mbgChartBarLine = {
     displayValues: '=?',
     allowedToSee: '=?',
     allowedCallBack: '&?',
+    allowDashboardMainSales: '=?',
   },
   template,
   controller: MbgChartBarLineController,

package/src/components/mbg-homescreen/charts/bar-line-pie/bar-line-pie.html

@@ -3,6 +3,7 @@
     <mbg-chart-wrapper panels="$ctrl.panels"
                        loading="$ctrl.loading"
                        display-values="$ctrl.displayValues"
+                       allow-dashboard-main-sales="$ctrl.allowDashboardMainSales"
                        allowed-to-see="$ctrl.allowedToSee"
                        allowed-call-back="$ctrl.allowedCallBack()"></mbg-chart-wrapper>
 

package/src/components/mbg-homescreen/charts/bar-line-pie/bar-line-pie.ts

@@ -141,6 +141,16 @@ class MbgChartBarLinePieController {
         },
       },
       plotOptions: {
+        series: {
+          marker: {
+            enabled: false,
+            states: {
+              hover: {
+                enabled: true,
+              },
+            },
+          },
+        },
         label: {
           enabled: false,
         },
@@ -271,6 +281,7 @@ const mbgChartBarLinePie = {
     displayValues: '=?',
     allowedToSee: '=?',
     allowedCallBack: '&?',
+    allowDashboardMainSales: '=?',
   },
   template,
   controller: MbgChartBarLinePieController,

package/src/components/mbg-homescreen/charts/line/line.html

@@ -3,6 +3,7 @@
     <mbg-chart-wrapper panels="$ctrl.panels"
                        loading="$ctrl.loading"
                        display-values="$ctrl.displayValues"
+                       allow-dashboard-main-sales="$ctrl.allowDashboardMainSales"
                        allowed-to-see="$ctrl.allowedToSee"
                        allowed-call-back="$ctrl.allowedCallBack()"></mbg-chart-wrapper>
 

package/src/components/mbg-homescreen/charts/line/line.ts

@@ -134,6 +134,16 @@ class MbgChartLineController {
         },
       },
       plotOptions: {
+        series: {
+          marker: {
+            enabled: false,
+            states: {
+              hover: {
+                enabled: true,
+              },
+            },
+          },
+        },
         label: {
           enabled: true,
         },
@@ -267,6 +277,7 @@ const mbgChartLine = {
     displayValues: '=?',
     allowedToSee: '=?',
     allowedCallBack: '&?',
+    allowDashboardMainSales: '=?',
   },
   template,
   controller: MbgChartLineController,

package/src/components/mbg-homescreen/mbg-homescreen.html

@@ -48,6 +48,7 @@
     <mbg-chart-line chart="$ctrl.chart"
                     panels="$ctrl.cards"
                     display-values="$ctrl.displayValues"
+                    allow-dashboard-main-sales="$ctrl.allowDashboardMainSales"
                     loading="$ctrl.loading"
                     allowed-to-see="$ctrl.allowedToSee"
                     allowed-call-back="$ctrl.allowedCallBack()"
@@ -55,12 +56,14 @@
     <mbg-chart-bar-line chart="$ctrl.chart"
                         panels="$ctrl.cards"
                         display-values="$ctrl.displayValues"
+                        allow-dashboard-main-sales="$ctrl.allowDashboardMainSales"
                         loading="$ctrl.loading"
                         allowed-to-see="$ctrl.allowedToSee"
                         allowed-call-back="$ctrl.allowedCallBack()"
                         ng-if="$ctrl.chart && $ctrl.chart.type == 'barline'"></mbg-chart-bar-line>
     <mbg-chart-bar-line-pie chart="$ctrl.chart"
                             panels="$ctrl.cards"
+                            allow-dashboard-main-sales="$ctrl.allowDashboardMainSales"
                             display-values="$ctrl.displayValues"
                             loading="$ctrl.loading"
                             allowed-to-see="$ctrl.allowedToSee"

package/src/components/mbg-homescreen/mbg-homescreen.ts

@@ -21,6 +21,7 @@ class MbgHomescreenController {
     value: number
     isCurrency: boolean
   }[]
+  private allowDashboardMainSales
 
   constructor(public $scope, public $element, public $attrs, public $timeout) {}
 
@@ -84,7 +85,7 @@ class MbgHomescreenController {
   }
 
   handleDisplayValues() {
-    if (this.allowedToSee !== undefined && !this.allowedToSee) {
+    if ((this.allowedToSee !== undefined && !this.allowedToSee) || !this.allowDashboardMainSales) {
       if (this.allowedCallBack) {
         this.allowedCallBack()
       }
@@ -104,6 +105,7 @@ const mbgHomescreen = {
     allowedToSee: '=?',
     allowedCallBack: '&?',
     activeFilter: '=?',
+    allowDashboardMainSales: '=?',
   },
   template,
   controller: MbgHomescreenController,