@kigi/components 1.8.9 → 1.8.10

package/package.json

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

package/src/components/mbg-list/index.ts

@@ -4,10 +4,9 @@ import { mbgListColumn } from './components/mbg-list-column/mbg-list-column'
 import { mbgListRow } from './components/mbg-list-row/mbg-list-row'
 
 const mbgListModule = angular
-    .module('mbg.components.mbgList', [])
-    .component('mbgList', mbgList)
-    .component('mbgListColumn', mbgListColumn)
-    .component('mbgListRow', mbgListRow)
-    .name
+  .module('mbg.components.mbgList', [])
+  .component('mbgList', mbgList)
+  .component('mbgListColumn', mbgListColumn)
+  .component('mbgListRow', mbgListRow).name
 
 export { mbgListModule }

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

@@ -30,7 +30,8 @@
         </td>
         <td ng-if="$ctrl.radio && !$row.isAdicional">
           <mbg-radio ng-model="$ctrl.selectedMap[$ctrl.removeCircularJson($row.$json)]"
-                     ng-change="$ctrl.toogleRadio($ctrl.removeCircularJson($row.$json))"></mbg-radio>
+                     ng-change="$ctrl.toogleRadio($ctrl.removeCircularJson($row.$json))"
+                     ng-if="!$ctrl.checkboxIf || $ctrl.checkboxIf({ $row: $row })"></mbg-radio>
         </td>
         <td ng-repeat="column in $ctrl.columns"
             ng-if="!$row.isAdicional && !column.hidden"

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

@@ -209,7 +209,13 @@ export class MbgListController {
   handleClickRow(row, index) {
     if (this.rowsAdicional !== index && (this.checkbox || this.radio) && this.enableOnSelectByRow) {
       if (this.radio) {
-        this.toogleRadio(row.$json)
+        if (this.checkboxIf) {
+          if (this.checkboxIf({ $row: row })) {
+            this.toogleRadio(row.$json)
+          }
+        } else {
+          this.toogleRadio(row.$json)
+        }
       } else {
         if (this.checkboxIf) {
           if (this.checkboxIf({ $row: row })) {

package/src/components/mbg-multi-select/mbg-multi-select.html

@@ -3,7 +3,7 @@
        ng-class="{'disabled': $ctrl.ngDisabled, 'inline-mode-wrapper': $ctrl.inlineMode}">
     <div class="mbg-multi-select-content">
       <ul class="items-selected">
-        <li ng-repeat="item in $ctrl.ngModel"
+        <li ng-repeat="item in $ctrl.ngModel track by $index"
             draggable="true">
           <label data-text="{{ $ctrl.label ? item[$ctrl.label] : item }}"
                  ng-style="{width: $ctrl.widthEllipsis && $ctrl.inlineMode ? $ctrl.widthEllipsis : 'auto'}">{{
@@ -24,11 +24,12 @@
                   fetch="$ctrl.fetch({ query })"
                   ng-disabled="$ctrl.ngDisabled"
                   ignore-items="$ctrl.ngModel"
-                  on-select="$ctrl.onSelect()"
+                  on-select="$ctrl.onSelect(value)"
                   ng-blur="$ctrl.ngBlur({ $event })"
                   ng-focus="$ctrl.ngFocus({ $event })"
                   placeholder="{{ $ctrl.placeholder }}"
                   enable-add="$ctrl.enableAdd"
+                  many-favorite="true"
                   label="{{ $ctrl.label }}"></mbg-select>
     </div>
   </div>

package/src/components/mbg-multi-select/mbg-multi-select.ts

@@ -53,26 +53,26 @@ class MbgMultiSelectController {
     })
   }
 
-  onSelect() {
+  onSelect(item?) {
     this.$timeout(() => {
-      if (this.searchModel) {
+      const currentModel = this.searchModel || item
+      if (currentModel) {
         this.ngModel = this.ngModel || []
         if (this.ngModel && typeof this.ngModel[0] === 'string') {
           if (
-            this.ngModel.filter((v) => v.toLowerCase() === this.searchModel.toLowerCase())
-              .length === 0
+            this.ngModel.filter((v) => v.toLowerCase() === currentModel.toLowerCase()).length === 0
           ) {
             if (this.inlineMode) {
-              this.ngModel.unshift(this.searchModel)
+              this.ngModel.unshift(currentModel)
             } else {
-              this.ngModel.push(this.searchModel)
+              this.ngModel.push(currentModel)
             }
           }
         } else {
           if (this.inlineMode) {
-            this.ngModel.unshift(this.searchModel)
+            this.ngModel.unshift(currentModel)
           } else {
-            this.ngModel.push(this.searchModel)
+            this.ngModel.push(currentModel)
           }
         }
         this.verifyScroll()

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

@@ -1,4 +1,4 @@
-import { Capitalize } from '@kigi/components/src/helpers/capitalize';
+import { Capitalize } from '@kigi/components/src/helpers/capitalize'
 import * as angular from 'angular'
 import './mbg-select.scss'
 import template from './mbg-select.html'
@@ -44,6 +44,7 @@ class MbgSelectController {
   private transcludeSize: any
   private getCustomModel: Function
   private capitalize
+  private manyFavorite: boolean
 
   constructor(
     public $scope,
@@ -52,7 +53,7 @@ class MbgSelectController {
     public $timeout,
     public $compile,
     public $transclude,
-  ) { }
+  ) {}
 
   $onInit() {
     this.fixedValue = this.ngValue || 'id'
@@ -430,6 +431,12 @@ class MbgSelectController {
     this.executeCallback(isNew)
     this.pressEnter = false
     this.hasFocus = false
+    if (item instanceof Array) {
+      if (this.onSelect) {
+        item.forEach((i) => this.onSelect({ value: i }))
+        return
+      }
+    }
     await this.updateModelValue(this.ngValue ? item[this.ngValue] : item)
     if (this.onSelect) {
       this.onSelect({ value: this.ngModel })
@@ -599,8 +606,19 @@ class MbgSelectController {
   favorite(evt, item) {
     evt.preventDefault()
     evt.stopPropagation()
-    if (this.isFavorite(item)) {
+    if (this.isFavorite(item) && !this.manyFavorite) {
       MbgCookie.set(this.getFavoriteKey(), null)
+    } else if (this.manyFavorite) {
+      if (this.isFavorite(item)) {
+        const favorite = MbgCookie.get(this.getFavoriteKey())
+        const index = favorite.findIndex((i) => i.id == item.id)
+        favorite.splice(index, 1)
+        MbgCookie.set(this.getFavoriteKey(), favorite)
+      } else {
+        const favorite = MbgCookie.get(this.getFavoriteKey())
+        const favoriteArray = favorite ? (favorite instanceof Array ? favorite : [favorite]) : []
+        MbgCookie.set(this.getFavoriteKey(), [...favoriteArray, item])
+      }
     } else {
       MbgCookie.set(this.getFavoriteKey(), item)
     }
@@ -621,7 +639,11 @@ class MbgSelectController {
 
   isFavorite(item) {
     const favorite = MbgCookie.get(this.getFavoriteKey())
-    return favorite && angular.equals(favorite, item)
+    if (this.manyFavorite) {
+      return favorite && (favorite || []).find((i) => i && i.id == item.id)
+    } else {
+      return favorite && angular.equals(favorite, item)
+    }
   }
 
   async fixedOption(evt, item) {
@@ -672,7 +694,8 @@ const mbgSelect = {
     callbackAddFixedOption: '&?',
     transcludeSize: '=?',
     getCustomModel: '&?',
-    capitalize: '=?'
+    capitalize: '=?',
+    manyFavorite: '=?',
   },
   controller: MbgSelectController,
   template,