angular-bootstrap-italia
Version:
<p align="center"> <h1 align="center">Bootstrap Italia + Angular 9</h1>
61 lines • 8.64 kB
JavaScript
import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
var TextboxNumberComponent = /** @class */ (function () {
function TextboxNumberComponent() {
}
TextboxNumberComponent.prototype.ngOnInit = function () {
if (this.field.value) {
this.form.get(this.field.key).setValue(this.field.value);
}
else if (this.min > 0) {
this.form.get(this.field.key).setValue(this.min);
}
else {
this.form.get(this.field.key).setValue(0);
}
};
TextboxNumberComponent.prototype.increseValue = function (event) {
event.stopPropagation();
var oldValue = this.form.get(this.field.key).value || 0;
var newValue = oldValue + 1;
if (this.max === null || newValue <= this.max) {
this.form.get(this.field.key).setValue(newValue);
}
};
TextboxNumberComponent.prototype.decreseValue = function (event) {
event.stopPropagation();
var oldValue = this.form.get(this.field.key).value || 0;
var newValue = oldValue - 1;
if (this.min === null || newValue >= this.min) {
this.form.get(this.field.key).setValue(newValue);
}
};
__decorate([
Input()
], TextboxNumberComponent.prototype, "field", void 0);
__decorate([
Input()
], TextboxNumberComponent.prototype, "form", void 0);
__decorate([
Input()
], TextboxNumberComponent.prototype, "valid", void 0);
__decorate([
Input()
], TextboxNumberComponent.prototype, "invalid", void 0);
__decorate([
Input()
], TextboxNumberComponent.prototype, "min", void 0);
__decorate([
Input()
], TextboxNumberComponent.prototype, "max", void 0);
TextboxNumberComponent = __decorate([
Component({
selector: 'lib-textbox-number',
template: "<div class=\"form-number\" [formGroup]=\"form\">\n <label [for]=\"field.key\" class=\"input-number-label\">\n {{ field.label }}\n <span *ngIf=\"field.required\"> *</span>\n </label>\n <span>\n <input type=\"number\" [id]=\"field.key\" [formControlName]=\"field.key\"\n [required]=\"field.required\" [min]=\"min\" [max]=\"max\">\n <!-- <button type=\"button\" class=\"input-number-add\">\n <span class=\"sr-only\">Aumenta valore</span>\n </button>\n <button type=\"button\" class=\"input-number-sub\">\n <span class=\"sr-only\">Diminuisci valore</span>\n </button> -->\n </span>\n <lib-validation-messages [field]=\"field\" [valid]=\"valid\" [invalid]=\"invalid\"></lib-validation-messages>\n</div>\n",
styles: [".input-number-box.ng-touched.ng-valid{border-color:#28a745;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300cc85' viewBox='0 0 460 512'%3E%3Cpath d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.75em + .375rem);background-position:center right calc(1.275em + .1875rem)}.input-number-box.ng-touched.ng-invalid{border-color:#dc3545;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f73e5a' viewBox='0 0 384 512'%3E%3Cpath d='M231.6 256l130.1-130.1c4.7-4.7 4.7-12.3 0-17l-22.6-22.6c-4.7-4.7-12.3-4.7-17 0L192 216.4 61.9 86.3c-4.7-4.7-12.3-4.7-17 0l-22.6 22.6c-4.7 4.7-4.7 12.3 0 17L152.4 256 22.3 386.1c-4.7 4.7-4.7 12.3 0 17l22.6 22.6c4.7 4.7 12.3 4.7 17 0L192 295.6l130.1 130.1c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17L231.6 256z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.75em + .375rem);background-position:center right calc(1.275em + .1875rem)}.form-number{margin-top:-1.2em}"]
})
], TextboxNumberComponent);
return TextboxNumberComponent;
}());
export { TextboxNumberComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGJveC1udW1iZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vYW5ndWxhci1ib290c3RyYXAtaXRhbGlhLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvZm9ybS90ZXh0Ym94LW51bWJlci90ZXh0Ym94LW51bWJlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBWXpEO0lBVUU7SUFBZ0IsQ0FBQztJQUVqQix5Q0FBUSxHQUFSO1FBQ0UsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBRTtZQUNwQixJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQzFEO2FBQU0sSUFBSSxJQUFJLENBQUMsR0FBRyxHQUFHLENBQUMsRUFBRTtZQUN2QixJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7U0FDbEQ7YUFBTTtZQUNMLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQzNDO0lBQ0gsQ0FBQztJQUVELDZDQUFZLEdBQVosVUFBYSxLQUFLO1FBQ2hCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUV4QixJQUFNLFFBQVEsR0FBVyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEtBQUssSUFBSSxDQUFDLENBQUM7UUFDbEUsSUFBTSxRQUFRLEdBQUcsUUFBUSxHQUFHLENBQUMsQ0FBQztRQUU5QixJQUFJLElBQUksQ0FBQyxHQUFHLEtBQUssSUFBSSxJQUFJLFFBQVEsSUFBSSxJQUFJLENBQUMsR0FBRyxFQUFFO1lBQzdDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQ2xEO0lBQ0gsQ0FBQztJQUVELDZDQUFZLEdBQVosVUFBYSxLQUFLO1FBQ2hCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUV4QixJQUFNLFFBQVEsR0FBVyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEtBQUssSUFBSSxDQUFDLENBQUM7UUFDbEUsSUFBTSxRQUFRLEdBQUcsUUFBUSxHQUFHLENBQUMsQ0FBQztRQUU5QixJQUFJLElBQUksQ0FBQyxHQUFHLEtBQUssSUFBSSxJQUFJLFFBQVEsSUFBSSxJQUFJLENBQUMsR0FBRyxFQUFFO1lBQzdDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQ2xEO0lBQ0gsQ0FBQztJQXpDUTtRQUFSLEtBQUssRUFBRTt5REFBMEI7SUFDekI7UUFBUixLQUFLLEVBQUU7d0RBQWlCO0lBRWhCO1FBQVIsS0FBSyxFQUFFO3lEQUFnQjtJQUNmO1FBQVIsS0FBSyxFQUFFOzJEQUFrQjtJQUVqQjtRQUFSLEtBQUssRUFBRTt1REFBYTtJQUNaO1FBQVIsS0FBSyxFQUFFO3VEQUFhO0lBUlYsc0JBQXNCO1FBTGxDLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxvQkFBb0I7WUFDOUIsZ3ZCQUE4Qzs7U0FFL0MsQ0FBQztPQUNXLHNCQUFzQixDQTRDbEM7SUFBRCw2QkFBQztDQUFBLEFBNUNELElBNENDO1NBNUNZLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG4vLyBNb2RlbHNcbmltcG9ydCB7IEZyb21UZXh0Ym94TnVtYmVyIH0gZnJvbSAnLi9mb3JtLXRleHRib3gtbnVtYmVyJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItdGV4dGJveC1udW1iZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vdGV4dGJveC1udW1iZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90ZXh0Ym94LW51bWJlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFRleHRib3hOdW1iZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBmaWVsZDogRnJvbVRleHRib3hOdW1iZXI7XG4gIEBJbnB1dCgpIGZvcm06IEZvcm1Hcm91cDtcblxuICBASW5wdXQoKSB2YWxpZDogYm9vbGVhbjtcbiAgQElucHV0KCkgaW52YWxpZDogYm9vbGVhbjtcblxuICBASW5wdXQoKSBtaW46IG51bWJlcjtcbiAgQElucHV0KCkgbWF4OiBudW1iZXI7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5maWVsZC52YWx1ZSkge1xuICAgICAgdGhpcy5mb3JtLmdldCh0aGlzLmZpZWxkLmtleSkuc2V0VmFsdWUodGhpcy5maWVsZC52YWx1ZSk7XG4gICAgfSBlbHNlIGlmICh0aGlzLm1pbiA+IDApIHtcbiAgICAgIHRoaXMuZm9ybS5nZXQodGhpcy5maWVsZC5rZXkpLnNldFZhbHVlKHRoaXMubWluKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5mb3JtLmdldCh0aGlzLmZpZWxkLmtleSkuc2V0VmFsdWUoMCk7XG4gICAgfVxuICB9XG5cbiAgaW5jcmVzZVZhbHVlKGV2ZW50KSB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICBjb25zdCBvbGRWYWx1ZTogbnVtYmVyID0gdGhpcy5mb3JtLmdldCh0aGlzLmZpZWxkLmtleSkudmFsdWUgfHwgMDtcbiAgICBjb25zdCBuZXdWYWx1ZSA9IG9sZFZhbHVlICsgMTtcblxuICAgIGlmICh0aGlzLm1heCA9PT0gbnVsbCB8fCBuZXdWYWx1ZSA8PSB0aGlzLm1heCkge1xuICAgICAgdGhpcy5mb3JtLmdldCh0aGlzLmZpZWxkLmtleSkuc2V0VmFsdWUobmV3VmFsdWUpO1xuICAgIH1cbiAgfVxuXG4gIGRlY3Jlc2VWYWx1ZShldmVudCkge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuXG4gICAgY29uc3Qgb2xkVmFsdWU6IG51bWJlciA9IHRoaXMuZm9ybS5nZXQodGhpcy5maWVsZC5rZXkpLnZhbHVlIHx8IDA7XG4gICAgY29uc3QgbmV3VmFsdWUgPSBvbGRWYWx1ZSAtIDE7XG5cbiAgICBpZiAodGhpcy5taW4gPT09IG51bGwgfHwgbmV3VmFsdWUgPj0gdGhpcy5taW4pIHtcbiAgICAgIHRoaXMuZm9ybS5nZXQodGhpcy5maWVsZC5rZXkpLnNldFZhbHVlKG5ld1ZhbHVlKTtcbiAgICB9XG4gIH1cblxufVxuIl19