@mugan86/ng-shop-ui
Version:
Librería para crear los componentes de una tienda Online
38 lines • 4.81 kB
JavaScript
import { __decorate } from "tslib";
import { Component, Input, Output, EventEmitter } from '@angular/core';
var QuantitySelectorComponent = /** @class */ (function () {
function QuantitySelectorComponent() {
this.updateValue = new EventEmitter();
}
QuantitySelectorComponent.prototype.changeValue = function (action) {
if (action === '-' && this.qty > 1) {
this.qty--;
}
else if (action === '+' && this.qty < this.stock) {
this.qty++;
}
this.sendUpdate();
};
QuantitySelectorComponent.prototype.sendUpdate = function () {
this.updateValue.emit(this.qty);
};
__decorate([
Input()
], QuantitySelectorComponent.prototype, "qty", void 0);
__decorate([
Input()
], QuantitySelectorComponent.prototype, "stock", void 0);
__decorate([
Output()
], QuantitySelectorComponent.prototype, "updateValue", void 0);
QuantitySelectorComponent = __decorate([
Component({
selector: 'shop-qty-selector',
template: "<div>\n <button type=\"button\" class=\"btn btn-dark qty-btn\" (click)=\"changeValue('-')\">\n -\n </button>\n <input\n type=\"text\"\n [(ngModel)]=\"qty\"\n value=\"1\"\n name=\"quantity\"\n class=\"text-center quantity\"\n disabled\n />\n <button type=\"button\" class=\"btn btn-dark qty-btn\" (click)=\"changeValue('+')\">\n +\n </button>\n</div>\n\n",
styles: ["\n div {\n margin-bottom: 5px;\n }\n .quantity {\n width: 20%;\n margin-bottom: 5px;\n }\n\n input[type='text']:disabled {\n color: black;\n width: 60px\n }\n\n .qty-btn {\n border-radius: 20px;\n padding-top: 3px;\n /* top - right - bottom - left => sentido de las agujas del reloj*/\n margin: -2px 3px 2px 3px;\n }\n "]
})
], QuantitySelectorComponent);
return QuantitySelectorComponent;
}());
export { QuantitySelectorComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVhbnRpdHktc2VsZWN0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQG11Z2FuODYvbmctc2hvcC11aS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3F1YW50aXR5LXNlbGVjdG9yL3F1YW50aXR5LXNlbGVjdG9yLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQTZCdkU7SUFBQTtRQUdZLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQWNyRCxDQUFDO0lBYkMsK0NBQVcsR0FBWCxVQUFZLE1BQWM7UUFDeEIsSUFBSSxNQUFNLEtBQUssR0FBRyxJQUFJLElBQUksQ0FBQyxHQUFHLEdBQUcsQ0FBQyxFQUFFO1lBQ2xDLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQztTQUNaO2FBQU0sSUFBSSxNQUFNLEtBQUssR0FBRyxJQUFJLElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNsRCxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUM7U0FDWjtRQUNELElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsOENBQVUsR0FBVjtRQUNFLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBZFE7UUFBUixLQUFLLEVBQUU7MERBQWE7SUFDWjtRQUFSLEtBQUssRUFBRTs0REFBZTtJQUNiO1FBQVQsTUFBTSxFQUFFO2tFQUEwQztJQUh4Qyx5QkFBeUI7UUEzQnJDLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxtQkFBbUI7WUFDN0IsaWNBQWlEO3FCQUUvQywyYUFvQkM7U0FFSixDQUFDO09BQ1cseUJBQXlCLENBaUJyQztJQUFELGdDQUFDO0NBQUEsQUFqQkQsSUFpQkM7U0FqQlkseUJBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2hvcC1xdHktc2VsZWN0b3InLFxuICB0ZW1wbGF0ZVVybDogJy4vcXVhbnRpdHktc2VsZWN0b3IuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFtcbiAgICBgXG4gICAgICBkaXYge1xuICAgICAgICBtYXJnaW4tYm90dG9tOiA1cHg7XG4gICAgICB9XG4gICAgICAucXVhbnRpdHkge1xuICAgICAgICB3aWR0aDogMjAlO1xuICAgICAgICBtYXJnaW4tYm90dG9tOiA1cHg7XG4gICAgICB9XG5cbiAgICAgIGlucHV0W3R5cGU9J3RleHQnXTpkaXNhYmxlZCB7XG4gICAgICAgIGNvbG9yOiBibGFjaztcbiAgICAgICAgd2lkdGg6IDYwcHhcbiAgICAgIH1cblxuICAgICAgLnF0eS1idG4ge1xuICAgICAgICBib3JkZXItcmFkaXVzOiAyMHB4O1xuICAgICAgICBwYWRkaW5nLXRvcDogM3B4O1xuICAgICAgICAvKiB0b3AgLSByaWdodCAtIGJvdHRvbSAtIGxlZnQgPT4gc2VudGlkbyBkZSBsYXMgYWd1amFzIGRlbCByZWxvaiovXG4gICAgICAgIG1hcmdpbjogLTJweCAzcHggMnB4IDNweDtcbiAgICAgIH1cbiAgICBgLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBRdWFudGl0eVNlbGVjdG9yQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcXR5OiBudW1iZXI7XG4gIEBJbnB1dCgpIHN0b2NrOiBudW1iZXI7XG4gIEBPdXRwdXQoKSB1cGRhdGVWYWx1ZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuICBjaGFuZ2VWYWx1ZShhY3Rpb246IHN0cmluZykge1xuICAgIGlmIChhY3Rpb24gPT09ICctJyAmJiB0aGlzLnF0eSA+IDEpIHtcbiAgICAgIHRoaXMucXR5LS07XG4gICAgfSBlbHNlIGlmIChhY3Rpb24gPT09ICcrJyAmJiB0aGlzLnF0eSA8IHRoaXMuc3RvY2spIHtcbiAgICAgIHRoaXMucXR5Kys7XG4gICAgfVxuICAgIHRoaXMuc2VuZFVwZGF0ZSgpO1xuICB9XG5cbiAgc2VuZFVwZGF0ZSgpIHtcbiAgICB0aGlzLnVwZGF0ZVZhbHVlLmVtaXQodGhpcy5xdHkpO1xuICB9XG5cbn1cbiJdfQ==