angular-bootstrap-italia
Version:
<p align="center"> <h1 align="center">Bootstrap Italia + Angular 9</h1>
18 lines • 7.03 kB
JavaScript
import { __decorate } from "tslib";
import { Component } from '@angular/core';
var SearchModalComponent = /** @class */ (function () {
function SearchModalComponent() {
}
SearchModalComponent.prototype.ngOnInit = function () {
};
SearchModalComponent = __decorate([
Component({
selector: 'lib-search-modal',
template: "<div class=\"modal sfs-modal fade show\" tabindex=\"-1\" role=\"dialog\" id=\"modalSearchFullScreen\">\r\n <div class=\"modal-dialog\" role=\"document\">\r\n <div class=\"modal-content\">\r\n <div class=\"container\">\r\n <!-- Header -->\r\n <div class=\"row mt-5 mb-5\">\r\n <div class=\"col-12 d-flex justify-content-between align-items-center\">\r\n <h1 class=\"text-secondary\">Cerca</h1>\r\n <button class=\"close\" type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\">\r\n <svg class=\"icon icon-lg\">\r\n <use xlink:href=\"./assets/bootstrap-italia/svg/sprite.svg#it-close\"></use>\r\n </svg>\r\n </button>\r\n </div>\r\n </div>\r\n\r\n <!-- Input -->\r\n <div class=\"row\">\r\n <div class=\"col-12\">\r\n <form id=\"autocompleteSearchForm\" autocomplete=\"off\">\r\n <div class=\"form-group autocomplete-wrapper-big\">\r\n <input\r\n autocomplete=\"off\"\r\n type=\"search\"\r\n class=\"autocomplete\"\r\n placeholder=\"Cerca eventi, bollettini o per tag\"\r\n id=\"autocompleteSearchFullScreen\"\r\n name=\"autocompleteSearchFullScreen\">\r\n <span class=\"autocomplete-icon\" aria-hidden=\"true\">\r\n <svg class=\"icon icon-sm\">\r\n <use xlink:href=\"./assets/bootstrap-italia/svg/sprite.svg#it-search\"></use>\r\n </svg>\r\n </span>\r\n <ul class=\"autocomplete-list\" id=\"autocompleteListSearchFullScreen\"></ul>\r\n <label for=\"autocompleteSearchFullScreen\" class=\"sr-only\">Cerca nel sito</label>\r\n </div>\r\n </form>\r\n </div>\r\n </div>\r\n\r\n <!-- Filters -->\r\n <div id=\"autocompleteFilters\" class=\"row\">\r\n <div class=\"col-12 sfs-modal-tags-container\">\r\n <button type=\"button\" class=\"btn btn-xs sfs-btn-tag btn-primary\" data-filter=\"\">Tutto</button>\r\n <button type=\"button\" class=\"btn btn-xs sfs-btn-tag btn-icon btn-outline-secondary\" data-filter=\"progetto\">\r\n <svg class=\"icon icon-secondary\">\r\n <use xlink:href=\"./assets/bootstrap-italia/svg/sprite.svg#it-map-marker-circle\"></use>\r\n </svg>\r\n <span>Eventi</span>\r\n </button>\r\n <button type=\"button\" class=\"btn btn-xs sfs-btn-tag btn-icon btn-outline-secondary\" data-filter=\"documento\">\r\n <svg class=\"icon icon-secondary\">\r\n <use xlink:href=\"./assets/bootstrap-italia/svg/sprite.svg#it-note\"></use>\r\n </svg>\r\n <span>Bollettini</span>\r\n </button>\r\n <button type=\"button\" class=\"btn btn-xs sfs-btn-tag btn-icon btn-outline-secondary\" data-filter=\"amministrazione\">\r\n <svg class=\"icon icon-secondary\">\r\n <use xlink:href=\"./assets/bootstrap-italia/svg/sprite.svg#it-star-outline\"></use>\r\n </svg>\r\n <span>Coau</span>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
styles: [".form-group{margin-bottom:1.5rem}.sfs-modal-button{background:0 0;border:none;color:#fff}.sfs-modal-button span{display:none;font-size:16px}.sfs-modal-button .sfs-modal-button-icon-bg{background:0 0;border-radius:44px;height:auto;width:auto;margin-left:0;flex:0 0 44px}.sfs-modal-button .sfs-modal-button-icon-bg .icon-primary{fill:#fff!important}@media (min-width:576px){.sfs-modal-button span{display:block;margin-bottom:1px}.sfs-modal-button .sfs-modal-button-icon-bg{background:#fff;height:44px;width:44px;margin-left:10px}.sfs-modal-button .sfs-modal-button-icon-bg .icon-primary{fill:#06c!important}}.sfs-modal.modal{height:100%;height:calc(100% - 48px);top:48px;bottom:0;left:0;right:0;border:none;background:#fff;border-radius:0;padding:0;z-index:1072;padding-right:0!important}@media (min-width:576px){.sfs-modal.modal{height:calc(100% - 54px);top:54px}}@media (min-width:992px){.sfs-modal.modal{height:calc(100% - 48px);top:48px}}.sfs-modal.modal .modal-dialog{background:#fff;margin:0;max-width:none;height:100%}.sfs-modal.modal .modal-dialog .modal-content{min-height:100%;box-shadow:none}.sfs-modal.modal .modal-dialog .modal-content .autocomplete-wrapper-big .autocomplete{padding-left:65px}.sfs-modal.modal .modal-dialog .modal-content .autocomplete-wrapper-big .autocomplete-list{z-index:1}.sfs-modal.modal .modal-dialog .modal-content .autocomplete-wrapper-big .autocomplete-list .autocomplete-list-freesearch a{font-size:16px;font-weight:600;color:#06c}.sfs-modal.modal .modal-dialog .modal-content .autocomplete-wrapper-big .autocomplete-list .autocomplete-list-freesearch a .search-icon{margin-top:1px}.sfs-modal.modal .modal-dialog .modal-content .autocomplete-wrapper-big .autocomplete-list .autocomplete-list-freesearch a .right-arrow-icon{margin-top:2px}.sfs-modal.modal .sfs-modal-tags-container .sfs-btn-tag{margin-right:10px;margin-bottom:10px}.sfs-modal.modal .sfs-modal-tags-container .btn-outline-secondary{box-shadow:inset 0 0 0 1px #5f7285}"]
})
], SearchModalComponent);
return SearchModalComponent;
}());
export { SearchModalComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLW1vZGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2FuZ3VsYXItYm9vdHN0cmFwLWl0YWxpYS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3NlYXJjaC1tb2RhbC9zZWFyY2gtbW9kYWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBT2xEO0lBRUU7SUFBZ0IsQ0FBQztJQUVqQix1Q0FBUSxHQUFSO0lBQ0EsQ0FBQztJQUxVLG9CQUFvQjtRQUxoQyxTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsa0JBQWtCO1lBQzVCLHU0R0FBNEM7O1NBRTdDLENBQUM7T0FDVyxvQkFBb0IsQ0FPaEM7SUFBRCwyQkFBQztDQUFBLEFBUEQsSUFPQztTQVBZLG9CQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1zZWFyY2gtbW9kYWwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWFyY2gtbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NlYXJjaC1tb2RhbC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZWFyY2hNb2RhbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbn1cclxuIl19