filters

Author: zhoraygevorgyan

.gitignore

@@ -0,0 +1 @@
+node_modules

index.js

@@ -0,0 +1,10 @@
+import filters from 'src/filters'
+
+export default {
+    install(vue) {
+        // Register filters globally
+        for(filters in filters){
+            vue.filter(filter, filters[filter]);
+        }
+    }
+};

package-lock.json

@@ -0,0 +1,26 @@
+{
+  "name": "vue-common-filters",
+  "version": "1.0.0",
+  "description": "Collection of common filters used in projects",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "vue",
+    "filters",
+    "collection",
+    "date",
+    "time",
+    "currency",
+    "filter",
+    "vue",
+    "plugin",
+    "plugin"
+  ],
+  "author": "Zhoray Gevorgyan",
+  "license": "MIT",
+  "dependencies": {
+    "moment": "^2.24.0"
+  }
+}

package.json

@@ -0,0 +1,18 @@
+import { fromNow, format } from './filters/datetime'
+import { search } from './filters/array'
+import { truncate, att, aott } from './filters/text'
+
+export default {
+    // Date and time filters
+    "formatDate": format,
+    "fromNow": fromNow,
+
+    // Array filters
+    "search": search,
+
+    // Text filters
+    "truncate": truncate,
+    "att": att,
+    "aott": aott,
+
+}

src/filters.js

@@ -0,0 +1,40 @@
+export default search = (v, str) => {
+    let result = v.filter(obj => {
+        
+        let values_including_string = Object.values(obj).filter(val => {
+            return val.includes(str)
+        })
+
+        return values_including_string.length > 0
+    })
+
+    return result 
+}
+
+export default att = (v, delimiter) => {
+    let result = ''
+
+    for (const str in arr) {
+        if(str == arr.length - 1){
+            result += arr[str]
+        } else {
+            result += arr[str] + delimiter 
+        }
+            
+    }
+
+    return result
+}
+
+export default aott = (v, key, delimiter) => {
+    let result = ''
+    for (const i in obj) {
+        if(obj[i][key]){
+            if(i == obj.length - 1)
+                result += obj[i][key] 
+            else
+                result += obj[i][key] + delimiter
+        }
+    }
+    return result
+}

src/filters/array.js

@@ -0,0 +1,9 @@
+import moment from 'moment'
+
+export const format = (v, format) => {
+    moment(v).format(format)
+}
+
+export const fromNow = (v) => {
+    moment(v).fromNow()
+}

src/filters/datetime.js

@@ -0,0 +1,3 @@
+export const truncate = (v, stop, clamp) => {
+    return v.slice(0, stop) + (stop < v.length ? clamp || '...' : '')
+}