@taon-dev/marketing 21.0.10 → 21.0.12

package/ts-source/websql-code/taon-marketing-newsletter/taon-marketing-newsletter-backoffice/taon-marketing-newsletter-backoffice.models.ts

@@ -0,0 +1,13 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/marketing project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export namespace TaonMarketingNewsletterBackofficeModels { }

package/ts-source/websql-code/taon-marketing-newsletter/taon-marketing-newsletter-backoffice/taon-marketing-newsletter-backoffice.routes.ts

@@ -0,0 +1,21 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/marketing project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { Routes } from '@angular/router';
+import { adminLazyRoute } from '@taon-dev/ui/websql';
+export const TaonMarketingNewsletterBackofficeRoutes: Routes = [
+    {
+        path: '',
+        loadComponent: () => import('./taon-marketing-newsletter-backoffice.component').then(m => m.TaonMarketingNewsletterBackofficeComponent),
+        children: [],
+    },
+];

package/ts-source/websql-code/taon-marketing-newsletter/taon-marketing-newsletter.abstract.context.ts

@@ -0,0 +1,28 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/marketing project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { createContext, TaonBaseContext } from 'taon/websql';
+import { TaonMarketingNewsletterEntity } from './taon-marketing-newsletter.entity';
+import { TaonMarketingNewsletterController } from './taon-marketing-newsletter.controller';
+import { TaonMarketingNewsletterRepository } from './taon-marketing-newsletter.repository';
+import { TaonMarketingNewsletterProvider } from './taon-marketing-newsletter.provider';
+export const TaonMarketingNewsletterAbstractContext = createContext(() => ({
+    contextName: 'TaonMarketingNewsletterAbstractContext',
+    abstract: true,
+    contexts: { TaonBaseContext },
+    entities: { TaonMarketingNewsletterEntity },
+    controllers: { TaonMarketingNewsletterController },
+    repositories: {
+        TaonMarketingNewsletterRepository,
+    },
+    providers: { TaonMarketingNewsletterProvider },
+}));

package/ts-source/websql-code/taon-marketing-newsletter/taon-marketing-newsletter.api.service.ts

@@ -0,0 +1,28 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/marketing project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { Taon, TaonBaseAngularService } from 'taon/websql';
+import type { TaonMarketingNewsletterEntity } from './taon-marketing-newsletter.entity';
+import { TaonMarketingNewsletterController } from './taon-marketing-newsletter.controller';
+@Injectable()
+export class TaonMarketingNewsletterApiService extends TaonBaseAngularService {
+    public readonly taonMarketingNewsletterController = this.injectController(TaonMarketingNewsletterController);
+    public get allMyEntities$(): Observable<TaonMarketingNewsletterEntity[]> {
+        return this.taonMarketingNewsletterController.getAll().request!().observable.pipe(map(res => res.body?.json));
+    }
+    public helloWorld(user: string): Observable<string> {
+        return this.taonMarketingNewsletterController.helloWord(user).request!().observable.pipe(map(res => res.responseText as string));
+    }
+}

package/ts-source/websql-code/taon-marketing-newsletter/taon-marketing-newsletter.config.service.ts

@@ -0,0 +1,28 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/marketing project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { Taon, TaonBaseAngularService } from 'taon/websql';
+import { TaonMarketingNewsletterProvider } from './taon-marketing-newsletter.provider';
+@Injectable()
+export class TaonMarketingNewsletterConfigService extends TaonBaseAngularService {
+    private taonMarketingNewsletterProvider = this.injectProvider(TaonMarketingNewsletterProvider);
+    get isEnableOption() {
+        return this.taonMarketingNewsletterProvider.enabledTaonMarketingNewsletterOption;
+    }
+    clone(): Partial<TaonMarketingNewsletterProvider> {
+        const cloned = this.taonMarketingNewsletterProvider.clone();
+        return cloned;
+    }
+}

package/ts-source/websql-code/taon-marketing-newsletter/taon-marketing-newsletter.constants.ts

@@ -0,0 +1,27 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/marketing project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import type { TaonMarketingNewsletterEntity } from './taon-marketing-newsletter.entity';
+import { Translation } from '@taon-dev/i18n/websql';
+import { Taon } from 'taon/websql';
+const t = Translation.for('src/lib/taon-marketing-newsletter/taon-marketing-newsletter.constants.ts', { "src/lib/taon-marketing-newsletter/taon-marketing-newsletter.constants.ts": { "en-US": async () => (await import('./i18n/taon-marketing-newsletter.constants.ts.en-US.i18n.data')).default, "pl-PL": async () => (await import('./i18n/taon-marketing-newsletter.constants.ts.pl-PL.i18n.data')).default } } as any);
+export const TaonMarketingNewsletterDefaultsValues = {
+    description: '',
+    version: 0,
+    id: void 0,
+} as Partial<TaonMarketingNewsletterEntity>;
+export enum TaonMarketingNewsletterErrors {
+    INVALID_PASSWORD_EXAMPLE_ERROR = 'INVALID_PASSWORD_EXAMPLE_ERROR'
+}
+export const TaonMarketingNewsletterTranslationErorsMap = new Map([
+    [TaonMarketingNewsletterErrors.INVALID_PASSWORD_EXAMPLE_ERROR, t.gettext('Invalid Password')],
+]);

package/ts-source/websql-code/taon-marketing-newsletter/taon-marketing-newsletter.controller.ts

@@ -0,0 +1,36 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/marketing project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { Taon, ClassHelpers, TaonController, TaonBaseCrudController, Query, GET, } from 'taon/websql';
+import { _ } from 'tnp-core/websql';
+import { TaonMarketingNewsletterEntity } from './taon-marketing-newsletter.entity';
+import { TaonMarketingNewsletterRepository } from './taon-marketing-newsletter.repository';
+@TaonController<TaonMarketingNewsletterController>({
+    className: 'TaonMarketingNewsletterController',
+})
+export class TaonMarketingNewsletterController extends TaonBaseCrudController<TaonMarketingNewsletterEntity, {}, TaonMarketingNewsletterController> {
+    entityClassResolveFn: () => typeof TaonMarketingNewsletterEntity = () => TaonMarketingNewsletterEntity;
+    private readonly taonMarketingNewsletterRepository = this.injectCustomRepo(TaonMarketingNewsletterRepository);
+    @GET()
+    helloWord(
+    @Query('yourName')
+    yourName: string): Taon.Response<string> {
+        return async (req, res) => {
+            const numOfEntities = await this.db.count();
+            const numberOfEvenEntities = await this.taonMarketingNewsletterRepository.countEntitesWithEvenId();
+            return `Hello ${yourName || 'world'} from ${ClassHelpers.getName(TaonMarketingNewsletterController)}
+      controller..  ${numOfEntities} entites in db..
+      ${numberOfEvenEntities} entites with even ids (2,4,6,8 etc.)
+      `;
+        };
+    }
+}

package/ts-source/websql-code/taon-marketing-newsletter/taon-marketing-newsletter.entity.ts

@@ -0,0 +1,27 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/marketing project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { CustomColumn, Column, Taon, TaonBaseAbstractEntity, TaonEntity, } from 'taon/websql';
+import { _ } from 'tnp-core/websql';
+import { TaonMarketingNewsletterDefaultsValues } from './taon-marketing-newsletter.constants';
+@TaonEntity<TaonMarketingNewsletterEntity>({
+    className: 'TaonMarketingNewsletterEntity',
+    createTable: true,
+})
+export class TaonMarketingNewsletterEntity extends TaonBaseAbstractEntity<TaonMarketingNewsletterEntity> {
+    @CustomColumn({
+        type: 'varchar',
+        length: 100,
+        default: TaonMarketingNewsletterDefaultsValues.description,
+    })
+    description?: string;
+}

package/ts-source/websql-code/taon-marketing-newsletter/taon-marketing-newsletter.kv.repository.ts

@@ -0,0 +1,24 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/marketing project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { TaonBaseRepository, TaonBaseKvRepository, TaonRepository, } from 'taon/websql';
+import { TaonMarketingNewsletterEntity } from './taon-marketing-newsletter.entity';
+@TaonRepository({
+    className: 'TaonMarketingNewsletterKvRepository',
+})
+export class TaonMarketingNewsletterKvRepository extends TaonBaseKvRepository<{
+    usersToNotify: TaonMarketingNewsletterEntity[];
+}> {
+    async notifyUsers(users: TaonMarketingNewsletterEntity[]) {
+        this.set('usersToNotify', users);
+    }
+}

package/ts-source/websql-code/taon-marketing-newsletter/taon-marketing-newsletter.middleware.ts

@@ -0,0 +1,19 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/marketing project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { Taon, TaonBaseMiddleware, TaonMiddleware } from 'taon/websql';
+import { _ } from 'tnp-core/websql';
+@TaonMiddleware({
+    className: 'TaonMarketingNewsletterMiddleware',
+})
+export class TaonMarketingNewsletterMiddleware extends TaonBaseMiddleware {
+}

package/ts-source/websql-code/taon-marketing-newsletter/taon-marketing-newsletter.models.ts

@@ -0,0 +1,18 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/marketing project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export namespace TaonMarketingNewsletterModels {
+    export enum TaonMarketingNewsletterState {
+        Active = 'active',
+        Inactive = 'inactive'
+    }
+}

package/ts-source/websql-code/taon-marketing-newsletter/taon-marketing-newsletter.provider.ts

@@ -0,0 +1,30 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/marketing project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { Taon, TaonBaseClass, TaonBaseProvider, TaonProvider } from 'taon/websql';
+import { _ } from 'tnp-core/websql';
+export class TaonTaonMarketingNewsletterConfig extends TaonBaseClass {
+    declare name: string;
+}
+@TaonProvider({
+    className: 'TaonMarketingNewsletterProvider',
+})
+export class TaonMarketingNewsletterProvider extends TaonBaseProvider {
+    enabledTaonMarketingNewsletterOption: boolean = true;
+    config = new TaonTaonMarketingNewsletterConfig();
+    clone() {
+        return {
+            enabledTaonMarketingNewsletterOption: this.enabledTaonMarketingNewsletterOption,
+            config: this.config.clone(),
+        };
+    }
+}

package/ts-source/websql-code/taon-marketing-newsletter/taon-marketing-newsletter.repository.ts

@@ -0,0 +1,29 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/marketing project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { TaonBaseRepository, TaonRepository } from 'taon/websql';
+import { Raw } from 'taon-typeorm/websql';
+import { TaonMarketingNewsletterEntity } from './taon-marketing-newsletter.entity';
+@TaonRepository({
+    className: 'TaonMarketingNewsletterRepository',
+})
+export class TaonMarketingNewsletterRepository extends TaonBaseRepository<TaonMarketingNewsletterEntity> {
+    entityClassResolveFn: () => typeof TaonMarketingNewsletterEntity = () => TaonMarketingNewsletterEntity;
+    async countEntitesWithEvenId(): Promise<number> {
+        const result = await this.count({
+            where: {
+                id: Raw(alias => `${alias} % 2 = 0`),
+            },
+        });
+        return result;
+    }
+}

package/ts-source/websql-code/taon-marketing-newsletter/taon-marketing-newsletter.subscriber.ts

@@ -0,0 +1,24 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/marketing project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { TaonBaseSubscriberForEntity, TaonSubscriber } from 'taon/websql';
+import { TaonMarketingNewsletterEntity } from './taon-marketing-newsletter.entity';
+import { TaonMarketingNewsletterProvider } from './taon-marketing-newsletter.provider';
+@TaonSubscriber<TaonMarketingNewsletterSubscriber>({
+    className: 'TaonMarketingNewsletterSubscriber',
+})
+export class TaonMarketingNewsletterSubscriber extends TaonBaseSubscriberForEntity {
+    private readonly taonMarketingNewsletterProvider = this.injectProvider(TaonMarketingNewsletterProvider);
+    listenTo(): typeof TaonMarketingNewsletterEntity {
+        return TaonMarketingNewsletterEntity;
+    }
+}

package/ts-source/websql-code/taon-marketing-newsletter/taon-marketing-newsletter.utils.ts

@@ -0,0 +1,18 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/marketing project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { TaonMarketingNewsletterModels } from './taon-marketing-newsletter.models';
+export namespace TaonMarketingNewsletterUtils {
+    export function isActive(state: string): state is TaonMarketingNewsletterModels.TaonMarketingNewsletterState {
+        return state === 'active';
+    }
+}

package/ts-source/websql-code/taon-marketing-newsletter/taon-marketing-newsletter.validators.ts

@@ -0,0 +1,26 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/marketing project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
+import { TaonMarketingNewsletterErrors } from './taon-marketing-newsletter.constants';
+export namespace TaonMarketingNewsletterValidators {
+    export const passwordMatchValidator: ValidatorFn = (control: AbstractControl): ValidationErrors | null => {
+        const password = control.get('password');
+        const passwordRepeat = control.get('passwordRepeat');
+        if (!password || !passwordRepeat) {
+            return null;
+        }
+        return password.value === passwordRepeat.value
+            ? null
+            : { [TaonMarketingNewsletterErrors.INVALID_PASSWORD_EXAMPLE_ERROR]: true };
+    };
+}

package/ts-source/websql-code/taon-marketing-popup/index.ts

@@ -0,0 +1,25 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/marketing project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export * from './taon-marketing-popup.api.service';
+export * from './taon-marketing-popup.config.service';
+export * from './taon-marketing-popup.abstract.context';
+export * from './taon-marketing-popup.constants';
+export * from './taon-marketing-popup.controller';
+export * from './taon-marketing-popup.entity';
+export * from './taon-marketing-popup.middleware';
+export * from './taon-marketing-popup.models';
+export * from './taon-marketing-popup.provider';
+export * from './taon-marketing-popup.repository';
+export * from './taon-marketing-popup.subscriber';
+export * from './taon-marketing-popup.utils';
+export * from './taon-marketing-popups.component';

package/ts-source/websql-code/taon-marketing-popup/taon-marketing-popup-backoffice/index.ts

@@ -0,0 +1,13 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/marketing project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export * from './taon-marketing-popup-backoffice.component';

package/ts-source/websql-code/taon-marketing-popup/taon-marketing-popup-backoffice/taon-marketing-popup-backoffice.component.html

@@ -0,0 +1,24 @@
+<!--
+==============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/marketing project repository
+  for watch development of third party modules like this.
+  
+==============================================================================
+-->
+
+<h1>Popups</h1>
+@if (error()) {
+  <p role="alert">{{ error() }}</p>
+}
+<taon-datatable
+  [entityCrudController]="crud"
+  [columns]="columns"
+  [allowedColumns]="['id', 'name', 'type', 'enabled']"
+  searchMode="advanced"
+  (addingItem)="edit()">
+</taon-datatable>

package/ts-source/websql-code/taon-marketing-popup/taon-marketing-popup-backoffice/taon-marketing-popup-backoffice.component.scss

@@ -0,0 +1,14 @@
+/* ============================================================================
+ 
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/marketing project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+:host {
+  display: block;
+}

package/ts-source/websql-code/taon-marketing-popup/taon-marketing-popup-backoffice/taon-marketing-popup-backoffice.component.ts

@@ -0,0 +1,116 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/marketing project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { ChangeDetectionStrategy, Component, DestroyRef, ViewChild, inject, signal } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { MatDialog } from '@angular/material/dialog';
+import { MtxGridColumn } from '@ng-matero/extensions/grid';
+import { TaonConfirmDialogComponent, TaonDatatableComponent } from '@taon-dev/ui/websql';
+import { finalize } from 'rxjs';
+import { TaonMarketingPopupApiService } from '../taon-marketing-popup.api.service';
+import type { TaonMarketingPopupEntity } from '../taon-marketing-popup.entity';
+import { TaonMarketingPopupEditorComponent } from './taon-marketing-popup-editor.component';
+@Component({
+    selector: 'app-taon-marketing-popup-backoffice',
+    templateUrl: './taon-marketing-popup-backoffice.component.html',
+    styleUrls: ['./taon-marketing-popup-backoffice.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [TaonDatatableComponent],
+    providers: [TaonMarketingPopupApiService],
+})
+export class TaonMarketingPopupBackofficeComponent {
+    @ViewChild(TaonDatatableComponent)
+    readonly datatable!: TaonDatatableComponent;
+    private readonly api = inject(TaonMarketingPopupApiService);
+    private readonly dialog = inject(MatDialog);
+    private readonly destroyRef = inject(DestroyRef);
+    readonly error = signal('');
+    readonly busy = signal(false);
+    readonly crud = this.api.taonMarketingPopupController;
+    readonly columns: MtxGridColumn[] = [
+        { header: 'ID', field: 'id', sortable: true },
+        { header: 'Name', field: 'name', sortable: true },
+        { header: 'Type', field: 'type', sortable: true },
+        { header: 'Enabled', field: 'enabled', sortable: true },
+        {
+            header: 'Actions',
+            field: 'actions',
+            type: 'button',
+            buttons: [
+                {
+                    type: 'icon', icon: 'edit', tooltip: 'Edit popup',
+                    disabled: () => this.busy(),
+                    click: (popup: TaonMarketingPopupEntity) => this.edit(popup),
+                },
+                {
+                    type: 'icon', icon: 'power_settings_new', tooltip: 'Enable / disable popup',
+                    disabled: () => this.busy(),
+                    click: (popup: TaonMarketingPopupEntity) => this.toggle(popup),
+                },
+                {
+                    type: 'icon', icon: 'delete', tooltip: 'Delete popup',
+                    disabled: () => this.busy(),
+                    click: (popup: TaonMarketingPopupEntity) => this.delete(popup),
+                },
+            ],
+        },
+    ];
+    ngAfterViewInit(): void {
+        this.datatable.reload();
+    }
+    edit(popup?: TaonMarketingPopupEntity): void {
+        const ref = this.dialog.open(TaonMarketingPopupEditorComponent, {
+            data: popup ?? null,
+            width: '640px',
+            maxWidth: '95vw',
+            disableClose: true,
+        });
+        ref.afterClosed().pipe(takeUntilDestroyed(this.destroyRef)).subscribe(saved => {
+            if (saved) {
+                this.datatable.reload();
+            }
+        });
+    }
+    toggle(popup: TaonMarketingPopupEntity): void {
+        this.busy.set(true);
+        this.error.set('');
+        this.api.setEnabled(popup.id, !popup.enabled).pipe(takeUntilDestroyed(this.destroyRef), finalize(() => this.busy.set(false))).subscribe({
+            next: () => this.datatable.reload(),
+            error: (error: unknown) => this.reportError('The popup could not be updated.', error),
+        });
+    }
+    delete(popup: TaonMarketingPopupEntity): void {
+        this.busy.set(true);
+        const ref = this.dialog.open(TaonConfirmDialogComponent, {
+            data: {
+                title: 'Delete popup?',
+                message: `Permanently delete "${popup.name}"?`,
+                confirmText: 'Delete',
+            },
+        });
+        ref.afterClosed().pipe(takeUntilDestroyed(this.destroyRef)).subscribe(confirmed => {
+            if (!confirmed) {
+                this.busy.set(false);
+                return;
+            }
+            this.error.set('');
+            this.api.deletePopup(popup.id).pipe(takeUntilDestroyed(this.destroyRef), finalize(() => this.busy.set(false))).subscribe({
+                next: () => this.datatable.reload(),
+                error: (error: unknown) => this.reportError('The popup could not be deleted.', error),
+            });
+        });
+    }
+    private reportError(message: string, error: unknown): void {
+        console.error('[taon-marketing-popup-backoffice]', message, error);
+        this.error.set(message);
+    }
+}

package/ts-source/websql-code/taon-marketing-popup/taon-marketing-popup-backoffice/taon-marketing-popup-backoffice.models.ts

@@ -0,0 +1,13 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/marketing project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export namespace TaonMarketingPopupBackofficeModels { }

package/ts-source/websql-code/taon-marketing-popup/taon-marketing-popup-backoffice/taon-marketing-popup-backoffice.routes.ts

@@ -0,0 +1,21 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/marketing project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { Routes } from '@angular/router';
+import { adminLazyRoute } from '@taon-dev/ui/websql';
+export const TaonMarketingPopupBackofficeRoutes: Routes = [
+    {
+        path: '',
+        loadComponent: () => import('./taon-marketing-popup-backoffice.component').then(m => m.TaonMarketingPopupBackofficeComponent),
+        children: [],
+    },
+];