ngx-academia-uniandes-library/lib/search-combo-box/search-dependency-combo-box/search-dependency-multi-choice/search-dependency-multi-choice.component.metadata.json

This library is used for Academia-Uniandes system.

[{"__symbolic":"module","version":4,"metadata":{"SearchDependencyMultiChoiceComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"app-search-dependency-multi-choice","template":"\n    <label for=\"select-btn\">{{'dependencies' | translate }}</label>\n    <button type=\"button\" id=\"select-btn\" class=\"btn btn-sm btn-default\" (click)=\"openModal(multiDependencies)\">{{'select' | translate}}</button>\n    <div *ngIf=\"previewText; else noDependencies\">\n      <p class=\"text-size-sm\">[{{previewText | translate}}]</p>\n    </div>\n    <ng-template #noDependencies>\n      <div>\n        <p class=\"text-size-sm\">{{\"noDependenciesSelected\" | translate}}</p>\n      </div>\n    </ng-template>\n\n    <ng-template #multiDependencies >\n      <div class=\"modal-header\">\n            <h4 class=\"modal-title pull-left\">{{'dependencies' | translate }}</h4>\n            <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\"\n                (click)=\"modalRef.hide()\">\n                <span aria-hidden=\"true\">&times;</span>\n            </button>\n        </div>\n        <div class=\"modal-body\">\n        <div class=\"container\">\n              <h6>{{'selectMultipleDependenciesMessage' | translate}}</h6>\n              <form [formGroup]=\"formGroup\">\n                <div>\n                  <label for=\"filter\">{{'filter' | translate}}</label>\n                  <div class=\"input-group mb-3\">\n                    <input type=\"text\" class=\"form-control\" placeholder=\"{{'filter' | translate}}\" aria-label=\"filter\" aria-describedby=\"basic-addon1\" formControlName=\"filterCtrl\">\n                    <div class=\"input-group-append\">\n                      <button class=\"btn btn-outline-secondary\" type=\"button\" (click)=\"cleanFilter()\">{{'clear' | translate}}</button>\n                    </div>\n                  </div>\n                </div>\n              </form>\n              <div class=\"grid-container\">\n                  <div class=\"left-panel\">\n                    <select class=\"select-item\" multiple (dblclick)=\"setSelectedItems($event)\" (change)=\"selectedChanges($event)\" name=\"formatTemplateFields\">\n                      <option *ngFor=\"let field of preSelectedFields\" [value]=\"field\">{{field}} </option>\n                    </select>\n                  </div>\n                  <div class=\"middle-btns\">\n                    <button type=\"button\" class=\"btn btn-default btn-sm\" (click)=\"setAllPreselectedItems()\"><i class=\"material-icons\">last_page</i></button>\n                    <button type=\"button\" class=\"btn btn-default btn-sm\" (click)=\"setMultiplePreSelectFields()\"><i class=\"material-icons\">chevron_left</i></button>\n                    <button type=\"button\" class=\"btn btn-default btn-sm\" (click)=\"setMultipleSelectFields()\"><i class=\"material-icons\">chevron_right</i></button>\n                    <button type=\"button\" class=\"btn btn-default btn-sm\" (click)=\"setAllSelectedItems()\"><i class=\"material-icons\">first_page</i></button>\n                  </div>\n                  <div class=\"right-panel\">\n                    <select class=\"select-item\" multiple (dblclick)=\"setPreSelectedItems($event)\" (change)=\"preSelectedChanges($event)\" name=\"formatTemplateFields\">\n                        <option *ngFor=\"let field of selectedFields\" [value]=\"field\">{{field}} </option>\n                    </select>\n                  </div>\n              </div>\n              <div class=\"control-btns\">\n                <button type=\"button\" class=\"btn btn-primary btn-md btn-apply\" (click)=\"setItems()\">{{'select' | translate}}</button>\n                <button type=\"button\" class=\"btn btn-default btn-md\" (click)=\"close()\">{{'cancel' | translate}}</button>\n              </div>\n        </div>       \n        </div>\n    </ng-template>\n  ","styles":["\n    .grid-container {\n        display: grid;\n        grid-template-rows: 1fr;\n        grid-template-columns: 1fr 100px 1fr;\n        gap: 5px;\n    }\n\n    .btn-default {\n        border: 1px solid #b7b7b7;\n    }\n\n    .text-size-sm {\n        font-size: 12px;\n    }\n\n    .select-item {\n        width: 100%;\n        height: 100%;\n    }\n\n    .middle-btns {\n        display: flex;\n        flex-direction: column;\n        margin-bottom: 10px;\n    }\n\n    .control-btns {\n        margin-top: 10px;\n        display: flex;\n        justify-content: center;\n    }\n\n    .btn-apply {\n        margin-right: 5px;\n    }\n  "]}]}],"members":{"preSelectedValues":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"userRestrict":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3},"arguments":["userRestrict"]}]}],"itemsSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":35,"character":27},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":35,"character":65},{"__symbolic":"reference","module":"ngx-bootstrap","name":"BsModalService","line":35,"character":105},{"__symbolic":"reference","module":"./dependency.service","name":"DependencyService","line":35,"character":147},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":35,"character":188}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"setValuesFromParent":[{"__symbolic":"method"}],"setFilterListener":[{"__symbolic":"method"}],"cleanFilter":[{"__symbolic":"method"}],"getDependecies":[{"__symbolic":"method"}],"openModal":[{"__symbolic":"method"}],"setSelectedItems":[{"__symbolic":"method"}],"setPreSelectedItems":[{"__symbolic":"method"}],"selectedChanges":[{"__symbolic":"method"}],"preSelectedChanges":[{"__symbolic":"method"}],"setMultipleSelectFields":[{"__symbolic":"method"}],"setMultiplePreSelectFields":[{"__symbolic":"method"}],"setAllPreselectedItems":[{"__symbolic":"method"}],"setAllSelectedItems":[{"__symbolic":"method"}],"removeItemInListFields":[{"__symbolic":"method"}],"setItems":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"preparePreviewText":[{"__symbolic":"method"}]}}}}]