@tripup-company/element-ui-extended 0.0.6 → 0.0.10

package/src/models/contact-model.ts

@@ -0,0 +1,23 @@
+import { Icontact } from "../types/icontact";
+import { BaseModel } from "./base-model";
+
+export class ContactModel extends BaseModel implements Icontact {
+  id?: number;
+  title?: string;
+  first_name?: string;
+  last_name?: string;
+  email: string;
+  phone?: string;
+  mobile?: string;
+  position?: string;
+  comments_guid?: string;
+  city: string;
+  state?: string;
+  zip_code: string;
+  street?: string;
+  country?: string;
+
+  constructor(data = []) {
+    super(data);
+  }
+}

package/src/models/meta-model.ts

@@ -0,0 +1,13 @@
+import { Meta } from "../types/meta";
+import { BaseModel } from "./base-model";
+import { Pagination } from "../types/pagination";
+
+export default class MetaModel extends BaseModel implements Meta {
+  include: [];
+  custom: [];
+  pagination: Pagination;
+
+  constructor(data = []) {
+    super(data);
+  }
+}

package/src/services/list-query-service.ts

@@ -0,0 +1,39 @@
+export default class ListQueryService {
+  key: string;
+  storageService: any;
+
+  constructor(key: any, storageService: any) {
+    this.key = key;
+    this.storageService = storageService;
+  }
+  updateSort(column) {
+    const sortTypes = {
+      ascending: 'asc',
+      descending: 'desc',
+    };
+    if (!sortTypes[column.order]) {
+      const query = this.getListQuery();
+      delete query['orderBy'];
+      delete query['sortedBy'];
+      this.setListQuery(query);
+    } else {
+      this.setListQuery(Object.assign(this.getListQuery(), { orderBy: column.prop, sortedBy: sortTypes[column.order] }));
+    }
+  }
+  getListQuery() {
+    let listQuery = {
+      meta: {
+        page: 1,
+        limit: 10,
+      }
+    };
+    listQuery = Object.assign(listQuery, this.storageService.get(this.key));
+    return listQuery;
+  }
+  updateListQuery(listQuery: any) {
+    this.setListQuery(Object.assign(this.getListQuery(), listQuery));
+  }
+  setListQuery(listQuery: any) {
+    this.storageService.set(this.key, listQuery);
+  }
+}

package/src/services/local-storage-service.ts

@@ -0,0 +1,27 @@
+export class LocalStorageService {
+  key: string | undefined;
+  constructor(key = '') {
+    this.key = key;
+  }
+  get(key, defaultValue = {}) {
+    if (localStorage[this.key] === undefined) {
+      return defaultValue;
+    }
+    const json = JSON.parse(localStorage[this.key]);
+    if (json[key]) {
+      return json[key];
+    }
+    return defaultValue;
+  }
+  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+  set(key, val) {
+    let data = localStorage[this.key];
+    if (data === undefined) {
+      data = {};
+    } else {
+      data = JSON.parse(data);
+    }
+    data[key] = val;
+    localStorage[this.key] = JSON.stringify(data);
+  }
+}

package/src/services/resolutions.js

@@ -0,0 +1,21 @@
+const resolutions = {
+  quarterResolution: {
+    xl: 6, lg: 6, md: 6, sm: 6, xs: 6,
+  },
+  halfResolution: {
+    xl: 12, lg: 12, md: 12, sm: 12, xs: 12,
+  },
+  fullFromSm: {
+    xl: 12, lg: 12, md: 12, sm: 24, xs: 24,
+  },
+  fullFromLg: {
+    xl: 12, lg: 24, md: 24, sm: 24, xs: 24,
+  },
+  fullResolution: {
+    xl: 24, lg: 24, md: 24, sm: 24, xs: 24,
+  },
+};
+
+export default function getResolution(size) {
+  return resolutions[size];
+}

package/src/types/article.js

@@ -0,0 +1,6 @@
+export class Article {
+    constructor() {
+        this.name = "article";
+    }
+}
+//# sourceMappingURL=article.js.map

package/src/types/article.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"article.js","sourceRoot":"","sources":["article.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,OAAO;IAApB;QACS,SAAI,GAAG,SAAS,CAAC;IAC1B,CAAC;CAAA"}

package/src/types/axiosInterface.ts

@@ -0,0 +1,54 @@
+import {
+  AxiosError,
+  AxiosRequestConfig,
+  AxiosResponse,
+  AxiosStatic,
+} from "axios";
+
+export interface AxiosInstance extends AxiosStatic {
+  $request<T = any>(config: AxiosRequestConfig): Promise<T>;
+  $get<T = any>(url: string, config?: AxiosRequestConfig): Promise<T>;
+  $delete<T = any>(url: string, config?: AxiosRequestConfig): Promise<T>;
+  $head<T = any>(url: string, config?: AxiosRequestConfig): Promise<T>;
+  $options<T = any>(url: string, config?: AxiosRequestConfig): Promise<T>;
+  $post<T = any>(
+    url: string,
+    data?: any,
+    config?: AxiosRequestConfig
+  ): Promise<T>;
+  $put<T = any>(
+    url: string,
+    data?: any,
+    config?: AxiosRequestConfig
+  ): Promise<T>;
+  $patch<T = any>(
+    url: string,
+    data?: any,
+    config?: AxiosRequestConfig
+  ): Promise<T>;
+  setBaseURL(baseURL: string): void;
+  setHeader(
+    name: string,
+    value?: string | false,
+    scopes?: string | string[]
+  ): void;
+  setToken(
+    token: string | false,
+    type?: string,
+    scopes?: string | string[]
+  ): void;
+  onRequest(
+    callback: (
+      config: AxiosRequestConfig
+    ) => void | AxiosRequestConfig | Promise<AxiosRequestConfig>
+  ): void;
+  onResponse<T = any>(
+    callback: (
+      response: AxiosResponse<T>
+    ) => void | AxiosResponse<T> | Promise<AxiosResponse<T>>
+  ): void;
+  onError(callback: (error: AxiosError) => any): void;
+  onRequestError(callback: (error: AxiosError) => any): void;
+  onResponseError(callback: (error: AxiosError) => any): void;
+  create(options?: AxiosRequestConfig): AxiosInstance;
+}

package/src/types/collection.ts

@@ -0,0 +1,6 @@
+import {Meta} from "./meta";
+
+export interface Collection<T>{
+    data: T[];
+    meta: Meta
+}

package/src/types/error.ts

@@ -0,0 +1,3 @@
+interface IError {
+    message: string
+}

package/src/types/icontact.ts

@@ -0,0 +1,17 @@
+export interface Icontact {
+    id?: number;
+    title?: string;
+    first_name?: string;
+    last_name?: string;
+    email: string;
+    phone?: string;
+    mobile?: string;
+    position?: string;
+    comments_guid?: string;
+    city: string;
+    state?: string;
+    zip_code: string;
+    street?: string;
+    country?: string;
+
+}

package/src/types/meta.ts

@@ -0,0 +1,7 @@
+import { Pagination } from "./pagination";
+
+export interface Meta {
+  include: [];
+  custom: [];
+  pagination: Pagination;
+}

package/src/types/pagination.ts

@@ -0,0 +1,8 @@
+export interface Pagination {
+    total: number,
+    count: number,
+    per_page: number,
+    current_page: number,
+    total_pages: number,
+    links: []
+}

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>