wl-layout 0.0.5
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +1 -0
- package/package.json +11 -0
- package/wl-layout.js +526 -0
package/README.md
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
Testing layout on pre-prod.
|
package/package.json
ADDED
package/wl-layout.js
ADDED
@@ -0,0 +1,526 @@
|
|
1
|
+
import * as i1 from '@angular/common';
|
2
|
+
import { CommonModule } from '@angular/common';
|
3
|
+
import * as i0 from '@angular/core';
|
4
|
+
import { Component, Input, NgModule, EventEmitter, Output } from '@angular/core';
|
5
|
+
import * as i2 from '@angular/router';
|
6
|
+
import { RouterModule } from '@angular/router';
|
7
|
+
import * as i2$1 from '@ngx-translate/core';
|
8
|
+
import { TranslateModule } from '@ngx-translate/core';
|
9
|
+
import * as i1$2 from '@ng-bootstrap/ng-bootstrap';
|
10
|
+
import * as i1$1 from 'wl-global-services';
|
11
|
+
|
12
|
+
class BreadcrumbsComponent {
|
13
|
+
//to check
|
14
|
+
constructor() {
|
15
|
+
this.title = '';
|
16
|
+
this.breadcrumbs = [];
|
17
|
+
this.homeRoute = 'sims';
|
18
|
+
}
|
19
|
+
}
|
20
|
+
BreadcrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
21
|
+
BreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BreadcrumbsComponent, selector: "wll-breadcrumbs", inputs: { title: "title", breadcrumbs: "breadcrumbs", homeRoute: "homeRoute" }, ngImport: i0, template: "<ul class=\"breadcrumbs-list ellipsis-no-width\">\n <li>\n <a routerLink=\"/{{ homeRoute }}\">{{ 'SMSBundle.generic.home' | translate }}</a>\n <span *ngIf=\"breadcrumbs?.length\"> > </span>\n </li>\n <li *ngFor=\"let breadcrumb of breadcrumbs; last as last\">\n <a *ngIf=\"breadcrumb.link\" [routerLink]=\"[breadcrumb.link]\">{{ breadcrumb.title | translate }}</a>\n <span *ngIf=\"!breadcrumb.link\">{{ breadcrumb.title | translate }}</span>\n <span *ngIf=\"!last\"> > </span>\n </li>\n</ul>\n\n<h2 class=\"breadcrumbs-title\">{{ title | translate }}</h2>\n", styles: [".breadcrumbs-title{color:#73c0e0;font-size:26px;margin:0}.breadcrumbs-list{width:800px;list-style:none;padding-left:0;margin-bottom:8px;text-transform:uppercase;font-size:1.2em;color:#a0a0a0}.breadcrumbs-list li{display:inline-block}.breadcrumbs-list li a{color:#a0a0a0}\n"], directives: [{ type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i2$1.TranslatePipe } });
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
|
23
|
+
type: Component,
|
24
|
+
args: [{
|
25
|
+
selector: 'wll-breadcrumbs',
|
26
|
+
templateUrl: 'breadcrumbs.component.html',
|
27
|
+
styleUrls: ['breadcrumbs.component.scss']
|
28
|
+
}]
|
29
|
+
}], propDecorators: { title: [{
|
30
|
+
type: Input
|
31
|
+
}], breadcrumbs: [{
|
32
|
+
type: Input
|
33
|
+
}], homeRoute: [{
|
34
|
+
type: Input
|
35
|
+
}] } });
|
36
|
+
|
37
|
+
class WlBreadcrumbsModule {
|
38
|
+
}
|
39
|
+
WlBreadcrumbsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlBreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
40
|
+
WlBreadcrumbsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlBreadcrumbsModule, declarations: [BreadcrumbsComponent], imports: [CommonModule,
|
41
|
+
TranslateModule,
|
42
|
+
RouterModule], exports: [BreadcrumbsComponent] });
|
43
|
+
WlBreadcrumbsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlBreadcrumbsModule, imports: [[
|
44
|
+
CommonModule,
|
45
|
+
TranslateModule,
|
46
|
+
RouterModule
|
47
|
+
]] });
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlBreadcrumbsModule, decorators: [{
|
49
|
+
type: NgModule,
|
50
|
+
args: [{
|
51
|
+
declarations: [
|
52
|
+
BreadcrumbsComponent
|
53
|
+
],
|
54
|
+
imports: [
|
55
|
+
CommonModule,
|
56
|
+
TranslateModule,
|
57
|
+
RouterModule
|
58
|
+
],
|
59
|
+
exports: [
|
60
|
+
BreadcrumbsComponent
|
61
|
+
]
|
62
|
+
}]
|
63
|
+
}] });
|
64
|
+
|
65
|
+
class ActionButtonBarComponent {
|
66
|
+
}
|
67
|
+
ActionButtonBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionButtonBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
68
|
+
ActionButtonBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ActionButtonBarComponent, selector: "wll-action-button-bar", ngImport: i0, template: "<div class=\"action-button-bar\">\n <ng-content></ng-content>\n <div class=\"clear-both\"></div>\n</div>\n", styles: [".action-button-bar{background-color:#fff;padding:12px;margin:0 -15px 15px}.clear-both{clear:both}\n"] });
|
69
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionButtonBarComponent, decorators: [{
|
70
|
+
type: Component,
|
71
|
+
args: [{
|
72
|
+
selector: 'wll-action-button-bar',
|
73
|
+
templateUrl: 'action-button-bar.component.html',
|
74
|
+
styleUrls: ['action-button-bar.component.scss']
|
75
|
+
}]
|
76
|
+
}] });
|
77
|
+
|
78
|
+
class ActionButtonComponent {
|
79
|
+
constructor() {
|
80
|
+
this.cssClass = 'btn-primary';
|
81
|
+
this.label = '';
|
82
|
+
this.showTitle = false;
|
83
|
+
this.btnClick = new EventEmitter();
|
84
|
+
}
|
85
|
+
click() {
|
86
|
+
this.btnClick.emit(true);
|
87
|
+
}
|
88
|
+
}
|
89
|
+
ActionButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
90
|
+
ActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ActionButtonComponent, selector: "wll-action-button", inputs: { cssClass: "cssClass", isDisabled: "isDisabled", label: "label", showTitle: "showTitle" }, outputs: { btnClick: "btnClick" }, ngImport: i0, template: "<ng-container *ngIf=\"!showTitle\">\n <button type=\"button\" [ngClass]=\"'btn btn-sm ' + cssClass\" [disabled]=\"isDisabled\" (click)=\"click()\">{{ label | translate }}</button>\n</ng-container>\n\n<ng-container *ngIf=\"showTitle\">\n <button type=\"button\" [ngClass]=\"'btn btn-sm ' + cssClass\" [disabled]=\"isDisabled\" (click)=\"click()\" [title]=\"label | translate\">\n {{ label | translate }}\n </button>\n</ng-container>\n", styles: ["button{margin:1px;overflow:hidden;text-overflow:ellipsis;min-width:120px;border-radius:3px;padding-top:5px;padding-bottom:5px}button.slot{width:99%}button.is-disabled{background-color:#cacaca;border-color:#cacaca}button.is-disabled:active{background-color:#cacaca;border-color:#cacaca;box-shadow:none}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "translate": i2$1.TranslatePipe } });
|
91
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionButtonComponent, decorators: [{
|
92
|
+
type: Component,
|
93
|
+
args: [{
|
94
|
+
selector: 'wll-action-button',
|
95
|
+
templateUrl: 'action-button.component.html',
|
96
|
+
styleUrls: ['action-button.component.scss']
|
97
|
+
}]
|
98
|
+
}], propDecorators: { cssClass: [{
|
99
|
+
type: Input
|
100
|
+
}], isDisabled: [{
|
101
|
+
type: Input
|
102
|
+
}], label: [{
|
103
|
+
type: Input
|
104
|
+
}], showTitle: [{
|
105
|
+
type: Input
|
106
|
+
}], btnClick: [{
|
107
|
+
type: Output
|
108
|
+
}] } });
|
109
|
+
|
110
|
+
class BackButtonComponent {
|
111
|
+
constructor(location, router) {
|
112
|
+
this.location = location;
|
113
|
+
this.router = router;
|
114
|
+
}
|
115
|
+
redirect() {
|
116
|
+
if (this.backRoute) {
|
117
|
+
// check
|
118
|
+
this.router.navigate(this.backRoute).then();
|
119
|
+
}
|
120
|
+
else if (this.backUrl) {
|
121
|
+
this.router.navigateByUrl(this.backUrl).then();
|
122
|
+
}
|
123
|
+
else {
|
124
|
+
this.location.back();
|
125
|
+
}
|
126
|
+
}
|
127
|
+
}
|
128
|
+
BackButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BackButtonComponent, deps: [{ token: i1.Location }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
|
129
|
+
BackButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BackButtonComponent, selector: "wll-back-button", inputs: { backUrl: "backUrl", backRoute: "backRoute" }, ngImport: i0, template: "<button type=\"button\" class=\"btn btn-primary btn-inverse\" (click)=\"redirect()\">{{ \"GUIBundle.generic.button.back\" | translate }}</button>\n", styles: [".btn{margin-right:5px;min-width:80px}\n"], pipes: { "translate": i2$1.TranslatePipe } });
|
130
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BackButtonComponent, decorators: [{
|
131
|
+
type: Component,
|
132
|
+
args: [{
|
133
|
+
selector: 'wll-back-button',
|
134
|
+
templateUrl: 'back-button.component.html',
|
135
|
+
styleUrls: ['back-button.component.scss']
|
136
|
+
}]
|
137
|
+
}], ctorParameters: function () { return [{ type: i1.Location }, { type: i2.Router }]; }, propDecorators: { backUrl: [{
|
138
|
+
type: Input
|
139
|
+
}], backRoute: [{
|
140
|
+
type: Input
|
141
|
+
}] } });
|
142
|
+
|
143
|
+
class WlButtonModule {
|
144
|
+
}
|
145
|
+
WlButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
146
|
+
WlButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlButtonModule, declarations: [ActionButtonComponent,
|
147
|
+
ActionButtonBarComponent,
|
148
|
+
BackButtonComponent], imports: [CommonModule,
|
149
|
+
TranslateModule,
|
150
|
+
RouterModule], exports: [ActionButtonComponent,
|
151
|
+
ActionButtonBarComponent,
|
152
|
+
BackButtonComponent] });
|
153
|
+
WlButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlButtonModule, imports: [[
|
154
|
+
CommonModule,
|
155
|
+
TranslateModule,
|
156
|
+
RouterModule
|
157
|
+
]] });
|
158
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlButtonModule, decorators: [{
|
159
|
+
type: NgModule,
|
160
|
+
args: [{
|
161
|
+
declarations: [
|
162
|
+
ActionButtonComponent,
|
163
|
+
ActionButtonBarComponent,
|
164
|
+
BackButtonComponent
|
165
|
+
],
|
166
|
+
imports: [
|
167
|
+
CommonModule,
|
168
|
+
TranslateModule,
|
169
|
+
RouterModule
|
170
|
+
],
|
171
|
+
exports: [
|
172
|
+
ActionButtonComponent,
|
173
|
+
ActionButtonBarComponent,
|
174
|
+
BackButtonComponent
|
175
|
+
]
|
176
|
+
}]
|
177
|
+
}] });
|
178
|
+
|
179
|
+
class DataListComponent {
|
180
|
+
constructor() {
|
181
|
+
this.label = '';
|
182
|
+
this.value = false;
|
183
|
+
}
|
184
|
+
}
|
185
|
+
DataListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DataListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
186
|
+
DataListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DataListComponent, selector: "wll-data-list", inputs: { label: "label", value: "value" }, ngImport: i0, template: "<span class=\"list-group-item\">\n {{ label | translate }}\n <span class=\"pull-right data-list-value\" *ngIf=\"value\">\n <ng-content></ng-content>\n </span>\n <div class=\"spacer clear-both\"></div>\n</span>\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i2$1.TranslatePipe } });
|
187
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DataListComponent, decorators: [{
|
188
|
+
type: Component,
|
189
|
+
args: [{
|
190
|
+
selector: 'wll-data-list',
|
191
|
+
templateUrl: 'data-list.component.html'
|
192
|
+
}]
|
193
|
+
}], propDecorators: { label: [{
|
194
|
+
type: Input
|
195
|
+
}], value: [{
|
196
|
+
type: Input
|
197
|
+
}] } });
|
198
|
+
|
199
|
+
class DataSectionComponent {
|
200
|
+
}
|
201
|
+
DataSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DataSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
202
|
+
DataSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DataSectionComponent, selector: "wll-data-section", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"list-group col-lg-6\">\n <ng-container *ngFor=\"let item of data\">\n <span class=\"list-group-item\" *ngIf=\"!item.hidden\">\n {{ item.label | translate }}\n <span class=\"pull-right\">\n <strong>{{ item.value }}</strong>\n </span>\n </span>\n </ng-container>\n <ng-content></ng-content>\n</div>\n", directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i2$1.TranslatePipe } });
|
203
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DataSectionComponent, decorators: [{
|
204
|
+
type: Component,
|
205
|
+
args: [{
|
206
|
+
selector: 'wll-data-section',
|
207
|
+
templateUrl: 'data-section.component.html'
|
208
|
+
}]
|
209
|
+
}], propDecorators: { data: [{
|
210
|
+
type: Input
|
211
|
+
}] } });
|
212
|
+
|
213
|
+
class WlDataLayoutModule {
|
214
|
+
}
|
215
|
+
WlDataLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlDataLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
216
|
+
WlDataLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlDataLayoutModule, declarations: [DataListComponent,
|
217
|
+
DataSectionComponent], imports: [CommonModule,
|
218
|
+
TranslateModule,
|
219
|
+
RouterModule], exports: [DataListComponent,
|
220
|
+
DataSectionComponent] });
|
221
|
+
WlDataLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlDataLayoutModule, imports: [[
|
222
|
+
CommonModule,
|
223
|
+
TranslateModule,
|
224
|
+
RouterModule
|
225
|
+
]] });
|
226
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlDataLayoutModule, decorators: [{
|
227
|
+
type: NgModule,
|
228
|
+
args: [{
|
229
|
+
declarations: [
|
230
|
+
DataListComponent,
|
231
|
+
DataSectionComponent
|
232
|
+
],
|
233
|
+
imports: [
|
234
|
+
CommonModule,
|
235
|
+
TranslateModule,
|
236
|
+
RouterModule
|
237
|
+
],
|
238
|
+
exports: [
|
239
|
+
DataListComponent,
|
240
|
+
DataSectionComponent
|
241
|
+
]
|
242
|
+
}]
|
243
|
+
}] });
|
244
|
+
|
245
|
+
class IboxContentComponent {
|
246
|
+
constructor() {
|
247
|
+
this.style = {};
|
248
|
+
}
|
249
|
+
ngOnInit() {
|
250
|
+
if (this.height) {
|
251
|
+
this.style = { height: this.height + 'px' };
|
252
|
+
}
|
253
|
+
}
|
254
|
+
}
|
255
|
+
IboxContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IboxContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
256
|
+
IboxContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IboxContentComponent, selector: "wll-ibox-content", inputs: { height: "height" }, ngImport: i0, template: "<div class=\"ibox-content\" [ngStyle]=\"style\">\n <div class=\"row\">\n <div class=\"col-sm-12\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", directives: [{ type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
257
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IboxContentComponent, decorators: [{
|
258
|
+
type: Component,
|
259
|
+
args: [{
|
260
|
+
selector: 'wll-ibox-content',
|
261
|
+
templateUrl: 'ibox-content.component.html'
|
262
|
+
}]
|
263
|
+
}], propDecorators: { height: [{
|
264
|
+
type: Input
|
265
|
+
}] } });
|
266
|
+
|
267
|
+
class IboxTitleComponent {
|
268
|
+
}
|
269
|
+
IboxTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IboxTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
270
|
+
IboxTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IboxTitleComponent, selector: "wll-ibox-title", ngImport: i0, template: "<div class=\"ibox-title\">\n <h5>\n <ng-content></ng-content>\n </h5>\n</div>\n" });
|
271
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IboxTitleComponent, decorators: [{
|
272
|
+
type: Component,
|
273
|
+
args: [{
|
274
|
+
selector: 'wll-ibox-title',
|
275
|
+
templateUrl: 'ibox-title.component.html'
|
276
|
+
}]
|
277
|
+
}] });
|
278
|
+
|
279
|
+
class IboxComponent {
|
280
|
+
constructor() {
|
281
|
+
this.boxClass = {};
|
282
|
+
}
|
283
|
+
}
|
284
|
+
IboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
285
|
+
IboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IboxComponent, selector: "wll-ibox", inputs: { boxClass: "boxClass" }, ngImport: i0, template: "<div class=\"row\">\n <div class=\"col-12\">\n <div class=\"ibox float-e-margins\" [ngClass]=\"boxClass\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
286
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IboxComponent, decorators: [{
|
287
|
+
type: Component,
|
288
|
+
args: [{
|
289
|
+
selector: 'wll-ibox',
|
290
|
+
templateUrl: 'ibox.component.html'
|
291
|
+
}]
|
292
|
+
}], propDecorators: { boxClass: [{
|
293
|
+
type: Input
|
294
|
+
}] } });
|
295
|
+
|
296
|
+
class WrapperComponent {
|
297
|
+
}
|
298
|
+
WrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
299
|
+
WrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: WrapperComponent, selector: "wll-wrapper", ngImport: i0, template: "<div class=\"wrapper wrapper-content animated fadeIn\">\n <ng-content></ng-content>\n</div>\n" });
|
300
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WrapperComponent, decorators: [{
|
301
|
+
type: Component,
|
302
|
+
args: [{
|
303
|
+
selector: 'wll-wrapper',
|
304
|
+
templateUrl: 'wrapper.component.html'
|
305
|
+
}]
|
306
|
+
}] });
|
307
|
+
|
308
|
+
class WlLayoutModule {
|
309
|
+
}
|
310
|
+
WlLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
311
|
+
WlLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlLayoutModule, declarations: [IboxComponent,
|
312
|
+
IboxContentComponent,
|
313
|
+
IboxTitleComponent,
|
314
|
+
WrapperComponent], imports: [CommonModule,
|
315
|
+
TranslateModule,
|
316
|
+
RouterModule], exports: [IboxComponent,
|
317
|
+
IboxContentComponent,
|
318
|
+
IboxTitleComponent,
|
319
|
+
WrapperComponent] });
|
320
|
+
WlLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlLayoutModule, imports: [[
|
321
|
+
CommonModule,
|
322
|
+
TranslateModule,
|
323
|
+
RouterModule
|
324
|
+
]] });
|
325
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlLayoutModule, decorators: [{
|
326
|
+
type: NgModule,
|
327
|
+
args: [{
|
328
|
+
declarations: [
|
329
|
+
IboxComponent,
|
330
|
+
IboxContentComponent,
|
331
|
+
IboxTitleComponent,
|
332
|
+
WrapperComponent
|
333
|
+
],
|
334
|
+
imports: [
|
335
|
+
CommonModule,
|
336
|
+
TranslateModule,
|
337
|
+
RouterModule
|
338
|
+
],
|
339
|
+
exports: [
|
340
|
+
IboxComponent,
|
341
|
+
IboxContentComponent,
|
342
|
+
IboxTitleComponent,
|
343
|
+
WrapperComponent
|
344
|
+
]
|
345
|
+
}]
|
346
|
+
}] });
|
347
|
+
|
348
|
+
class WlEmptyBlockComponent {
|
349
|
+
constructor() {
|
350
|
+
this.region = "";
|
351
|
+
this.height = 0;
|
352
|
+
}
|
353
|
+
ngOnInit() {
|
354
|
+
if (this.region === 'upper') {
|
355
|
+
this.height = 60;
|
356
|
+
}
|
357
|
+
if (this.region === 'lower') {
|
358
|
+
this.height = 81;
|
359
|
+
}
|
360
|
+
}
|
361
|
+
}
|
362
|
+
WlEmptyBlockComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlEmptyBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
363
|
+
WlEmptyBlockComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: WlEmptyBlockComponent, selector: "wll-empty-block", inputs: { region: "region" }, ngImport: i0, template: "<div class=\"empty-block\" [ngStyle]=\"{ 'height.px': height?.toString() }\"></div>\n", directives: [{ type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
364
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlEmptyBlockComponent, decorators: [{
|
365
|
+
type: Component,
|
366
|
+
args: [{
|
367
|
+
selector: 'wll-empty-block',
|
368
|
+
templateUrl: 'wl-empty-block.component.html'
|
369
|
+
}]
|
370
|
+
}], propDecorators: { region: [{
|
371
|
+
type: Input
|
372
|
+
}] } });
|
373
|
+
|
374
|
+
class WlEmptyBlockModule {
|
375
|
+
}
|
376
|
+
WlEmptyBlockModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlEmptyBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
377
|
+
WlEmptyBlockModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlEmptyBlockModule, declarations: [WlEmptyBlockComponent], imports: [CommonModule,
|
378
|
+
TranslateModule,
|
379
|
+
RouterModule], exports: [WlEmptyBlockComponent] });
|
380
|
+
WlEmptyBlockModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlEmptyBlockModule, imports: [[
|
381
|
+
CommonModule,
|
382
|
+
TranslateModule,
|
383
|
+
RouterModule
|
384
|
+
]] });
|
385
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlEmptyBlockModule, decorators: [{
|
386
|
+
type: NgModule,
|
387
|
+
args: [{
|
388
|
+
declarations: [
|
389
|
+
WlEmptyBlockComponent
|
390
|
+
],
|
391
|
+
imports: [
|
392
|
+
CommonModule,
|
393
|
+
TranslateModule,
|
394
|
+
RouterModule
|
395
|
+
],
|
396
|
+
exports: [
|
397
|
+
WlEmptyBlockComponent
|
398
|
+
]
|
399
|
+
}]
|
400
|
+
}] });
|
401
|
+
|
402
|
+
class ReusableModalComponent {
|
403
|
+
constructor(translate) {
|
404
|
+
this.translate = translate;
|
405
|
+
this.modalTitle = 'Modal dialog';
|
406
|
+
this.faIconClasses = null;
|
407
|
+
this.hasCloseBtn = true;
|
408
|
+
// eslint-disable-next-line @angular-eslint/no-output-on-prefix
|
409
|
+
this.onClose = new EventEmitter();
|
410
|
+
}
|
411
|
+
ngOnInit() {
|
412
|
+
this.modalTitle = this.translate.transSafe(this.modalTitle);
|
413
|
+
}
|
414
|
+
onCloseClick() {
|
415
|
+
this.onClose.emit(true);
|
416
|
+
}
|
417
|
+
}
|
418
|
+
ReusableModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ReusableModalComponent, deps: [{ token: i1$1.TranslationService }], target: i0.ɵɵFactoryTarget.Component });
|
419
|
+
ReusableModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ReusableModalComponent, selector: "wll-reusable-modal", inputs: { modalTitle: "modalTitle", faIconClasses: "faIconClasses", hasCloseBtn: "hasCloseBtn" }, outputs: { onClose: "onClose" }, ngImport: i0, template: "<div class=\"modal-content\">\n <div class=\"modal-header\">\n <button *ngIf=\"hasCloseBtn !== false\" (click)=\"onCloseClick()\" class=\"close\">\n <span aria-hidden=\"true\">×</span>\n </button>\n <h4 class=\"modal-title\">\n <em *ngIf=\"faIconClasses\" [ngClass]=\"'fa ' + faIconClasses\" aria-hidden=\"true\"></em>\n <span *ngIf=\"faIconClasses\" class=\"modal-title-text\">{{ modalTitle }}</span>\n <span *ngIf=\"!faIconClasses\" class=\"modal-title-text-no-icon\">{{ modalTitle }}</span>\n </h4>\n </div>\n <div class=\"modal-body\">\n <ng-content select=\"[modal-section=body]\"></ng-content>\n </div>\n <div class=\"modal-footer\">\n <ng-content select=\"[modal-section=footer]\"></ng-content>\n </div>\n</div>\n", styles: [".modal-header{padding:8px 15px;background-color:#fff;color:#777}.modal-header em{display:inline-block;padding-right:5px}.modal-header .close{outline:none;margin-top:-9px}.modal-title-text{position:relative;top:-5px;left:5px}.modal-title-text-no-icon{font-size:16px}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
420
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ReusableModalComponent, decorators: [{
|
421
|
+
type: Component,
|
422
|
+
args: [{
|
423
|
+
selector: 'wll-reusable-modal',
|
424
|
+
templateUrl: 'reusable-modal.component.html',
|
425
|
+
styleUrls: ['reusable-modal.component.scss']
|
426
|
+
}]
|
427
|
+
}], ctorParameters: function () { return [{ type: i1$1.TranslationService }]; }, propDecorators: { modalTitle: [{
|
428
|
+
type: Input
|
429
|
+
}], faIconClasses: [{
|
430
|
+
type: Input
|
431
|
+
}], hasCloseBtn: [{
|
432
|
+
type: Input
|
433
|
+
}], onClose: [{
|
434
|
+
type: Output
|
435
|
+
}] } });
|
436
|
+
|
437
|
+
// TODO: Fix environment
|
438
|
+
const environment = {
|
439
|
+
apiUrl: "https://simprouat.wirelesslogic.com/v5/api/"
|
440
|
+
};
|
441
|
+
class WllModalFilePreviewComponent {
|
442
|
+
constructor(activeModal) {
|
443
|
+
this.activeModal = activeModal;
|
444
|
+
this.url = '';
|
445
|
+
}
|
446
|
+
ngOnInit() {
|
447
|
+
this.url = environment.apiUrl + this.filePath;
|
448
|
+
}
|
449
|
+
}
|
450
|
+
WllModalFilePreviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WllModalFilePreviewComponent, deps: [{ token: i1$2.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component });
|
451
|
+
WllModalFilePreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: WllModalFilePreviewComponent, selector: "wll-modal-file-preview.module.ts", inputs: { filePath: "filePath" }, ngImport: i0, template: "<wll-reusable-modal\n [modalTitle]=\"'GUIBundle.generic.image_preview' | translate\"\n faIconClasses=\"fa-info-circle fa-2x\"\n (onClose)=\"activeModal.dismiss('Close click')\"\n>\n <div modal-section=\"body\">\n<!-- <img class=\"image\" [src]=\"url | secure | async\" alt=\"WL\" />-->\n </div>\n <div modal-section=\"footer\">\n <button (click)=\"activeModal.dismiss('Close click')\" class=\"btn btn-primary\">{{ \"GUIBundle.generic.cancel\" | translate }}</button>\n </div>\n</wll-reusable-modal>\n", styles: [".image{max-width:100%}\n"], components: [{ type: ReusableModalComponent, selector: "wll-reusable-modal", inputs: ["modalTitle", "faIconClasses", "hasCloseBtn"], outputs: ["onClose"] }], pipes: { "translate": i2$1.TranslatePipe } });
|
452
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WllModalFilePreviewComponent, decorators: [{
|
453
|
+
type: Component,
|
454
|
+
args: [{
|
455
|
+
selector: 'wll-modal-file-preview.module.ts',
|
456
|
+
templateUrl: 'wll-modal-file-preview.component.html',
|
457
|
+
styleUrls: ['wll-modal-file-preview.component.scss']
|
458
|
+
}]
|
459
|
+
}], ctorParameters: function () { return [{ type: i1$2.NgbActiveModal }]; }, propDecorators: { filePath: [{
|
460
|
+
type: Input
|
461
|
+
}] } });
|
462
|
+
|
463
|
+
class WlReusableModalModule {
|
464
|
+
}
|
465
|
+
WlReusableModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlReusableModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
466
|
+
WlReusableModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlReusableModalModule, declarations: [ReusableModalComponent], imports: [CommonModule,
|
467
|
+
TranslateModule,
|
468
|
+
RouterModule], exports: [ReusableModalComponent] });
|
469
|
+
WlReusableModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlReusableModalModule, imports: [[
|
470
|
+
CommonModule,
|
471
|
+
TranslateModule,
|
472
|
+
RouterModule
|
473
|
+
]] });
|
474
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WlReusableModalModule, decorators: [{
|
475
|
+
type: NgModule,
|
476
|
+
args: [{
|
477
|
+
declarations: [
|
478
|
+
ReusableModalComponent
|
479
|
+
],
|
480
|
+
imports: [
|
481
|
+
CommonModule,
|
482
|
+
TranslateModule,
|
483
|
+
RouterModule
|
484
|
+
],
|
485
|
+
exports: [
|
486
|
+
ReusableModalComponent
|
487
|
+
]
|
488
|
+
}]
|
489
|
+
}] });
|
490
|
+
|
491
|
+
class WllModalFilePreviewModule {
|
492
|
+
}
|
493
|
+
WllModalFilePreviewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WllModalFilePreviewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
494
|
+
WllModalFilePreviewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WllModalFilePreviewModule, declarations: [WllModalFilePreviewComponent], imports: [CommonModule,
|
495
|
+
TranslateModule,
|
496
|
+
RouterModule,
|
497
|
+
WlReusableModalModule], exports: [WllModalFilePreviewComponent] });
|
498
|
+
WllModalFilePreviewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WllModalFilePreviewModule, imports: [[
|
499
|
+
CommonModule,
|
500
|
+
TranslateModule,
|
501
|
+
RouterModule,
|
502
|
+
WlReusableModalModule,
|
503
|
+
]] });
|
504
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WllModalFilePreviewModule, decorators: [{
|
505
|
+
type: NgModule,
|
506
|
+
args: [{
|
507
|
+
declarations: [
|
508
|
+
WllModalFilePreviewComponent
|
509
|
+
],
|
510
|
+
imports: [
|
511
|
+
CommonModule,
|
512
|
+
TranslateModule,
|
513
|
+
RouterModule,
|
514
|
+
WlReusableModalModule,
|
515
|
+
],
|
516
|
+
exports: [
|
517
|
+
WllModalFilePreviewComponent
|
518
|
+
]
|
519
|
+
}]
|
520
|
+
}] });
|
521
|
+
|
522
|
+
/**
|
523
|
+
* Generated bundle index. Do not edit.
|
524
|
+
*/
|
525
|
+
|
526
|
+
export { ActionButtonBarComponent, ActionButtonComponent, BackButtonComponent, BreadcrumbsComponent, DataListComponent, DataSectionComponent, IboxComponent, IboxContentComponent, IboxTitleComponent, ReusableModalComponent, WlBreadcrumbsModule, WlButtonModule, WlDataLayoutModule, WlEmptyBlockComponent, WlEmptyBlockModule, WlLayoutModule, WlReusableModalModule, WllModalFilePreviewComponent, WllModalFilePreviewModule, WrapperComponent };
|