@c8y/ngx-components 1021.11.1 → 1021.21.0

package/fesm2022/c8y-ngx-components-translation-editor-data.mjs

@@ -0,0 +1,181 @@
+import * as i0 from '@angular/core';
+import { Injectable } from '@angular/core';
+import * as i1 from '@c8y/client';
+import { ApplicationType, ApplicationAvailability } from '@c8y/client';
+import * as i2 from '@c8y/ngx-components';
+import { uniq } from 'lodash-es';
+
+class TranslationStoreService {
+    constructor(appService, appState, zip) {
+        this.appService = appService;
+        this.appState = appState;
+        this.zip = zip;
+        this.translationAppName = 'User defined translations';
+        this.translationAppContextPath = 'user-defined-translations';
+    }
+    /**
+     * Retrieves a list of available translations for the given locales from all the hosted apps available on the tenant.
+     */
+    async getAvailableTranslations(locales) {
+        const { data: hostedApps } = await this.appService.list({
+            tenant: this.appState.currentTenant.value.name,
+            type: 'HOSTED',
+            pageSize: 2000
+        });
+        const uniqueContextPaths = uniq(hostedApps
+            .filter(app => app.contextPath && app.manifest?.webSdkVersion)
+            .map(app => app.contextPath));
+        const translations = {};
+        for (const contextPath of uniqueContextPaths) {
+            for (const locale of locales) {
+                try {
+                    const translationsForLanguageAndApp = await this.getFileFromPath(`/apps/${contextPath}/${locale}.json`);
+                    for (const key of Object.keys(translationsForLanguageAndApp)) {
+                        if (!translations[key]) {
+                            translations[key] = {};
+                        }
+                        translations[key][locale] = translationsForLanguageAndApp[key];
+                    }
+                }
+                catch (e) {
+                    continue;
+                }
+            }
+        }
+        return translations;
+    }
+    /**
+     * Retrieves the translations for the given locale from the translation app.
+     */
+    async getTranslationsForLocale(locale) {
+        try {
+            const translations = await this.getFileFromTranslationApp(`${locale}.json`);
+            if (translations[locale]) {
+                return translations[locale];
+            }
+        }
+        catch (e) {
+            // do nothing.
+        }
+        return {};
+    }
+    /**
+     * Retrieves the translations for the given locales from the translation app.
+     */
+    async loadTranslationsForLocales(locales) {
+        const translations = {};
+        const loadAndAddLocale = async (locale) => {
+            translations[locale] = await this.getTranslationsForLocale(locale);
+        };
+        await Promise.all(locales.map(loadAndAddLocale));
+        return translations;
+    }
+    /**
+     * Retrieves a combined list of translations for all the provided locales.
+     * The locales are combined into a single object per key and an array of these objects is returned.
+     */
+    async getCombinedListOfTranslationsForPerKey(locales) {
+        const translations = await this.loadTranslationsForLocales(locales);
+        const translationMap = {};
+        for (const locale of Object.keys(translations)) {
+            for (const key of Object.keys(translations[locale])) {
+                let translationsForKey = translationMap[key];
+                if (!translationsForKey) {
+                    translationsForKey = {};
+                    translationMap[key] = translationsForKey;
+                }
+                translationsForKey[locale] = translations[locale][key];
+            }
+        }
+        const keys = Object.keys(translationMap).sort((a, b) => a.localeCompare(b));
+        return keys.map(key => Object.assign({ key }, translationMap[key]));
+    }
+    /**
+     * Updates the files of the translation application with the provided translations.
+     */
+    async updateTranslations(translations) {
+        const filesToUpload = new Array();
+        const translationsPerLocale = {};
+        for (const entry of translations) {
+            const key = entry.key;
+            for (const locale of Object.keys(entry)) {
+                if (locale === 'key') {
+                    continue;
+                }
+                if (!translationsPerLocale[locale]) {
+                    translationsPerLocale[locale] = {};
+                }
+                if (entry[locale]) {
+                    translationsPerLocale[locale][key] = entry[locale];
+                }
+            }
+        }
+        for (const locale of Object.keys(translationsPerLocale)) {
+            const fileName = `${locale}.json`;
+            filesToUpload.push({
+                path: fileName,
+                contents: new File([JSON.stringify({ [locale]: translationsPerLocale[locale] })], fileName)
+            });
+        }
+        const app = await this.getOrCreateTranslationApp();
+        await this.appService.binary(app).updateFiles(filesToUpload);
+    }
+    /**
+     * @returns The translation app for the current tenant. If it does not exist, it will be created.
+     */
+    async getOrCreateTranslationApp() {
+        const { data: apps } = await this.appService.listByName(this.translationAppName);
+        const ownApp = apps.find(app => app.contextPath === this.translationAppContextPath &&
+            app.owner.tenant.id === this.appState.currentTenant.value.name);
+        if (ownApp) {
+            return ownApp;
+        }
+        const { data: app } = await this.appService.create({
+            name: this.translationAppName,
+            contextPath: this.translationAppContextPath,
+            key: `${this.translationAppContextPath}-app-key`,
+            type: ApplicationType.HOSTED,
+            availability: ApplicationAvailability.MARKET,
+            config: {
+                icon: {
+                    class: 'language1'
+                }
+            },
+            noAppSwitcher: true,
+            description: 'Providing user defined translations'
+        });
+        const zip = await this.zip.createZip([]);
+        const { data: binary } = await this.appService.binary(app).upload(zip, 'translations.zip');
+        const { data: updatedApp } = await this.appService.update({
+            id: app.id,
+            activeVersionId: binary.id
+        });
+        return updatedApp;
+    }
+    async getFileFromTranslationApp(file) {
+        return this.getFileFromPath(`/apps/public/${this.translationAppContextPath}/${file}`);
+    }
+    async getFileFromPath(path) {
+        const finalPath = `${path}?nocache=${Date.now()}`;
+        const response = await fetch(finalPath);
+        if (response.status !== 200) {
+            throw new Error(`Failed to fetch file from ${path}`);
+        }
+        return response.json();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TranslationStoreService, deps: [{ token: i1.ApplicationService }, { token: i2.AppStateService }, { token: i2.ZipService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TranslationStoreService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TranslationStoreService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.ApplicationService }, { type: i2.AppStateService }, { type: i2.ZipService }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TranslationStoreService };
+//# sourceMappingURL=c8y-ngx-components-translation-editor-data.mjs.map

package/fesm2022/c8y-ngx-components-translation-editor-data.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"c8y-ngx-components-translation-editor-data.mjs","sources":["../../translation-editor/data/translation-store.service.ts","../../translation-editor/data/c8y-ngx-components-translation-editor-data.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport {\n  ApplicationAvailability,\n  ApplicationService,\n  ApplicationType,\n  IApplication\n} from '@c8y/client';\nimport { AppStateService, ZipService } from '@c8y/ngx-components';\nimport { uniq } from 'lodash-es';\n\nexport interface TranslationLocale {\n  label: string;\n  locale: string;\n}\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class TranslationStoreService {\n  protected readonly translationAppName = 'User defined translations';\n  protected readonly translationAppContextPath = 'user-defined-translations';\n\n  constructor(\n    private appService: ApplicationService,\n    private appState: AppStateService,\n    private zip: ZipService\n  ) {}\n\n  /**\n   * Retrieves a list of available translations for the given locales from all the hosted apps available on the tenant.\n   */\n  async getAvailableTranslations(locales: string[]) {\n    const { data: hostedApps } = await this.appService.list({\n      tenant: this.appState.currentTenant.value.name,\n      type: 'HOSTED',\n      pageSize: 2000\n    });\n\n    const uniqueContextPaths = uniq(\n      hostedApps\n        .filter(app => app.contextPath && app.manifest?.webSdkVersion)\n        .map(app => app.contextPath)\n    );\n\n    const translations: { [key: string]: { [locale: string]: string } } = {};\n    for (const contextPath of uniqueContextPaths) {\n      for (const locale of locales) {\n        try {\n          const translationsForLanguageAndApp = await this.getFileFromPath(\n            `/apps/${contextPath}/${locale}.json`\n          );\n          for (const key of Object.keys(translationsForLanguageAndApp)) {\n            if (!translations[key]) {\n              translations[key] = {};\n            }\n            translations[key][locale] = translationsForLanguageAndApp[key];\n          }\n        } catch (e) {\n          continue;\n        }\n      }\n    }\n\n    return translations;\n  }\n\n  /**\n   * Retrieves the translations for the given locale from the translation app.\n   */\n  async getTranslationsForLocale<T extends string>(locale: T): Promise<{ [key: string]: string }> {\n    try {\n      const translations = await this.getFileFromTranslationApp(`${locale}.json`);\n      if (translations[locale]) {\n        return translations[locale];\n      }\n    } catch (e) {\n      // do nothing.\n    }\n    return {};\n  }\n\n  /**\n   * Retrieves the translations for the given locales from the translation app.\n   */\n  async loadTranslationsForLocales(locales: string[]): Promise<{\n    [key: string]: {\n      [key: string]: string;\n    };\n  }> {\n    const translations: {\n      [key: string]: { [key: string]: string };\n    } = {};\n\n    const loadAndAddLocale = async (locale: string) => {\n      translations[locale] = await this.getTranslationsForLocale(locale);\n    };\n\n    await Promise.all(locales.map(loadAndAddLocale));\n\n    return translations;\n  }\n\n  /**\n   * Retrieves a combined list of translations for all the provided locales.\n   * The locales are combined into a single object per key and an array of these objects is returned.\n   */\n  async getCombinedListOfTranslationsForPerKey(\n    locales: string[]\n  ): Promise<{ key: string; [locale: string]: string }[]> {\n    const translations = await this.loadTranslationsForLocales(locales);\n    const translationMap: { [key: string]: { [locale: string]: string } } = {};\n\n    for (const locale of Object.keys(translations)) {\n      for (const key of Object.keys(translations[locale])) {\n        let translationsForKey = translationMap[key];\n        if (!translationsForKey) {\n          translationsForKey = {};\n          translationMap[key] = translationsForKey;\n        }\n\n        translationsForKey[locale] = translations[locale][key];\n      }\n    }\n\n    const keys = Object.keys(translationMap).sort((a, b) => a.localeCompare(b));\n\n    return keys.map(key => Object.assign({ key }, translationMap[key]));\n  }\n\n  /**\n   * Updates the files of the translation application with the provided translations.\n   */\n  async updateTranslations(\n    translations: { key: string; [locale: string]: string }[]\n  ): Promise<void> {\n    const filesToUpload = new Array<{ path: string; contents: File }>();\n    const translationsPerLocale: { [locale: string]: { [key: string]: string } } = {};\n    for (const entry of translations) {\n      const key = entry.key;\n      for (const locale of Object.keys(entry)) {\n        if (locale === 'key') {\n          continue;\n        }\n        if (!translationsPerLocale[locale]) {\n          translationsPerLocale[locale] = {};\n        }\n\n        if (entry[locale]) {\n          translationsPerLocale[locale][key] = entry[locale];\n        }\n      }\n    }\n\n    for (const locale of Object.keys(translationsPerLocale)) {\n      const fileName = `${locale}.json`;\n      filesToUpload.push({\n        path: fileName,\n        contents: new File([JSON.stringify({ [locale]: translationsPerLocale[locale] })], fileName)\n      });\n    }\n    const app = await this.getOrCreateTranslationApp();\n    await this.appService.binary(app).updateFiles(filesToUpload);\n  }\n\n  /**\n   * @returns The translation app for the current tenant. If it does not exist, it will be created.\n   */\n  async getOrCreateTranslationApp(): Promise<IApplication> {\n    const { data: apps } = await this.appService.listByName(this.translationAppName);\n    const ownApp = apps.find(\n      app =>\n        app.contextPath === this.translationAppContextPath &&\n        app.owner.tenant.id === this.appState.currentTenant.value.name\n    );\n    if (ownApp) {\n      return ownApp;\n    }\n\n    const { data: app } = await this.appService.create({\n      name: this.translationAppName,\n      contextPath: this.translationAppContextPath,\n      key: `${this.translationAppContextPath}-app-key`,\n      type: ApplicationType.HOSTED,\n      availability: ApplicationAvailability.MARKET,\n      config: {\n        icon: {\n          class: 'language1'\n        }\n      },\n      noAppSwitcher: true,\n      description: 'Providing user defined translations'\n    });\n    const zip = await this.zip.createZip([]);\n\n    const { data: binary } = await this.appService.binary(app).upload(zip, 'translations.zip');\n    const { data: updatedApp } = await this.appService.update({\n      id: app.id,\n      activeVersionId: binary.id as string\n    });\n    return updatedApp;\n  }\n\n  private async getFileFromTranslationApp(file: string) {\n    return this.getFileFromPath(`/apps/public/${this.translationAppContextPath}/${file}`);\n  }\n\n  private async getFileFromPath(path: string) {\n    const finalPath = `${path}?nocache=${Date.now()}`;\n    const response = await fetch(finalPath);\n\n    if (response.status !== 200) {\n      throw new Error(`Failed to fetch file from ${path}`);\n    }\n\n    return response.json();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/c8y-ngx-components-translation-editor-lazy.mjs

@@ -0,0 +1,236 @@
+import { NgIf, NgForOf } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, Optional, ViewChild } from '@angular/core';
+import * as i3 from '@c8y/ngx-components';
+import { C8yTranslatePipe, IconDirective, ModalModule, MessagesComponent, MessageDirective, C8yTranslateDirective, FormGroupComponent, BuiltInActionType, gettext as gettext$1, TitleComponent, DataGridModule, LoadingComponent, ActionBarItemComponent } from '@c8y/ngx-components';
+import * as i1$1 from '@c8y/ngx-components/translation-editor/data';
+import * as i1 from '@angular/forms';
+import { FormsModule, Validators, ReactiveFormsModule } from '@angular/forms';
+import * as i2 from 'ngx-bootstrap/modal';
+import { gettext } from '@c8y/ngx-components/gettext';
+
+class ManageTranslationCellRendererComponent {
+    constructor(context, permissions, grid) {
+        this.context = context;
+        this.permissions = permissions;
+        this.grid = grid;
+        this.FOCUS_RENDER_WAIT_TIME_IN_MS = 100;
+        this.isCellEditable = false;
+        this.cellValue = '';
+        this.isCreateDisabled = false;
+    }
+    ngOnInit() {
+        this.isCreateDisabled = !this.permissions.hasRole('ROLE_APPLICATION_MANAGEMENT_ADMIN');
+    }
+    async save() {
+        this.isCellEditable = false;
+        const cellValueTrimed = this.cellValue.trim();
+        this.context.value = cellValueTrimed;
+        this.context.item[this.context.property.path] = cellValueTrimed;
+        this.grid?.valueChanged();
+    }
+    cancel() {
+        this.isCellEditable = false;
+    }
+    editCell() {
+        this.cellValue = this.context.value;
+        this.isCellEditable = true;
+        // Focuses the input box after the input text box is visible
+        setTimeout(() => {
+            this.cellInput.nativeElement.focus();
+        }, this.FOCUS_RENDER_WAIT_TIME_IN_MS);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ManageTranslationCellRendererComponent, deps: [{ token: i3.CellRendererContext }, { token: i3.Permissions }, { token: TranslationEditorComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: ManageTranslationCellRendererComponent, isStandalone: true, selector: "c8y-manage-translation-cell-renderer", viewQueries: [{ propertyName: "cellInput", first: true, predicate: ["cellInput"], descendants: true }], ngImport: i0, template: "<div\n  class=\"text-truncate pointer d-flex\"\n  title=\"{{ context.value }}\"\n  data-cy=\"c8y-manage-translation-cell-renderer--edit\"\n  (click)=\"!isCreateDisabled ? editCell() : ''\"\n  *ngIf=\"!isCellEditable\"\n>\n  <span\n    class=\"text-truncate\"\n    *ngIf=\"!isCellEditable && context.value !== ''\"\n  >\n    {{ context.value }}\n  </span>\n  <span\n    class=\"text-truncate\"\n    title=\"{{ 'Add translation' | translate }}\"\n    *ngIf=\"!isCellEditable && context.value === ''\"\n  >\n    <em class=\"text-muted\">{{ 'Add translation' | translate }}</em>\n  </span>\n  <i\n    class=\"showOnHover text-primary m-l-4\"\n    c8yIcon=\"pencil\"\n    title=\"{{ 'Edit translation' | translate }}\"\n    *ngIf=\"!isCreateDisabled\"\n  ></i>\n</div>\n\n<div\n  class=\"input-group input-group-sm\"\n  *ngIf=\"isCellEditable && !isCreateDisabled\"\n>\n  <input\n    class=\"form-control\"\n    placeholder=\"{{ 'Add translation' | translate }}\"\n    type=\"text\"\n    #cellInput\n    data-cy=\"c8y-manage-translation-cell-renderer--input\"\n    [(ngModel)]=\"cellValue\"\n  />\n  <div class=\"input-group-btn\">\n    <button\n      class=\"btn btn-clean\"\n      title=\"{{ 'Cancel' | translate }}\"\n      type=\"button\"\n      (click)=\"cancel()\"\n      data-cy=\"c8y-manage-translation-cell-renderer--cancel\"\n    >\n      <i\n        class=\"text-danger\"\n        c8yIcon=\"times\"\n      ></i>\n    </button>\n    <button\n      class=\"btn btn-clean\"\n      title=\"{{ 'Save' | translate }}\"\n      type=\"button\"\n      (click)=\"save()\"\n      data-cy=\"c8y-manage-translation-cell-renderer--save\"\n    >\n      <i\n        class=\"text-primary\"\n        c8yIcon=\"check\"\n      ></i>\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ManageTranslationCellRendererComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-manage-translation-cell-renderer', standalone: true, imports: [NgIf, C8yTranslatePipe, IconDirective, FormsModule], template: "<div\n  class=\"text-truncate pointer d-flex\"\n  title=\"{{ context.value }}\"\n  data-cy=\"c8y-manage-translation-cell-renderer--edit\"\n  (click)=\"!isCreateDisabled ? editCell() : ''\"\n  *ngIf=\"!isCellEditable\"\n>\n  <span\n    class=\"text-truncate\"\n    *ngIf=\"!isCellEditable && context.value !== ''\"\n  >\n    {{ context.value }}\n  </span>\n  <span\n    class=\"text-truncate\"\n    title=\"{{ 'Add translation' | translate }}\"\n    *ngIf=\"!isCellEditable && context.value === ''\"\n  >\n    <em class=\"text-muted\">{{ 'Add translation' | translate }}</em>\n  </span>\n  <i\n    class=\"showOnHover text-primary m-l-4\"\n    c8yIcon=\"pencil\"\n    title=\"{{ 'Edit translation' | translate }}\"\n    *ngIf=\"!isCreateDisabled\"\n  ></i>\n</div>\n\n<div\n  class=\"input-group input-group-sm\"\n  *ngIf=\"isCellEditable && !isCreateDisabled\"\n>\n  <input\n    class=\"form-control\"\n    placeholder=\"{{ 'Add translation' | translate }}\"\n    type=\"text\"\n    #cellInput\n    data-cy=\"c8y-manage-translation-cell-renderer--input\"\n    [(ngModel)]=\"cellValue\"\n  />\n  <div class=\"input-group-btn\">\n    <button\n      class=\"btn btn-clean\"\n      title=\"{{ 'Cancel' | translate }}\"\n      type=\"button\"\n      (click)=\"cancel()\"\n      data-cy=\"c8y-manage-translation-cell-renderer--cancel\"\n    >\n      <i\n        class=\"text-danger\"\n        c8yIcon=\"times\"\n      ></i>\n    </button>\n    <button\n      class=\"btn btn-clean\"\n      title=\"{{ 'Save' | translate }}\"\n      type=\"button\"\n      (click)=\"save()\"\n      data-cy=\"c8y-manage-translation-cell-renderer--save\"\n    >\n      <i\n        class=\"text-primary\"\n        c8yIcon=\"check\"\n      ></i>\n    </button>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i3.CellRendererContext }, { type: i3.Permissions }, { type: TranslationEditorComponent, decorators: [{
+                    type: Optional
+                }] }], propDecorators: { cellInput: [{
+                type: ViewChild,
+                args: ['cellInput']
+            }] } });
+
+class AddTranslationModalComponent {
+    constructor(formBuilder) {
+        this.formBuilder = formBuilder;
+        this.title = gettext('Add translation');
+        this.result = new Promise((resolve, reject) => {
+            this._resovle = resolve;
+            this._reject = reject;
+        });
+        this.alreadyTakenMsg = gettext('The provided translation key has already been defined.');
+        this.alreadyDefinedKeys = [];
+        this.availableLangs = [];
+    }
+    ngOnInit() {
+        this.form = this.initForm();
+    }
+    initForm() {
+        return this.formBuilder.group({
+            key: ['', [Validators.required, this.ensureNotExistingKey()]],
+            ...this.availableLangs
+                .map(language => {
+                return {
+                    [language.lang]: ['']
+                };
+            })
+                .reduceRight((acc, curr) => ({ ...curr, ...acc }), {})
+        });
+    }
+    cancel() {
+        this._reject();
+    }
+    save() {
+        this._resovle(this.form.value);
+    }
+    ensureNotExistingKey() {
+        return (control) => {
+            if (typeof control.value === 'string') {
+                const keyAlreadyTaken = this.alreadyDefinedKeys.some(name => name === control.value);
+                if (keyAlreadyTaken) {
+                    return { keyAlreadyTaken: {} };
+                }
+            }
+            return null;
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AddTranslationModalComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: AddTranslationModalComponent, isStandalone: true, selector: "c8y-add-translation-modal", ngImport: i0, template: "<c8y-modal\n  [title]=\"title\"\n  [headerClasses]=\"'dialog-header'\"\n  (onDismiss)=\"cancel()\"\n  (onClose)=\"save()\"\n  [disabled]=\"form.invalid\"\n  [labels]=\"{ cancel: 'Cancel', ok: 'Add' }\"\n>\n<ng-container c8y-modal-title>\n  <span [c8yIcon]=\"'language1'\"></span>\n</ng-container>\n  <div [formGroup]=\"form\" class=\"p-24\">\n    <c8y-form-group>\n      <label\n        for=\"label\"\n        translate\n      >\n        Translation key\n      </label>\n      <input\n        class=\"form-control\"\n        name=\"key\"\n        id=\"key\"\n        type=\"text\"\n        formControlName=\"key\"\n        placeholder=\"{{'e.g. {{ example }}' | translate : { example: 'Home' } }}\"\n      />\n      <c8y-messages>\n        <c8y-message\n          name=\"keyAlreadyTaken\"\n          [text]=\"alreadyTakenMsg | translate\"\n        ></c8y-message>\n      </c8y-messages>\n    </c8y-form-group>\n\n    <c8y-form-group *ngFor=\"let language of availableLangs\">\n      <label\n        [for]=\"language.lang\"\n      >\n        {{ language.nativeLanguage }} ({{ language.lang }})\n      </label>\n      <input\n        class=\"form-control\"\n        [name]=\"language.lang\"\n        [id]=\"language.lang\"\n        type=\"text\"\n        [formControlName]=\"language.lang\"\n      />\n    </c8y-form-group>\n  </div>\n</c8y-modal>\n", dependencies: [{ kind: "ngmodule", type: ModalModule }, { kind: "component", type: i3.ModalComponent, selector: "c8y-modal", inputs: ["disabled", "close", "dismiss", "title", "body", "customFooter", "headerClasses", "labels"], outputs: ["onDismiss", "onClose"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: MessagesComponent, selector: "c8y-messages", inputs: ["show", "defaults", "helpMessage"] }, { kind: "directive", type: MessageDirective, selector: "c8y-message", inputs: ["name", "text"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AddTranslationModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-add-translation-modal', standalone: true, imports: [
+                        ModalModule,
+                        IconDirective,
+                        MessagesComponent,
+                        MessageDirective,
+                        C8yTranslatePipe,
+                        C8yTranslateDirective,
+                        ReactiveFormsModule,
+                        NgForOf,
+                        FormGroupComponent
+                    ], template: "<c8y-modal\n  [title]=\"title\"\n  [headerClasses]=\"'dialog-header'\"\n  (onDismiss)=\"cancel()\"\n  (onClose)=\"save()\"\n  [disabled]=\"form.invalid\"\n  [labels]=\"{ cancel: 'Cancel', ok: 'Add' }\"\n>\n<ng-container c8y-modal-title>\n  <span [c8yIcon]=\"'language1'\"></span>\n</ng-container>\n  <div [formGroup]=\"form\" class=\"p-24\">\n    <c8y-form-group>\n      <label\n        for=\"label\"\n        translate\n      >\n        Translation key\n      </label>\n      <input\n        class=\"form-control\"\n        name=\"key\"\n        id=\"key\"\n        type=\"text\"\n        formControlName=\"key\"\n        placeholder=\"{{'e.g. {{ example }}' | translate : { example: 'Home' } }}\"\n      />\n      <c8y-messages>\n        <c8y-message\n          name=\"keyAlreadyTaken\"\n          [text]=\"alreadyTakenMsg | translate\"\n        ></c8y-message>\n      </c8y-messages>\n    </c8y-form-group>\n\n    <c8y-form-group *ngFor=\"let language of availableLangs\">\n      <label\n        [for]=\"language.lang\"\n      >\n        {{ language.nativeLanguage }} ({{ language.lang }})\n      </label>\n      <input\n        class=\"form-control\"\n        [name]=\"language.lang\"\n        [id]=\"language.lang\"\n        type=\"text\"\n        [formControlName]=\"language.lang\"\n      />\n    </c8y-form-group>\n  </div>\n</c8y-modal>\n" }]
+        }], ctorParameters: () => [{ type: i1.FormBuilder }] });
+
+class TranslationEditorComponent {
+    constructor(translationStore, modalService, alert, appState, translate) {
+        this.translationStore = translationStore;
+        this.modalService = modalService;
+        this.alert = alert;
+        this.appState = appState;
+        this.translate = translate;
+        this.pagination = {
+            pageSize: 10,
+            currentPage: 1
+        };
+        this.displayOptions = {
+            bordered: false,
+            striped: true,
+            filter: true,
+            gridHeader: true,
+            hover: true
+        };
+        this.actionControls = [
+            {
+                type: BuiltInActionType.Delete,
+                callback: item => {
+                    this.items = this.items.filter(i => i.key !== item.key);
+                }
+            }
+        ];
+        this.columns = [];
+        this.isLoading = true;
+        this.items = new Array();
+        this.isHavingChanges = false;
+        this.availableLangs = [];
+        this.availableLangs = this.appState.state.langs
+            .sort((a, b) => a.localeCompare(b))
+            .map(l => ({
+            lang: l,
+            nativeLanguage: this.translate.getNativeLanguage(l)
+        }));
+    }
+    async ngOnInit() {
+        this.refresh();
+    }
+    async refresh() {
+        this.isLoading = true;
+        this.refreshColumns();
+        const translations = await this.translationStore.getCombinedListOfTranslationsForPerKey(this.availableLangs.map(l => l.lang));
+        this.items = translations;
+        this.isLoading = false;
+    }
+    async addEntry() {
+        const currentKeys = this.items.map(item => item.key);
+        const modalRef = this.modalService.show(AddTranslationModalComponent, {
+            initialState: { alreadyDefinedKeys: currentKeys, availableLangs: this.availableLangs }
+        });
+        try {
+            const result = await modalRef.content.result;
+            this.items = [...this.items, result];
+        }
+        catch (e) {
+            // do nothing, modal was closed.
+        }
+    }
+    refreshColumns() {
+        this.columns = this.getColumnsForLocales();
+    }
+    valueChanged() {
+        this.isHavingChanges = true;
+    }
+    async saveTranslations() {
+        try {
+            await this.translationStore.updateTranslations(this.items);
+            await this.refresh();
+            this.alert.success(gettext$1('Translations saved'));
+        }
+        catch (e) {
+            this.alert.danger(gettext$1('Failed to save translations'));
+            this.alert.addServerFailure(e);
+        }
+    }
+    getColumnsForLocales() {
+        const columns = new Array();
+        columns.push({
+            name: 'key',
+            header: gettext$1('Translation key'),
+            path: 'key',
+            filterable: true
+        });
+        columns.push(...this.availableLangs.map((language, index) => ({
+            name: language.lang,
+            header: `${language.nativeLanguage} (${language.lang})`,
+            path: language.lang,
+            filterable: false,
+            visible: index < 5,
+            cellRendererComponent: ManageTranslationCellRendererComponent
+        })));
+        return columns;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TranslationEditorComponent, deps: [{ token: i1$1.TranslationStoreService }, { token: i2.BsModalService }, { token: i3.AlertService }, { token: i3.AppStateService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: TranslationEditorComponent, isStandalone: true, selector: "c8y-translation-editor", ngImport: i0, template: "<c8y-title translate>Localization</c8y-title>\n\n<ng-container *ngIf=\"!isLoading; else loading\">\n  <c8y-action-bar-item placement=\"right\">\n    <button\n      class=\"btn btn-link\"\n      (click)=\"addEntry()\"\n      data-cy=\"c8y-translation-editor--add-translation\"\n    >\n      <i c8yIcon=\"plus-circle\"></i>\n      <span translate>Add translation</span>\n    </button>\n  </c8y-action-bar-item>\n\n  <c8y-action-bar-item placement=\"right\">\n    <button\n      class=\"btn btn-link\"\n      (click)=\"saveTranslations()\"\n      data-cy=\"c8y-translation-editor--save-and-apply\"\n    >\n      <i c8yIcon=\"save\"></i>\n      <span translate>Save & apply</span>\n    </button>\n  </c8y-action-bar-item>\n\n  <c8y-data-grid\n    class=\"content-fullpage d-flex d-col\"\n    [title]=\"'Translations' | translate\"\n    [columns]=\"columns\"\n    [actionControls]=\"actionControls\"\n    [pagination]=\"pagination\"\n    [displayOptions]=\"displayOptions\"\n    (onReload)=\"refresh()\"\n    [rows]=\"items\"\n  ></c8y-data-grid>\n</ng-container>\n\n<ng-template #loading>\n  <c8y-loading></c8y-loading>\n</ng-template>\n", dependencies: [{ kind: "component", type: TitleComponent, selector: "c8y-title", inputs: ["pageTitleUpdate"] }, { kind: "ngmodule", type: DataGridModule }, { kind: "component", type: i3.DataGridComponent, selector: "c8y-data-grid", inputs: ["title", "loadMoreItemsLabel", "loadingItemsLabel", "showSearch", "refresh", "columns", "rows", "pagination", "infiniteScroll", "serverSideDataCallback", "selectable", "singleSelection", "selectionPrimaryKey", "displayOptions", "actionControls", "bulkActionControls", "headerActionControls", "searchText", "configureColumnsEnabled", "showCounterWarning", "activeClassName", "expandableRows"], outputs: ["rowMouseOver", "rowMouseLeave", "rowClick", "onConfigChange", "onBeforeFilter", "onBeforeSearch", "onFilter", "itemsSelect", "onReload", "onAddCustomColumn", "onRemoveCustomColumn", "onColumnFilterReset", "onSort", "onPageSizeChange", "onColumnReordered", "onColumnVisibilityChange"] }, { kind: "component", type: LoadingComponent, selector: "c8y-loading", inputs: ["layout", "progress", "message"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "component", type: ActionBarItemComponent, selector: "c8y-action-bar-item", inputs: ["placement", "priority", "itemClass", "injector", "groupId", "inGroupPriority"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TranslationEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-translation-editor', standalone: true, imports: [
+                        TitleComponent,
+                        DataGridModule,
+                        LoadingComponent,
+                        NgIf,
+                        C8yTranslatePipe,
+                        ActionBarItemComponent,
+                        IconDirective,
+                        C8yTranslateDirective
+                    ], template: "<c8y-title translate>Localization</c8y-title>\n\n<ng-container *ngIf=\"!isLoading; else loading\">\n  <c8y-action-bar-item placement=\"right\">\n    <button\n      class=\"btn btn-link\"\n      (click)=\"addEntry()\"\n      data-cy=\"c8y-translation-editor--add-translation\"\n    >\n      <i c8yIcon=\"plus-circle\"></i>\n      <span translate>Add translation</span>\n    </button>\n  </c8y-action-bar-item>\n\n  <c8y-action-bar-item placement=\"right\">\n    <button\n      class=\"btn btn-link\"\n      (click)=\"saveTranslations()\"\n      data-cy=\"c8y-translation-editor--save-and-apply\"\n    >\n      <i c8yIcon=\"save\"></i>\n      <span translate>Save & apply</span>\n    </button>\n  </c8y-action-bar-item>\n\n  <c8y-data-grid\n    class=\"content-fullpage d-flex d-col\"\n    [title]=\"'Translations' | translate\"\n    [columns]=\"columns\"\n    [actionControls]=\"actionControls\"\n    [pagination]=\"pagination\"\n    [displayOptions]=\"displayOptions\"\n    (onReload)=\"refresh()\"\n    [rows]=\"items\"\n  ></c8y-data-grid>\n</ng-container>\n\n<ng-template #loading>\n  <c8y-loading></c8y-loading>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i1$1.TranslationStoreService }, { type: i2.BsModalService }, { type: i3.AlertService }, { type: i3.AppStateService }, { type: i3.TranslateService }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TranslationEditorComponent };
+//# sourceMappingURL=c8y-ngx-components-translation-editor-lazy.mjs.map

package/fesm2022/c8y-ngx-components-translation-editor-lazy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"c8y-ngx-components-translation-editor-lazy.mjs","sources":["../../translation-editor/lazy/manage-translation-cell-renderer/manage-translation-cell-renderer.component.ts","../../translation-editor/lazy/manage-translation-cell-renderer/manage-translation-cell-renderer.component.html","../../translation-editor/lazy/add-translation-modal/add-translation-modal.component.ts","../../translation-editor/lazy/add-translation-modal/add-translation-modal.component.html","../../translation-editor/lazy/translation-editor/translation-editor.component.ts","../../translation-editor/lazy/translation-editor/translation-editor.component.html","../../translation-editor/lazy/c8y-ngx-components-translation-editor-lazy.ts"],"sourcesContent":["import { NgIf } from '@angular/common';\nimport { Component, ElementRef, Optional, ViewChild } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport {\n  CellRendererContext,\n  Permissions,\n  C8yTranslatePipe,\n  IconDirective\n} from '@c8y/ngx-components';\nimport { TranslationEditorComponent } from '../translation-editor/translation-editor.component';\n\n@Component({\n  selector: 'c8y-manage-translation-cell-renderer',\n  templateUrl: 'manage-translation-cell-renderer.component.html',\n  standalone: true,\n  imports: [NgIf, C8yTranslatePipe, IconDirective, FormsModule]\n})\nexport class ManageTranslationCellRendererComponent {\n  private readonly FOCUS_RENDER_WAIT_TIME_IN_MS = 100;\n  isCellEditable = false;\n  cellValue = '';\n  @ViewChild('cellInput') cellInput: ElementRef;\n  isCreateDisabled = false;\n\n  constructor(\n    public context: CellRendererContext,\n    private permissions: Permissions,\n    @Optional() private grid: TranslationEditorComponent\n  ) {}\n\n  ngOnInit() {\n    this.isCreateDisabled = !this.permissions.hasRole('ROLE_APPLICATION_MANAGEMENT_ADMIN');\n  }\n\n  async save(): Promise<void> {\n    this.isCellEditable = false;\n    const cellValueTrimed = this.cellValue.trim();\n    this.context.value = cellValueTrimed;\n    this.context.item[this.context.property.path] = cellValueTrimed;\n    this.grid?.valueChanged();\n  }\n\n  cancel(): void {\n    this.isCellEditable = false;\n  }\n\n  editCell(): void {\n    this.cellValue = this.context.value;\n    this.isCellEditable = true;\n\n    // Focuses the input box after the input text box is visible\n    setTimeout(() => {\n      this.cellInput.nativeElement.focus();\n    }, this.FOCUS_RENDER_WAIT_TIME_IN_MS);\n  }\n}\n","<div\n  class=\"text-truncate pointer d-flex\"\n  title=\"{{ context.value }}\"\n  data-cy=\"c8y-manage-translation-cell-renderer--edit\"\n  (click)=\"!isCreateDisabled ? editCell() : ''\"\n  *ngIf=\"!isCellEditable\"\n>\n  <span\n    class=\"text-truncate\"\n    *ngIf=\"!isCellEditable && context.value !== ''\"\n  >\n    {{ context.value }}\n  </span>\n  <span\n    class=\"text-truncate\"\n    title=\"{{ 'Add translation' | translate }}\"\n    *ngIf=\"!isCellEditable && context.value === ''\"\n  >\n    <em class=\"text-muted\">{{ 'Add translation' | translate }}</em>\n  </span>\n  <i\n    class=\"showOnHover text-primary m-l-4\"\n    c8yIcon=\"pencil\"\n    title=\"{{ 'Edit translation' | translate }}\"\n    *ngIf=\"!isCreateDisabled\"\n  ></i>\n</div>\n\n<div\n  class=\"input-group input-group-sm\"\n  *ngIf=\"isCellEditable && !isCreateDisabled\"\n>\n  <input\n    class=\"form-control\"\n    placeholder=\"{{ 'Add translation' | translate }}\"\n    type=\"text\"\n    #cellInput\n    data-cy=\"c8y-manage-translation-cell-renderer--input\"\n    [(ngModel)]=\"cellValue\"\n  />\n  <div class=\"input-group-btn\">\n    <button\n      class=\"btn btn-clean\"\n      title=\"{{ 'Cancel' | translate }}\"\n      type=\"button\"\n      (click)=\"cancel()\"\n      data-cy=\"c8y-manage-translation-cell-renderer--cancel\"\n    >\n      <i\n        class=\"text-danger\"\n        c8yIcon=\"times\"\n      ></i>\n    </button>\n    <button\n      class=\"btn btn-clean\"\n      title=\"{{ 'Save' | translate }}\"\n      type=\"button\"\n      (click)=\"save()\"\n      data-cy=\"c8y-manage-translation-cell-renderer--save\"\n    >\n      <i\n        class=\"text-primary\"\n        c8yIcon=\"check\"\n      ></i>\n    </button>\n  </div>\n</div>\n","import { NgForOf } from '@angular/common';\nimport { Component, OnInit } from '@angular/core';\nimport {\n  AbstractControl,\n  FormBuilder,\n  ReactiveFormsModule,\n  ValidatorFn,\n  Validators\n} from '@angular/forms';\nimport {\n  C8yTranslateDirective,\n  C8yTranslatePipe,\n  FormGroupComponent,\n  IconDirective,\n  MessageDirective,\n  MessagesComponent,\n  ModalModule\n} from '@c8y/ngx-components';\nimport { gettext } from '@c8y/ngx-components/gettext';\n\n@Component({\n  selector: 'c8y-add-translation-modal',\n  templateUrl: './add-translation-modal.component.html',\n  standalone: true,\n  imports: [\n    ModalModule,\n    IconDirective,\n    MessagesComponent,\n    MessageDirective,\n    C8yTranslatePipe,\n    C8yTranslateDirective,\n    ReactiveFormsModule,\n    NgForOf,\n    FormGroupComponent\n  ]\n})\nexport class AddTranslationModalComponent implements OnInit {\n  readonly title = gettext('Add translation');\n  form: ReturnType<typeof this.initForm>;\n\n  result = new Promise<ReturnType<typeof this.initForm>['value']>((resolve, reject) => {\n    this._resovle = resolve;\n    this._reject = reject;\n  });\n  alreadyTakenMsg = gettext('The provided translation key has already been defined.');\n  alreadyDefinedKeys: string[] = [];\n  availableLangs: {\n    lang: string;\n    nativeLanguage: string;\n  }[] = [];\n\n  private _resovle: (value: ReturnType<typeof this.initForm>['value']) => void;\n  private _reject: (reason?: any) => void;\n\n  constructor(private formBuilder: FormBuilder) {}\n\n  ngOnInit(): void {\n    this.form = this.initForm();\n  }\n\n  initForm() {\n    return this.formBuilder.group({\n      key: ['', [Validators.required, this.ensureNotExistingKey()]],\n      ...this.availableLangs\n        .map(language => {\n          return {\n            [language.lang]: ['']\n          };\n        })\n        .reduceRight((acc, curr) => ({ ...curr, ...acc }), {})\n    });\n  }\n\n  cancel() {\n    this._reject();\n  }\n\n  save() {\n    this._resovle(this.form.value);\n  }\n\n  private ensureNotExistingKey(): ValidatorFn {\n    return (control: AbstractControl) => {\n      if (typeof control.value === 'string') {\n        const keyAlreadyTaken = this.alreadyDefinedKeys.some(name => name === control.value);\n        if (keyAlreadyTaken) {\n          return { keyAlreadyTaken: {} };\n        }\n      }\n      return null;\n    };\n  }\n}\n","<c8y-modal\n  [title]=\"title\"\n  [headerClasses]=\"'dialog-header'\"\n  (onDismiss)=\"cancel()\"\n  (onClose)=\"save()\"\n  [disabled]=\"form.invalid\"\n  [labels]=\"{ cancel: 'Cancel', ok: 'Add' }\"\n>\n<ng-container c8y-modal-title>\n  <span [c8yIcon]=\"'language1'\"></span>\n</ng-container>\n  <div [formGroup]=\"form\" class=\"p-24\">\n    <c8y-form-group>\n      <label\n        for=\"label\"\n        translate\n      >\n        Translation key\n      </label>\n      <input\n        class=\"form-control\"\n        name=\"key\"\n        id=\"key\"\n        type=\"text\"\n        formControlName=\"key\"\n        placeholder=\"{{'e.g. {{ example }}' | translate : { example: 'Home' } }}\"\n      />\n      <c8y-messages>\n        <c8y-message\n          name=\"keyAlreadyTaken\"\n          [text]=\"alreadyTakenMsg | translate\"\n        ></c8y-message>\n      </c8y-messages>\n    </c8y-form-group>\n\n    <c8y-form-group *ngFor=\"let language of availableLangs\">\n      <label\n        [for]=\"language.lang\"\n      >\n        {{ language.nativeLanguage }} ({{ language.lang }})\n      </label>\n      <input\n        class=\"form-control\"\n        [name]=\"language.lang\"\n        [id]=\"language.lang\"\n        type=\"text\"\n        [formControlName]=\"language.lang\"\n      />\n    </c8y-form-group>\n  </div>\n</c8y-modal>\n","import { NgIf } from '@angular/common';\nimport { Component, OnInit } from '@angular/core';\nimport {\n  ActionBarItemComponent,\n  ActionControl,\n  AlertService,\n  AppStateService,\n  BuiltInActionType,\n  C8yTranslateDirective,\n  C8yTranslatePipe,\n  Column,\n  DataGridModule,\n  DisplayOptions,\n  gettext,\n  IconDirective,\n  LoadingComponent,\n  Pagination,\n  TitleComponent,\n  TranslateService\n} from '@c8y/ngx-components';\nimport { TranslationStoreService } from '@c8y/ngx-components/translation-editor/data';\nimport { ManageTranslationCellRendererComponent } from '../manage-translation-cell-renderer/manage-translation-cell-renderer.component';\nimport { BsModalService } from 'ngx-bootstrap/modal';\nimport { AddTranslationModalComponent } from '../add-translation-modal/add-translation-modal.component';\n\n@Component({\n  selector: 'c8y-translation-editor',\n  templateUrl: './translation-editor.component.html',\n  standalone: true,\n  imports: [\n    TitleComponent,\n    DataGridModule,\n    LoadingComponent,\n    NgIf,\n    C8yTranslatePipe,\n    ActionBarItemComponent,\n    IconDirective,\n    C8yTranslateDirective\n  ]\n})\nexport class TranslationEditorComponent implements OnInit {\n  pagination: Pagination = {\n    pageSize: 10,\n    currentPage: 1\n  };\n  displayOptions: DisplayOptions = {\n    bordered: false,\n    striped: true,\n    filter: true,\n    gridHeader: true,\n    hover: true\n  };\n  actionControls: ActionControl[] = [\n    {\n      type: BuiltInActionType.Delete,\n      callback: item => {\n        this.items = this.items.filter(i => i.key !== item.key);\n      }\n    }\n  ];\n  columns: Column[] = [];\n  isLoading = true;\n  items: Awaited<ReturnType<TranslationStoreService['getCombinedListOfTranslationsForPerKey']>> =\n    new Array<any>();\n  isHavingChanges = false;\n  availableLangs: {\n    lang: string;\n    nativeLanguage: string;\n  }[] = [];\n\n  constructor(\n    private translationStore: TranslationStoreService,\n    private modalService: BsModalService,\n    private alert: AlertService,\n    private appState: AppStateService,\n    private translate: TranslateService\n  ) {\n    this.availableLangs = (this.appState.state.langs as string[])\n      .sort((a, b) => a.localeCompare(b))\n      .map(l => ({\n        lang: l,\n        nativeLanguage: this.translate.getNativeLanguage(l)\n      }));\n  }\n\n  async ngOnInit() {\n    this.refresh();\n  }\n\n  async refresh() {\n    this.isLoading = true;\n    this.refreshColumns();\n\n    const translations = await this.translationStore.getCombinedListOfTranslationsForPerKey(\n      this.availableLangs.map(l => l.lang)\n    );\n\n    this.items = translations;\n\n    this.isLoading = false;\n  }\n\n  async addEntry() {\n    const currentKeys = this.items.map(item => item.key);\n    const modalRef = this.modalService.show(AddTranslationModalComponent, {\n      initialState: { alreadyDefinedKeys: currentKeys, availableLangs: this.availableLangs }\n    });\n    try {\n      const result = await modalRef.content.result;\n      this.items = [...this.items, result as any];\n    } catch (e) {\n      // do nothing, modal was closed.\n    }\n  }\n\n  refreshColumns() {\n    this.columns = this.getColumnsForLocales();\n  }\n\n  valueChanged() {\n    this.isHavingChanges = true;\n  }\n\n  async saveTranslations() {\n    try {\n      await this.translationStore.updateTranslations(this.items);\n      await this.refresh();\n      this.alert.success(gettext('Translations saved'));\n    } catch (e) {\n      this.alert.danger(gettext('Failed to save translations'));\n      this.alert.addServerFailure(e);\n    }\n  }\n\n  private getColumnsForLocales() {\n    const columns = new Array<Column>();\n    columns.push({\n      name: 'key',\n      header: gettext('Translation key'),\n      path: 'key',\n      filterable: true\n    });\n\n    columns.push(\n      ...this.availableLangs.map(\n        (language, index) =>\n          ({\n            name: language.lang,\n            header: `${language.nativeLanguage} (${language.lang})`,\n            path: language.lang,\n            filterable: false,\n            visible: index < 5,\n            cellRendererComponent: ManageTranslationCellRendererComponent\n          }) as Column\n      )\n    );\n\n    return columns;\n  }\n}\n","<c8y-title translate>Localization</c8y-title>\n\n<ng-container *ngIf=\"!isLoading; else loading\">\n  <c8y-action-bar-item placement=\"right\">\n    <button\n      class=\"btn btn-link\"\n      (click)=\"addEntry()\"\n      data-cy=\"c8y-translation-editor--add-translation\"\n    >\n      <i c8yIcon=\"plus-circle\"></i>\n      <span translate>Add translation</span>\n    </button>\n  </c8y-action-bar-item>\n\n  <c8y-action-bar-item placement=\"right\">\n    <button\n      class=\"btn btn-link\"\n      (click)=\"saveTranslations()\"\n      data-cy=\"c8y-translation-editor--save-and-apply\"\n    >\n      <i c8yIcon=\"save\"></i>\n      <span translate>Save & apply</span>\n    </button>\n  </c8y-action-bar-item>\n\n  <c8y-data-grid\n    class=\"content-fullpage d-flex d-col\"\n    [title]=\"'Translations' | translate\"\n    [columns]=\"columns\"\n    [actionControls]=\"actionControls\"\n    [pagination]=\"pagination\"\n    [displayOptions]=\"displayOptions\"\n    (onReload)=\"refresh()\"\n    [rows]=\"items\"\n  ></c8y-data-grid>\n</ng-container>\n\n<ng-template #loading>\n  <c8y-loading></c8y-loading>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2.TranslationEditorComponent","i3","i2","gettext"],"mappings":"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"}

package/fesm2022/c8y-ngx-components-translation-editor.mjs

@@ -0,0 +1,46 @@
+import * as i1 from '@c8y/ngx-components';
+import { NavigatorNode, hookRoute, hookNavigator } from '@c8y/ngx-components';
+import * as i0 from '@angular/core';
+import { Injectable } from '@angular/core';
+import { gettext } from '@c8y/ngx-components/gettext';
+
+class TranslationEditorNaviagtorFactoryService {
+    constructor(permissions) {
+        this.permissions = permissions;
+        this.node = new NavigatorNode({
+            icon: 'language1',
+            label: gettext('Localization'),
+            parent: 'Settings',
+            path: 'localization'
+        });
+    }
+    get() {
+        if (!this.permissions.hasRole('ROLE_APPLICATION_MANAGEMENT_ADMIN')) {
+            return [];
+        }
+        return this.node;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TranslationEditorNaviagtorFactoryService, deps: [{ token: i1.Permissions }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TranslationEditorNaviagtorFactoryService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TranslationEditorNaviagtorFactoryService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.Permissions }] });
+
+const tranlationEditorProviders = [
+    hookRoute({
+        path: 'localization',
+        loadComponent: () => import('@c8y/ngx-components/translation-editor/lazy').then(m => m.TranslationEditorComponent)
+    }),
+    hookNavigator(TranslationEditorNaviagtorFactoryService)
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { tranlationEditorProviders };
+//# sourceMappingURL=c8y-ngx-components-translation-editor.mjs.map

package/fesm2022/c8y-ngx-components-translation-editor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"c8y-ngx-components-translation-editor.mjs","sources":["../../translation-editor/translation-editor-naviagtor-factory.service.ts","../../translation-editor/index.ts","../../translation-editor/c8y-ngx-components-translation-editor.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { ExtensionFactory, NavigatorNode, Permissions } from '@c8y/ngx-components';\nimport { gettext } from '@c8y/ngx-components/gettext';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class TranslationEditorNaviagtorFactoryService implements ExtensionFactory<NavigatorNode> {\n  private node = new NavigatorNode({\n    icon: 'language1',\n    label: gettext('Localization'),\n    parent: 'Settings',\n    path: 'localization'\n  });\n\n  constructor(private permissions: Permissions) {}\n\n  get(): NavigatorNode | NavigatorNode[] {\n    if (!this.permissions.hasRole('ROLE_APPLICATION_MANAGEMENT_ADMIN')) {\n      return [];\n    }\n    return this.node;\n  }\n}\n","import { hookNavigator, hookRoute } from '@c8y/ngx-components';\nimport { TranslationEditorNaviagtorFactoryService } from './translation-editor-naviagtor-factory.service';\n\nexport const tranlationEditorProviders = [\n  hookRoute({\n    path: 'localization',\n    loadComponent: () =>\n      import('@c8y/ngx-components/translation-editor/lazy').then(m => m.TranslationEditorComponent)\n  }),\n  hookNavigator(TranslationEditorNaviagtorFactoryService)\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAOa,wCAAwC,CAAA;AAQnD,IAAA,WAAA,CAAoB,WAAwB,EAAA;QAAxB,IAAW,CAAA,WAAA,GAAX,WAAW,CAAa;QAPpC,IAAI,CAAA,IAAA,GAAG,IAAI,aAAa,CAAC;AAC/B,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,KAAK,EAAE,OAAO,CAAC,cAAc,CAAC;AAC9B,YAAA,MAAM,EAAE,UAAU;AAClB,YAAA,IAAI,EAAE,cAAc;AACrB,SAAA,CAAC,CAAC;KAE6C;IAEhD,GAAG,GAAA;QACD,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,mCAAmC,CAAC,EAAE;AAClE,YAAA,OAAO,EAAE,CAAC;SACX;QACD,OAAO,IAAI,CAAC,IAAI,CAAC;KAClB;8GAfU,wCAAwC,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,WAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAAxC,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wCAAwC,cAFvC,MAAM,EAAA,CAAA,CAAA,EAAA;;2FAEP,wCAAwC,EAAA,UAAA,EAAA,CAAA;kBAHpD,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA,CAAA;;;ACHY,MAAA,yBAAyB,GAAG;AACvC,IAAA,SAAS,CAAC;AACR,QAAA,IAAI,EAAE,cAAc;AACpB,QAAA,aAAa,EAAE,MACb,OAAO,6CAA6C,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,0BAA0B,CAAC;KAChG,CAAC;IACF,aAAa,CAAC,wCAAwC,CAAC;;;ACTzD;;AAEG;;;;"}

package/fesm2022/c8y-ngx-components-widgets-cockpit-exports.mjs

@@ -110,6 +110,13 @@ const cockpitWidgetsExports = [
         path: '@c8y/ngx-components/widgets/definitions/linear-gauge',
         description: 'Linear Gauge widget',
         scope: 'self'
+    },
+    {
+        name: 'Widgets: Data Points Table',
+        module: 'dataPointsTableWidgetProviders',
+        path: '@c8y/ngx-components/widgets/definitions/datapoints-table',
+        description: 'Data Points Table widget',
+        scope: 'self'
     }
 ];