@kigi/components 1.7.2 → 1.8.1

package/package.json

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

package/src/components/mbg-input-ie/mbg-input-ie.html

@@ -1,34 +1,34 @@
 <div class="mbg-input-wrapper mbg-input-name-wrapper"
      ng-if="$ctrl.props">
-  <input type="text"
-         ng-if="$ctrl.state == 'TO'"
-         mbg-mask-ie
-         ng-model="$ctrl.ngModel"
-         name="{{$ctrl.name}}"
-         ng-init="$ctrl.onInit()"
-         ng-change="$ctrl.onChangeTO()"
-         ng-required="$ctrl.ngRequired"
-         ng-disabled="$ctrl.ngDisabled"
-         ng-blur="$ctrl.ngBlur({ $event })"
-         ng-focus="$ctrl.ngFocus({ $event })"
-         ng-keyup="$ctrl.ngKeyup({ $event })"
-         ng-keypress="$ctrl.ngKeypress({ $event })"
-         ng-keydown="$ctrl.ngKeydown({ $event })"
-         placeholder="{{ $ctrl.props.placeholder }}" />
+       <input type="text"
+              ng-if="$ctrl.state == 'TO' || $ctrl.state == 'MT'"
+              mbg-mask-ie
+              ng-model="$ctrl.ngModel"
+              name="{{$ctrl.name}}"
+              ng-init="$ctrl.onInit()"
+              ng-change="$ctrl.onChangeTO()"
+              ng-required="$ctrl.ngRequired"
+              ng-disabled="$ctrl.ngDisabled"
+              ng-blur="$ctrl.ngBlur({ $event })"
+              ng-focus="$ctrl.ngFocus({ $event })"
+              ng-keyup="$ctrl.ngKeyup({ $event })"
+              ng-keypress="$ctrl.ngKeypress({ $event })"
+              ng-keydown="$ctrl.ngKeydown({ $event })"
+              placeholder="{{ $ctrl.props.placeholder }}" />
 
-  <input type="text"
-         ng-if="!$ctrl.state || $ctrl.state != 'TO'"
-         ng-model="$ctrl.ngModel"
-         name="{{$ctrl.name}}"
-         ng-init="$ctrl.onInit()"
-         ng-change="$ctrl.onChange()"
-         ng-required="$ctrl.ngRequired"
-         ng-disabled="$ctrl.ngDisabled"
-         ng-blur="$ctrl.ngBlur({ $event })"
-         ng-focus="$ctrl.ngFocus({ $event })"
-         ng-keyup="$ctrl.ngKeyup({ $event })"
-         ng-keypress="$ctrl.ngKeypress({ $event })"
-         ng-keydown="$ctrl.ngKeydown({ $event })"
-         placeholder="{{ $ctrl.props.placeholder }}"
-         ui-br-ie-mask="$ctrl.state" />
-</div>
+       <input type="text"
+              ng-if="!$ctrl.state || ($ctrl.state != 'TO' && $ctrl.state != 'MT')"
+              ng-model="$ctrl.ngModel"
+              name="{{$ctrl.name}}"
+              ng-init="$ctrl.onInit()"
+              ng-change="$ctrl.onChange()"
+              ng-required="$ctrl.ngRequired"
+              ng-disabled="$ctrl.ngDisabled"
+              ng-blur="$ctrl.ngBlur({ $event })"
+              ng-focus="$ctrl.ngFocus({ $event })"
+              ng-keyup="$ctrl.ngKeyup({ $event })"
+              ng-keypress="$ctrl.ngKeypress({ $event })"
+              ng-keydown="$ctrl.ngKeydown({ $event })"
+              placeholder="{{ $ctrl.props.placeholder }}"
+              ui-br-ie-mask="$ctrl.state" />
+</div>

package/src/components/mbg-product-grid/mbg-product-grid.html

@@ -62,7 +62,7 @@
               ng-model="$ctrl.gridValues[$index][$parent.$index].stock" placeholder="0"
               ng-keydown="$ctrl.onKeydown($event)"
               ng-class="{ 'grid-disable': $ctrl.activeAddOrRemove && !$ctrl.gridValues[$index][$parent.$index].enable }"
-              ng-change="$ctrl.handleGridValues()" ng-model-options="{ debounce: 500 }" class="grid-product-stock" />
+              ng-change="$ctrl.handleGridValues()" ng-model-options="{ debounce: 500 }" class="grid-product-stock" onwheel="this.blur()" />
             <input tabindex="-1" type="text" ng-model="$ctrl.gridValues[$index][$parent.$index].price"
               ng-show="$ctrl.enablePrice" ui-money-mask ng-disabled="$ctrl.ngDisabled"
               onclick="angular.element(this).scope().$ctrl.focusInput(this)"

package/src/components/mbg-product-grid/mbg-product-grid.scss

@@ -1,4 +1,13 @@
 .mbg-product-grid-wrapper {
+    input[type="number"]::-webkit-outer-spin-button,
+        input[type="number"]::-webkit-inner-spin-button {
+            -webkit-appearance: none;
+            margin: 0;
+        }
+    
+        input[type="number"] {
+            -moz-appearance: textfield;
+        }
     overflow: auto;
     table {
         border-radius: 5px;

package/src/components/mbg-product-inline/mbg-product-inline.html

@@ -40,7 +40,7 @@
           <div class="stock-col">
             <input tabindex="0" type="number" onclick="angular.element(this).scope().$ctrl.focusInput(this)"
               ng-model="item.stock" ng-keydown="$ctrl.onKeydown($event)" placeholder="0" placeholder="Estoque"
-              ng-model-options="{ debounce: 500 }" class="inline-product-stock" />
+              ng-model-options="{ debounce: 500 }" class="inline-product-stock" onwheel="this.blur()" />
           </div>
           <div class="price-col" ng-hide="$ctrl.hidePrice">
             <input tabindex="-1" type="text" onclick="angular.element(this).scope().$ctrl.focusInput(this)"

package/src/components/mbg-product-inline/mbg-product-inline.scss

@@ -1,4 +1,13 @@
 .mbg-product-inline-wrapper {
+    input[type="number"]::-webkit-outer-spin-button,
+      input[type="number"]::-webkit-inner-spin-button {
+        -webkit-appearance: none;
+        margin: 0;
+      }
+    
+      input[type="number"] {
+        -moz-appearance: textfield;
+      }
   .inline-content {
     overflow: auto;
   }

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

@@ -32,6 +32,13 @@
                  ng-show="$ctrl.count">
                 <span>{{$ctrl.data.length}} / {{$ctrl.count}}</span>
             </div>
+             <div class="row m-b-24 m-t-14" ng-show="$ctrl.pagination.data.length > 0">
+                <div class="col-md-12">
+                    <mbg-pagination active-page="$ctrl.pagination.page" page-size="$ctrl.pagination.pageSize"
+                        on-change="$ctrl.fetch()" count="$ctrl.pagination.count" page-range-displayed="10">
+                    </mbg-pagination>
+                </div>
+            </div>
         </div>
         <div class="col-md-6 full-height">
             <mbg-input-search ng-model="$ctrl.inputValueResult"

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

@@ -17,6 +17,7 @@ export class MbgSelectMultiListController {
   private placeholderLeft: string
   private placeholderRight: string
   private inputValueResult: string
+  private pagination
 
   constructor(
     public $scope,
@@ -167,6 +168,7 @@ const mbgSelectMultiList = {
     titleRight: '@?',
     data: '=?',
     isLoading: '=?',
+    pagination: '=?',
   },
   template,
   controller: MbgSelectMultiListController,

package/src/helpers/ie-directive/ie-directive.ts

@@ -21,7 +21,11 @@ export class NgMaskIe {
 
   link(scope, elm, attrs, ngModelController) {
     scope.$watch(attrs.ngModel, (data) => {
-      const valid = this.validadeTO(data)
+      const state =
+        scope.$parent && scope.$parent.$parent && scope.$parent.$parent.$ctrl
+          ? scope.$parent.$parent.$ctrl.state
+          : null
+      const valid = this.validade(data, state)
       const form = elm.closest('form')
       const formName = form.attr('name')
       const formScope = form.scope()
@@ -65,28 +69,56 @@ export class NgMaskIe {
     })
   }
 
-  validadeTO(ngModel) {
-    if (ngModel && (ngModel.length === 11 || ngModel.length === 9)) {
-      const digit = ngModel[ngModel.length - 1]
-      let total = 0
-      let indexCalc = 0
-      for (let index = 9; index >= 2; index--) {
-        total += ngModel[indexCalc] * index
-        if (ngModel.length === 11 && indexCalc === 1) {
-          indexCalc = indexCalc + 3
+  validade(ngModel, state) {
+    switch (state) {
+      case 'TO':
+        if (ngModel && (ngModel.length === 11 || ngModel.length === 9)) {
+          const digit = ngModel[ngModel.length - 1]
+          let total = 0
+          let indexCalc = 0
+          for (let index = 9; index >= 2; index--) {
+            total += ngModel[indexCalc] * index
+            if (ngModel.length === 11 && indexCalc === 1) {
+              indexCalc = indexCalc + 3
+            } else {
+              indexCalc++
+            }
+          }
+          const result = total - Math.floor(total / 11) * 11
+          if (result < 2) {
+            return Number(digit) === 0
+          } else {
+            return Number(digit) === 11 - result
+          }
         } else {
-          indexCalc++
+          return false
         }
-      }
-      const result = total - Math.floor(total / 11) * 11
-      if (result < 2) {
-        return Number(digit) === 0
-      } else {
-        return Number(digit) === 11 - result
-      }
+      case 'MT':
+        return this.validadeMT(ngModel)
+    }
+  }
+
+  validadeMT(model, plusZero = '') {
+    const lengthZero = plusZero.length
+    model = `${plusZero}${model}`
+    if (model.length != 11 && lengthZero < 2) return this.validadeMT(model, `0`)
+    var nro = new Array(11)
+    for (var i = 0; i <= 10; i++) nro[i] = parseInt(model[i])
+    let b = 3
+    let soma = 0,
+      dig = 0
+    for (i = 0; i <= 9; i++) {
+      soma += nro[i] * b
+      b--
+      if (b == 1) b = 9
+    }
+    i = soma % 11
+    if (i <= 1) {
+      dig = 0
     } else {
-      return false
+      dig = 11 - i
     }
+    return dig == nro[10]
   }
 
   setIeValidade(elm, valid) {