ngx-monitorias-uniandes-lib/lib/filter-search-input/filter-search-input.component.js

This library is used for Monitorias-Uniandes system.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var core_1 = require("@angular/core");
var FilterSearchInputComponent = /** @class */ (function () {
    function FilterSearchInputComponent() {
        this.valueFilter = new core_1.EventEmitter();
        this.filterValueText = "";
        this.isOpen = false;
    }
    FilterSearchInputComponent.prototype.emmitValue = function (event) {
        if (event.key == 'Escape') {
            this.valueFilter.emit('closeSearch');
        }
        this.valueFilter.emit(this.filterValueText);
    };
    FilterSearchInputComponent.prototype.onClickArrow = function () {
        this.isOpen = !this.isOpen;
    };
    FilterSearchInputComponent.decorators = [
        { type: core_1.Component, args: [{
                    selector: 'app-filter-search-input',
                    template: "\n    <span class=\"icon-arrow-down\" (click)=\"onClickArrow()\"></span>\n    <div class=\"searchFunction\" *ngIf=\"isOpen\">\n      <div class=\"search-by-column\">\n        <form class=\"seacrh-bc\" aria-describedby=\"Search by column\">\n          <label>{{'search' | translate}}</label>\n          <input type=\"text\" (keyup)=\"emmitValue($event)\" name=\"searchByText\" [(ngModel)]=\"filterValueText\"\n            [placeholder]=\"searchByText\">\n        </form>\n      </div>\n    </div>\n  ",
                    styles: ["\n    @charset \"UTF-8\";\n    .seacrh-bc label,\n    .seacrh-bc input {\n      width: 100%;\n      min-width: 250px;\n    }\n    .seacrh-bc label {\n      color: #223d99;\n    }\n    .seacrh-bc input {\n      padding: 7px;\n    }\n\n    span {\n      display: block;\n      color: #ffffff;\n      font-size: 0.8em;\n      margin-left: 5px;\n    }\n    span:not(.not-sort) {\n      cursor: pointer;\n    }\n\n    .searchFunction {\n      position: absolute;\n      top: 100%;\n      left: 0;\n      padding: 20px;\n      background: #ffffff;\n      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);\n    }\n\n    @font-face {\n      font-family: \"icomoon\";\n      src: url(\"/assets/fonts/icomoon.eot?mg0wa9\");\n      src: url(\"/assets/fonts/icomoon.eot?mg0wa9#iefix\") format(\"embedded-opentype\"),\n        url(\"/assets/fonts/icomoon.ttf?mg0wa9\") format(\"truetype\"), url(\"/assets/fonts/icomoon.woff?mg0wa9\") format(\"woff\"),\n        url(\"/assets/fonts/icomoon.svg?mg0wa9#icomoon\") format(\"svg\");\n      font-weight: normal;\n      font-style: normal;\n    }\n    [class^=\"icon-\"],\n    [class*=\" icon-\"] {\n      /* use !important to prevent issues with browser extensions that change fonts */\n      font-family: \"icomoon\" !important;\n      speak-as: none;\n      font-style: normal;\n      font-weight: normal;\n      font-variant: normal;\n      text-transform: none;\n      line-height: 1;\n      /* Better Font Rendering =========== */\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n    }\n\n    .icon-bombillo:before {\n      content: \"\\e900\";\n    }\n    .icon-analysis:before {\n      content: \"\\e910\";\n    }\n    .icon-convenio:before {\n      content: \"\\e983\";\n    }\n    .icon-reportes:before {\n      content: \"\\e984\";\n    }\n    .icon-historicoM:before {\n      content: \"\\e985\";\n    }\n    .icon-checklist:before {\n      content: \"\\e90e\";\n    }\n    .icon-monitores:before {\n      content: \"\\e90f\";\n    }\n    .icon-tax:before {\n      content: \"\\e901\";\n    }\n    .icon-ico8:before {\n      content: \"\\e902\";\n    }\n    .icon-ico9:before {\n      content: \"\\e903\";\n    }\n    .icon-ico10:before {\n      content: \"\\e904\";\n    }\n    .icon-ico11:before {\n      content: \"\\e905\";\n    }\n    .icon-ico12:before {\n      content: \"\\e906\";\n    }\n    .icon-ico13:before {\n      content: \"\\e907\";\n    }\n    .icon-ico14:before {\n      content: \"\\e908\";\n    }\n    .icon-ico15:before {\n      content: \"\\e909\";\n    }\n    .icon-ico16:before {\n      content: \"\\e90a\";\n    }\n    .icon-ico17:before {\n      content: \"\\e90b\";\n    }\n    .icon-ico18:before {\n      content: \"\\e90c\";\n    }\n    .icon-ico19:before {\n      content: \"\\e90d\";\n    }\n    .icon-docu1:before {\n      content: \"\\e912\";\n    }\n    .icon-summary:before {\n      content: \"\\e913\";\n    }\n    .icon-pick:before {\n      content: \"\\e914\";\n    }\n    .icon-selec:before {\n      content: \"\\e915\";\n    }\n    .icon-book:before {\n      content: \"\\e916\";\n    }\n    .icon-clip:before {\n      content: \"\\e917\";\n    }\n    .icon-excel:before {\n      content: \"\\e918\";\n    }\n    .icon-edit1:before {\n      content: \"\\e919\";\n    }\n    .icon-bandera2:before {\n      content: \"\\e91a\";\n    }\n    .icon-bandera1:before {\n      content: \"\\e91b\";\n      color: #ccc;\n    }\n    .icon-error_2:before {\n      content: \"\\e91c\";\n    }\n    .icon-icon-success:before {\n      content: \"\\e91d\";\n    }\n    .icon-ico1:before {\n      content: \"\\e91e\";\n    }\n    .icon-ico2:before {\n      content: \"\\e91f\";\n    }\n    .icon-ico3:before {\n      content: \"\\e920\";\n    }\n    .icon-ico4:before {\n      content: \"\\e921\";\n    }\n    .icon-ico5:before {\n      content: \"\\e922\";\n    }\n    .icon-ico6:before {\n      content: \"\\e923\";\n    }\n    .icon-ico7:before {\n      content: \"\\e924\";\n    }\n    .icon-plus-2:before {\n      content: \"\\e925\";\n    }\n    .icon-add_circle_outline:before {\n      content: \"\\e926\";\n    }\n    .icon-admin-with-cogwheels:before {\n      content: \"\\e927\";\n    }\n    .icon-icon-analysis:before {\n      content: \"\\e928\";\n    }\n    .icon-arrow-down:before {\n      content: \"\\e929\";\n    }\n    .icon-arrow-left:before {\n      content: \"\\e92a\";\n    }\n    .icon-arrow-right:before {\n      content: \"\\e92b\";\n    }\n    .icon-arrow-up:before {\n      content: \"\\e92c\";\n    }\n    .icon-ban_gris:before {\n      content: \"\\e92d\";\n      color: #ccc;\n    }\n    .icon-bell:before {\n      content: \"\\e92e\";\n    }\n    .icon-broom:before {\n      content: \"\\e92f\";\n    }\n    .icon-broom-1:before {\n      content: \"\\e930\";\n    }\n    .icon-businessman:before {\n      content: \"\\e931\";\n    }\n    .icon-calendar:before {\n      content: \"\\e932\";\n    }\n    .icon-calendar-1:before {\n      content: \"\\e933\";\n    }\n    .icon-calendar-2:before {\n      content: \"\\e934\";\n    }\n    .icon-calendar-3:before {\n      content: \"\\e935\";\n    }\n    .icon-car:before {\n      content: \"\\e936\";\n    }\n    .icon-caret-down:before {\n      content: \"\\e937\";\n    }\n    .icon-sort-left:before {\n      content: \"\\e938\";\n    }\n    .icon-check_circle:before {\n      content: \"\\e939\";\n    }\n    .icon-icon-checklist:before {\n      content: \"\\e93a\";\n    }\n    .icon-error:before {\n      content: \"\\e93b\";\n    }\n    .icon-compare:before {\n      content: \"\\e93c\";\n    }\n    .icon-declaration:before {\n      content: \"\\e93d\";\n    }\n    .icon-delete:before {\n      content: \"\\e93e\";\n    }\n    .icon-delete-2:before {\n      content: \"\\e93f\";\n    }\n    .icon-document-2:before {\n      content: \"\\e940\";\n    }\n    .icon-edit:before {\n      content: \"\\e941\";\n    }\n    .icon-error-1:before {\n      content: \"\\e942\";\n    }\n    .icon-exam:before {\n      content: \"\\e943\";\n    }\n    .icon-exam-2:before {\n      content: \"\\e944\";\n    }\n    .icon-exclamation-mark:before {\n      content: \"\\e945\";\n    }\n    .icon-eye:before {\n      content: \"\\e946\";\n    }\n    .icon-eye-2:before {\n      content: \"\\e947\";\n    }\n    .icon-file:before {\n      content: \"\\e948\";\n    }\n    .icon-files-and-folders:before {\n      content: \"\\e949\";\n    }\n    .icon-folder:before {\n      content: \"\\e94a\";\n    }\n    .icon-gears:before {\n      content: \"\\e94b\";\n    }\n    .icon-group:before {\n      content: \"\\e94c\";\n    }\n    .icon-hiring:before {\n      content: \"\\e94d\";\n    }\n    .icon-hiring-1:before {\n      content: \"\\e94e\";\n    }\n    .icon-home:before {\n      content: \"\\e94f\";\n    }\n    .icon-home-1:before {\n      content: \"\\e950\";\n    }\n    .icon-home-2:before {\n      content: \"\\e951\";\n    }\n    .icon-home-3:before {\n      content: \"\\e952\";\n    }\n    .icon-house:before {\n      content: \"\\e953\";\n    }\n    .icon-house-1:before {\n      content: \"\\e954\";\n    }\n    .icon-id:before {\n      content: \"\\e955\";\n    }\n    .icon-idea:before {\n      content: \"\\e956\";\n    }\n    .icon-information:before {\n      content: \"\\e957\";\n    }\n    .icon-job:before {\n      content: \"\\e958\";\n    }\n    .icon-job-2:before {\n      content: \"\\e959\";\n    }\n    .icon-leader:before {\n      content: \"\\e95a\";\n    }\n    .icon-list:before {\n      content: \"\\e95b\";\n    }\n    .icon-logout:before {\n      content: \"\\e95c\";\n    }\n    .icon-logout-2:before {\n      content: \"\\e95d\";\n    }\n    .icon-loupe:before {\n      content: \"\\e95e\";\n    }\n    .icon-man:before {\n      content: \"\\e95f\";\n    }\n    .icon-menu:before {\n      content: \"\\e960\";\n    }\n    .icon-menu-2:before {\n      content: \"\\e961\";\n    }\n    .icon-minus-sign-circle:before {\n      content: \"\\e962\";\n    }\n    .icon-minus-sign-circle-2:before {\n      content: \"\\e963\";\n    }\n    .icon-more-details-circle:before {\n      content: \"\\e964\";\n    }\n    .icon-notification:before {\n      content: \"\\e965\";\n    }\n    .icon-passport:before {\n      content: \"\\e966\";\n    }\n    .icon-pc-administrator:before {\n      content: \"\\e967\";\n    }\n    .icon-plus:before {\n      content: \"\\e968\";\n    }\n    .icon-profiles:before {\n      content: \"\\e969\";\n    }\n    .icon-report:before {\n      content: \"\\e96a\";\n    }\n    .icon-report-1:before {\n      content: \"\\e96b\";\n    }\n    .icon-save:before {\n      content: \"\\e96c\";\n    }\n    .icon-save-1:before {\n      content: \"\\e96d\";\n    }\n    .icon-search:before {\n      content: \"\\e96e\";\n    }\n    .icon-select:before {\n      content: \"\\e96f\";\n    }\n    .icon-share:before {\n      content: \"\\e970\";\n    }\n    .icon-share_lef:before {\n      content: \"\\e971\";\n    }\n    .icon-sort-down:before {\n      content: \"\\e972\";\n    }\n    .icon-caret-left:before {\n      content: \"\\e973\";\n    }\n    .icon-sort-up:before {\n      content: \"\\e974\";\n    }\n    .icon-sweep:before {\n      content: \"\\e975\";\n    }\n    .icon-tap:before {\n      content: \"\\e976\";\n    }\n    .icon-test:before {\n      content: \"\\e977\";\n    }\n    .icon-test-1:before {\n      content: \"\\e978\";\n    }\n    .icon-upload:before {\n      content: \"\\e979\";\n    }\n    .icon-upload-2:before {\n      content: \"\\e97a\";\n    }\n    .icon-upload-1:before {\n      content: \"\\e97b\";\n    }\n    .icon-user:before {\n      content: \"\\e97c\";\n    }\n    .icon-verified:before {\n      content: \"\\e97d\";\n    }\n    .icon-video-conference:before {\n      content: \"\\e97e\";\n    }\n  "]
                },] },
    ];
    /** @nocollapse */
    FilterSearchInputComponent.ctorParameters = function () { return []; };
    FilterSearchInputComponent.propDecorators = {
        "searchByText": [{ type: core_1.Input, args: ['searchByPlaceholder',] },],
        "valueFilter": [{ type: core_1.Output },],
    };
    return FilterSearchInputComponent;
}());
exports.FilterSearchInputComponent = FilterSearchInputComponent;
//# sourceMappingURL=filter-search-input.component.js.map