@kigi/components 1.19.0-beta.2 → 1.19.0-beta.3

package/package.json

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

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

@@ -50,7 +50,7 @@ class MbgAddressController {
     public $timeout,
     public mbgAddressService: MbgAddressService,
     public $uibModal,
-  ) {}
+  ) { }
 
   $onInit() {
     if (this.capitalize && this.address) {
@@ -93,8 +93,8 @@ class MbgAddressController {
             state: this.address.state
               ? this.address.state
               : this.address.uf && this.address.uf.initial
-              ? this.address.uf.initial
-              : '',
+                ? this.address.uf.initial
+                : '',
           }
           if (this.ngModel) {
             this.ngModel.EX = (this.ngModel.country || '').toLowerCase() !== 'brasil'
@@ -236,14 +236,14 @@ class MbgAddressController {
 
   createFullName() {
     if (this.address.premisse) {
-      this.fullAddress = `${
-        this.address.premisse ? this.address.premisse : this.ngModel.premisse
-      } - ${
-        this.address.neighbourhood ? this.address.neighbourhood : this.ngModel.neighbourhood
-      }, ${this.address.localization ? this.address.localization : this.ngModel.localization} - ${
-        this.ngModel.state
-      }, ${this.ngModel.country}`
+      this.fullAddress = `${this.address.premisse ? this.address.premisse : this.ngModel.premisse
+        } - ${this.address.neighbourhood ? this.address.neighbourhood : this.ngModel.neighbourhood
+        }, ${this.address.localization ? this.address.localization : this.ngModel.localization} - ${this.ngModel.state
+        }, ${this.ngModel.country}`
     }
+    console.log('this.address.neighbourhood', this.address.neighbourhood);
+    console.log('this.address.neighbourhood', this.ngModel.neighbourhood);
+
   }
 
   getPremisseType(str) {

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

@@ -12,7 +12,15 @@
             <mbg-input-search ng-model="$ctrl.inputValue"
                               placeholder="$ctrl.placeholderLeft"
                               ng-model-options="{ debounce: 300 }"
-                              ng-change="$ctrl.executeFetch()"></mbg-input-search>
+                              ng-change="$ctrl.executeFetch()">
+                <select ng-model="$ctrl.selectOptionLeft"
+                        ng-change="$ctrl.executeFetch()">
+                    <option ng-repeat="option in $ctrl.selectOptions"
+                            ng-value="option.key">
+                        {{option.label}}
+                    </option>
+                </select>
+            </mbg-input-search>
             <div ng-if="$ctrl.listHeaderDataTransclude"
                  mbg-dynamic-html="$ctrl.listHeaderDataTransclude"></div>
             <div class="mbg-multi-list-wrapper"
@@ -48,9 +56,22 @@
             <mbg-input-search ng-model="$ctrl.inputValueResult"
                               ng-model-options="{ debounce: 300 }"
                               placeholder="$ctrl.placeholderRight"
-                              ng-change="$ctrl.searchNgModel()"></mbg-input-search>
+                              ng-change="$ctrl.searchNgModel()">
+                <select ng-model="$ctrl.selectOptionRight"
+                        ng-change="$ctrl.searchNgModel()">
+                    <option ng-repeat="option in $ctrl.selectOptions"
+                            ng-value="option.key">
+                        {{option.label}}
+                    </option>
+                </select>
+            </mbg-input-search>
             <div ng-if="$ctrl.listHeaderResultTransclude"
                  mbg-dynamic-html="$ctrl.listHeaderResultTransclude"></div>
+            <div ng-if="$ctrl.dataModel.length <= 0">
+                <label class="mbg-label input-label message-text"
+                       ng-if="$ctrl.dataModel.length <= 0">{{$ctrl.message}}
+                </label>
+            </div>
             <div class="mbg-multi-list-wrapper result-multi-list-wrapper"
                  ng-show="$ctrl.dataModel.length > 0">
                 <div ng-if="$ctrl.listRowTransclude"

package/src/components/mbg-select-multi-list/mbg-select-multi-list.scss

@@ -1,4 +1,12 @@
 .mbg-select-multi-list-wrapper {
+  .message-text{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding-top: 102px;
+    margin-bottom: 152px;  
+}
+
   mbg-input-search .mbg-input-search-wrapper .input-group-search {
     border: none;
     border-radius: 5px;

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

@@ -22,6 +22,10 @@ export class MbgSelectMultiListController {
   private pagination
   private order
   private fieldOrder
+  private selectOptions
+  private selectOptionLeft
+  private selectOptionRight
+  private message
 
   constructor(
     public $scope,
@@ -30,9 +34,14 @@ export class MbgSelectMultiListController {
     public $timeout,
     public $compile,
     public $transclude,
-  ) {}
+  ) { }
 
   $onInit() {
+    if (this.selectOptions && !!this.selectOptions.length) {
+      this.selectOptionRight = this.selectOptions[0].key
+      this.selectOptionLeft = this.selectOptions[0].key
+    }
+
     this.placeholderLeft = this.placeholderLeft || ''
     this.placeholderRight = this.placeholderRight || ''
     this.$scope.$c = this.$scope.$parent
@@ -87,7 +96,7 @@ export class MbgSelectMultiListController {
 
   executeFetch() {
     this.$timeout(() => {
-      this.fetch({ query: this.inputValue || '' })
+      this.fetch({ query: this.inputValue || '', selectOption: this.selectOptionLeft })
     })
   }
 
@@ -108,7 +117,7 @@ export class MbgSelectMultiListController {
       this.dataModel.push(copyRow)
       this.data.splice(index, 1)
       this.$timeout(() => {
-        ;(this.ngModel || []).forEach((model) => {
+        ; (this.ngModel || []).forEach((model) => {
           delete model._uid
         })
       }, 500)
@@ -129,10 +138,12 @@ export class MbgSelectMultiListController {
 
   searchNgModel() {
     this.$timeout(() => {
-      const search = (this.label || '').split(',')
+      const search = (this.selectOptionRight !== "all" ? this.selectOptionRight : this.label).split(',')
       const keys = search.map((word) => word.trim())
       const dataModel = JSON.parse(JSON.stringify(this.ngModel))
       const options = {
+        isCaseSensitive: false,
+        includeScore: false,
         shouldSort: true,
         threshold: 0.3,
         location: 0,
@@ -143,7 +154,10 @@ export class MbgSelectMultiListController {
       }
       const fuse = new Fuse(dataModel, options)
       const result = fuse.search(this.inputValueResult)
-      this.dataModel = result.length > 0 ? result : dataModel
+      this.dataModel = result.length > 0 ? result : this.inputValueResult ? [] : dataModel
+      if (this.dataModel.length === 0) {
+        this.message = `Nenhum resultado encontrado pela pesquisa: "${this.inputValueResult}"`
+      }
     })
   }
 
@@ -172,7 +186,7 @@ export class MbgSelectMultiListController {
   }
 }
 
-MbgSelectMultiListController.$inject = [
+MbgSelectMultiListController['$inject'] = [
   '$scope',
   '$element',
   '$attrs',
@@ -195,6 +209,7 @@ const mbgSelectMultiList = {
     data: '=?',
     isLoading: '=?',
     pagination: '=?',
+    selectOptions: '=?',
   },
   template,
   controller: MbgSelectMultiListController,