@tripup-company/element-ui-extended 0.0.9 → 0.0.13

package/src/components/GenericFilters/FilterTopRow.vue

@@ -1,83 +0,0 @@
-<template>
-  <el-col v-if="column" :span="18" class="m-b-20">
-    <el-col v-if="column.type !== 'checkbox'" class="m-b-5 p-l-0">
-      <label>{{ column.label }}</label>
-    </el-col>
-    <el-input v-if="column.type==='string'" v-model="search.value" />
-  </el-col>
-</template>
-<script>
-export default {
-  props: {
-    column: {
-      type: Object,
-      default() {
-        return {};
-      },
-    },
-    search: {
-      type: Object,
-      default() {
-        return {};
-      },
-    },
-  },
-  data() {
-    return {
-      loading: false,
-      selectKey: this.column.selectKey ?? 'key',
-      selectLabel: this.column.selectLabel ?? 'label',
-      selectValue: this.column.selectValue ?? 'key',
-      filterable: this.column.filterable ?? false,
-      remote: this.column.remote ?? false,
-      remoteMethod: this.column.remoteMethod ?? null,
-      selectListLocal: this.search.selectList ? this.search.selectList : (this.column.type === 'enum' ? this.column.values : this.boolValues),
-    };
-  },
-  computed: {
-    isMultiple() {
-      return this.column.is_multiple ? this.column.is_multiple : false;
-    },
-    remoteMethodHandler: {
-      get() {
-        if (this.remoteMethod !== null) {
-          return this.remoteCall;
-        }
-        return null;
-      },
-    },
-  },
-  watch: {
-    search() {
-      if (this.search.operator === '') {
-        this.showFilter = false;
-      }
-    },
-  },
-  mounted() {
-    if (this.column.operator) {
-      this.search.operator = this.column.operator;
-    }
-  },
-  methods: {
-    async remoteCall(query) {
-      this.loading = true;
-      const response = await this.remoteMethod.all({ search: this.selectLabel + ':' + query, searchFields: this.selectLabel + ':like' });
-      this.selectListLocal = response.data;
-      this.search['selectList'] = response.data;
-      this.loading = false;
-    },
-    updateSearch(key) {
-      if (key && this.remote) {
-        const obj = { [this.selectKey]: key };
-        for (const item of this.selectListLocal) {
-          if (item[this.selectKey] === key) {
-            obj[this.selectLabel] = item[this.selectLabel];
-            this.search.selectList = [obj];
-          }
-        }
-      }
-    },
-  },
-};
-</script>

package/src/components/GenericFilters/GenericTopFilter.vue

@@ -1,54 +0,0 @@
-<template>
-  <el-row>
-    <filter-top-row
-      v-for="column in filters"
-      :key="column.name"
-      :column="column"
-      :search="search[column.name]"
-    />
-    <el-col :span="6" class="m-t-20">
-      <el-button @click="applyFilter">Filter</el-button>
-      <el-button @click="resetFilter">Reset filter</el-button>
-    </el-col>
-  </el-row>
-</template>
-
-<script>
-import FilterConverter from "./filter-convertor.ts";
-import FilterTopRow from "./FilterTopRow";
-export default {
-  name: "GenericTopFilter",
-  props: {
-    filters: {
-      type: Array,
-      default: () => {
-        return {};
-      },
-    },
-    search: {
-      type: Object,
-      default: () => {
-        return {};
-      },
-    },
-  },
-  components: { FilterTopRow },
-  data() {
-    const filterConvertor = new FilterConverter();
-    return {
-      filterConvertor: filterConvertor,
-    };
-  },
-  methods: {
-    getFilter() {
-      return this.filterConvertor.applyFilter(this.search);
-    },
-    applyFilter() {
-      this.$emit("apply:filter", this.filterConvertor.applyFilter(this.search));
-    },
-    resetFilter() {
-      this.$emit("reset:filter", {});
-    },
-  },
-};
-</script>

package/src/filters-top.js

@@ -1,8 +0,0 @@
-export default [
-  {
-    name: 'first_name,last_name,email,phone,mobile,position,street,city,state,second_email,department',
-    label: 'Search',
-    type: 'string',
-    operator: 'like_fields',
-  },
-]