add 5 more filters

Author: zhoraygevorgyan

README.md

@@ -14,10 +14,25 @@ Download repo
 import Vue from 'vue'
 import VueCommonFilters from 'vue-common-filters'
 
-Vue.use(VueCommonFilters)
+Vue.use(VueCommonFilters, {
+    "currency": {
+        "symbol": "$",
+        "decimalDigits": 2,
+        "symbolOnLeft": true,
+        "spaceBetweenAmountAndSymbol": false
+    },
+
+    "text": {
+        "truncateClamp": "..."
+    },
+    
+    "dates": {
+        "format": "YYYY-MM-DD HH:mm:ss"
+    }
+})
 ```
 
-# Filters and usage
+# Useage
 
 ### truncate
 Set string max length

config.json

@@ -0,0 +1,16 @@
+{
+    "currency": {
+        "symbol": "$",
+        "decimalDigits": 2,
+        "symbolOnLeft": true,
+        "spaceBetweenAmountAndSymbol": false
+    },
+
+    "text": {
+        "truncateClamp": "..."
+    },
+
+    "dates": {
+        "format": "YYYY-MM-DD HH:mm:ss"
+    }
+}

index.js

@@ -1,10 +1,24 @@
 import filters from './src/filters'
+import config from './config.json'
+import {merge} from './src/helpers/helper.js'
 
 export default {
-    install(vue) {
+    install(vue, settings) {
+
+        // overwrite config props to settings props
+        window.__vcf_settings = merge(config, settings)
+        
         // Register filters globally
         for(let filter in filters){
             vue.filter(filter, filters[filter]);
         }
+    },
+
+    get config(){
+        return window.__vcf_settings
+    },
+
+    set config(settings){
+        window.__vcf_settings = merge(window.__vcf_settings, settings)
     }
 };

src/filters.js

@@ -1,19 +1,31 @@
-import { fromNow, format } from './filters/datetime'
+import { fromNow, format, to, from, add, substract } from './filters/datetime'
 import { search, ats, aots } from './filters/array'
-import { truncate, trim} from './filters/text'
+import { truncate, trim, capitalize, uppercase, lowercase} from './filters/text'
+import { currency, decimal } from './filters/numbers'
 
 export default {
     // Date and time filters
     "formatDate": format,
     "fromNow": fromNow,
+    "to": to,
+    "from": from,
+    "add": add,
+    "substract": substract,
 
     // Array filters
     "search": search,
     "ats": ats,
     "aots": aots,
 
+    // Numbers
+    "currency": currency,
+    "decimal": decimal,
+
     // Text filters
     "truncate": truncate,
-    "trim": trim
+    "trim": trim,
+    "capitalize": capitalize,
+    "uppercase": uppercase,
+    "lowercast": lowercase
 
 }

src/filters/datetime.js

@@ -1,9 +1,27 @@
 import moment from 'moment'
 
 export const format = (v, format) => {
-    moment(v).format(format)
+    moment(v, window.__vcf_settings.dates.format).format(format)
 }
 
 export const fromNow = (v) => {
-    moment(v).fromNow()
+    moment(v, window.__vcf_settings.dates.format).fromNow()
+}
+
+
+export const from = (v, from) => {
+    moment(v, window.__vcf_settings.dates.format).from(from)
+}
+
+export const to = (v, to) => {
+    moment(v, window.__vcf_settings.dates.format).to(to)
+}
+
+
+export const add = (v, number, type) => {
+    moment(v, window.__vcf_settings.dates.format).add(number, type)
+}
+
+export const substract = (v, number, type) => {
+    moment(v, window.__vcf_settings.dates.format).substract(number, type)
 }

src/filters/numbers.js

@@ -0,0 +1,24 @@
+export const currency = (v, symbol = null, decimalDigits = null, symbolOnLeft = null, spaceBetweenAmountAndSymbol = null) => {
+    let settings = {...window.__vcf_settings.currency}
+
+    if(symbol)
+        settings.symbol = symbol
+    if(decimalDigits)
+        settings.decimalDigits = decimalDigits
+    if(symbolOnLeft)
+        settings.symbolOnLeft = symbolOnLeft
+        
+    let space = spaceBetweenAmountAndSymbol || settings.spaceBetweenAmountAndSymbol ? ' ' : ''
+    let amount = Number(v).toFixed(settings.decimalDigits)
+        
+    if(symbolOnLeft){
+        return `${symbol}${space}${amount}`
+    } else {
+        return `${amount}${space}${symbol}`
+    }
+}
+
+export const decimal = (v, digits = null) => {
+    let length = digits || window.__vcf_settings.numbers.decimalDigits
+    return Number(v).toFixed(length)
+}

src/filters/text.js

@@ -1,7 +1,19 @@
 export const truncate = (v, stop, clamp) => {
-    return v.slice(0, stop) + (stop < v.length ? clamp || '...' : '')
+    return v.slice(0, stop) + (stop < v.length ? clamp || window.__vcf_settings.text.truncateClamp : '')
 }
 
 export const trim = (v) => {
     return v.trim()
+}
+
+export const capitalize = (v) => {
+    return v[0].toUpperCase() + v.slice(1);
+}
+
+export const uppercase = (v) => {
+    return v.toUpperCase();
+}
+
+export const lowercase = (v) => {
+    return v.toLowerCase();
 }

src/helpers/helper.js

@@ -0,0 +1,6 @@
+export function merge(a, b){
+    for(var idx in b) {
+        a[idx] = b[idx];
+    }
+    return a
+}