@mugan86/ng-shop-ui
Version:
Librería para crear los componentes de una tienda Online
29 lines • 5.81 kB
JavaScript
import { __decorate, __read, __spread } from "tslib";
import { Component, Input } from '@angular/core';
import { Router } from '@angular/router';
var CarouselItemsComponent = /** @class */ (function () {
function CarouselItemsComponent(router) {
this.router = router;
this.items = [];
}
CarouselItemsComponent.prototype.open = function (i) {
var urlsCommands = this.items[i].url.split('/');
this.router.navigate(__spread(urlsCommands));
};
CarouselItemsComponent.ctorParameters = function () { return [
{ type: Router }
]; };
__decorate([
Input()
], CarouselItemsComponent.prototype, "items", void 0);
CarouselItemsComponent = __decorate([
Component({
selector: 'shop-carousel-items',
template: "<section>\n <div id=\"carouselExampleIndicators\" class=\"carousel slide\" data-ride=\"carousel\">\n <ol class=\"carousel-indicators\">\n <li data-target=\"#carouselExampleIndicators\" *ngFor=\"let slide of items; let slidePos = index\" data-slide-to=\"slidePos\" [ngClass]=\"{'active' : slidePos == 0}\"></li>\n </ol>\n <div class=\"carousel-inner\" role=\"listbox\">\n <div *ngFor=\"let item of items; let i = index\" class=\"carousel-item url-item\" \n title=\"{{ item.title }} - {{ item.description }}\"\n [ngClass]=\"{'active' : i == 0}\" (click)=\"open(i)\"\n [ngStyle]=\"{'background-image': 'url(' + item.background + ')'}\">\n <div class=\"carousel-caption d-none d-md-block\">\n <h3>{{ item.title }}</h3>\n <p>{{ item.description }}</p>\n </div>\n </div>\n </div>\n <a class=\"carousel-control-prev\" href=\"#carouselExampleIndicators\" role=\"button\" data-slide=\"prev\">\n <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>\n <span class=\"sr-only\">Previous</span>\n </a>\n <a class=\"carousel-control-next\" href=\"#carouselExampleIndicators\" role=\"button\" data-slide=\"next\">\n <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>\n <span class=\"sr-only\">Next</span>\n </a>\n </div>\n </section>\n ",
styles: ["\n section {\n margin-bottom: 25px\n }\n .url-item {\n cursor: pointer;\n }\n\n .carousel-inner {\n height: 500px;\n }\n\n .carousel-item {\n height: 100%;\n min-height: 350px;\n background: no-repeat center center scroll;\n -webkit-background-size: cover;\n -moz-background-size: cover;\n -o-background-size: cover;\n background-size: cover;\n }\n\n @media (max-width: 1440px) {\n .carousel-item {\n max-height: 640px;\n }\n }\n @media (max-width: 400px) {\n .carousel-item {\n max-height: 240px;\n }\n }\n "]
})
], CarouselItemsComponent);
return CarouselItemsComponent;
}());
export { CarouselItemsComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwtaXRlbXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQG11Z2FuODYvbmctc2hvcC11aS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL2Nhcm91c2VsLWl0ZW1zL2Nhcm91c2VsLWl0ZW1zLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBeUN6QztJQUVFLGdDQUFvQixNQUFjO1FBQWQsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUR6QixVQUFLLEdBQW9CLEVBQUUsQ0FBQztJQUNBLENBQUM7SUFDdEMscUNBQUksR0FBSixVQUFLLENBQVM7UUFDWixJQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDbEQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLFVBQUssWUFBWSxFQUFFLENBQUM7SUFDMUMsQ0FBQzs7Z0JBSjJCLE1BQU07O0lBRHpCO1FBQVIsS0FBSyxFQUFFO3lEQUE2QjtJQUQxQixzQkFBc0I7UUF2Q2xDLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxxQkFBcUI7WUFDL0IsODZDQUE4QztxQkFFNUMsaXJCQWdDQztTQUVKLENBQUM7T0FDVyxzQkFBc0IsQ0FPbEM7SUFBRCw2QkFBQztDQUFBLEFBUEQsSUFPQztTQVBZLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IElDYXJvdXNlbEl0ZW0gfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzL2Nhcm91c2VsLWl0ZW0uaW50ZXJmYWNlJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3Nob3AtY2Fyb3VzZWwtaXRlbXMnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2Fyb3VzZWwtaXRlbXMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFtcbiAgICBgXG4gICAgICBzZWN0aW9uIHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMjVweFxuICAgICAgfVxuICAgICAgLnVybC1pdGVtIHtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgfVxuXG4gICAgICAuY2Fyb3VzZWwtaW5uZXIge1xuICAgICAgICBoZWlnaHQ6IDUwMHB4O1xuICAgICAgfVxuXG4gICAgICAuY2Fyb3VzZWwtaXRlbSB7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgbWluLWhlaWdodDogMzUwcHg7XG4gICAgICAgIGJhY2tncm91bmQ6IG5vLXJlcGVhdCBjZW50ZXIgY2VudGVyIHNjcm9sbDtcbiAgICAgICAgLXdlYmtpdC1iYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICAgICAgICAtbW96LWJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gICAgICAgIC1vLWJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gICAgICAgIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gICAgICB9XG5cbiAgICAgIEBtZWRpYSAobWF4LXdpZHRoOiAxNDQwcHgpIHtcbiAgICAgICAgLmNhcm91c2VsLWl0ZW0ge1xuICAgICAgICAgIG1heC1oZWlnaHQ6IDY0MHB4O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBAbWVkaWEgKG1heC13aWR0aDogNDAwcHgpIHtcbiAgICAgICAgLmNhcm91c2VsLWl0ZW0ge1xuICAgICAgICAgIG1heC1oZWlnaHQ6IDI0MHB4O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2Fyb3VzZWxJdGVtc0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGl0ZW1zOiBJQ2Fyb3VzZWxJdGVtW10gPSBbXTtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSByb3V0ZXI6IFJvdXRlcikge31cbiAgb3BlbihpOiBudW1iZXIpIHtcbiAgICBjb25zdCB1cmxzQ29tbWFuZHMgPSB0aGlzLml0ZW1zW2ldLnVybC5zcGxpdCgnLycpO1xuICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFsuLi51cmxzQ29tbWFuZHNdKTtcbiAgfVxufVxuIl19