coer-elements 1.0.18 → 1.1.1

package/components/coer-alert/coer-alert.component.scss

@@ -1,100 +0,0 @@
-@import "../../styles/colors.scss";
-
-aside.toast-container {
-    position: fixed;
-    bottom: 0px;
-    right: 0px;
-    padding: 15px !important;
-    z-index: 2000 !important;
-
-    i, svg {
-        display: flex;
-        align-items: center;
-    }
-
-    strong {
-        margin: 0px auto 0px 5px;
-    }
-
-    div.toast,
-    div.toast-header {
-        border-top-left-radius: 10px;
-        border-top-right-radius: 10px;
-        color: $white;
-    }
-
-    div.toast,
-    div.toast-body {
-        border-bottom-left-radius: 10px;
-        border-bottom-right-radius: 10px;
-        color: $white;
-    }
-
-    div.toast-body {
-        min-height: 36px;
-    }
-
-    pre {
-        font-family: Roboto, RobotoFallback, "Noto Kufi Arabic", Helvetica, Arial, sans-serif;
-        white-space: pre-wrap;
-        font-size: medium;
-    }
-
-    button {
-        margin: 0px 2px !important;
-        width: 10px !important;
-        height: 10px !important;
-        box-shadow: none !important;
-        outline: none !important;
-        border: none !important;
-    }
-
-    div#alert-success div.toast-header,
-    div#alert-success div.toast-body {
-        background-color: $green;
-    }
-
-    div#alert-info div.toast-header,
-    div#alert-info div.toast-body {
-        background-color: $blue;
-    }
-
-    div#alert-error div.toast-header,
-    div#alert-error div.toast-body {
-        background-color: $red;
-    }
-
-    div#alert-warning div.toast-header,
-    div#alert-warning div.toast-body {
-        background-color: $yellow;
-        border-color: $black;
-        color: $black;
-    }
-
-    div#alert-success:hover,
-    div#alert-info:hover,
-    div#alert-error:hover,
-    div#alert-warning:hover {
-        transform: scale(1.01);
-        box-shadow: 2px 2px 10px lightslategray;
-        cursor: default;
-    }
-}
-
-button.sweet-alert-button {
-    width: 100px !important;
-    height: 40px !important;
-    display: flex !important;
-    align-items: center !important;
-    justify-content: center !important;
-    margin: 0px 5px !important;
-    outline: none !important;
-    border: none !important;
-    box-shadow: none !important;
-}
-
-aside.toast-container > * {
-    border: none !important;
-    z-index: 2000 !important;
-    margin: 15px 0px 0px 0px !important;
-}

package/components/coer-alert/coer-alert.component.ts

@@ -1,249 +0,0 @@
-import { Component } from '@angular/core';
-import * as bootstrap from 'bootstrap';
-import Swal from 'sweetalert2'
-
-@Component({
-    selector: 'coer-alert',
-    templateUrl: './coer-alert.component.html',
-    styleUrls: ['./coer-alert.component.scss']
-})
-export class CoerAlert {
-
-    /** */
-    public Success(message: string | null = null, title: string | null = null, icon: string | null = null, autohide: number | null = 3000): void {
-        //Title
-        if (!title || title == '') title = 'Success';
-        const alertSuccessTitle = document.getElementById('alert-success-title')!;
-        alertSuccessTitle.textContent = title;
-
-        //Icon
-        icon = this.GetIcon(title, icon, 'bi-check-circle fa-beat');
-        const alertSuccessIcon = document.getElementById('alert-success-icon')!;
-        this.SetIcon(alertSuccessIcon, icon);
-
-        //Message
-        if (!message) message = '';
-        const alertSuccessMessage = document.getElementById('alert-success-message')!;
-        alertSuccessMessage.innerHTML = message;
-
-        //Toast
-        const alertSuccess = document.getElementById('alert-success')!;
-        this.SetAutoHide(alertSuccess, autohide);
-
-        const toast = bootstrap.Toast.getOrCreateInstance(alertSuccess);
-        toast.show();
-    }
-
-
-    /** */
-    public Error(message: string | null = null, title: string | null = null, icon: string | null = null, autohide: number | null = 3000): void {
-        //Title
-        if (!title || title == '') title = 'Error';
-        const alertErrorTitle = document.getElementById('alert-error-title')!;
-        alertErrorTitle.textContent = title;
-
-        //Icon
-        icon = this.GetIcon(title, icon, 'bi-exclamation-octagon fa-beat');
-        const alertErrorIcon = document.getElementById('alert-error-icon')!;
-        this.SetIcon(alertErrorIcon, icon);
-
-        //Message
-        if (!message) message = '';
-        const alertErrorBody = document.getElementById('alert-error-message')!;
-        alertErrorBody.innerHTML = message;
-
-        //Toast
-        const alertError = document.getElementById('alert-error')!;
-        this.SetAutoHide(alertError, autohide);
-
-        const toast = bootstrap.Toast.getOrCreateInstance(alertError);
-        toast.show();
-    }
-
-
-    /** */
-    public Info(message: string | null = null, title: string | null = null, icon: string | null = null, autohide: number | null = 3000): void {
-        //Title
-        if (!title || title == '') title = 'Info';
-        const alertInfoTitle = document.getElementById('alert-info-title')!;
-        alertInfoTitle.textContent = title;
-
-        //Icon
-        icon = this.GetIcon(title, icon, 'bi-info-circle fa-beat');
-        const alertInfoIcon = document.getElementById('alert-info-icon')!;
-        this.SetIcon(alertInfoIcon, icon);
-
-        //Message
-        if (!message) message = '';
-        const alertInfoBody = document.getElementById('alert-info-message')!;
-        alertInfoBody.innerHTML = message;
-
-        //Toast
-        const alertInfo = document.getElementById('alert-info')!;
-        this.SetAutoHide(alertInfo, autohide);
-
-        const toast = bootstrap.Toast.getOrCreateInstance(alertInfo);
-        toast.show();
-    }
-
-
-    /** */
-    public Warning(message: string | null = null, title: string | null = null, icon: string | null = null, autohide: number | null = 3000): void {
-        //Title
-        if (!title || title == '') title = 'Warning';
-        const alertWarningTitle = document.getElementById('alert-warning-title')!;
-        alertWarningTitle.textContent = title;
-
-        //Icon
-        icon = this.GetIcon(title, icon, 'bi-exclamation-triangle-fill fa-beat');
-        const alertWarningIcon = document.getElementById('alert-warning-icon')!;
-        this.SetIcon(alertWarningIcon, icon);
-
-        //Message
-        if (!message) message = '';
-        const alertWarningBody = document.getElementById('alert-warning-message')!;
-        alertWarningBody.innerHTML = message;
-
-        //Toast
-        const alertWarning = document.getElementById('alert-warning')!;
-        this.SetAutoHide(alertWarning, autohide);
-
-        const toast = bootstrap.Toast.getOrCreateInstance(alertWarning);
-        toast.show();
-    }
-
-
-    /** */
-    protected Close(alert: 'alert-success' | 'alert-error' | 'alert-info' | 'alert-warning') {
-        return new Promise<void>(Resolve => {
-            const element = document.getElementById(alert)!;
-            const toast = bootstrap.Toast.getOrCreateInstance(element);
-            toast.hide();
-
-            setTimeout(() => { Resolve() }, 200);
-        })
-    }
-
-
-    /** */
-    public Confirm(
-        message: string = 'Proceed?',
-        alertType: 'warning' | 'danger' | 'success' | 'info' = 'warning',
-        icon: string | null = null) {
-        return new Promise<boolean>(Resolve => {
-            let color: string;
-            let iconType: 'warning' | 'error' | 'success' | 'info';
-            switch(alertType) {
-                case 'danger': {
-                    if (icon == null) icon = 'bi-exclamation-octagon';
-                    iconType = 'error';
-                    color = '#dc3545';
-                    break;
-                };
-
-                case 'success': {
-                    if (icon == null) icon = 'bi-check-circle';
-                    iconType = 'info';
-                    color = '#198754';
-                    break;
-                };
-
-                case 'info': {
-                    if (icon == null) icon = 'bi-info-circle';
-                    iconType = 'error';
-                    color = '#0d6efd';
-                    break
-                };
-
-                default: {
-                    if (icon == null) icon = 'bi-exclamation-triangle-fill';
-                    iconType = 'warning';
-                    color = '#ffc107';
-                    break;
-                }
-            }
-
-            switch(icon) {
-                case 'delete': icon = 'fa-regular fa-trash-can'; break;
-            }
-
-            Swal.fire({
-                icon: iconType,
-                iconColor: 'transparent',
-                iconHtml: `<i class="${icon}" style="color: ${color};"></i>`,
-                html: message,
-                showConfirmButton: true,
-                confirmButtonText: 'Yes',
-                confirmButtonColor: color,
-                focusConfirm: true,
-                showDenyButton: true,
-                denyButtonColor: color,
-                focusDeny: false,
-                reverseButtons: true,
-                allowOutsideClick: false,
-                allowEscapeKey: false,
-                allowEnterKey: true,
-                customClass: {
-                    denyButton: 'sweet-alert-button',
-                    confirmButton: 'sweet-alert-button'
-                }
-            }).then(({ value }) => setTimeout(() => Resolve(value)));
-        });
-    }
-
-
-    /** */
-    private SetIcon(element: HTMLElement, icon: string): void {
-        for (const item of [...element.classList.value.split(' ')]) {
-            if (item.length > 0) {
-                element.classList.remove(item);
-                element.classList.remove('q');
-            }
-        }
-
-        icon = icon.trim();
-        const hasWhiteSpaces: RegExp = / /;
-        if (hasWhiteSpaces.test(icon)) {
-            const classes = icon.split(' ');
-            for (const icon of classes) element.classList.add(icon);
-        }
-
-        else element.classList.add(icon);
-    }
-
-
-    /** */
-    private SetAutoHide(element: HTMLElement, autohide: number | null): void {
-        element.removeAttribute('data-bs-autohide');
-        element.removeAttribute('data-bs-delay');
-
-        if (autohide && autohide > 0) {
-            if (autohide < 1000) autohide = 1000;
-            element.setAttribute('data-bs-autohide', 'true');
-            element.setAttribute('data-bs-delay', String(autohide));
-        }
-
-        else element.setAttribute('data-bs-autohide', 'false');
-    }
-
-
-    /** */
-    private GetIcon(title: string, icon: string | null, iconDefault: string): string {
-        if (icon == null || icon == '') {
-            title = title.replaceAll(' ', '').toUpperCase();
-
-            switch(title) {
-                case 'ENABLED': return 'fa-solid fa-thumbs-up fa-flip-horizontal';
-                case 'ACTIVE': return 'fa-solid fa-thumbs-up fa-flip-horizontal';
-                case 'ACTIVED': return 'fa-solid fa-thumbs-up fa-flip-horizontal';
-                case 'DISABLE': return 'fa-solid fa-thumbs-down fa-flip-horizontal';
-                case 'DISABLED': return 'fa-solid fa-thumbs-down fa-flip-horizontal';
-                case 'DELETE': return 'fa-regular fa-trash-can';
-                case 'DELETED': return 'fa-regular fa-trash-can';
-                default: return iconDefault;
-            }
-        }
-
-        return icon;
-    }
-}

package/components/index.ts

@@ -1,96 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { CommonModule } from '@angular/common';
-//import { DirectivesModule } from 'src/app/shared/directives/directives.module';
-//import { PipesModule } from 'src/app/shared/pipes/pipes.module';
-
-//Angular Material
-//import { MatButtonModule } from '@angular/material/button';
-//import { MatCheckboxModule } from '@angular/material/checkbox';
-//import { MatInputModule } from '@angular/material/input';
-//import { MatFormFieldModule } from '@angular/material/form-field';
-//import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-//import { MatTabsModule } from '@angular/material/tabs';
-
-//Components
-import { CoerAlert } from './coer-alert/coer-alert.component';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-//import { CoerButton } from './coer-button/coer-button.component';
-//import { CoerCheckbox } from './coer-checkbox/coer-checkbox.component';
-//import { CoerFilebox } from './coer-filebox/coer-filebox.component';
-//import { CoerForm } from './coer-form/coer-form.component';
-//import { CoerGrid } from './coer-grid/coer-grid.component';
-//import { CoerModal } from './coer-modal/coer-modal.component';
-//import { CoerNumberBox } from './coer-numberbox/coer-numberbox.component';
-//import { CoerPageTitle } from './coer-page-title/coer-page-title.component';
-//import { CoerSelectbox } from './coer-selectbox/coer-selectbox.component';
-//import { CoerSwitch } from './coer-switch/coer-switch.component';
-//import { CoerTab } from './coer-tab/coer-tab.component';
-//import { CoerTextarea } from './coer-textarea/coer-textarea.component';
-//import { CoerTextBox } from './coer-textbox/coer-textbox.component';
-
-@NgModule({
-    imports: [
-        CommonModule,
-        RouterModule,
-        FormsModule,
-        ReactiveFormsModule,
-        //PipesModule,
-        //MatButtonModule,
-        //MatCheckboxModule,
-        //MatInputModule,
-        //MatFormFieldModule,
-        //MatSlideToggleModule,
-        //MatTabsModule,
-        //DirectivesModule
-    ],
-    declarations: [
-        CoerAlert,
-        //CoerButton,
-        //CoerCheckbox,
-        //CoerFilebox,
-        //CoerForm,
-        //CoerGrid,
-        //CoerModal,
-        //CoerNumberBox,
-        //CoerPageTitle,
-        //CoerSelectbox,
-        //CoerSwitch,
-        //CoerTextarea,
-        //CoerTab,
-        //CoerTextBox,
-    ],
-    exports: [
-        CoerAlert,
-        //CoerButton,
-        //CoerCheckbox,
-        //CoerFilebox,
-        //CoerForm,
-        //CoerGrid,
-        //CoerModal,
-        //CoerNumberBox,
-        //CoerPageTitle,
-        //CoerSelectbox,
-        //CoerSwitch,
-        //CoerTextarea,
-        //CoerTab,
-        //CoerTextBox,
-    ]
-})
-export class ComponentsModule { }
-//export * from './coer-button/coer-button.component';
-//export * from './coer-checkbox/coer-checkbox.component';
-//export * from './coer-filebox/coer-filebox.component';
-//export * from './coer-filebox/coer-filebox.interface';
-//export * from './coer-form/coer-form.component';
-//export * from './coer-grid/coer-grid.component';
-//export * from './coer-grid/coer-grid.interface';
-//export * from './coer-grid/coer-grid.templates';
-//export * from './coer-modal/coer-modal.component';
-//export * from './coer-numberbox/coer-numberbox.component';
-//export * from './coer-page-title/coer-page-title.component';
-//export * from './coer-page-title/pageTitle.interface';
-//export * from './coer-selectbox/coer-selectbox.component';
-//export * from './coer-switch/coer-switch.component';
-//export * from './coer-tab/coer-tab.component';
-//export * from './coer-textbox/coer-textbox.component';

package/dist_browser/Tools/Breadcrumbs.class.js

@@ -1,66 +0,0 @@
-import { Tools } from './Tools';
-var Breadcrumbs = /** @class */ (function () {
-    function Breadcrumbs() {
-    }
-    /** */
-    Breadcrumbs.Add = function (page, path) {
-        var breadcrumbs = this.Get();
-        var paths = breadcrumbs.map(function (item) { return item.path; });
-        if (!paths.includes(path)) {
-            breadcrumbs.push({ page: page, path: path });
-            this.Save(breadcrumbs);
-        }
-    };
-    /** */
-    Breadcrumbs.Get = function () {
-        var storage = sessionStorage.getItem(this.storage);
-        if (storage) {
-            storage = JSON.parse(storage);
-            if (storage.hasOwnProperty('breadcrumbs')) {
-                return Tools.BreakReference(storage.breadcrumbs);
-            }
-        }
-        return [];
-    };
-    /** Source */
-    Breadcrumbs.GetFirst = function () {
-        var breadcrumbs = this.Get();
-        return (breadcrumbs.length > 0) ? breadcrumbs.shift() : null;
-    };
-    /** */
-    Breadcrumbs.Save = function (breadcrumbs) {
-        var storage = sessionStorage.getItem(this.storage);
-        if (storage)
-            storage = JSON.parse(storage);
-        storage = Object.assign({}, storage, { breadcrumbs: breadcrumbs });
-        sessionStorage.setItem(this.storage, JSON.stringify(storage));
-    };
-    /** */
-    Breadcrumbs.Remove = function (path) {
-        var breadcrumbs = this.Get();
-        var index = breadcrumbs.findIndex(function (x) { return x.path.toLowerCase().trim() === path.toLowerCase().trim(); });
-        if (index >= 0) {
-            breadcrumbs = Tools.BreakReference(breadcrumbs).splice(0, index + 1);
-            this.Save(breadcrumbs);
-        }
-    };
-    /** */
-    Breadcrumbs.SetLast = function (page, path) {
-        var breadcrumbs = this.Get();
-        if (breadcrumbs.length > 0) {
-            breadcrumbs[breadcrumbs.length - 1] = { page: page, path: path };
-            this.Save(breadcrumbs);
-        }
-    };
-    /** */
-    Breadcrumbs.RemoveLast = function () {
-        var breadcrumbs = this.Get();
-        if (breadcrumbs.length > 0) {
-            breadcrumbs.pop();
-            this.Save(breadcrumbs);
-        }
-    };
-    Breadcrumbs.storage = 'COER-System';
-    return Breadcrumbs;
-}());
-export { Breadcrumbs };

package/dist_browser/Tools/ControlValue.js

@@ -1,49 +0,0 @@
-import { NG_VALUE_ACCESSOR } from "@angular/forms";
-import { forwardRef } from "@angular/core";
-export var CONTROL_VALUE = function (component) {
-    return {
-        provide: NG_VALUE_ACCESSOR,
-        useExisting: forwardRef(function () { return component; }),
-        multi: true
-    };
-};
-var ControlValue = /** @class */ (function () {
-    function ControlValue() {
-        this._isTouched = false;
-    }
-    Object.defineProperty(ControlValue.prototype, "isTouched", {
-        get: function () {
-            return this._isTouched;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /** */
-    ControlValue.prototype.SetValue = function (value) {
-        if (typeof this._UpdateValue === 'function') {
-            this._UpdateValue(value);
-        }
-        this._value = value;
-    };
-    /** */
-    ControlValue.prototype.SetTouched = function (isTouched) {
-        if (typeof this._IsTouched === 'function') {
-            this._IsTouched(isTouched);
-        }
-        this._isTouched = isTouched;
-    };
-    /** */
-    ControlValue.prototype.writeValue = function (value) {
-        this._value = value;
-    };
-    /** */
-    ControlValue.prototype.registerOnChange = function (callback) {
-        this._UpdateValue = callback;
-    };
-    /** */
-    ControlValue.prototype.registerOnTouched = function (callback) {
-        this._IsTouched = callback;
-    };
-    return ControlValue;
-}());
-export { ControlValue };

package/dist_browser/Tools/DateTime.class.js

@@ -1,25 +0,0 @@
-import moment from "moment";
-var DateTime = /** @class */ (function () {
-    function DateTime() {
-    }
-    /** Get UTC Offset */
-    DateTime.GetUTCOffset = function () {
-        return moment().utcOffset();
-    };
-    /** Convert UTC Date to Local Zone */
-    DateTime.ToLocalZone = function (utcDate) {
-        return moment(utcDate).add(DateTime.GetUTCOffset(), 'minutes').format('YYYY-MM-DD HH:mm:ss');
-    };
-    /** Convert Local Zone Date to UTC */
-    DateTime.ToUTC = function (utcDate) {
-        return moment(utcDate).subtract(DateTime.GetUTCOffset(), 'minutes').format('YYYY-MM-DD HH:mm:ss');
-    };
-    /** DD MMM YYYY */
-    DateTime.GetDateFormat = function (date) {
-        if ((typeof date === 'string'))
-            date = date.replaceAll('/', '-');
-        return moment(date).parseZone().local(true).format('DD MMM YYYY');
-    };
-    return DateTime;
-}());
-export { DateTime };

package/dist_browser/Tools/Files.class.js

@@ -1,99 +0,0 @@
-import { Tools } from "./Tools";
-import * as XLSX from 'xlsx';
-var Files = /** @class */ (function () {
-    function Files() {
-    }
-    /** Get Extension File */
-    Files.GetExtension = function (file) {
-        var fileName = file.name;
-        if (fileName.includes('.')) {
-            var worlds = fileName.split('.');
-            if (worlds.length > 0) {
-                var extension = worlds.pop();
-                extension = extension.trim().toLowerCase();
-                if (extension.length > 0)
-                    return extension;
-            }
-        }
-        return null;
-    };
-    /** Is Excel File */
-    Files.IsExcel = function (file) {
-        var EXTENSION = Files.GetExtension(file);
-        return Tools.IsNotNull(EXTENSION)
-            ? this.EXCEL_EXTENSIONS.includes(EXTENSION)
-            : false;
-    };
-    /** Read excel file */
-    Files.ReadExcel = function (file) {
-        return new Promise(function (Resolve) {
-            var columns = [];
-            var rows = [];
-            var reader = new FileReader();
-            reader.readAsArrayBuffer(file);
-            reader.onload = function () {
-                var dataBytes = new Uint8Array(reader.result);
-                if (dataBytes) {
-                    var workbook = XLSX.read(dataBytes, {});
-                    var sheet = workbook.Sheets[workbook.SheetNames[0]];
-                    var dataSheet = XLSX.utils.sheet_to_json(sheet, {
-                        header: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z']
-                    });
-                    //Get Headers
-                    for (var column in dataSheet[0]) {
-                        columns.push(Tools.FirstCharToLower(String(dataSheet[0][column]).replaceAll(' ', '')));
-                    }
-                    //Get Rows
-                    rows = XLSX.utils.sheet_to_json(sheet, { header: columns });
-                    rows.shift();
-                    rows = rows.map(function (row) {
-                        var item = Tools.BreakReference(row);
-                        delete item['__rowNum__'];
-                        return item;
-                    });
-                }
-                Resolve({ columns: columns, rows: rows });
-            };
-            reader.onerror = function () { Resolve({ columns: columns, rows: rows }); };
-        });
-    };
-    /** Export to excel file */
-    Files.ExportExcel = function (data, fileName, sheetName) {
-        if (fileName === void 0) { fileName = 'coer_report'; }
-        if (sheetName === void 0) { sheetName = 'Sheet1'; }
-        sheetName = Tools.CleanUpBlanks(sheetName);
-        fileName = Tools.CleanUpBlanks(fileName);
-        if (fileName.endsWith('.xls') || fileName.endsWith('.xlsx') || fileName.endsWith('.csv')) {
-            if (fileName.includes('.xls')) {
-                fileName = fileName.replaceAll('.xls', '.xlsx');
-            }
-            if (fileName.includes('.csv')) {
-                fileName = fileName.replaceAll('.csv', '.xlsx');
-            }
-        }
-        else {
-            fileName += '.xlsx';
-        }
-        var WORK_SHEET = XLSX.utils.json_to_sheet(data);
-        var WORK_BOOK = XLSX.utils.book_new();
-        XLSX.utils.book_append_sheet(WORK_BOOK, WORK_SHEET, 'Sheet1');
-        XLSX.writeFile(WORK_BOOK, fileName);
-    };
-    /** Convert file to string base64 */
-    Files.ConvertToBase64 = function (file) {
-        return new Promise(function (Resolve) {
-            var reader = new FileReader();
-            reader.readAsDataURL(file);
-            reader.onload = function () {
-                var _a;
-                Resolve(((_a = reader.result) === null || _a === void 0 ? void 0 : _a.toString()) || '');
-            };
-            reader.onerror = function () {
-                Resolve('');
-            };
-        });
-    };
-    Files.EXCEL_EXTENSIONS = ['xls', 'xlsx', 'csv'];
-    return Files;
-}());
-export { Files };