ps-toolkit-ui 0.0.210 → 0.0.211

package/karma.conf.js

@@ -0,0 +1,32 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage-istanbul-reporter'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    coverageIstanbulReporter: {
+      dir: require('path').join(__dirname, '../../coverage/ps-toolkit-ui'),
+      reports: ['html', 'lcovonly', 'text-summary'],
+      fixWebpackSourcePaths: true
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false,
+    restartOnFileChange: true
+  });
+};

package/ng-package.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/ps-toolkit-ui",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  },
+  "whitelistedNonPeerDependencies": [
+    "jalali-moment",
+    "jquery",
+    "lodash",
+    "highcharts"
+  ],
+  "assets": [
+    "src/assets"
+  ]
+}

package/package.json

@@ -1,22 +1,19 @@
-{
-  "name": "ps-toolkit-ui",
-  "version": "0.0.210",
-  "peerDependencies": {
-    "@angular/common": "^10.1.6",
-    "@angular/core": "^10.1.6"
-  },
-  "dependencies": {
-    "jalali-moment": "^3.3.10",
-    "jquery": "^3.5.1",
-    "lodash": "^4.17.21",
-    "tslib": "^2.0.0"
-  },
-  "main": "bundles/ps-toolkit-ui.umd.js",
-  "module": "fesm2015/ps-toolkit-ui.js",
-  "es2015": "fesm2015/ps-toolkit-ui.js",
-  "esm2015": "esm2015/ps-toolkit-ui.js",
-  "fesm2015": "fesm2015/ps-toolkit-ui.js",
-  "typings": "ps-toolkit-ui.d.ts",
-  "metadata": "ps-toolkit-ui.metadata.json",
-  "sideEffects": false
-}
+{
+  "name": "ps-toolkit-ui",
+  "version": "0.0.211",
+  "peerDependencies": {
+    "@angular/common": "^10.1.6",
+    "@angular/core": "^10.1.6"
+  },
+  "dependencies": {
+    "highcharts": "^9.3.3",
+    "jalali-moment": "^3.3.10",
+    "jquery": "^3.5.1",
+    "lodash": "^4.17.21",
+    "tslib": "^2.0.0"
+  },
+  "devDependencies": {
+    "@types/jquery": "^3.5.8",
+    "@types/lodash": "^4.14.176"
+  }
+}

package/src/lib/classes/chart.class.ts

@@ -0,0 +1,140 @@
+import * as Highcharts from 'highcharts';
+export class ChartClass {
+  constructor(l: (k, v?) => string, name: string) {
+    this.l = l;
+    this.name = name;
+  }
+  l: (k, v?) => string;
+  name: string;
+  style = {};
+  loading = false;
+  options = {};
+  setChart(cOpt, categories = []): void{
+    const date = this.l('Date');
+    const min = Math.min(...[].concat.apply([], cOpt.series.map(o => o.data)));
+    const th = this;
+    const opt = {
+      chart: {
+        type: 'line',
+        spacing: [30, 30, 30, 30]
+      },
+      title: {text: null},
+      credits: {enabled: false},
+      yAxis: {
+        visible: true, reverse: true, min, title: {text: null},
+        labels: {
+          useHTML: true,
+          style: {
+            fontFamily: 'VazirBold',
+            direction: 'rtl',
+            textAlign: 'center'
+          },
+          formatter(): string{
+            return cOpt.unit ? cOpt.unit.replace('{}', this.value.toLocaleString()) : this.value.toLocaleString();
+          }
+        }
+      },
+      plotOptions: {
+        line: {
+          marker: {
+            enabled: false
+          }
+        }
+      },
+      xAxis: {
+        categories,
+        reversed: true,
+        labels: {
+          useHTML: true,
+          style: {
+            fontFamily: 'VazirBold',
+            direction: 'rtl',
+            textAlign: 'center'
+          },
+          step: Math.floor(categories.length / 5),
+          formatter(): string{
+            return this.value.split(' ')[0];
+          }
+        }
+      },
+      legend: {
+        useHTML: true,
+        rtl: true,
+        itemMarginRight: 50,
+        itemMarginLeft: 50,
+        itemStyle: {
+          fontFamily: 'VazirBold',
+          direction: 'rtl'
+        }
+      },
+      tooltip: {
+        shared: true,
+        crosshairs: true,
+        useHTML: true,
+        style: {
+          fontFamily: 'VazirBold',
+          direction: 'rtl',
+          textAlign: 'center'
+        },
+        formatter(): string{
+          let s = '<div>' + date + ' : ' + this.x + '</br>';
+          for (const p of this.points.filter(x => x.y !== 0)){
+            const symbol = th.getSymbol(p);
+            s += (symbol ? symbol : '') + '<span class="rtl d-ib">' + (cOpt.showName ?
+              '<span style="' + (symbol ? '' : 'color: ' + p.color) + '" class="m-l-5">' +
+              p.series.name + '</span> ' : '') +
+              '<span style="' + (cOpt.showName ? '' : 'color: ' + p.color) + '">'
+              + (cOpt.unit ? cOpt.unit.replace('{}', p.y.toLocaleString()) : p.y.toLocaleString()) + '</span>' + '</span></br>';
+          }
+          s += '</div>';
+          return s;
+        }
+      },
+
+      series: []
+    };
+    this.options = this.merge(opt, cOpt);
+    Highcharts.chart(this.name + 'Chart', this.options);
+  }
+  getSymbol(point): string{
+    let marker = null;
+    if ( point.point.graphic && point.point.graphic.symbolName ) {
+      switch ( point.point.graphic.symbolName ) {
+        case 'circle':
+          marker = '●';
+          break;
+        case 'diamond':
+          marker = '♦';
+          break;
+        case 'square':
+          marker = '■';
+          break;
+        case 'triangle':
+          marker = '▲';
+          break;
+        case 'triangle-down':
+          marker = '▼';
+          break;
+        default:
+          marker = '●';
+          break;
+      }
+      return '<span style="margin-left: 10px; color: ' + point.color + '">' + marker + '</span>';
+    }
+    return marker;
+  }
+  merge(b, c): any{
+    for (const k of Object.keys(c)){
+      if (Object.keys(b).includes(k)){
+        if (c[k] != null && c[k].constructor === Object){
+          b[k] = this.merge(b[k], c[k]);
+        }else{
+          b[k] = c[k];
+        }
+      }else{
+        b[k] = c[k];
+      }
+    }
+    return b;
+  }
+}

package/src/lib/classes/enum.class.ts

@@ -0,0 +1,193 @@
+// @dynamic
+export class EnumUtils {
+  static getValues(enumObj: any): any[] {
+    return EnumUtils.getKeys(enumObj).map(value => enumObj[value]);
+  }
+  static getKeyByValue(enumObj: any, v): any[] {
+    return this.getKeys(enumObj).find(key => enumObj[key] === v);
+  }
+  static getKeys(enumObj: any): any[] {
+    return Object.keys(enumObj).filter(key => typeof enumObj[key] === 'number');
+  }
+  static getKeysAndValues(enumObj: any): any[] {
+    return this.getKeys(enumObj).map(key => {
+      return {
+        key, value: enumObj[key]
+      };
+    });
+  }
+}
+
+export enum InputError {
+  Required = 'Required',
+  Invalid = 'Invalid',
+  Length = 'Length',
+  MinLength = 'MinLength',
+  MaxLength = 'MaxLength',
+  MinAmount = 'MinAmount',
+  MaxAmount = 'MaxAmount',
+  Expired = 'Expired',
+  Error = 'Error',
+  NotMatch = 'NotMatch',
+  NotAllowed = 'NotAllowed',
+  MaxContent = 'MaxContent',
+  Exist = 'Exist',
+  NotExist = 'NotExist',
+  Wrong = 'Wrong',
+  Upload = 'Upload',
+}
+
+export enum InputType {
+  Text,
+  Password,
+  Mobile,
+  Phone,
+  Email,
+  NationalCode,
+  PostalCode,
+  Sheba,
+  Number,
+  Select,
+  SelectSearch,
+  SelectAutoComplete,
+  Date,
+  Time,
+  DateTime,
+  Check,
+  TextArea,
+  Label,
+  Button,
+  Submit,
+  Icon,
+  File,
+  Url,
+  Price,
+  Radio,
+  Tree,
+  Plaque,
+  PlaqueM,
+  SelectAutoCompletePlaque,
+  SelectAutoCompletePlaqueM,
+  BankCard,
+  Constant,
+  Hidden,
+  Table,
+  CarSearch,
+  Car,
+  Finger,
+}
+
+export enum OperationEnum
+{
+  All = -1,
+  Insert = 1,
+  Update = 2,
+  Delete = 3,
+}
+
+export enum Method {
+  Get,
+  Post,
+  Delete,
+  Put,
+  Options,
+  Patch,
+}
+
+export enum TableCollType {
+  Text,
+  Date,
+  Time,
+  DateTime,
+  DateDif,
+  DateRemain,
+  Url,
+  Image,
+  Function,
+  Price,
+  Plaque,
+  PlaqueText,
+  FileSize,
+  Bool,
+}
+
+export enum UserType {
+  All = 0,
+  Admin = 1,
+  User = 2
+}
+
+export enum StatusEnum
+{
+  All = -1,
+  Active = 0,
+  DeActive = 1,
+  Delete = 2,
+  Report = 3,
+}
+export enum PaymentStatusEnum
+{
+  All = 0,
+  Success = 100,
+  NOK = 102,
+  Request = 103,
+  Notfound = 104,
+  NotRequest = 105,
+  NotfoundPackage = 106
+}
+export enum ResultStatusEnum
+{
+  Failed = 0,
+  Success = 1,
+  Unauthorized = 2,
+  NotAccess = 3
+}
+
+export enum PermissionTypeEnum
+{
+  Form = -1,
+  Item = 0,
+  Access = 1,
+  Option = 2,
+}
+
+export enum PermissionAccessTypeEnum
+{
+  List = 1,
+  Insert = 2,
+  Update = 3,
+  Delete = 4,
+  Print = 5,
+}
+
+export enum PermissionInputActionEnum
+{
+  None = 0,
+  OnClick = 1,
+  Link = 2,
+  LinkNewTab = 3,
+  File = 4,
+  Modal = 5,
+  Confirm = 6
+}
+
+export enum PermissionInputTypeEnum
+{
+  Icon = 0,
+  Button = 1,
+}
+
+export enum VehicleType
+{
+  Car = 1,
+  Motorcycle = 2,
+  Airplane = 3,
+  Train = 4,
+  Ship = 5,
+}
+export enum TableOptionType
+{
+  Hidden = 1,
+  Show = 2,
+  Group = 3,
+}

package/src/lib/classes/excel.class.ts

@@ -0,0 +1,46 @@
+// import * as FileSaver from 'file-saver';
+// import * as XLSX from 'xlsx';
+const EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';
+const CSV_TYPE = 'data:text/csv;charset=UTF-8';
+const EXCEL_EXTENSION = '.xlsx';
+const CSV_EXTENSION = '.csv';
+
+export class ExcelService {
+  constructor() { }
+  // public exportAsExcelFile(json: any[], excelFileName: string): void
+  // {
+  //   const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(json);
+  //   const workbook: XLSX.WorkBook = {
+  //     Sheets: { data: worksheet },
+  //     SheetNames: ['data']
+  //   };
+  //   const excelBuffer: any = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });
+  //   this.saveAsExcelFile(excelBuffer, excelFileName);
+  // }
+  // public getExcelData(json: any[], excelFileName: string): Blob
+  // {
+  //   const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(json);
+  //   const workbook: XLSX.WorkBook = {
+  //     Sheets: { data: worksheet },
+  //     SheetNames: ['data']
+  //   };
+  //   const excelBuffer: any = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });
+  //   return new Blob([excelBuffer], {type: EXCEL_TYPE});
+  // }
+  // private saveAsExcelFile(buffer: any, fileName: string): void {
+  //   const data: Blob = new Blob([buffer], {type: EXCEL_TYPE});
+  //   FileSaver.saveAs(data, fileName + new  Date().getTime() + EXCEL_EXTENSION);
+  // }
+  // private saveAsCsvFile(buffer: any, fileName: string): void {
+  //   const data: Blob = new Blob([buffer], {type: CSV_TYPE});
+  //   FileSaver.saveAs(data, fileName + new  Date().getTime() + CSV_EXTENSION);
+  // }
+  // public exportAsCsvFile(json: any[], fileName: string): void {
+  //   const replacer = (key, value) => value === null ? '' : value; // specify how you want to handle null values here
+  //   const header = Object.keys(json[0]);
+  //   const csv = json.map(row => header.map(fieldName => JSON.stringify(row[fieldName], replacer)).join(','));
+  //   csv.unshift(header.join(','));
+  //   const csvArray = csv.join('\r\n');
+  //   this.saveAsCsvFile('\uFEFF' + csvArray, fileName);
+  // }
+}