coer-elements 1.0.9 → 1.0.10

package/dist_node/Tools/Source.class.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Source = void 0;
+var Breadcrumbs_class_1 = require("./Breadcrumbs.class");
+var router_1 = require("@angular/router");
+var core_1 = require("@angular/core");
+var Tools_1 = require("./Tools");
+var Source = /** @class */ (function () {
+    function Source() {
+    }
+    /** */
+    Source.Set = function (page) {
+        var ROUTER = (0, core_1.inject)(router_1.Router);
+        var path = ROUTER.url;
+        if (path.includes('?'))
+            path = path.split('?')[0];
+        Breadcrumbs_class_1.Breadcrumbs.Add(page, path);
+        var breadcrumbs = Breadcrumbs_class_1.Breadcrumbs.Get();
+        if (breadcrumbs.length >= 2) {
+            breadcrumbs.pop();
+            var breadcrumb = breadcrumbs.pop();
+            this.Save({ page: breadcrumb.page, path: breadcrumb.path });
+        }
+        else
+            this.Save(null);
+    };
+    /** */
+    Source.Save = function (source) {
+        var storage = sessionStorage.getItem(this.storage);
+        if (storage)
+            storage = JSON.parse(storage);
+        storage = Object.assign({}, storage, { source: source });
+        sessionStorage.setItem(this.storage, JSON.stringify(storage));
+    };
+    /** */
+    Source.Get = function () {
+        var storage = sessionStorage.getItem(this.storage);
+        if (storage) {
+            storage = JSON.parse(storage);
+            if (storage.hasOwnProperty('source')) {
+                return storage.source;
+            }
+        }
+        return null;
+    };
+    /** */
+    Source.GetRoot = function () {
+        var breadcrumbs = Breadcrumbs_class_1.Breadcrumbs.Get();
+        return (breadcrumbs.length > 0) ? breadcrumbs.shift() : null;
+    };
+    /** */
+    Source.SetPageResponse = function (pageResponse) {
+        var storage = sessionStorage.getItem(this.storage);
+        storage = JSON.parse(storage);
+        storage = Object.assign({}, storage, { pageResponse: pageResponse });
+        sessionStorage.setItem(this.storage, JSON.stringify(storage));
+    };
+    /** */
+    Source.GetPageResponse = function () {
+        var storage = sessionStorage.getItem(this.storage);
+        if (storage) {
+            storage = JSON.parse(storage);
+            if (storage.hasOwnProperty('pageResponse')) {
+                return Tools_1.Tools.BreakReference(storage.pageResponse);
+            }
+        }
+        return null;
+    };
+    /** */
+    Source.ClearPageResponse = function () {
+        var storage = sessionStorage.getItem(this.storage);
+        storage = JSON.parse(storage);
+        if (storage.hasOwnProperty('pageResponse')) {
+            delete storage.pageResponse;
+        }
+        storage = Object.assign({}, storage);
+        sessionStorage.setItem(this.storage, JSON.stringify(storage));
+    };
+    /** Clear Source */
+    Source.Reset = function () {
+        sessionStorage.removeItem(this.storage);
+    };
+    Source.storage = 'COER-System';
+    return Source;
+}());
+exports.Source = Source;

package/dist_node/index.js

@@ -14,7 +14,11 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Tools/Tools"), exports);
+__exportStar(require("./Tools/Breadcrumbs.class"), exports);
+__exportStar(require("./Tools/ControlValue"), exports);
 __exportStar(require("./Tools/DateTime.class"), exports);
 __exportStar(require("./Tools/Files.class"), exports);
+__exportStar(require("./Tools/Page.class"), exports);
 __exportStar(require("./Tools/Screen.class"), exports);
+__exportStar(require("./Tools/Source.class"), exports);
+__exportStar(require("./Tools/Tools"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "coer-elements",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "author": "Christian Omar Escamilla Rodríguez",
   "keywords": [
     "coer",
@@ -22,15 +22,23 @@
     "push": "npm publish --access public"
   },
   "dependencies": {
+    "@angular/common": "^17.3.0",
     "@angular/core": "^17.3.0",
     "@angular/forms": "^17.3.0",
     "@angular/router": "^17.3.0",
+    "@fortawesome/fontawesome-free": "^6.6.0",
+    "animate.css": "^4.1.1",
+    "bootstrap": "^5.3.3",
+    "bootstrap-icons": "^1.11.3",
     "guid-typescript": "^1.0.9",
     "moment": "^2.30.1",
     "rxjs": "^7.8.1",
+    "sweetalert2": "^11.13.3",
     "xlsx": "^0.18.5"
   },
   "devDependencies": {
+    "@types/bootstrap": "^5.2.10",
+    "@types/xlsx": "^0.0.36",
     "typescript": "^5.5.4"
   }
 }

package/styles/bootstrap.scss

@@ -0,0 +1,22 @@
+.tooltip-inner {
+    min-width: 125px;
+    max-width: 250px;
+    min-height: 35px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    word-break: break-word;
+}
+
+.invisible {
+    visibility: hidden !important;
+    width: 0px !important;
+    height: 0px !important;
+}
+
+
+/********** COER styles **********/
+@import "src/app/shared/components/coer-alert/coer-alert.component.scss";
+//@import "src/app/shared/components/coer-page-title/coer-page-title.component.scss";
+//@import "src/app/shared/components/coer-grid/coer-grid.component.scss";
+//@import "src/app/shared/components/coer-modal/coer-modal.component.scss";

package/styles/coer.scss

@@ -0,0 +1,95 @@
+* {
+    font-family: sans-serif;
+    letter-spacing: normal;
+}
+
+.fill-space {
+    flex: 1 1 auto;
+}
+ 
+h1, h2, h3, h4, h5, h6, p, pre, hr, figure, fieldset {
+    margin: 0px;
+    padding: 0px;
+}
+
+//Containers
+@mixin Container() {
+    margin: 15px 30px 0px 30px;
+    padding: 10px;
+    box-shadow: 0px 0px 10px -10px black;
+    border-radius: 8px;
+    background-color: white;
+    animation-name: fadeId;
+    animation-duration: 1.5s;
+    animation-iteration-count: 1;
+    animation-fill-mode: both;
+}
+
+.coer-container {
+    @include Container();
+}
+
+.coer-container-tab {
+    @include Container();
+    padding: 0px;
+
+    .row {
+        margin: 12px 0px;
+    }
+}
+
+.coer-container-grid {
+    @include Container();
+    padding-bottom: 5px;
+}
+
+@keyframes fadeId {
+    from { opacity: 0; }
+    to { opacity: 1; }
+}
+
+//Cursor
+.cursor-default {
+    cursor: default !important;
+}
+
+.cursor-pointer {
+    cursor: pointer !important;
+}
+
+.cursor-wait {
+    cursor: wait !important;
+}
+
+//Input
+input[type="file"] {
+    display: none !important;
+}
+
+.readonly {
+    color: black !important;
+    background-color: #bbbbbb83 !important;
+}
+
+.no-selection::selection {
+    background-color: transparent !important;
+}
+
+*::-webkit-scrollbar {
+    background-color: lighten($gray, 48%);
+    width: 5px;
+    height: 5px;
+}
+
+*::-webkit-scrollbar-thumb{
+    background-color: lighten($gray, 35%);
+    border-radius: 4px;
+}
+
+*::-webkit-scrollbar-thumb:hover {
+    background-color: $gray;
+}
+
+*::-webkit-scrollbar-thumb:active {
+    background-color: $gray;
+}

package/styles/colors.scss

@@ -0,0 +1,167 @@
+$blue: #0d6efd;
+$gray: #6c757d;
+$green: #198754;
+$yellow: #ffc107;
+$red: #dc3545;
+$white: #f5f5f5;
+$black: #252525;
+$orange: #fd6031;
+
+//Blue
+.text-blue {
+    color: $blue !important;
+} 
+
+.text-blue-bold {
+    color: $blue !important;
+    font-weight: bold !important;
+}
+
+.background-blue {
+    background-color: $blue !important;
+}
+
+.background-border-blue {
+    background-color: $blue !important;
+    border-color: $blue !important;
+}
+
+
+//Gray
+.text-gray {
+    color: $gray !important;
+}
+
+.text-gray-bold {
+    color: $gray !important;
+    font-weight: bold !important;
+}
+
+.background-gray {
+    background-color: $gray !important;
+}
+
+.background-border-gray {
+    background-color: $gray !important;
+    border-color: $gray !important;
+}
+
+
+//Green
+.text-green {
+    color: $green !important;
+}
+
+.text-green-bold {
+    color: $green !important;
+    font-weight: bold !important;
+}
+
+.background-green {
+    background-color: $green !important;
+}
+
+.background-border-green {
+    background-color: $green !important;
+    border-color: $green !important;
+}
+
+
+//Yellow
+.text-yellow {
+    color: $yellow !important;
+}
+
+.text-yellow-bold {
+    color: $yellow !important;
+    font-weight: bold !important;
+}
+
+.background-yellow {
+    background-color: $yellow !important;
+}
+
+.background-border-yellow {
+    background-color: $yellow !important;
+    border-color: $yellow !important;
+}
+
+
+//Red
+.text-red {
+    color: $red !important;
+}
+
+.text-red-bold {
+    color: $red !important;
+    font-weight: bold !important;
+}
+
+.background-red {
+    background-color: $red !important;
+}
+
+.background-border-red {
+    background-color: $red !important;
+    border-color: $red !important;
+}
+
+
+//White
+.text-white {
+    color: $white !important;
+}
+
+.text-white-bold {
+    color: $white !important;
+    font-weight: bold !important;
+}
+
+.background-white {
+    background-color: $white !important;
+}
+
+.background-border-white {
+    background-color: $white !important;
+    border-color: $white !important;
+}
+
+
+//Black
+.text-black {
+    color: $black !important;
+}
+
+.text-black-bold {
+    color: $black !important;
+    font-weight: bold !important;
+}
+
+.background-black {
+    background-color: $black !important;
+}
+
+.background-border-black {
+    background-color: $black !important;
+    border-color: $black !important;
+}
+
+
+//Orange
+.text-orange {
+    color: $orange !important;
+}
+
+.text-orange-bold {
+    color: $orange !important;
+    font-weight: bold !important;
+}
+
+.background-orange {
+    background-color: $orange !important;
+}
+
+.background-border-orange {
+    background-color: $orange !important;
+    border-color: $orange !important;
+}