fabrikantencore 2.39.17 → 2.40.1
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.
|
@@ -19108,11 +19108,11 @@ class FabActionmenuRevitDialogComponent {
|
|
|
19108
19108
|
this.dialogRef.close(true);
|
|
19109
19109
|
}
|
|
19110
19110
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FabActionmenuRevitDialogComponent, deps: [{ token: i1$1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: TranslateService }, { token: FabrikantenService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
19111
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: FabActionmenuRevitDialogComponent, isStandalone: false, selector: "app-fab-actionmenu-revit-dialog", ngImport: i0, template: "<ng-container *ngIf=\"IsRevitPluginDownload()\">\r\n
|
|
19111
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: FabActionmenuRevitDialogComponent, isStandalone: false, selector: "app-fab-actionmenu-revit-dialog", ngImport: i0, template: "<div class=\"main-box\">\r\n <ng-container *ngIf=\"IsRevitPluginDownload()\">\r\n <br />\r\n <div style=\"text-align: center;\">\r\n <button mat-stroked-button (click)=\"StartDownload()\">\r\n Download product\r\n </button>\r\n </div>\r\n\r\n <br />\r\n <br />\r\n\r\n Om het product naar Revit over te halen is de \u2018BCB Revit Plugin\u2019 nodig. <br />\r\n Als u deze plug-in, of de BouwConnect Pro, nog niet heeft kun u de plug-in <a href=\"https://software.bouwconnect.nl/DownloadsOverview.aspx?DownloadTag=BCBRevitPlugin\" target=\"_blank\">hier</a> downloaden.\r\n </ng-container>\r\n <ng-container *ngIf=\"IsRevitFamilyExplainerDownload()\">\r\n <ol>\r\n <li>{{ TranslateService.GetActiveValue(TranslationCategory.Revit, TranslationSubCategory.Line1) }}</li>\r\n <li>{{ TranslateService.GetActiveValue(TranslationCategory.Revit, TranslationSubCategory.Line2) }}</li>\r\n <li>{{ TranslateService.GetActiveValue(TranslationCategory.Revit, TranslationSubCategory.Line3) }}</li>\r\n </ol>\r\n\r\n <img src=\"/assets/revit-download-info.png\" />\r\n\r\n <br />\r\n <br />\r\n <div style=\"text-align: center;\">\r\n <button mat-stroked-button (click)=\"StartDownload()\">\r\n {{ TranslateService.GetActiveValue(TranslationCategory.Revit, TranslationSubCategory.StartDownload) }}\r\n </button>\r\n </div>\r\n </ng-container>\r\n</div>\r\n\r\n", styles: [".main-box{padding:20px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }] });
|
|
19112
19112
|
}
|
|
19113
19113
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FabActionmenuRevitDialogComponent, decorators: [{
|
|
19114
19114
|
type: Component,
|
|
19115
|
-
args: [{ selector: 'app-fab-actionmenu-revit-dialog', standalone: false, template: "<ng-container *ngIf=\"IsRevitPluginDownload()\">\r\n
|
|
19115
|
+
args: [{ selector: 'app-fab-actionmenu-revit-dialog', standalone: false, template: "<div class=\"main-box\">\r\n <ng-container *ngIf=\"IsRevitPluginDownload()\">\r\n <br />\r\n <div style=\"text-align: center;\">\r\n <button mat-stroked-button (click)=\"StartDownload()\">\r\n Download product\r\n </button>\r\n </div>\r\n\r\n <br />\r\n <br />\r\n\r\n Om het product naar Revit over te halen is de \u2018BCB Revit Plugin\u2019 nodig. <br />\r\n Als u deze plug-in, of de BouwConnect Pro, nog niet heeft kun u de plug-in <a href=\"https://software.bouwconnect.nl/DownloadsOverview.aspx?DownloadTag=BCBRevitPlugin\" target=\"_blank\">hier</a> downloaden.\r\n </ng-container>\r\n <ng-container *ngIf=\"IsRevitFamilyExplainerDownload()\">\r\n <ol>\r\n <li>{{ TranslateService.GetActiveValue(TranslationCategory.Revit, TranslationSubCategory.Line1) }}</li>\r\n <li>{{ TranslateService.GetActiveValue(TranslationCategory.Revit, TranslationSubCategory.Line2) }}</li>\r\n <li>{{ TranslateService.GetActiveValue(TranslationCategory.Revit, TranslationSubCategory.Line3) }}</li>\r\n </ol>\r\n\r\n <img src=\"/assets/revit-download-info.png\" />\r\n\r\n <br />\r\n <br />\r\n <div style=\"text-align: center;\">\r\n <button mat-stroked-button (click)=\"StartDownload()\">\r\n {{ TranslateService.GetActiveValue(TranslationCategory.Revit, TranslationSubCategory.StartDownload) }}\r\n </button>\r\n </div>\r\n </ng-container>\r\n</div>\r\n\r\n", styles: [".main-box{padding:20px}\n"] }]
|
|
19116
19116
|
}], ctorParameters: () => [{ type: i1$1.MatDialogRef }, { type: undefined, decorators: [{
|
|
19117
19117
|
type: Inject,
|
|
19118
19118
|
args: [MAT_DIALOG_DATA]
|
|
@@ -21225,7 +21225,7 @@ class MobileService {
|
|
|
21225
21225
|
MobileInterface = false;
|
|
21226
21226
|
MobileInterfaceTiny = false;
|
|
21227
21227
|
NavMode = "side";
|
|
21228
|
-
NavOpened =
|
|
21228
|
+
NavOpened = false;
|
|
21229
21229
|
ActionOpened = false;
|
|
21230
21230
|
constructor() {
|
|
21231
21231
|
}
|
|
@@ -21243,11 +21243,11 @@ class MobileService {
|
|
|
21243
21243
|
this.MobileInterfaceTiny = this.ScreenWidth < 360;
|
|
21244
21244
|
if (this.MobileInterface) {
|
|
21245
21245
|
this.NavMode = "over";
|
|
21246
|
-
this.NavOpened = false;
|
|
21246
|
+
//this.NavOpened = false;
|
|
21247
21247
|
}
|
|
21248
21248
|
else {
|
|
21249
21249
|
this.NavMode = "side";
|
|
21250
|
-
this.NavOpened = true;
|
|
21250
|
+
//this.NavOpened = true;
|
|
21251
21251
|
}
|
|
21252
21252
|
ChangeDetector.detectChanges();
|
|
21253
21253
|
}
|
|
@@ -21970,8 +21970,10 @@ class BeheerProductsConnectRangeinputComponent {
|
|
|
21970
21970
|
RangeInputsViewModel;
|
|
21971
21971
|
RangeInputSelected;
|
|
21972
21972
|
RangeInputNaamNieuw = "";
|
|
21973
|
-
LoadingRangeInputs = false;
|
|
21974
|
-
|
|
21973
|
+
//public LoadingRangeInputs: boolean = false;
|
|
21974
|
+
LoadingRangeInputs = signal(false, ...(ngDevMode ? [{ debugName: "LoadingRangeInputs" }] : /* istanbul ignore next */ []));
|
|
21975
|
+
//public LoadingOptions: boolean = false;
|
|
21976
|
+
LoadingOptions = signal(false, ...(ngDevMode ? [{ debugName: "LoadingOptions" }] : /* istanbul ignore next */ []));
|
|
21975
21977
|
constructor(dialogRef, data, ProductsApiClient, FiltersApiClient, authenticationService, ImportSetsService, ProductsService, ChangeDetectorRef) {
|
|
21976
21978
|
this.dialogRef = dialogRef;
|
|
21977
21979
|
this.data = data;
|
|
@@ -22023,17 +22025,17 @@ class BeheerProductsConnectRangeinputComponent {
|
|
|
22023
22025
|
}
|
|
22024
22026
|
}
|
|
22025
22027
|
LoadRangeInput() {
|
|
22026
|
-
this.LoadingRangeInputs
|
|
22028
|
+
this.LoadingRangeInputs.set(true);
|
|
22027
22029
|
this.FiltersApiClient.getRangeInputsViewModel(this.authenticationService.currentUserValue).subscribe((model) => {
|
|
22028
22030
|
this.RangeInputsViewModel = model;
|
|
22029
|
-
this.LoadingRangeInputs
|
|
22031
|
+
this.LoadingRangeInputs.set(false);
|
|
22030
22032
|
}, (error) => {
|
|
22031
22033
|
alert(error);
|
|
22032
22034
|
});
|
|
22033
22035
|
}
|
|
22034
22036
|
LoadOptions() {
|
|
22035
22037
|
if (this.ProductsService.BCBProductViewModel != null) {
|
|
22036
|
-
this.LoadingOptions
|
|
22038
|
+
this.LoadingOptions.set(true);
|
|
22037
22039
|
var request = new ConnectBCBEigenschapRangeInputRequest();
|
|
22038
22040
|
request.bcbEigenschapId = this.bcbeigenschapid;
|
|
22039
22041
|
request.bcbProductId = this.ProductsService.BCBProductViewModel?.id;
|
|
@@ -22041,14 +22043,14 @@ class BeheerProductsConnectRangeinputComponent {
|
|
|
22041
22043
|
request.loginResponseModel = new LoginResponseModel(this.authenticationService.currentUserValue);
|
|
22042
22044
|
this.ProductsApiClient.connectBCBEigenschapRangeInputPreview(request).subscribe((model) => {
|
|
22043
22045
|
this.Options = model;
|
|
22044
|
-
this.LoadingOptions
|
|
22046
|
+
this.LoadingOptions.set(false);
|
|
22045
22047
|
}, (error) => {
|
|
22046
22048
|
alert(error);
|
|
22047
22049
|
});
|
|
22048
22050
|
}
|
|
22049
22051
|
}
|
|
22050
22052
|
Loading() {
|
|
22051
|
-
return this.LoadingRangeInputs || this.LoadingOptions;
|
|
22053
|
+
return this.LoadingRangeInputs() || this.LoadingOptions();
|
|
22052
22054
|
}
|
|
22053
22055
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BeheerProductsConnectRangeinputComponent, deps: [{ token: i1$1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: ProductsApiClient }, { token: FiltersApiClient }, { token: AuthenticationService }, { token: ImportSetsService }, { token: ProductsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
22054
22056
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: BeheerProductsConnectRangeinputComponent, isStandalone: false, selector: "app-beheer-products-connect-rangeinput", ngImport: i0, template: "<div *ngIf=\"Loading()\">\r\n <app-fab-loader></app-fab-loader>\r\n</div>\r\n\r\n<div *ngIf=\"!Loading()\">\r\n <mat-tab-group>\r\n <mat-tab label=\"Nieuw\">\r\n <div class=\"bar\">\r\n <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n <mat-label>Range input</mat-label>\r\n <input matInput [(ngModel)]=\"RangeInputNaamNieuw\">\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class=\"bar tool-bar\">\r\n <button mat-raised-button (click)=\"NieuwToevoegen()\">Toevoegen</button>\r\n </div>\r\n </mat-tab>\r\n <mat-tab label=\"Bestaand\">\r\n <div class=\"bar\">\r\n <mat-form-field appearance=\"fill\" class=\"full-width\">\r\n <mat-label>Range Input</mat-label>\r\n <mat-select [(ngModel)]=\"RangeInputSelected\">\r\n <mat-option *ngFor=\"let range of RangeInputsViewModel.rangeInputs\" [value]=\"range.id\">\r\n {{range.name}}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class=\"bar tool-bar\">\r\n <button mat-raised-button (click)=\"Bestaand()\">Koppel</button>\r\n </div>\r\n </mat-tab>\r\n </mat-tab-group>\r\n <div class=\"options-container\">\r\n <div *ngFor=\"let fullname of Options.eigenschappen\">\r\n <b>{{ fullname.location }}</b>\r\n <div *ngFor=\"let ebo of fullname.eigenschappen\">\r\n {{ ebo }}\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".options-container{max-height:300px}.tool-bar{padding:2px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i10$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i10$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: i10.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader", inputs: ["text"] }] });
|
|
@@ -30408,7 +30410,7 @@ class BeheerTranslateComponent {
|
|
|
30408
30410
|
editable: true,
|
|
30409
30411
|
spellcheck: false,
|
|
30410
30412
|
height: 'auto',
|
|
30411
|
-
minHeight: '
|
|
30413
|
+
minHeight: '100px',
|
|
30412
30414
|
maxHeight: 'auto',
|
|
30413
30415
|
width: 'auto',
|
|
30414
30416
|
minWidth: '0',
|
|
@@ -30420,8 +30422,13 @@ class BeheerTranslateComponent {
|
|
|
30420
30422
|
defaultFontSize: '',
|
|
30421
30423
|
sanitize: true,
|
|
30422
30424
|
toolbarPosition: 'top',
|
|
30423
|
-
|
|
30424
|
-
|
|
30425
|
+
fonts: [
|
|
30426
|
+
{ class: 'arial', name: 'Arial' },
|
|
30427
|
+
{ class: 'times-new-roman', name: 'Times New Roman' },
|
|
30428
|
+
{ class: 'calibri', name: 'Calibri' },
|
|
30429
|
+
{ class: 'comic-sans-ms', name: 'Comic Sans MS' },
|
|
30430
|
+
{ class: 'gotham', name: 'Gotham' },
|
|
30431
|
+
{ class: 'segoe-ui', name: 'Segoe UI' }
|
|
30425
30432
|
]
|
|
30426
30433
|
};
|
|
30427
30434
|
constructor(TranslateApiClient, authenticationService, router, snackBar, ChangeDetectorRef) {
|
|
@@ -30743,11 +30750,11 @@ class BeheerTranslateComponent {
|
|
|
30743
30750
|
return "";
|
|
30744
30751
|
}
|
|
30745
30752
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BeheerTranslateComponent, deps: [{ token: TranslateApiClient }, { token: AuthenticationService }, { token: i3.Router }, { token: i3$2.MatSnackBar }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
30746
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: BeheerTranslateComponent, isStandalone: false, selector: "app-beheer-translate", viewQueries: [{ propertyName: "tablediv", first: true, predicate: ["tablediv"], descendants: true }, { propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<app-fab-loader *ngIf=\"Loading\"></app-fab-loader>\r\n\r\n<div *ngIf=\"!Loading\">\r\n <ng-container *ngIf=\"!ShowChanges()\">\r\n <div class=\"displayflex\" #tablediv (window:resize)=\"onResize($event)\">\r\n <div>\r\n <mat-card class=\"main-bar\">\r\n <mat-card-content>\r\n <mat-form-field appearance=\"fill\">\r\n <mat-label>Group</mat-label>\r\n <mat-select [(ngModel)]=\"SelectedBeheerLanguagesCategoryViewModel\" (selectionChange)=\"this.pageIndex = 0; RefreshPaginator(); Resize();\">\r\n <mat-option *ngFor=\"let cat of BeheerLanguagesViewModel.categories\" [value]=\"cat\">\r\n {{ TranslationCategory[cat.translationCategory] }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n <div *ngIf=\"!IsHTML()\">\r\n <div *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n <mat-checkbox [(ngModel)]=\"language.selected\">\r\n <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n </mat-checkbox>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"IsHTML()\">\r\n <mat-form-field appearance=\"fill\">\r\n <mat-label>Language</mat-label>\r\n <mat-select [(ngModel)]=\"SelectedBeheerLanguageViewModel\">\r\n <mat-option *ngFor=\"let language of BeheerLanguagesViewModel.languages\" [value]=\"language\">\r\n <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n\r\n <ng-container *ngIf=\"ShowChoices()\">\r\n <div>\r\n <mat-form-field appearance=\"fill\">\r\n <mat-label>Item</mat-label>\r\n <mat-select [(ngModel)]=\"SelectedChoice\" (selectionChange)=\"UpdateChoice()\">\r\n <mat-option *ngFor=\"let choice of PossibleChoices\" [value]=\"choice\">\r\n {{ choice.text }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n <div>\r\n <button mat-raised-button (click)=\"ShowParameters()\" class=\"save-button\">\r\n Parameters\r\n </button>\r\n </div>\r\n </ng-container>\r\n </div>\r\n\r\n <br /><br />\r\n <button mat-raised-button (click)=\"Save()\" class=\"save-button\" [disabled]=\"!OpenChanges\">\r\n Save\r\n </button>\r\n <ng-container *ngIf=\"!IsHTML()\">\r\n <br /><br />\r\n <button mat-raised-button (click)=\"DownloadExcel()\" class=\"save-button\">\r\n Download Excel\r\n </button>\r\n <br /><br />\r\n <button mat-raised-button (click)=\"UploadExcel()\" class=\"save-button\">\r\n Upload Excel\r\n </button>\r\n <input #fileInput type=\"file\" accept=\".xls,.xlsx\" style=\"display:none\" (change)=\"Handle($event)\">\r\n </ng-container>\r\n </mat-card-content>\r\n </mat-card>\r\n </div>\r\n <mat-card class=\"main-bar flexauto\">\r\n <mat-card-content>\r\n <div class=\"max-height\">\r\n\r\n <div *ngIf=\"SelectedBeheerLanguagesCategoryViewModel != null\" style=\"height: 100%;\">\r\n <h1>\r\n {{ TranslationCategory[SelectedBeheerLanguagesCategoryViewModel.translationCategory] }}\r\n <ng-container *ngIf=\"GetText() != ''\">\r\n ({{ GetText() }})\r\n </ng-container>\r\n </h1>\r\n\r\n <table class=\"full-width\" style=\"height: calc(100% - 48px);\">\r\n <tr>\r\n <ng-container *ngIf=\"IsHTML()\">\r\n <td class=\"cat-row header-cell\">\r\n <fab-flag [country]=\"SelectedBeheerLanguageViewModel.flag\"></fab-flag> {{ SelectedBeheerLanguageViewModel.name }}\r\n </td>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!IsHTML()\">\r\n <td colspan=\"2\" class=\"cat-row\"></td>\r\n <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n <td class=\"cat-row header-cell\" *ngIf=\"language.selected\">\r\n <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n </td>\r\n </ng-container>\r\n </ng-container>\r\n </tr>\r\n\r\n <ng-container *ngIf=\"IsHTML()\">\r\n <ng-container *ngFor=\"let subcat of ActiveSubs\">\r\n <ng-container *ngFor=\"let key of subcat.keys\">\r\n <tr>\r\n <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages; index as i\">\r\n <td *ngIf=\"language == SelectedBeheerLanguageViewModel\">\r\n <div style=\"height: 100%;\">\r\n <angular-editor [config]=\"editorConfig\" [(ngModel)]=\"GetEntry(key.entries, language).value\" (ngModelChange)=\"UpdateChanged(GetEntry(key.entries, language))\">\r\n </angular-editor>\r\n </div>\r\n </td>\r\n </ng-container>\r\n </tr>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf=\"!IsHTML()\">\r\n <ng-container *ngFor=\"let subcat of ActiveSubs\">\r\n <tr *ngFor=\"let key of subcat.keys\">\r\n <td class=\"content-cell\" style=\"padding: 10px;\">\r\n {{ TranslationSubCategory[subcat.translationSubCategory] }}\r\n <ng-container *ngIf=\"key.text != ''\">\r\n ({{ key.text }})\r\n </ng-container>\r\n </td>\r\n <td></td>\r\n <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages; index as i\">\r\n <td class=\"content-cell\" *ngIf=\"language.selected\">\r\n <mat-form-field appearance=\"fill\" class=\"fullwidth\" *ngIf=\"GetEntry(key.entries, language) != null\">\r\n <mat-label>\r\n {{ TranslationSubCategory[subcat.translationSubCategory] }}\r\n </mat-label>\r\n <input matInput type=\"text\" [(ngModel)]=\"GetEntry(key.entries, language).value\" (keyup)=\"UpdateChanged(GetEntry(key.entries, language))\">\r\n </mat-form-field>\r\n </td>\r\n </ng-container>\r\n </tr>\r\n </ng-container>\r\n </ng-container>\r\n </table>\r\n </div>\r\n </div>\r\n <div>\r\n <mat-paginator #paginator\r\n (page)=\"handlePageEvent($event)\"\r\n [length]=\"amountLength\"\r\n [pageSize]=\"amountPerPage\"\r\n [showFirstLastButtons]=\"true\"\r\n [hidePageSize]=\"true\"\r\n [pageIndex]=\"pageIndex\"\r\n aria-label=\"Select page\">\r\n </mat-paginator>\r\n </div>\r\n </mat-card-content>\r\n </mat-card>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"ShowChanges()\">\r\n <mat-card class=\"main-bar flexauto\">\r\n <mat-card-content>\r\n\r\n <button mat-raised-button (click)=\"CancelChanges()\">\r\n Cancel\r\n </button>\r\n \r\n \r\n <button mat-raised-button (click)=\"SaveChanges()\">\r\n Save\r\n </button>\r\n <br />\r\n <br />\r\n\r\n <table class=\"fullwidth\" cellpadding=\"2\" cellspacing=\"2\">\r\n <tr>\r\n <td></td>\r\n <td class=\"border-bottom\" style=\"min-width: 100px;\"><b>Language</b></td>\r\n <td class=\"border-bottom\"><b>Old</b></td>\r\n <td class=\"border-bottom\"><b>New</b></td>\r\n </tr>\r\n <tr *ngFor=\"let change of this.UploadExportViewModel.changes\">\r\n <td>\r\n <mat-checkbox [(ngModel)]=\"change.save\">\r\n </mat-checkbox>\r\n </td>\r\n <td class=\"border-bottom-grey\">\r\n <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n <ng-container *ngIf=\"language.id == change.languageId\">\r\n <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n </ng-container>\r\n </ng-container>\r\n </td>\r\n <td class=\"border-bottom-grey\">{{ change.oldValue }}</td>\r\n <td class=\"border-bottom-grey\">{{ change.newValue }}</td>\r\n\r\n </tr>\r\n </table>\r\n </mat-card-content>\r\n </mat-card>\r\n <br />\r\n <br />\r\n </ng-container>\r\n</div>\r\n", styles: [".mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#aaa!important}snack-bar-container .mat-button-wrapper{color:#aaa}app-beheer-translate .header-cell{height:20px}app-beheer-translate .content-cell{vertical-align:top}app-beheer-translate .mat-form-field-wrapper{margin-bottom:-16px}app-beheer-translate .cat-row{font-weight:700;border-bottom:1px solid #000;padding-top:20px}app-beheer-translate .border-bottom{border-bottom:1px solid #000}app-beheer-translate .border-bottom-grey{border-bottom:1px solid #F0F0F0}app-beheer-translate .save-button{width:100%}app-beheer-translate .displayflex{display:flex}app-beheer-translate .flexauto{flex:auto}app-beheer-translate .max-height{height:calc(100vH - 174px);overflow:auto}app-beheer-translate .fullwidth{width:100%}app-beheer-translate .main{margin:20px;max-height:calc(100vH - 235px);overflow:auto}app-beheer-translate .main-bar{margin:20px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$4.AngularEditorComponent, selector: "angular-editor", inputs: ["id", "config", "placeholder", "tabIndex"], outputs: ["html", "viewMode", "blur", "focus"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i11.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "component", type: i9.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i10.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: FabFlagComponent, selector: "fab-flag", inputs: ["country"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader", inputs: ["text"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
30753
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: BeheerTranslateComponent, isStandalone: false, selector: "app-beheer-translate", viewQueries: [{ propertyName: "tablediv", first: true, predicate: ["tablediv"], descendants: true }, { propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<app-fab-loader *ngIf=\"Loading\"></app-fab-loader>\r\n\r\n<div *ngIf=\"!Loading\">\r\n <ng-container *ngIf=\"!ShowChanges()\">\r\n <div class=\"displayflex\" #tablediv (window:resize)=\"onResize($event)\">\r\n <div>\r\n <mat-card class=\"main-bar\">\r\n <mat-card-content>\r\n <mat-form-field appearance=\"fill\">\r\n <mat-label>Group</mat-label>\r\n <mat-select [(ngModel)]=\"SelectedBeheerLanguagesCategoryViewModel\" (selectionChange)=\"this.pageIndex = 0; RefreshPaginator(); Resize();\">\r\n <mat-option *ngFor=\"let cat of BeheerLanguagesViewModel.categories\" [value]=\"cat\">\r\n {{ TranslationCategory[cat.translationCategory] }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n <div *ngIf=\"!IsHTML()\">\r\n <div *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n <mat-checkbox [(ngModel)]=\"language.selected\">\r\n <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n </mat-checkbox>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"IsHTML()\">\r\n <mat-form-field appearance=\"fill\">\r\n <mat-label>Language</mat-label>\r\n <mat-select [(ngModel)]=\"SelectedBeheerLanguageViewModel\">\r\n <mat-option *ngFor=\"let language of BeheerLanguagesViewModel.languages\" [value]=\"language\">\r\n <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n\r\n <ng-container *ngIf=\"ShowChoices()\">\r\n <div>\r\n <mat-form-field appearance=\"fill\">\r\n <mat-label>Item</mat-label>\r\n <mat-select [(ngModel)]=\"SelectedChoice\" (selectionChange)=\"UpdateChoice()\">\r\n <mat-option *ngFor=\"let choice of PossibleChoices\" [value]=\"choice\">\r\n {{ choice.text }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n <div>\r\n <button mat-raised-button (click)=\"ShowParameters()\" class=\"save-button\">\r\n Parameters\r\n </button>\r\n </div>\r\n </ng-container>\r\n </div>\r\n\r\n <br /><br />\r\n <button mat-raised-button (click)=\"Save()\" class=\"save-button\" [disabled]=\"!OpenChanges\">\r\n Save\r\n </button>\r\n <ng-container *ngIf=\"!IsHTML()\">\r\n <br /><br />\r\n <button mat-raised-button (click)=\"DownloadExcel()\" class=\"save-button\">\r\n Download Excel\r\n </button>\r\n <br /><br />\r\n <button mat-raised-button (click)=\"UploadExcel()\" class=\"save-button\">\r\n Upload Excel\r\n </button>\r\n <input #fileInput type=\"file\" accept=\".xls,.xlsx\" style=\"display:none\" (change)=\"Handle($event)\">\r\n </ng-container>\r\n </mat-card-content>\r\n </mat-card>\r\n </div>\r\n <mat-card class=\"main-bar flexauto\">\r\n <mat-card-content>\r\n <div class=\"max-height\">\r\n\r\n <div *ngIf=\"SelectedBeheerLanguagesCategoryViewModel != null\" style=\"height: 100%;\">\r\n <h1>\r\n {{ TranslationCategory[SelectedBeheerLanguagesCategoryViewModel.translationCategory] }}\r\n <ng-container *ngIf=\"GetText() != ''\">\r\n ({{ GetText() }})\r\n </ng-container>\r\n </h1>\r\n\r\n <table class=\"full-width\" style=\"height: calc(100% - 48px);\">\r\n <tr>\r\n <ng-container *ngIf=\"IsHTML()\">\r\n <td class=\"cat-row header-cell\">\r\n <fab-flag [country]=\"SelectedBeheerLanguageViewModel.flag\"></fab-flag> {{ SelectedBeheerLanguageViewModel.name }}\r\n </td>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!IsHTML()\">\r\n <td colspan=\"2\" class=\"cat-row\"></td>\r\n <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n <td class=\"cat-row header-cell\" *ngIf=\"language.selected\">\r\n <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n </td>\r\n </ng-container>\r\n </ng-container>\r\n </tr>\r\n\r\n <ng-container *ngIf=\"IsHTML()\">\r\n <ng-container *ngFor=\"let subcat of ActiveSubs\">\r\n <ng-container *ngFor=\"let key of subcat.keys\">\r\n <tr>\r\n <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages; index as i\">\r\n <td *ngIf=\"language == SelectedBeheerLanguageViewModel\" style=\"vertical-align: top;\">\r\n <div >\r\n <angular-editor [config]=\"editorConfig\" [(ngModel)]=\"GetEntry(key.entries, language).value\" (ngModelChange)=\"UpdateChanged(GetEntry(key.entries, language))\">\r\n </angular-editor>\r\n </div>\r\n </td>\r\n </ng-container>\r\n </tr>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf=\"!IsHTML()\">\r\n <ng-container *ngFor=\"let subcat of ActiveSubs\">\r\n <tr *ngFor=\"let key of subcat.keys\">\r\n <td class=\"content-cell\" style=\"padding: 10px;\">\r\n {{ TranslationSubCategory[subcat.translationSubCategory] }}\r\n <ng-container *ngIf=\"key.text != ''\">\r\n ({{ key.text }})\r\n </ng-container>\r\n </td>\r\n <td></td>\r\n <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages; index as i\">\r\n <td class=\"content-cell\" *ngIf=\"language.selected\">\r\n <mat-form-field appearance=\"fill\" class=\"fullwidth\" *ngIf=\"GetEntry(key.entries, language) != null\">\r\n <mat-label>\r\n {{ TranslationSubCategory[subcat.translationSubCategory] }}\r\n </mat-label>\r\n <input matInput type=\"text\" [(ngModel)]=\"GetEntry(key.entries, language).value\" (keyup)=\"UpdateChanged(GetEntry(key.entries, language))\">\r\n </mat-form-field>\r\n </td>\r\n </ng-container>\r\n </tr>\r\n </ng-container>\r\n </ng-container>\r\n </table>\r\n </div>\r\n </div>\r\n <div>\r\n <mat-paginator #paginator\r\n (page)=\"handlePageEvent($event)\"\r\n [length]=\"amountLength\"\r\n [pageSize]=\"amountPerPage\"\r\n [showFirstLastButtons]=\"true\"\r\n [hidePageSize]=\"true\"\r\n [pageIndex]=\"pageIndex\"\r\n aria-label=\"Select page\">\r\n </mat-paginator>\r\n </div>\r\n </mat-card-content>\r\n </mat-card>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"ShowChanges()\">\r\n <mat-card class=\"main-bar flexauto\">\r\n <mat-card-content>\r\n\r\n <button mat-raised-button (click)=\"CancelChanges()\">\r\n Cancel\r\n </button>\r\n \r\n \r\n <button mat-raised-button (click)=\"SaveChanges()\">\r\n Save\r\n </button>\r\n <br />\r\n <br />\r\n\r\n <table class=\"fullwidth\" cellpadding=\"2\" cellspacing=\"2\">\r\n <tr>\r\n <td></td>\r\n <td class=\"border-bottom\" style=\"min-width: 100px;\"><b>Language</b></td>\r\n <td class=\"border-bottom\"><b>Old</b></td>\r\n <td class=\"border-bottom\"><b>New</b></td>\r\n </tr>\r\n <tr *ngFor=\"let change of this.UploadExportViewModel.changes\">\r\n <td>\r\n <mat-checkbox [(ngModel)]=\"change.save\">\r\n </mat-checkbox>\r\n </td>\r\n <td class=\"border-bottom-grey\">\r\n <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n <ng-container *ngIf=\"language.id == change.languageId\">\r\n <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n </ng-container>\r\n </ng-container>\r\n </td>\r\n <td class=\"border-bottom-grey\">{{ change.oldValue }}</td>\r\n <td class=\"border-bottom-grey\">{{ change.newValue }}</td>\r\n\r\n </tr>\r\n </table>\r\n </mat-card-content>\r\n </mat-card>\r\n <br />\r\n <br />\r\n </ng-container>\r\n</div>\r\n", styles: [".mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#aaa!important}snack-bar-container .mat-button-wrapper{color:#aaa}app-beheer-translate .header-cell{height:20px}app-beheer-translate .content-cell{vertical-align:top}app-beheer-translate .mat-form-field-wrapper{margin-bottom:-16px}app-beheer-translate .cat-row{font-weight:700;border-bottom:1px solid #000;padding-top:20px}app-beheer-translate .border-bottom{border-bottom:1px solid #000}app-beheer-translate .border-bottom-grey{border-bottom:1px solid #F0F0F0}app-beheer-translate .save-button{width:100%}app-beheer-translate .displayflex{display:flex}app-beheer-translate .flexauto{flex:auto}app-beheer-translate .max-height{height:calc(100vH - 174px);overflow:auto}app-beheer-translate .fullwidth{width:100%}app-beheer-translate .main{margin:20px;max-height:calc(100vH - 235px);overflow:auto}app-beheer-translate .main-bar{margin:20px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$4.AngularEditorComponent, selector: "angular-editor", inputs: ["id", "config", "placeholder", "tabIndex"], outputs: ["html", "viewMode", "blur", "focus"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i6$2.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i11.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "component", type: i9.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i10.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: BeheerNavComponent, selector: "app-beheer-nav" }, { kind: "component", type: FabFlagComponent, selector: "fab-flag", inputs: ["country"] }, { kind: "component", type: FabLoaderComponent, selector: "app-fab-loader", inputs: ["text"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
30747
30754
|
}
|
|
30748
30755
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BeheerTranslateComponent, decorators: [{
|
|
30749
30756
|
type: Component,
|
|
30750
|
-
args: [{ selector: 'app-beheer-translate', standalone: false, encapsulation: ViewEncapsulation.None, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<app-fab-loader *ngIf=\"Loading\"></app-fab-loader>\r\n\r\n<div *ngIf=\"!Loading\">\r\n <ng-container *ngIf=\"!ShowChanges()\">\r\n <div class=\"displayflex\" #tablediv (window:resize)=\"onResize($event)\">\r\n <div>\r\n <mat-card class=\"main-bar\">\r\n <mat-card-content>\r\n <mat-form-field appearance=\"fill\">\r\n <mat-label>Group</mat-label>\r\n <mat-select [(ngModel)]=\"SelectedBeheerLanguagesCategoryViewModel\" (selectionChange)=\"this.pageIndex = 0; RefreshPaginator(); Resize();\">\r\n <mat-option *ngFor=\"let cat of BeheerLanguagesViewModel.categories\" [value]=\"cat\">\r\n {{ TranslationCategory[cat.translationCategory] }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n <div *ngIf=\"!IsHTML()\">\r\n <div *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n <mat-checkbox [(ngModel)]=\"language.selected\">\r\n <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n </mat-checkbox>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"IsHTML()\">\r\n <mat-form-field appearance=\"fill\">\r\n <mat-label>Language</mat-label>\r\n <mat-select [(ngModel)]=\"SelectedBeheerLanguageViewModel\">\r\n <mat-option *ngFor=\"let language of BeheerLanguagesViewModel.languages\" [value]=\"language\">\r\n <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n\r\n <ng-container *ngIf=\"ShowChoices()\">\r\n <div>\r\n <mat-form-field appearance=\"fill\">\r\n <mat-label>Item</mat-label>\r\n <mat-select [(ngModel)]=\"SelectedChoice\" (selectionChange)=\"UpdateChoice()\">\r\n <mat-option *ngFor=\"let choice of PossibleChoices\" [value]=\"choice\">\r\n {{ choice.text }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n <div>\r\n <button mat-raised-button (click)=\"ShowParameters()\" class=\"save-button\">\r\n Parameters\r\n </button>\r\n </div>\r\n </ng-container>\r\n </div>\r\n\r\n <br /><br />\r\n <button mat-raised-button (click)=\"Save()\" class=\"save-button\" [disabled]=\"!OpenChanges\">\r\n Save\r\n </button>\r\n <ng-container *ngIf=\"!IsHTML()\">\r\n <br /><br />\r\n <button mat-raised-button (click)=\"DownloadExcel()\" class=\"save-button\">\r\n Download Excel\r\n </button>\r\n <br /><br />\r\n <button mat-raised-button (click)=\"UploadExcel()\" class=\"save-button\">\r\n Upload Excel\r\n </button>\r\n <input #fileInput type=\"file\" accept=\".xls,.xlsx\" style=\"display:none\" (change)=\"Handle($event)\">\r\n </ng-container>\r\n </mat-card-content>\r\n </mat-card>\r\n </div>\r\n <mat-card class=\"main-bar flexauto\">\r\n <mat-card-content>\r\n <div class=\"max-height\">\r\n\r\n <div *ngIf=\"SelectedBeheerLanguagesCategoryViewModel != null\" style=\"height: 100%;\">\r\n <h1>\r\n {{ TranslationCategory[SelectedBeheerLanguagesCategoryViewModel.translationCategory] }}\r\n <ng-container *ngIf=\"GetText() != ''\">\r\n ({{ GetText() }})\r\n </ng-container>\r\n </h1>\r\n\r\n <table class=\"full-width\" style=\"height: calc(100% - 48px);\">\r\n <tr>\r\n <ng-container *ngIf=\"IsHTML()\">\r\n <td class=\"cat-row header-cell\">\r\n <fab-flag [country]=\"SelectedBeheerLanguageViewModel.flag\"></fab-flag> {{ SelectedBeheerLanguageViewModel.name }}\r\n </td>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!IsHTML()\">\r\n <td colspan=\"2\" class=\"cat-row\"></td>\r\n <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n <td class=\"cat-row header-cell\" *ngIf=\"language.selected\">\r\n <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n </td>\r\n </ng-container>\r\n </ng-container>\r\n </tr>\r\n\r\n <ng-container *ngIf=\"IsHTML()\">\r\n <ng-container *ngFor=\"let subcat of ActiveSubs\">\r\n <ng-container *ngFor=\"let key of subcat.keys\">\r\n <tr>\r\n <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages; index as i\">\r\n <td *ngIf=\"language == SelectedBeheerLanguageViewModel\">\r\n <div style=\"height: 100%;\">\r\n <angular-editor [config]=\"editorConfig\" [(ngModel)]=\"GetEntry(key.entries, language).value\" (ngModelChange)=\"UpdateChanged(GetEntry(key.entries, language))\">\r\n </angular-editor>\r\n </div>\r\n </td>\r\n </ng-container>\r\n </tr>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf=\"!IsHTML()\">\r\n <ng-container *ngFor=\"let subcat of ActiveSubs\">\r\n <tr *ngFor=\"let key of subcat.keys\">\r\n <td class=\"content-cell\" style=\"padding: 10px;\">\r\n {{ TranslationSubCategory[subcat.translationSubCategory] }}\r\n <ng-container *ngIf=\"key.text != ''\">\r\n ({{ key.text }})\r\n </ng-container>\r\n </td>\r\n <td></td>\r\n <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages; index as i\">\r\n <td class=\"content-cell\" *ngIf=\"language.selected\">\r\n <mat-form-field appearance=\"fill\" class=\"fullwidth\" *ngIf=\"GetEntry(key.entries, language) != null\">\r\n <mat-label>\r\n {{ TranslationSubCategory[subcat.translationSubCategory] }}\r\n </mat-label>\r\n <input matInput type=\"text\" [(ngModel)]=\"GetEntry(key.entries, language).value\" (keyup)=\"UpdateChanged(GetEntry(key.entries, language))\">\r\n </mat-form-field>\r\n </td>\r\n </ng-container>\r\n </tr>\r\n </ng-container>\r\n </ng-container>\r\n </table>\r\n </div>\r\n </div>\r\n <div>\r\n <mat-paginator #paginator\r\n (page)=\"handlePageEvent($event)\"\r\n [length]=\"amountLength\"\r\n [pageSize]=\"amountPerPage\"\r\n [showFirstLastButtons]=\"true\"\r\n [hidePageSize]=\"true\"\r\n [pageIndex]=\"pageIndex\"\r\n aria-label=\"Select page\">\r\n </mat-paginator>\r\n </div>\r\n </mat-card-content>\r\n </mat-card>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"ShowChanges()\">\r\n <mat-card class=\"main-bar flexauto\">\r\n <mat-card-content>\r\n\r\n <button mat-raised-button (click)=\"CancelChanges()\">\r\n Cancel\r\n </button>\r\n \r\n \r\n <button mat-raised-button (click)=\"SaveChanges()\">\r\n Save\r\n </button>\r\n <br />\r\n <br />\r\n\r\n <table class=\"fullwidth\" cellpadding=\"2\" cellspacing=\"2\">\r\n <tr>\r\n <td></td>\r\n <td class=\"border-bottom\" style=\"min-width: 100px;\"><b>Language</b></td>\r\n <td class=\"border-bottom\"><b>Old</b></td>\r\n <td class=\"border-bottom\"><b>New</b></td>\r\n </tr>\r\n <tr *ngFor=\"let change of this.UploadExportViewModel.changes\">\r\n <td>\r\n <mat-checkbox [(ngModel)]=\"change.save\">\r\n </mat-checkbox>\r\n </td>\r\n <td class=\"border-bottom-grey\">\r\n <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n <ng-container *ngIf=\"language.id == change.languageId\">\r\n <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n </ng-container>\r\n </ng-container>\r\n </td>\r\n <td class=\"border-bottom-grey\">{{ change.oldValue }}</td>\r\n <td class=\"border-bottom-grey\">{{ change.newValue }}</td>\r\n\r\n </tr>\r\n </table>\r\n </mat-card-content>\r\n </mat-card>\r\n <br />\r\n <br />\r\n </ng-container>\r\n</div>\r\n", styles: [".mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#aaa!important}snack-bar-container .mat-button-wrapper{color:#aaa}app-beheer-translate .header-cell{height:20px}app-beheer-translate .content-cell{vertical-align:top}app-beheer-translate .mat-form-field-wrapper{margin-bottom:-16px}app-beheer-translate .cat-row{font-weight:700;border-bottom:1px solid #000;padding-top:20px}app-beheer-translate .border-bottom{border-bottom:1px solid #000}app-beheer-translate .border-bottom-grey{border-bottom:1px solid #F0F0F0}app-beheer-translate .save-button{width:100%}app-beheer-translate .displayflex{display:flex}app-beheer-translate .flexauto{flex:auto}app-beheer-translate .max-height{height:calc(100vH - 174px);overflow:auto}app-beheer-translate .fullwidth{width:100%}app-beheer-translate .main{margin:20px;max-height:calc(100vH - 235px);overflow:auto}app-beheer-translate .main-bar{margin:20px}\n"] }]
|
|
30757
|
+
args: [{ selector: 'app-beheer-translate', standalone: false, encapsulation: ViewEncapsulation.None, template: "<app-beheer-nav></app-beheer-nav>\r\n\r\n<app-fab-loader *ngIf=\"Loading\"></app-fab-loader>\r\n\r\n<div *ngIf=\"!Loading\">\r\n <ng-container *ngIf=\"!ShowChanges()\">\r\n <div class=\"displayflex\" #tablediv (window:resize)=\"onResize($event)\">\r\n <div>\r\n <mat-card class=\"main-bar\">\r\n <mat-card-content>\r\n <mat-form-field appearance=\"fill\">\r\n <mat-label>Group</mat-label>\r\n <mat-select [(ngModel)]=\"SelectedBeheerLanguagesCategoryViewModel\" (selectionChange)=\"this.pageIndex = 0; RefreshPaginator(); Resize();\">\r\n <mat-option *ngFor=\"let cat of BeheerLanguagesViewModel.categories\" [value]=\"cat\">\r\n {{ TranslationCategory[cat.translationCategory] }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n <div *ngIf=\"!IsHTML()\">\r\n <div *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n <mat-checkbox [(ngModel)]=\"language.selected\">\r\n <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n </mat-checkbox>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"IsHTML()\">\r\n <mat-form-field appearance=\"fill\">\r\n <mat-label>Language</mat-label>\r\n <mat-select [(ngModel)]=\"SelectedBeheerLanguageViewModel\">\r\n <mat-option *ngFor=\"let language of BeheerLanguagesViewModel.languages\" [value]=\"language\">\r\n <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n\r\n <ng-container *ngIf=\"ShowChoices()\">\r\n <div>\r\n <mat-form-field appearance=\"fill\">\r\n <mat-label>Item</mat-label>\r\n <mat-select [(ngModel)]=\"SelectedChoice\" (selectionChange)=\"UpdateChoice()\">\r\n <mat-option *ngFor=\"let choice of PossibleChoices\" [value]=\"choice\">\r\n {{ choice.text }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n <div>\r\n <button mat-raised-button (click)=\"ShowParameters()\" class=\"save-button\">\r\n Parameters\r\n </button>\r\n </div>\r\n </ng-container>\r\n </div>\r\n\r\n <br /><br />\r\n <button mat-raised-button (click)=\"Save()\" class=\"save-button\" [disabled]=\"!OpenChanges\">\r\n Save\r\n </button>\r\n <ng-container *ngIf=\"!IsHTML()\">\r\n <br /><br />\r\n <button mat-raised-button (click)=\"DownloadExcel()\" class=\"save-button\">\r\n Download Excel\r\n </button>\r\n <br /><br />\r\n <button mat-raised-button (click)=\"UploadExcel()\" class=\"save-button\">\r\n Upload Excel\r\n </button>\r\n <input #fileInput type=\"file\" accept=\".xls,.xlsx\" style=\"display:none\" (change)=\"Handle($event)\">\r\n </ng-container>\r\n </mat-card-content>\r\n </mat-card>\r\n </div>\r\n <mat-card class=\"main-bar flexauto\">\r\n <mat-card-content>\r\n <div class=\"max-height\">\r\n\r\n <div *ngIf=\"SelectedBeheerLanguagesCategoryViewModel != null\" style=\"height: 100%;\">\r\n <h1>\r\n {{ TranslationCategory[SelectedBeheerLanguagesCategoryViewModel.translationCategory] }}\r\n <ng-container *ngIf=\"GetText() != ''\">\r\n ({{ GetText() }})\r\n </ng-container>\r\n </h1>\r\n\r\n <table class=\"full-width\" style=\"height: calc(100% - 48px);\">\r\n <tr>\r\n <ng-container *ngIf=\"IsHTML()\">\r\n <td class=\"cat-row header-cell\">\r\n <fab-flag [country]=\"SelectedBeheerLanguageViewModel.flag\"></fab-flag> {{ SelectedBeheerLanguageViewModel.name }}\r\n </td>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!IsHTML()\">\r\n <td colspan=\"2\" class=\"cat-row\"></td>\r\n <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n <td class=\"cat-row header-cell\" *ngIf=\"language.selected\">\r\n <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n </td>\r\n </ng-container>\r\n </ng-container>\r\n </tr>\r\n\r\n <ng-container *ngIf=\"IsHTML()\">\r\n <ng-container *ngFor=\"let subcat of ActiveSubs\">\r\n <ng-container *ngFor=\"let key of subcat.keys\">\r\n <tr>\r\n <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages; index as i\">\r\n <td *ngIf=\"language == SelectedBeheerLanguageViewModel\" style=\"vertical-align: top;\">\r\n <div >\r\n <angular-editor [config]=\"editorConfig\" [(ngModel)]=\"GetEntry(key.entries, language).value\" (ngModelChange)=\"UpdateChanged(GetEntry(key.entries, language))\">\r\n </angular-editor>\r\n </div>\r\n </td>\r\n </ng-container>\r\n </tr>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf=\"!IsHTML()\">\r\n <ng-container *ngFor=\"let subcat of ActiveSubs\">\r\n <tr *ngFor=\"let key of subcat.keys\">\r\n <td class=\"content-cell\" style=\"padding: 10px;\">\r\n {{ TranslationSubCategory[subcat.translationSubCategory] }}\r\n <ng-container *ngIf=\"key.text != ''\">\r\n ({{ key.text }})\r\n </ng-container>\r\n </td>\r\n <td></td>\r\n <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages; index as i\">\r\n <td class=\"content-cell\" *ngIf=\"language.selected\">\r\n <mat-form-field appearance=\"fill\" class=\"fullwidth\" *ngIf=\"GetEntry(key.entries, language) != null\">\r\n <mat-label>\r\n {{ TranslationSubCategory[subcat.translationSubCategory] }}\r\n </mat-label>\r\n <input matInput type=\"text\" [(ngModel)]=\"GetEntry(key.entries, language).value\" (keyup)=\"UpdateChanged(GetEntry(key.entries, language))\">\r\n </mat-form-field>\r\n </td>\r\n </ng-container>\r\n </tr>\r\n </ng-container>\r\n </ng-container>\r\n </table>\r\n </div>\r\n </div>\r\n <div>\r\n <mat-paginator #paginator\r\n (page)=\"handlePageEvent($event)\"\r\n [length]=\"amountLength\"\r\n [pageSize]=\"amountPerPage\"\r\n [showFirstLastButtons]=\"true\"\r\n [hidePageSize]=\"true\"\r\n [pageIndex]=\"pageIndex\"\r\n aria-label=\"Select page\">\r\n </mat-paginator>\r\n </div>\r\n </mat-card-content>\r\n </mat-card>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"ShowChanges()\">\r\n <mat-card class=\"main-bar flexauto\">\r\n <mat-card-content>\r\n\r\n <button mat-raised-button (click)=\"CancelChanges()\">\r\n Cancel\r\n </button>\r\n \r\n \r\n <button mat-raised-button (click)=\"SaveChanges()\">\r\n Save\r\n </button>\r\n <br />\r\n <br />\r\n\r\n <table class=\"fullwidth\" cellpadding=\"2\" cellspacing=\"2\">\r\n <tr>\r\n <td></td>\r\n <td class=\"border-bottom\" style=\"min-width: 100px;\"><b>Language</b></td>\r\n <td class=\"border-bottom\"><b>Old</b></td>\r\n <td class=\"border-bottom\"><b>New</b></td>\r\n </tr>\r\n <tr *ngFor=\"let change of this.UploadExportViewModel.changes\">\r\n <td>\r\n <mat-checkbox [(ngModel)]=\"change.save\">\r\n </mat-checkbox>\r\n </td>\r\n <td class=\"border-bottom-grey\">\r\n <ng-container *ngFor=\"let language of BeheerLanguagesViewModel.languages\">\r\n <ng-container *ngIf=\"language.id == change.languageId\">\r\n <fab-flag [country]=\"language.flag\"></fab-flag> {{ language.name }}\r\n </ng-container>\r\n </ng-container>\r\n </td>\r\n <td class=\"border-bottom-grey\">{{ change.oldValue }}</td>\r\n <td class=\"border-bottom-grey\">{{ change.newValue }}</td>\r\n\r\n </tr>\r\n </table>\r\n </mat-card-content>\r\n </mat-card>\r\n <br />\r\n <br />\r\n </ng-container>\r\n</div>\r\n", styles: [".mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#aaa!important}snack-bar-container .mat-button-wrapper{color:#aaa}app-beheer-translate .header-cell{height:20px}app-beheer-translate .content-cell{vertical-align:top}app-beheer-translate .mat-form-field-wrapper{margin-bottom:-16px}app-beheer-translate .cat-row{font-weight:700;border-bottom:1px solid #000;padding-top:20px}app-beheer-translate .border-bottom{border-bottom:1px solid #000}app-beheer-translate .border-bottom-grey{border-bottom:1px solid #F0F0F0}app-beheer-translate .save-button{width:100%}app-beheer-translate .displayflex{display:flex}app-beheer-translate .flexauto{flex:auto}app-beheer-translate .max-height{height:calc(100vH - 174px);overflow:auto}app-beheer-translate .fullwidth{width:100%}app-beheer-translate .main{margin:20px;max-height:calc(100vH - 235px);overflow:auto}app-beheer-translate .main-bar{margin:20px}\n"] }]
|
|
30751
30758
|
}], ctorParameters: () => [{ type: TranslateApiClient }, { type: AuthenticationService }, { type: i3.Router }, { type: i3$2.MatSnackBar }, { type: i0.ChangeDetectorRef }], propDecorators: { tablediv: [{
|
|
30752
30759
|
type: ViewChild,
|
|
30753
30760
|
args: ['tablediv']
|