@simpleangularcontrols/sac-bootstrap3 16.0.0-rc.14 → 16.0.0-rc.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/controls/contextmenu/contextmenuitembutton.d.ts +4 -2
- package/controls/contextmenu/contextmenuitembutton.d.ts.map +1 -1
- package/esm2022/controls/contextmenu/contextmenuitembutton.mjs +10 -1
- package/esm2022/controls/datetime/dateselector.mjs +3 -3
- package/fesm2022/simpleangularcontrols-sac-bootstrap3.mjs +11 -2
- package/fesm2022/simpleangularcontrols-sac-bootstrap3.mjs.map +1 -1
- package/package.json +2 -2
- package/simpleangularcontrols-sac-bootstrap3-16.0.0-rc.16.tgz +0 -0
- package/simpleangularcontrols-sac-bootstrap3-16.0.0-rc.14.tgz +0 -0
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
import { ElementRef, OnInit } from '@angular/core';
|
|
1
|
+
import { ElementRef, OnDestroy, OnInit } from '@angular/core';
|
|
2
2
|
import { SacContextmenuItemButtonCommon } from '@simpleangularcontrols/sac-common';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
/**
|
|
5
5
|
* Component for menu entry in context menu
|
|
6
6
|
*/
|
|
7
|
-
export declare class SacContextmenuItemButtonComponent extends SacContextmenuItemButtonCommon implements OnInit {
|
|
7
|
+
export declare class SacContextmenuItemButtonComponent extends SacContextmenuItemButtonCommon implements OnInit, OnDestroy {
|
|
8
8
|
private readonly el;
|
|
9
|
+
ref: ChildNode[];
|
|
9
10
|
/**
|
|
10
11
|
* Constructor
|
|
11
12
|
* @param contextmenu Instance von Context Menü
|
|
12
13
|
*/
|
|
13
14
|
constructor(el: ElementRef);
|
|
15
|
+
ngOnDestroy(): void;
|
|
14
16
|
ngOnInit(): void;
|
|
15
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<SacContextmenuItemButtonComponent, never>;
|
|
16
18
|
static ɵcmp: i0.ɵɵComponentDeclaration<SacContextmenuItemButtonComponent, "sac-contextmenubutton", never, {}, {}, never, never, true, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"contextmenuitembutton.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/contextmenu/contextmenuitembutton.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,MAAM,EAAc,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"contextmenuitembutton.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/contextmenu/contextmenuitembutton.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,SAAS,EAAE,MAAM,EAAc,MAAM,eAAe,CAAC;AACrF,OAAO,EAAE,8BAA8B,EAA4B,MAAM,mCAAmC,CAAC;;AAE7G;;GAEG;AACH,qBAYa,iCAAkC,SAAQ,8BAA+B,YAAW,MAAM,EAAE,SAAS;IAalG,OAAO,CAAC,QAAQ,CAAC,EAAE;IAVxB,GAAG,EAAE,SAAS,EAAE,CAAM;IAM7B;;;OAGG;gBAC0B,EAAE,EAAE,UAAU;IAQpC,WAAW,IAAI,IAAI;IAMnB,QAAQ,IAAI,IAAI;yCA3Bd,iCAAiC;2CAAjC,iCAAiC;CAsC7C"}
|
|
@@ -6,6 +6,7 @@ import * as i0 from "@angular/core";
|
|
|
6
6
|
* Component for menu entry in context menu
|
|
7
7
|
*/
|
|
8
8
|
class SacContextmenuItemButtonComponent extends SacContextmenuItemButtonCommon {
|
|
9
|
+
// #endregion Properties
|
|
9
10
|
// #region Constructors
|
|
10
11
|
/**
|
|
11
12
|
* Constructor
|
|
@@ -14,13 +15,21 @@ class SacContextmenuItemButtonComponent extends SacContextmenuItemButtonCommon {
|
|
|
14
15
|
constructor(el) {
|
|
15
16
|
super();
|
|
16
17
|
this.el = el;
|
|
18
|
+
// #region Properties
|
|
19
|
+
this.ref = [];
|
|
17
20
|
}
|
|
18
21
|
// #endregion Constructors
|
|
19
22
|
// #region Public Methods
|
|
23
|
+
ngOnDestroy() {
|
|
24
|
+
for (let i = 0; i < this.ref.length; i++) {
|
|
25
|
+
this.ref[i].parentElement.removeChild(this.ref[i]);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
20
28
|
ngOnInit() {
|
|
21
29
|
const rootElement = this.el.nativeElement;
|
|
22
30
|
const parentElement = rootElement.parentElement;
|
|
23
31
|
while (rootElement.firstChild) {
|
|
32
|
+
this.ref.push(rootElement.firstChild);
|
|
24
33
|
parentElement.insertBefore(rootElement.firstChild, rootElement);
|
|
25
34
|
}
|
|
26
35
|
parentElement.removeChild(rootElement);
|
|
@@ -43,4 +52,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
43
52
|
},
|
|
44
53
|
], standalone: true, imports: [NgIf, NgStyle, NgClass], template: "<li\n [class.disabled]=\"isdisabled\"\n [ngClass]=\"cssclass\">\n <a\n [id]=\"name\"\n (click)=\"callaction($event)\"\n [attr.disabled]=\"isdisabled ? 'disabled' : null\"\n [ngStyle]=\"{ cursor: !isdisabled ? 'pointer' : null }\"\n style=\"display: flex\">\n <div\n style=\"min-width: 25px\"\n *ngIf=\"!isicondisabled\">\n <img\n *ngIf=\"image\"\n [src]=\"image\"\n style=\"vertical-align: baseline\"\n [ngStyle]=\"{ 'margin-right': text ? '5px' : null }\" />\n <i\n *ngIf=\"icon\"\n [class]=\"iconstyle + ' ' + icon\"\n [ngStyle]=\"{ 'margin-right': text ? '5px' : null }\">\n </i>\n </div>\n <div>{{ text }}</div>\n </a>\n</li>\n" }]
|
|
45
54
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGV4dG1lbnVpdGVtYnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2FjLWJvb3RzdHJhcDMvc3JjL2NvbnRyb2xzL2NvbnRleHRtZW51L2NvbnRleHRtZW51aXRlbWJ1dHRvbi50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXAzL3NyYy9jb250cm9scy9jb250ZXh0bWVudS9jb250ZXh0bWVudWl0ZW1idXR0b24uaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsU0FBUyxFQUFpQyxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckYsT0FBTyxFQUFFLDhCQUE4QixFQUFFLHdCQUF3QixFQUFFLE1BQU0sbUNBQW1DLENBQUM7O0FBRTdHOztHQUVHO0FBQ0gsTUFZYSxpQ0FBa0MsU0FBUSw4QkFBOEI7SUFLakYsd0JBQXdCO0lBRXhCLHVCQUF1QjtJQUV2Qjs7O09BR0c7SUFDSCxZQUE2QixFQUFjO1FBQ3ZDLEtBQUssRUFBRSxDQUFDO1FBRGlCLE9BQUUsR0FBRixFQUFFLENBQVk7UUFaM0MscUJBQXFCO1FBRWQsUUFBRyxHQUFnQixFQUFFLENBQUM7SUFZN0IsQ0FBQztJQUVELDBCQUEwQjtJQUUxQix5QkFBeUI7SUFFbEIsV0FBVztRQUNkLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRTtZQUN0QyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ3REO0lBQ0wsQ0FBQztJQUVNLFFBQVE7UUFDWCxNQUFNLFdBQVcsR0FBZ0IsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUM7UUFDdkQsTUFBTSxhQUFhLEdBQWdCLFdBQVcsQ0FBQyxhQUFhLENBQUM7UUFDN0QsT0FBTyxXQUFXLENBQUMsVUFBVSxFQUFFO1lBQzNCLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUN0QyxhQUFhLENBQUMsWUFBWSxDQUFDLFdBQVcsQ0FBQyxVQUFVLEVBQUUsV0FBVyxDQUFDLENBQUM7U0FDbkU7UUFDRCxhQUFhLENBQUMsV0FBVyxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQzNDLENBQUM7K0dBbkNRLGlDQUFpQzttR0FBakMsaUNBQWlDLG9FQVQvQjtZQUNQO2dCQUNJLE9BQU8sRUFBRSx3QkFBd0I7Z0JBQ2pDLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsaUNBQWlDLENBQUM7YUFDbkU7U0FDSixpRENmTCw2MUJBMEJBLDRDRFRjLElBQUksNkZBQUUsT0FBTywyRUFBRSxPQUFPOztTQUV2QixpQ0FBaUM7NEZBQWpDLGlDQUFpQztrQkFaN0MsU0FBUzsrQkFDSSx1QkFBdUIsYUFFdEI7d0JBQ1A7NEJBQ0ksT0FBTyxFQUFFLHdCQUF3Qjs0QkFDakMsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsa0NBQWtDLENBQUM7eUJBQ25FO3FCQUNKLGNBQ1csSUFBSSxXQUNQLENBQUMsSUFBSSxFQUFFLE9BQU8sRUFBRSxPQUFPLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0NsYXNzLCBOZ0lmLCBOZ1N0eWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgT25EZXN0cm95LCBPbkluaXQsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNhY0NvbnRleHRtZW51SXRlbUJ1dHRvbkNvbW1vbiwgU2FjQ29udGV4dG1lbnVJdGVtQ29tbW9uIH0gZnJvbSAnQHNpbXBsZWFuZ3VsYXJjb250cm9scy9zYWMtY29tbW9uJztcblxuLyoqXG4gKiBDb21wb25lbnQgZm9yIG1lbnUgZW50cnkgaW4gY29udGV4dCBtZW51XG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2FjLWNvbnRleHRtZW51YnV0dG9uJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY29udGV4dG1lbnVpdGVtYnV0dG9uLmh0bWwnLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBTYWNDb250ZXh0bWVudUl0ZW1Db21tb24sXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTYWNDb250ZXh0bWVudUl0ZW1CdXR0b25Db21wb25lbnQpLFxuICAgICAgICB9LFxuICAgIF0sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbTmdJZiwgTmdTdHlsZSwgTmdDbGFzc10sXG59KVxuZXhwb3J0IGNsYXNzIFNhY0NvbnRleHRtZW51SXRlbUJ1dHRvbkNvbXBvbmVudCBleHRlbmRzIFNhY0NvbnRleHRtZW51SXRlbUJ1dHRvbkNvbW1vbiBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgICAvLyAjcmVnaW9uIFByb3BlcnRpZXNcblxuICAgIHB1YmxpYyByZWY6IENoaWxkTm9kZVtdID0gW107XG5cbiAgICAvLyAjZW5kcmVnaW9uIFByb3BlcnRpZXNcblxuICAgIC8vICNyZWdpb24gQ29uc3RydWN0b3JzXG5cbiAgICAvKipcbiAgICAgKiBDb25zdHJ1Y3RvclxuICAgICAqIEBwYXJhbSBjb250ZXh0bWVudSBJbnN0YW5jZSB2b24gQ29udGV4dCBNZW7DvFxuICAgICAqL1xuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgZWw6IEVsZW1lbnRSZWYpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG5cbiAgICAvLyAjZW5kcmVnaW9uIENvbnN0cnVjdG9yc1xuXG4gICAgLy8gI3JlZ2lvbiBQdWJsaWMgTWV0aG9kc1xuXG4gICAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICBmb3IgKGxldCBpID0gMDsgaSA8IHRoaXMucmVmLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgICAgICB0aGlzLnJlZltpXS5wYXJlbnRFbGVtZW50LnJlbW92ZUNoaWxkKHRoaXMucmVmW2ldKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgY29uc3Qgcm9vdEVsZW1lbnQ6IEhUTUxFbGVtZW50ID0gdGhpcy5lbC5uYXRpdmVFbGVtZW50O1xuICAgICAgICBjb25zdCBwYXJlbnRFbGVtZW50OiBIVE1MRWxlbWVudCA9IHJvb3RFbGVtZW50LnBhcmVudEVsZW1lbnQ7XG4gICAgICAgIHdoaWxlIChyb290RWxlbWVudC5maXJzdENoaWxkKSB7XG4gICAgICAgICAgICB0aGlzLnJlZi5wdXNoKHJvb3RFbGVtZW50LmZpcnN0Q2hpbGQpO1xuICAgICAgICAgICAgcGFyZW50RWxlbWVudC5pbnNlcnRCZWZvcmUocm9vdEVsZW1lbnQuZmlyc3RDaGlsZCwgcm9vdEVsZW1lbnQpO1xuICAgICAgICB9XG4gICAgICAgIHBhcmVudEVsZW1lbnQucmVtb3ZlQ2hpbGQocm9vdEVsZW1lbnQpO1xuICAgIH1cblxuICAgIC8vICNlbmRyZWdpb24gUHVibGljIE1ldGhvZHNcbn1cbiIsIjxsaVxuICAgIFtjbGFzcy5kaXNhYmxlZF09XCJpc2Rpc2FibGVkXCJcbiAgICBbbmdDbGFzc109XCJjc3NjbGFzc1wiPlxuICAgIDxhXG4gICAgICAgIFtpZF09XCJuYW1lXCJcbiAgICAgICAgKGNsaWNrKT1cImNhbGxhY3Rpb24oJGV2ZW50KVwiXG4gICAgICAgIFthdHRyLmRpc2FibGVkXT1cImlzZGlzYWJsZWQgPyAnZGlzYWJsZWQnIDogbnVsbFwiXG4gICAgICAgIFtuZ1N0eWxlXT1cInsgY3Vyc29yOiAhaXNkaXNhYmxlZCA/ICdwb2ludGVyJyA6IG51bGwgfVwiXG4gICAgICAgIHN0eWxlPVwiZGlzcGxheTogZmxleFwiPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICBzdHlsZT1cIm1pbi13aWR0aDogMjVweFwiXG4gICAgICAgICAgICAqbmdJZj1cIiFpc2ljb25kaXNhYmxlZFwiPlxuICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgICpuZ0lmPVwiaW1hZ2VcIlxuICAgICAgICAgICAgICAgIFtzcmNdPVwiaW1hZ2VcIlxuICAgICAgICAgICAgICAgIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGJhc2VsaW5lXCJcbiAgICAgICAgICAgICAgICBbbmdTdHlsZV09XCJ7ICdtYXJnaW4tcmlnaHQnOiB0ZXh0ID8gJzVweCcgOiBudWxsIH1cIiAvPlxuICAgICAgICAgICAgPGlcbiAgICAgICAgICAgICAgICAqbmdJZj1cImljb25cIlxuICAgICAgICAgICAgICAgIFtjbGFzc109XCJpY29uc3R5bGUgKyAnICcgKyBpY29uXCJcbiAgICAgICAgICAgICAgICBbbmdTdHlsZV09XCJ7ICdtYXJnaW4tcmlnaHQnOiB0ZXh0ID8gJzVweCcgOiBudWxsIH1cIj5cbiAgICAgICAgICAgIDwvaT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXY+e3sgdGV4dCB9fTwvZGl2PlxuICAgIDwvYT5cbjwvbGk+XG4iXX0=
|
|
@@ -4,11 +4,11 @@ import { SacDateSelectorCommon } from '@simpleangularcontrols/sac-common';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
class SacDateSelectorComponent extends SacDateSelectorCommon {
|
|
6
6
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacDateSelectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacDateSelectorComponent, isStandalone: true, selector: "sac-dateselector", usesInheritance: true, ngImport: i0, template: "<div
|
|
7
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacDateSelectorComponent, isStandalone: true, selector: "sac-dateselector", usesInheritance: true, ngImport: i0, template: "<div\n class=\"calendar-selector\"\n style=\"min-width: 265px\">\n <table\n class=\"table-condensed\"\n style=\"width: 100%\"\n *ngIf=\"dateselection\">\n <thead>\n <tr>\n <th\n class=\"prev text-left\"\n (click)=\"monthBack()\">\n <i [class]=\"iconMonthPrev\"></i>\n </th>\n <th\n colspan=\"5\"\n class=\"switch text-center\"\n >{{ month + 1 }}/{{ year }}</th\n >\n <th\n class=\"next text-right\"\n (click)=\"monthNext()\">\n <i [class]=\"iconMonthNext\"></i>\n </th>\n </tr>\n <tr>\n <th class=\"dow text-center\">Mo</th>\n <th class=\"dow text-center\">Di</th>\n <th class=\"dow text-center\">Mi</th>\n <th class=\"dow text-center\">Do</th>\n <th class=\"dow text-center\">Fr</th>\n <th class=\"dow text-center\">Sa</th>\n <th class=\"dow text-center\">So</th>\n </tr>\n </thead>\n <tbody>\n <ng-container *ngFor=\"let week of dates; let i = index\">\n <tr>\n <td\n class=\"text-center\"\n *ngFor=\"let item of week\"\n [ngStyle]=\"{ cursor: item.isenabled ? 'pointer' : null }\"\n [ngClass]=\"{ 'day-current': item.iscurrent, 'day-selected': item.isselected, 'day-new': item.isnew, 'day-disabled': !item.isenabled }\"\n (click)=\"selectDate(item)\">\n {{ item.displaytext }}\n </td>\n </tr>\n </ng-container>\n </tbody>\n </table>\n <div\n class=\"container-fluid\"\n *ngIf=\"timeselection\"\n style=\"margin-top: 10px\">\n <div class=\"row\">\n <div\n class=\"col-md-6\"\n style=\"padding-right: 20px\">\n <div class=\"form-group\">\n <label>Stunde</label>\n <input\n type=\"number\"\n class=\"form-control\"\n [value]=\"getHours()\"\n (input)=\"setHours($event.target.value)\"\n min=\"0\"\n max=\"23\" />\n </div>\n </div>\n <div\n class=\"col-md-6\"\n style=\"padding-left: 20px\">\n <div class=\"form-group\">\n <label>Minute</label>\n <input\n type=\"number\"\n class=\"form-control\"\n [value]=\"getMinutes()\"\n (input)=\"setMinutes($event.target.value)\"\n min=\"0\"\n max=\"59\" />\n </div>\n </div>\n </div>\n </div>\n <div\n class=\"row\"\n style=\"margin-top: 10px\">\n <div class=\"col-xs-4 text-left\">\n <button\n type=\"button\"\n class=\"btn btn-default\"\n (click)=\"setToday()\">\n Heute\n </button>\n </div>\n <div class=\"col-xs-8 text-right\">\n <button\n type=\"button\"\n class=\"btn btn-default\"\n (click)=\"resetSelection()\">\n Reset\n </button>\n <button\n type=\"button\"\n class=\"btn btn-primary\"\n style=\"margin-left: 10px\"\n (click)=\"applySelection()\">\n Apply\n </button>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
8
8
|
}
|
|
9
9
|
export { SacDateSelectorComponent };
|
|
10
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacDateSelectorComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
|
-
args: [{ selector: 'sac-dateselector', standalone: true, imports: [NgIf, NgFor, NgStyle, NgClass], template: "<div
|
|
12
|
+
args: [{ selector: 'sac-dateselector', standalone: true, imports: [NgIf, NgFor, NgStyle, NgClass], template: "<div\n class=\"calendar-selector\"\n style=\"min-width: 265px\">\n <table\n class=\"table-condensed\"\n style=\"width: 100%\"\n *ngIf=\"dateselection\">\n <thead>\n <tr>\n <th\n class=\"prev text-left\"\n (click)=\"monthBack()\">\n <i [class]=\"iconMonthPrev\"></i>\n </th>\n <th\n colspan=\"5\"\n class=\"switch text-center\"\n >{{ month + 1 }}/{{ year }}</th\n >\n <th\n class=\"next text-right\"\n (click)=\"monthNext()\">\n <i [class]=\"iconMonthNext\"></i>\n </th>\n </tr>\n <tr>\n <th class=\"dow text-center\">Mo</th>\n <th class=\"dow text-center\">Di</th>\n <th class=\"dow text-center\">Mi</th>\n <th class=\"dow text-center\">Do</th>\n <th class=\"dow text-center\">Fr</th>\n <th class=\"dow text-center\">Sa</th>\n <th class=\"dow text-center\">So</th>\n </tr>\n </thead>\n <tbody>\n <ng-container *ngFor=\"let week of dates; let i = index\">\n <tr>\n <td\n class=\"text-center\"\n *ngFor=\"let item of week\"\n [ngStyle]=\"{ cursor: item.isenabled ? 'pointer' : null }\"\n [ngClass]=\"{ 'day-current': item.iscurrent, 'day-selected': item.isselected, 'day-new': item.isnew, 'day-disabled': !item.isenabled }\"\n (click)=\"selectDate(item)\">\n {{ item.displaytext }}\n </td>\n </tr>\n </ng-container>\n </tbody>\n </table>\n <div\n class=\"container-fluid\"\n *ngIf=\"timeselection\"\n style=\"margin-top: 10px\">\n <div class=\"row\">\n <div\n class=\"col-md-6\"\n style=\"padding-right: 20px\">\n <div class=\"form-group\">\n <label>Stunde</label>\n <input\n type=\"number\"\n class=\"form-control\"\n [value]=\"getHours()\"\n (input)=\"setHours($event.target.value)\"\n min=\"0\"\n max=\"23\" />\n </div>\n </div>\n <div\n class=\"col-md-6\"\n style=\"padding-left: 20px\">\n <div class=\"form-group\">\n <label>Minute</label>\n <input\n type=\"number\"\n class=\"form-control\"\n [value]=\"getMinutes()\"\n (input)=\"setMinutes($event.target.value)\"\n min=\"0\"\n max=\"59\" />\n </div>\n </div>\n </div>\n </div>\n <div\n class=\"row\"\n style=\"margin-top: 10px\">\n <div class=\"col-xs-4 text-left\">\n <button\n type=\"button\"\n class=\"btn btn-default\"\n (click)=\"setToday()\">\n Heute\n </button>\n </div>\n <div class=\"col-xs-8 text-right\">\n <button\n type=\"button\"\n class=\"btn btn-default\"\n (click)=\"resetSelection()\">\n Reset\n </button>\n <button\n type=\"button\"\n class=\"btn btn-primary\"\n style=\"margin-left: 10px\"\n (click)=\"applySelection()\">\n Apply\n </button>\n </div>\n </div>\n</div>\n" }]
|
|
13
13
|
}] });
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXNlbGVjdG9yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2FjLWJvb3RzdHJhcDMvc3JjL2NvbnRyb2xzL2RhdGV0aW1lL2RhdGVzZWxlY3Rvci50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhYy1ib290c3RyYXAzL3NyYy9jb250cm9scy9kYXRldGltZS9kYXRlc2VsZWN0b3IuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7QUFFMUUsTUFNYSx3QkFBeUIsU0FBUSxxQkFBcUI7K0dBQXRELHdCQUF3QjttR0FBeEIsd0JBQXdCLG1HQ1ZyQywyNkhBaUhBLDRDRHpHWSxJQUFJLDZGQUFFLEtBQUssbUhBQUUsT0FBTywyRUFBRSxPQUFPOztTQUU1Qix3QkFBd0I7NEZBQXhCLHdCQUF3QjtrQkFOcEMsU0FBUzsrQkFDRSxrQkFBa0IsY0FFaEIsSUFBSSxXQUNQLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsT0FBTyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdDbGFzcywgTmdGb3IsIE5nSWYsIE5nU3R5bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTYWNEYXRlU2VsZWN0b3JDb21tb24gfSBmcm9tICdAc2ltcGxlYW5ndWxhcmNvbnRyb2xzL3NhYy1jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzYWMtZGF0ZXNlbGVjdG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RhdGVzZWxlY3Rvci5odG1sJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nSWYsIE5nRm9yLCBOZ1N0eWxlLCBOZ0NsYXNzXSxcbn0pXG5leHBvcnQgY2xhc3MgU2FjRGF0ZVNlbGVjdG9yQ29tcG9uZW50IGV4dGVuZHMgU2FjRGF0ZVNlbGVjdG9yQ29tbW9uIHt9XG4iLCI8ZGl2XG4gICAgY2xhc3M9XCJjYWxlbmRhci1zZWxlY3RvclwiXG4gICAgc3R5bGU9XCJtaW4td2lkdGg6IDI2NXB4XCI+XG4gICAgPHRhYmxlXG4gICAgICAgIGNsYXNzPVwidGFibGUtY29uZGVuc2VkXCJcbiAgICAgICAgc3R5bGU9XCJ3aWR0aDogMTAwJVwiXG4gICAgICAgICpuZ0lmPVwiZGF0ZXNlbGVjdGlvblwiPlxuICAgICAgICA8dGhlYWQ+XG4gICAgICAgICAgICA8dHI+XG4gICAgICAgICAgICAgICAgPHRoXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwicHJldiB0ZXh0LWxlZnRcIlxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwibW9udGhCYWNrKClcIj5cbiAgICAgICAgICAgICAgICAgICAgPGkgW2NsYXNzXT1cImljb25Nb250aFByZXZcIj48L2k+XG4gICAgICAgICAgICAgICAgPC90aD5cbiAgICAgICAgICAgICAgICA8dGhcbiAgICAgICAgICAgICAgICAgICAgY29sc3Bhbj1cIjVcIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInN3aXRjaCB0ZXh0LWNlbnRlclwiXG4gICAgICAgICAgICAgICAgICAgID57eyBtb250aCArIDEgfX0ve3sgeWVhciB9fTwvdGhcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPHRoXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibmV4dCB0ZXh0LXJpZ2h0XCJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm1vbnRoTmV4dCgpXCI+XG4gICAgICAgICAgICAgICAgICAgIDxpIFtjbGFzc109XCJpY29uTW9udGhOZXh0XCI+PC9pPlxuICAgICAgICAgICAgICAgIDwvdGg+XG4gICAgICAgICAgICA8L3RyPlxuICAgICAgICAgICAgPHRyPlxuICAgICAgICAgICAgICAgIDx0aCBjbGFzcz1cImRvdyB0ZXh0LWNlbnRlclwiPk1vPC90aD5cbiAgICAgICAgICAgICAgICA8dGggY2xhc3M9XCJkb3cgdGV4dC1jZW50ZXJcIj5EaTwvdGg+XG4gICAgICAgICAgICAgICAgPHRoIGNsYXNzPVwiZG93IHRleHQtY2VudGVyXCI+TWk8L3RoPlxuICAgICAgICAgICAgICAgIDx0aCBjbGFzcz1cImRvdyB0ZXh0LWNlbnRlclwiPkRvPC90aD5cbiAgICAgICAgICAgICAgICA8dGggY2xhc3M9XCJkb3cgdGV4dC1jZW50ZXJcIj5GcjwvdGg+XG4gICAgICAgICAgICAgICAgPHRoIGNsYXNzPVwiZG93IHRleHQtY2VudGVyXCI+U2E8L3RoPlxuICAgICAgICAgICAgICAgIDx0aCBjbGFzcz1cImRvdyB0ZXh0LWNlbnRlclwiPlNvPC90aD5cbiAgICAgICAgICAgIDwvdHI+XG4gICAgICAgIDwvdGhlYWQ+XG4gICAgICAgIDx0Ym9keT5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHdlZWsgb2YgZGF0ZXM7IGxldCBpID0gaW5kZXhcIj5cbiAgICAgICAgICAgICAgICA8dHI+XG4gICAgICAgICAgICAgICAgICAgIDx0ZFxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ0ZXh0LWNlbnRlclwiXG4gICAgICAgICAgICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiB3ZWVrXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ1N0eWxlXT1cInsgY3Vyc29yOiBpdGVtLmlzZW5hYmxlZCA/ICdwb2ludGVyJyA6IG51bGwgfVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7ICdkYXktY3VycmVudCc6IGl0ZW0uaXNjdXJyZW50LCAnZGF5LXNlbGVjdGVkJzogaXRlbS5pc3NlbGVjdGVkLCAnZGF5LW5ldyc6IGl0ZW0uaXNuZXcsICdkYXktZGlzYWJsZWQnOiAhaXRlbS5pc2VuYWJsZWQgfVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0RGF0ZShpdGVtKVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAge3sgaXRlbS5kaXNwbGF5dGV4dCB9fVxuICAgICAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICAgIDwvdHI+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC90Ym9keT5cbiAgICA8L3RhYmxlPlxuICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJjb250YWluZXItZmx1aWRcIlxuICAgICAgICAqbmdJZj1cInRpbWVzZWxlY3Rpb25cIlxuICAgICAgICBzdHlsZT1cIm1hcmdpbi10b3A6IDEwcHhcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiY29sLW1kLTZcIlxuICAgICAgICAgICAgICAgIHN0eWxlPVwicGFkZGluZy1yaWdodDogMjBweFwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWdyb3VwXCI+XG4gICAgICAgICAgICAgICAgICAgIDxsYWJlbD5TdHVuZGU8L2xhYmVsPlxuICAgICAgICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJudW1iZXJcIlxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3ZhbHVlXT1cImdldEhvdXJzKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGlucHV0KT1cInNldEhvdXJzKCRldmVudC50YXJnZXQudmFsdWUpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIG1pbj1cIjBcIlxuICAgICAgICAgICAgICAgICAgICAgICAgbWF4PVwiMjNcIiAvPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY2xhc3M9XCJjb2wtbWQtNlwiXG4gICAgICAgICAgICAgICAgc3R5bGU9XCJwYWRkaW5nLWxlZnQ6IDIwcHhcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1ncm91cFwiPlxuICAgICAgICAgICAgICAgICAgICA8bGFiZWw+TWludXRlPC9sYWJlbD5cbiAgICAgICAgICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwibnVtYmVyXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZm9ybS1jb250cm9sXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJnZXRNaW51dGVzKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGlucHV0KT1cInNldE1pbnV0ZXMoJGV2ZW50LnRhcmdldC52YWx1ZSlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgbWluPVwiMFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBtYXg9XCI1OVwiIC8+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdlxuICAgICAgICBjbGFzcz1cInJvd1wiXG4gICAgICAgIHN0eWxlPVwibWFyZ2luLXRvcDogMTBweFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTQgdGV4dC1sZWZ0XCI+XG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJidG4gYnRuLWRlZmF1bHRcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJzZXRUb2RheSgpXCI+XG4gICAgICAgICAgICAgICAgSGV1dGVcbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy04IHRleHQtcmlnaHRcIj5cbiAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImJ0biBidG4tZGVmYXVsdFwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cInJlc2V0U2VsZWN0aW9uKClcIj5cbiAgICAgICAgICAgICAgICBSZXNldFxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJidG4gYnRuLXByaW1hcnlcIlxuICAgICAgICAgICAgICAgIHN0eWxlPVwibWFyZ2luLWxlZnQ6IDEwcHhcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJhcHBseVNlbGVjdGlvbigpXCI+XG4gICAgICAgICAgICAgICAgQXBwbHlcbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -635,6 +635,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
635
635
|
* Component for menu entry in context menu
|
|
636
636
|
*/
|
|
637
637
|
class SacContextmenuItemButtonComponent extends SacContextmenuItemButtonCommon {
|
|
638
|
+
// #endregion Properties
|
|
638
639
|
// #region Constructors
|
|
639
640
|
/**
|
|
640
641
|
* Constructor
|
|
@@ -643,13 +644,21 @@ class SacContextmenuItemButtonComponent extends SacContextmenuItemButtonCommon {
|
|
|
643
644
|
constructor(el) {
|
|
644
645
|
super();
|
|
645
646
|
this.el = el;
|
|
647
|
+
// #region Properties
|
|
648
|
+
this.ref = [];
|
|
646
649
|
}
|
|
647
650
|
// #endregion Constructors
|
|
648
651
|
// #region Public Methods
|
|
652
|
+
ngOnDestroy() {
|
|
653
|
+
for (let i = 0; i < this.ref.length; i++) {
|
|
654
|
+
this.ref[i].parentElement.removeChild(this.ref[i]);
|
|
655
|
+
}
|
|
656
|
+
}
|
|
649
657
|
ngOnInit() {
|
|
650
658
|
const rootElement = this.el.nativeElement;
|
|
651
659
|
const parentElement = rootElement.parentElement;
|
|
652
660
|
while (rootElement.firstChild) {
|
|
661
|
+
this.ref.push(rootElement.firstChild);
|
|
653
662
|
parentElement.insertBefore(rootElement.firstChild, rootElement);
|
|
654
663
|
}
|
|
655
664
|
parentElement.removeChild(rootElement);
|
|
@@ -760,11 +769,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
760
769
|
|
|
761
770
|
class SacDateSelectorComponent extends SacDateSelectorCommon {
|
|
762
771
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacDateSelectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
763
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacDateSelectorComponent, isStandalone: true, selector: "sac-dateselector", usesInheritance: true, ngImport: i0, template: "<div
|
|
772
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SacDateSelectorComponent, isStandalone: true, selector: "sac-dateselector", usesInheritance: true, ngImport: i0, template: "<div\n class=\"calendar-selector\"\n style=\"min-width: 265px\">\n <table\n class=\"table-condensed\"\n style=\"width: 100%\"\n *ngIf=\"dateselection\">\n <thead>\n <tr>\n <th\n class=\"prev text-left\"\n (click)=\"monthBack()\">\n <i [class]=\"iconMonthPrev\"></i>\n </th>\n <th\n colspan=\"5\"\n class=\"switch text-center\"\n >{{ month + 1 }}/{{ year }}</th\n >\n <th\n class=\"next text-right\"\n (click)=\"monthNext()\">\n <i [class]=\"iconMonthNext\"></i>\n </th>\n </tr>\n <tr>\n <th class=\"dow text-center\">Mo</th>\n <th class=\"dow text-center\">Di</th>\n <th class=\"dow text-center\">Mi</th>\n <th class=\"dow text-center\">Do</th>\n <th class=\"dow text-center\">Fr</th>\n <th class=\"dow text-center\">Sa</th>\n <th class=\"dow text-center\">So</th>\n </tr>\n </thead>\n <tbody>\n <ng-container *ngFor=\"let week of dates; let i = index\">\n <tr>\n <td\n class=\"text-center\"\n *ngFor=\"let item of week\"\n [ngStyle]=\"{ cursor: item.isenabled ? 'pointer' : null }\"\n [ngClass]=\"{ 'day-current': item.iscurrent, 'day-selected': item.isselected, 'day-new': item.isnew, 'day-disabled': !item.isenabled }\"\n (click)=\"selectDate(item)\">\n {{ item.displaytext }}\n </td>\n </tr>\n </ng-container>\n </tbody>\n </table>\n <div\n class=\"container-fluid\"\n *ngIf=\"timeselection\"\n style=\"margin-top: 10px\">\n <div class=\"row\">\n <div\n class=\"col-md-6\"\n style=\"padding-right: 20px\">\n <div class=\"form-group\">\n <label>Stunde</label>\n <input\n type=\"number\"\n class=\"form-control\"\n [value]=\"getHours()\"\n (input)=\"setHours($event.target.value)\"\n min=\"0\"\n max=\"23\" />\n </div>\n </div>\n <div\n class=\"col-md-6\"\n style=\"padding-left: 20px\">\n <div class=\"form-group\">\n <label>Minute</label>\n <input\n type=\"number\"\n class=\"form-control\"\n [value]=\"getMinutes()\"\n (input)=\"setMinutes($event.target.value)\"\n min=\"0\"\n max=\"59\" />\n </div>\n </div>\n </div>\n </div>\n <div\n class=\"row\"\n style=\"margin-top: 10px\">\n <div class=\"col-xs-4 text-left\">\n <button\n type=\"button\"\n class=\"btn btn-default\"\n (click)=\"setToday()\">\n Heute\n </button>\n </div>\n <div class=\"col-xs-8 text-right\">\n <button\n type=\"button\"\n class=\"btn btn-default\"\n (click)=\"resetSelection()\">\n Reset\n </button>\n <button\n type=\"button\"\n class=\"btn btn-primary\"\n style=\"margin-left: 10px\"\n (click)=\"applySelection()\">\n Apply\n </button>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
764
773
|
}
|
|
765
774
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SacDateSelectorComponent, decorators: [{
|
|
766
775
|
type: Component,
|
|
767
|
-
args: [{ selector: 'sac-dateselector', standalone: true, imports: [NgIf, NgFor, NgStyle, NgClass], template: "<div
|
|
776
|
+
args: [{ selector: 'sac-dateselector', standalone: true, imports: [NgIf, NgFor, NgStyle, NgClass], template: "<div\n class=\"calendar-selector\"\n style=\"min-width: 265px\">\n <table\n class=\"table-condensed\"\n style=\"width: 100%\"\n *ngIf=\"dateselection\">\n <thead>\n <tr>\n <th\n class=\"prev text-left\"\n (click)=\"monthBack()\">\n <i [class]=\"iconMonthPrev\"></i>\n </th>\n <th\n colspan=\"5\"\n class=\"switch text-center\"\n >{{ month + 1 }}/{{ year }}</th\n >\n <th\n class=\"next text-right\"\n (click)=\"monthNext()\">\n <i [class]=\"iconMonthNext\"></i>\n </th>\n </tr>\n <tr>\n <th class=\"dow text-center\">Mo</th>\n <th class=\"dow text-center\">Di</th>\n <th class=\"dow text-center\">Mi</th>\n <th class=\"dow text-center\">Do</th>\n <th class=\"dow text-center\">Fr</th>\n <th class=\"dow text-center\">Sa</th>\n <th class=\"dow text-center\">So</th>\n </tr>\n </thead>\n <tbody>\n <ng-container *ngFor=\"let week of dates; let i = index\">\n <tr>\n <td\n class=\"text-center\"\n *ngFor=\"let item of week\"\n [ngStyle]=\"{ cursor: item.isenabled ? 'pointer' : null }\"\n [ngClass]=\"{ 'day-current': item.iscurrent, 'day-selected': item.isselected, 'day-new': item.isnew, 'day-disabled': !item.isenabled }\"\n (click)=\"selectDate(item)\">\n {{ item.displaytext }}\n </td>\n </tr>\n </ng-container>\n </tbody>\n </table>\n <div\n class=\"container-fluid\"\n *ngIf=\"timeselection\"\n style=\"margin-top: 10px\">\n <div class=\"row\">\n <div\n class=\"col-md-6\"\n style=\"padding-right: 20px\">\n <div class=\"form-group\">\n <label>Stunde</label>\n <input\n type=\"number\"\n class=\"form-control\"\n [value]=\"getHours()\"\n (input)=\"setHours($event.target.value)\"\n min=\"0\"\n max=\"23\" />\n </div>\n </div>\n <div\n class=\"col-md-6\"\n style=\"padding-left: 20px\">\n <div class=\"form-group\">\n <label>Minute</label>\n <input\n type=\"number\"\n class=\"form-control\"\n [value]=\"getMinutes()\"\n (input)=\"setMinutes($event.target.value)\"\n min=\"0\"\n max=\"59\" />\n </div>\n </div>\n </div>\n </div>\n <div\n class=\"row\"\n style=\"margin-top: 10px\">\n <div class=\"col-xs-4 text-left\">\n <button\n type=\"button\"\n class=\"btn btn-default\"\n (click)=\"setToday()\">\n Heute\n </button>\n </div>\n <div class=\"col-xs-8 text-right\">\n <button\n type=\"button\"\n class=\"btn btn-default\"\n (click)=\"resetSelection()\">\n Reset\n </button>\n <button\n type=\"button\"\n class=\"btn btn-primary\"\n style=\"margin-left: 10px\"\n (click)=\"applySelection()\">\n Apply\n </button>\n </div>\n </div>\n</div>\n" }]
|
|
768
777
|
}] });
|
|
769
778
|
|
|
770
779
|
// #region Classes
|