Currency symbol position

Author: knagyorg

spec/vue_numeric.spec.js

@@ -190,75 +190,25 @@ describe('vue-numeric', () => {
     })
   })
 
-  it('allow minus value when minus props is true', done => {
+  it('updates value with currency symbol', done => {
     const vm = new Vue({
       el,
       data () {
         return {
-          total: -100
-        }
-      },
-      template: '<div><vue-numeric v-model="total" :minus="true"></vue-numeric></div>',
-      components: { VueNumeric }
-    }).$mount()
-
-    Vue.nextTick(() => {
-      expect(vm.$el.firstChild.value.trim()).toEqual('-100')
-      done()
-    })
-  })
-
-  it('disallow minus value when minus props is false', done => {
-    const vm = new Vue({
-      el,
-      data () {
-        return {
-          total: -100
+          total: 0
         }
       },
-      template: '<div><vue-numeric v-model="total" :minus="false"></vue-numeric></div>',
+      template: '<div><vue-numeric v-model="total" currency="CZK" currencySymbolPosition="sufix" precision=2 separator="."></vue-numeric></div>',
       components: { VueNumeric }
     }).$mount()
 
-    Vue.nextTick(() => {
-      expect(vm.$el.firstChild.value.trim()).toEqual('100')
-      done()
-    })
-  })
-
-  it('value cannot exceed max props', done => {
-    const vm = new Vue({
-      el,
-      data () {
-        return {
-          total: 150
-        }
-      },
-      template: '<div><vue-numeric v-model="total" :max="100"></vue-numeric></div>',
-      components: { VueNumeric }
-    }).$mount()
+    //vm.$el.firstChild.focus()
+    vm.total = 3000
 
     Vue.nextTick(() => {
-      expect(vm.$el.firstChild.value.trim()).toEqual('100')
+      expect(vm.$el.firstChild.value.trim()).toEqual('3.000,00 CZK')
       done()
     })
   })
 
-  it('value cannot below min props', done => {
-    const vm = new Vue({
-      el,
-      data () {
-        return {
-          total: 150
-        }
-      },
-      template: '<div><vue-numeric v-model="total" :min="200"></vue-numeric></div>',
-      components: { VueNumeric }
-    }).$mount()
-
-    Vue.nextTick(() => {
-      expect(vm.$el.firstChild.value.trim()).toEqual('200')
-      done()
-    })
-  })
 })

src/vue-numeric.vue

@@ -106,6 +106,16 @@ export default {
       default: '',
       required: false,
       type: String
+    },
+
+    /**
+     * Position of currency symbol 
+     * Symbol position props accept either 'sufix' or 'prefix' (default).
+     */
+    currencySymbolPosition: {
+      default: "prefix",
+      required: false,
+      type: String
     }
   },
 
@@ -164,6 +174,14 @@ export default {
     thousandSeparator () {
       if (this.separator === '.') return '.'
       return ','
+    },
+
+    /**
+     * Define format for currency symbol and value.
+     * @return {String} format
+     */
+    formatString () {
+      return this.currencySymbolPosition === 'sufix' ? '%v %s' : '%s %v';
     }
   },
 
@@ -237,7 +255,8 @@ export default {
      */
     formatValue () {
       this.amount = accounting.formatMoney(this.numberValue, {
-        symbol: this.currency + ' ',
+        symbol: this.currency,
+        format: this.formatString,
         precision: Number(this.precision),
         decimal: this.decimalSeparator,
         thousand: this.thousandSeparator