@kigi/components 1.8.4 → 1.8.5

package/package.json

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

package/src/components/mbg-progress-circle/mbg-progress-circle.ts

@@ -4,100 +4,98 @@ import * as angular from 'angular'
 import { UtilUID } from '../../helpers/util-uid'
 const progressBar = require('progressbar.js')
 class MbgProgressCircleController {
+  private unWatchPercentage: any
+  private unWatchShow: any
+  private progressCircle: any
+  private onFinish: Function
+  private uidComponent
+  private show = false
+  private closeOnFinish
+  private duration: number
+  private percentage
 
-    private unWatchPercentage: any
-    private unWatchShow: any
-    private progressCircle: any
-    private onFinish: Function
-    private uidComponent
-    private show = false
-    private duration: number
-    private percentage
-
-    constructor(public $scope, public $element, public $attrs, public $timeout) {
-        this.percentage = this.percentage || 100
+  constructor(public $scope, public $element, public $attrs, public $timeout) {
+    this.percentage = this.percentage || 100
+    if (this.closeOnFinish == undefined) {
+      this.closeOnFinish = true
     }
+  }
 
-    createProgress() {
-        this.duration = this.duration || 1400
-        this.uidComponent = UtilUID.generete()
-        this.unWatchShow = this.$scope.$watch('$ctrl.show', (value) => {
-            this.$timeout(() => {
-                value !== undefined && value ? this.addInBody() : this.removeInBody()
-            })
-        })
-        this.$timeout(() => {
-            this.progressCircle = new progressBar.Circle('#progress', {
-                color: '#666',
-                strokeWidth: 4,
-                trailWidth: 1,
-                easing: 'easeInOut',
-                duration: this.duration,
-                text: {
-                    autoStyleContainer: true,
-                },
-                from: { color: '#666', width: 1 },
-                to: { color: '#000', width: 4 },
-                step: (state, circle) => {
-                    const value = Math.round(circle.value() * 100)
-                    if (value === 0) {
-                        circle.setText('')
-                    } else {
-                        if (this.duration && value === 100) {
-                            this.$timeout(() => this.show = false, 2000)
-                        }
-                        circle.setText(value + '%')
-                    }
-                }
-            })
-            this.progressCircle.text.style.fontFamily = '"Raleway", Helvetica, sans-serif'
-            this.progressCircle.text.style.fontSize = '2rem'
-            this.progressCircle.animate(0.0)
+  createProgress() {
+    this.duration = this.duration || 1400
+    this.uidComponent = UtilUID.generete()
+    this.unWatchShow = this.$scope.$watch('$ctrl.show', (value) => {
+      this.$timeout(() => {
+        value !== undefined && value ? this.addInBody() : this.removeInBody()
+      })
+    })
+    this.$timeout(() => {
+      this.progressCircle = new progressBar.Circle('#progress', {
+        color: '#666',
+        strokeWidth: 4,
+        trailWidth: 1,
+        easing: 'easeInOut',
+        duration: this.duration,
+        text: {
+          autoStyleContainer: true,
+        },
+        from: { color: '#666', width: 1 },
+        to: { color: '#000', width: 4 },
+        step: (state, circle) => {
+          const value = Math.round(circle.value() * 100)
+          if (value === 0) {
+            circle.setText('')
+          } else {
+            if (this.duration && value === 100 && this.closeOnFinish) {
+              this.$timeout(() => (this.show = false), 2000)
+            }
+            circle.setText(value + '%')
+          }
+        },
+      })
+      this.progressCircle.text.style.fontFamily = '"Raleway", Helvetica, sans-serif'
+      this.progressCircle.text.style.fontSize = '2rem'
+      this.progressCircle.animate(0.0)
 
-            this.unWatchPercentage = this.$scope.$watch('$ctrl.percentage', (value) => {
-                if (this.progressCircle && value !== undefined) {
-                    this.progressCircle.animate(value / 100)
-                }
-            })
-        })
-    }
+      this.unWatchPercentage = this.$scope.$watch('$ctrl.percentage', (value) => {
+        if (this.progressCircle && value !== undefined) {
+          this.progressCircle.animate(value / 100)
+        }
+      })
+    })
+  }
 
-    addInBody() {
-        const body = angular.element(document).find('body')
-        const list = this.$element.find('div.mbg-progress-circle-wrapper')
-        list.attr('uid', this.uidComponent)
-        body.append(list)
-    }
+  addInBody() {
+    const body = angular.element(document).find('body')
+    const list = this.$element.find('div.mbg-progress-circle-wrapper')
+    list.attr('uid', this.uidComponent)
+    body.append(list)
+  }
 
-    removeInBody() {
-        const list = angular.element(`[uid="${this.uidComponent}"]`)
-        this.$element.find('.mbg-progress-circle-wrapper').append(list)
-    }
+  removeInBody() {
+    const list = angular.element(`[uid="${this.uidComponent}"]`)
+    this.$element.find('.mbg-progress-circle-wrapper').append(list)
+  }
 
-    $onDestroy() {
-        if (this.unWatchPercentage) {
-            this.unWatchPercentage()
-        }
+  $onDestroy() {
+    if (this.unWatchPercentage) {
+      this.unWatchPercentage()
     }
-
+  }
 }
 
-MbgProgressCircleController.$inject = [
-    '$scope',
-    '$element',
-    '$attrs',
-    '$timeout'
-]
+MbgProgressCircleController.$inject = ['$scope', '$element', '$attrs', '$timeout']
 
 const mbgProgressCircle = {
-    bindings: {
-        percentage: '=?',
-        titleProgress: '@?',
-        show: '=?',
-        duration: '=?'
-    },
-    template,
-    controller: MbgProgressCircleController,
+  bindings: {
+    percentage: '=?',
+    titleProgress: '@?',
+    show: '=?',
+    duration: '=?',
+    closeOnFinish: '=?',
+  },
+  template,
+  controller: MbgProgressCircleController,
 }
 
 export { mbgProgressCircle }