ps-toolkit-ui 1.21.95 → 1.21.97

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,20 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/ps-toolkit-ui",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  },
+  "whitelistedNonPeerDependencies": [
+    "jalali-moment",
+    "jquery",
+    "ckeditor4-angular",
+    "lodash",
+    "xlsx",
+    "file-saver",
+    "json-formatter-js",
+    "highcharts"
+  ],
+  "assets": [
+    "src/assets"
+  ]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ps-toolkit-ui",
-  "version": "1.21.95",
+  "version": "1.21.97",
   "peerDependencies": {
     "@angular/common": "^10.1.6",
     "@angular/core": "^10.1.6"
@@ -18,12 +18,7 @@
     "tslib": "^2.0.0",
     "xlsx": "^0.18.5"
   },
-  "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
-}
+  "devDependencies": {
+    "@types/jquery": "^3.5.33"
+  }
+}

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

@@ -0,0 +1,37 @@
+import {InputClass} from './form.class';
+import {TableClass} from './table.class';
+import {ModalClass} from './modal.class';
+import {PermissionAccessTypeEnum} from './enum.class';
+import {PermissionClass} from './permission.class';
+
+export class AddModalClass {
+  constructor(public environment: any, public l: (k, v?) => string, public permission: PermissionClass = null) {
+  }
+  modal: ModalClass;
+  getModalTable(table: TableClass): void{
+    if (this.permission == null){
+      return;
+    }
+    const insertPermission = this.permission.getAccess(PermissionAccessTypeEnum.Insert);
+    if (insertPermission == null){
+      return;
+    }
+    this.setModalForm(insertPermission.Name);
+    table.modal = new ModalClass(this.environment, this.l, this.modal.name, this.modal.class);
+    table.form = this.modal.form;
+  }
+  getInpModal(inp: InputClass, success: (r: any) => void = ()  => {}): void{
+    if (this.permission == null){
+      return;
+    }
+    const insertPermission = this.permission.getAccess(PermissionAccessTypeEnum.Insert);
+    if (insertPermission == null){
+      return;
+    }
+    this.setModalForm(insertPermission.Name, false, success);
+    inp.addModal = new ModalClass(this.environment, this.l, this.modal.name, this.modal.class);
+    inp.addModal.form = this.modal.form;
+  }
+  setModalForm(name: string, manage = true, success: (r: any) => void = ()  => {}): void{
+  }
+}

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

@@ -0,0 +1,165 @@
+import * as Highcharts from 'highcharts';
+import {Chart} from 'highcharts';
+import * as HighchartsExporting from 'highcharts/modules/exporting';
+import * as HighchartsExportData from 'highcharts/modules/export-data';
+// @ts-ignore
+HighchartsExporting(Highcharts);
+// @ts-ignore
+HighchartsExportData(Highcharts);
+export class ChartClass {
+  constructor(l: (k, v?) => string, name: string) {
+    this.l = l;
+    this.name = name;
+  }
+  l: (k, v?) => string;
+  name: string;
+  chart: Chart = null;
+  style = {};
+  loading = false;
+  empty = false;
+  options = {};
+  setChart(cOpt, categories = []): void{
+    const date = this.l('Date');
+    const l = this.l;
+    const data = [].concat.apply([], cOpt.series.map(o => o.data));
+    if (data.filter(x => x !== 0).length === 0){
+      this.empty = true;
+      return;
+    }
+    this.empty = false;
+    const min = Math.min(...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: 'Vazir',
+            fontWeight: '700',
+            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: 'Vazir',
+            fontWeight: '700',
+            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: 'Vazir',
+          fontWeight: '700',
+          direction: 'rtl'
+        }
+      },
+      tooltip: {
+        shared: true,
+        crosshairs: true,
+        useHTML: true,
+        style: {
+          fontFamily: 'Vazir',
+          fontWeight: '700',
+          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">' +
+                l(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);
+    this.chart = Highcharts.chart(this.name + 'Chart', this.options);
+  }
+  destroy(): void{
+    if (this.chart !== null){
+      this.chart.destroy();
+    }
+  }
+  getSymbol(point): string{
+    let marker = null;
+    const symbol = point.point.graphic && point.point.graphic.symbolName ? point.point.graphic.symbolName : point.point.series && point.point.series.symbol ? point.point.series.symbol : null;
+    if ( symbol != null ) {
+      switch ( symbol ) {
+        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/currentDataClass.ts

@@ -0,0 +1,16 @@
+export class CurrentDataClass {
+  constructor(data = null) {
+    if (data != null){
+      this.user = data.User ? data.User : null;
+      this.permissions = data.Permissions ? data.Permissions : [];
+      this.modules = data.Modules ? data.Modules : [];
+      this.software = data.Software ? data.Software : { Version: '0.0' };
+      this.setting = data.Setting ? data.Setting : {};
+    }
+  }
+  user = null;
+  permissions = [];
+  modules = [];
+  software = { Version: '0.0' };
+  setting: any = {};
+}

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

@@ -0,0 +1,262 @@
+// @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,
+  NationalNum,
+  NationalCodeNum,
+  EconomicNum,
+  PostalCode,
+  Sheba,
+  Number,
+  Select,
+  SelectSearch,
+  SelectSearchRadio,
+  SelectAutoComplete,
+  Date,
+  Month,
+  Year,
+  Time,
+  DateTime,
+  Check,
+  TextArea,
+  Label,
+  Pre,
+  Button,
+  Submit,
+  Icon,
+  File,
+  Url,
+  Price,
+  Radio,
+  Tree,
+  TreeRadio,
+  Plaque,
+  PlaqueM,
+  PlaqueF,
+  PlaqueG,
+  SelectAutoCompletePlaque,
+  SelectAutoCompletePlaqueM,
+  SelectAutoCompletePlaqueF,
+  SelectAutoCompletePlaqueG,
+  BankCard,
+  Constant,
+  Hidden,
+  Table,
+  Tag,
+  VehicleSearch,
+  Vehicle,
+  Finger,
+  Color,
+  Star,
+  Toggle,
+  BillNumber,
+  Ckeditor,
+  Uploader,
+  Slide,
+  Username,
+}
+
+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,
+  Options,
+  Color,
+  Number,
+  Files,
+  Month,
+  Year,
+}
+
+export enum TableExportType {
+  List = 'list',
+  Print = 'print',
+  Excel = 'excel',
+  Pdf = 'pdf'
+}
+
+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
+{
+  Returned = -1,
+  All = 0,
+  Success = 100,
+  NOK = 102,
+  Request = 103,
+  Notfound = 104,
+  NotRequest = 105,
+  NotfoundPackage = 106
+}
+export enum ResultStatusEnum
+{
+  Failed = 0,
+  Success = 1,
+  Unauthorized = 2,
+  NotPermission = 3,
+  NotAccess = 4,
+  NotRegistered = 5,
+  ExpiredRegistered = 6,
+  InvalidIp = 7,
+  NoCredit = 8
+}
+
+export enum PermissionTypeEnum
+{
+  Form = -1,
+  Item = 0,
+  Access = 1,
+  Option = 2,
+}
+
+export enum PermissionAccessTypeEnum
+{
+  List = 1,
+  Insert = 2,
+  Update = 3,
+  Delete = 4,
+  Report = 5,
+}
+
+export enum PermissionInputActionEnum
+{
+  None = 0,
+  OnClick = 1,
+  Link = 2,
+  LinkNewTab = 3,
+  File = 4,
+  Modal = 5,
+  Confirm = 6,
+  Input = 7,
+}
+
+export enum PermissionInputTypeEnum
+{
+  Icon = 0,
+  Button = 1,
+}
+
+export enum VehicleType
+{
+  Driver = -2,
+  Fingerprint = -1,
+  Car = 1,
+  Motorcycle = 2,
+  Airplane = 3,
+  Train = 4,
+  Ship = 5,
+  CarF = 6,
+  CarG = 7,
+}
+export enum TableOptionType
+{
+  Hidden = 1,
+  Show = 2,
+  Group = 3,
+}
+
+export enum TableRowStatus
+{
+  Unread = 1,
+}
+
+
+export enum FileIcons {
+  jpeg = 'fad fa-file-image',
+  jpg = 'fad fa-file-image',
+  png = 'fad fa-file-image',
+  doc = 'fad fa-file-word',
+  docx = 'fad fa-file-word',
+  xls = 'fad fa-file-excel',
+  xlsx = 'fad fa-file-excel',
+  csv = 'fad fa-file-csv',
+  ppt = 'fad fa-file-powerpoint',
+  pptx = 'fad fa-file-powerpoint',
+  txt = 'fad fa-file-lines',
+  pdf = 'fad fa-file-pdf',
+  file = 'fad fa-file',
+  zip = 'fad fa-file-zipper',
+  rar = 'fad fa-file-zipper',
+}

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

@@ -0,0 +1,60 @@
+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 ExcelClass {
+  constructor() { }
+  public exportAsExcelFile(json: any[], excelFileName: string, opts = null): void
+  {
+    const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(json, opts);
+
+    // tslint:disable-next-line:no-non-null-assertion
+    const range = XLSX.utils.decode_range(worksheet['!ref']!);
+    for (let R = range.s.r; R <= range.e.r; ++R) {
+      for (let C = range.s.c; C <= range.e.c; ++C) {
+        const cellRef = XLSX.utils.encode_cell({ r: R, c: C });
+        const cell = worksheet[cellRef];
+        if (cell && typeof cell.v === 'number') {
+          cell.t = 'n';
+          cell.z = '#,##0';
+        }
+      }
+    }
+
+    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 + EXCEL_EXTENSION);
+  }
+  private saveAsCsvFile(buffer: any, fileName: string): void {
+    const data: Blob = new Blob([buffer], {type: CSV_TYPE});
+    FileSaver.saveAs(data, fileName + 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);
+  }
+}