@ldw-framework/material-media 0.1.0

package/fesm2022/ldw-framework-material-media.mjs

@@ -0,0 +1,154 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, ChangeDetectorRef, Component, Injectable } from '@angular/core';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3 from '@angular/material/dialog';
+import { MatDialogRef, MAT_DIALOG_DATA, MatDialogModule, MatDialog } from '@angular/material/dialog';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import { LDuAnguBootTranslationPipe } from '@ldu-anguboot/i18n';
+import { LDuAnguBootApiService } from '@ldu-anguboot/http';
+import { firstValueFrom } from 'rxjs';
+
+class LDwMaterialImageUploadDialogComponent {
+    dialogRef = inject((MatDialogRef));
+    data = inject(MAT_DIALOG_DATA);
+    cdr = inject(ChangeDetectorRef);
+    onSaveClick() {
+        this.dialogRef.close(this.data);
+    }
+    onCancelClick() {
+        this.dialogRef.close(false);
+    }
+    onChange($event) {
+        const files = $event?.target?.files;
+        if (files?.[0]) {
+            const picture = files[0];
+            const reader = new FileReader();
+            reader.readAsDataURL(picture);
+            reader.onload = () => {
+                this.data.imgBase64 = reader.result.toString();
+                this.cdr.detectChanges();
+            };
+        }
+    }
+    get $backgroundImage() {
+        if (this.data.imgBase64) {
+            return 'url(' + this.data.imgBase64 + ')';
+        }
+        if (this.data.imgSrc) {
+            return 'url(' + this.data.imgSrc + ')';
+        }
+        return '';
+    }
+    get $noData() {
+        return !this.data?.imgBase64 && !this.data?.imgSrc;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LDwMaterialImageUploadDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: LDwMaterialImageUploadDialogComponent, isStandalone: true, selector: "ldw-mat-image-upload-dialog", host: { classAttribute: "ldw-mat-image-upload-dialog" }, ngImport: i0, template: `
+        <mat-dialog-actions>
+            <h2>{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.title' | i18n }}</h2>
+            <button class="ldw-mat-image-uploader-save"
+                matButton
+                cdkFocusInitial
+                (click)="onSaveClick()"
+            >{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.btnSave' | i18n }}</button>
+            <button class="ldw-mat-image-uploader-cancel"
+                matButton
+                (click)="onCancelClick()"
+            >{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.btnCancel' | i18n }}</button>
+        </mat-dialog-actions>
+        <mat-dialog-content>
+            <input class="ldw-mat-image-uploader-hidden-input"
+                #uploader type="file"
+                [style.display]="'none'"
+                (change)="onChange($event)"
+            />
+            <div class="ldw-mat-image-uploader"
+                [style.backgroundImage]="$backgroundImage"
+                (keypress)="uploader.click()"
+                (click)="uploader.click()"
+            >@if ($noData) { <mat-icon>image</mat-icon> }
+            </div>
+        </mat-dialog-content>
+`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.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: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "pipe", type: LDuAnguBootTranslationPipe, name: "i18n" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LDwMaterialImageUploadDialogComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ldw-mat-image-upload-dialog',
+                    host: { class: 'ldw-mat-image-upload-dialog' },
+                    imports: [
+                        CommonModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatDialogModule,
+                        LDuAnguBootTranslationPipe,
+                    ],
+                    template: `
+        <mat-dialog-actions>
+            <h2>{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.title' | i18n }}</h2>
+            <button class="ldw-mat-image-uploader-save"
+                matButton
+                cdkFocusInitial
+                (click)="onSaveClick()"
+            >{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.btnSave' | i18n }}</button>
+            <button class="ldw-mat-image-uploader-cancel"
+                matButton
+                (click)="onCancelClick()"
+            >{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.btnCancel' | i18n }}</button>
+        </mat-dialog-actions>
+        <mat-dialog-content>
+            <input class="ldw-mat-image-uploader-hidden-input"
+                #uploader type="file"
+                [style.display]="'none'"
+                (change)="onChange($event)"
+            />
+            <div class="ldw-mat-image-uploader"
+                [style.backgroundImage]="$backgroundImage"
+                (keypress)="uploader.click()"
+                (click)="uploader.click()"
+            >@if ($noData) { <mat-icon>image</mat-icon> }
+            </div>
+        </mat-dialog-content>
+`
+                }]
+        }] });
+
+class LDwMaterialMediaService {
+    lduApiService = inject(LDuAnguBootApiService);
+    matDialog = inject(MatDialog);
+    async uploadImage(url, data) {
+        const media = await firstValueFrom(this.matDialog.open(LDwMaterialImageUploadDialogComponent, {
+            height: 'calc(100% - 1rem)',
+            width: 'calc(100% - 1rem)',
+            maxHeight: '100%',
+            maxWidth: '100%',
+            data: {
+                imgSrc: data?.imgSrc,
+                imgBase64: data?.imgBase64,
+            },
+        }).afterClosed());
+        if (media?.imgBase64) {
+            const response = await firstValueFrom(this.lduApiService.PUT(url, media));
+            if (response?.id) {
+                return `${url}/${response.id}.jpg?t=${Date.now()}`;
+            }
+        }
+        return null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LDwMaterialMediaService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LDwMaterialMediaService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LDwMaterialMediaService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LDwMaterialImageUploadDialogComponent, LDwMaterialMediaService };
+//# sourceMappingURL=ldw-framework-material-media.mjs.map

package/fesm2022/ldw-framework-material-media.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ldw-framework-material-media.mjs","sources":["../../../lib/src/components/ldw-mat-image-upload-dialog.component.ts","../../../lib/src/services/ldw-mat-media.service.ts","../../../lib/src/ldw-framework-material-media.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectorRef, Component, inject } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';\nimport { MatIconModule } from '@angular/material/icon';\nimport { LDuAnguBootTranslationPipe } from '@ldu-anguboot/i18n';\nimport { LDwMaterialMediaModel } from '../models/ldw-mat-media.model';\n\n@Component({\n    selector: 'ldw-mat-image-upload-dialog',\n    host: { class: 'ldw-mat-image-upload-dialog' },\n    imports: [\n        CommonModule,\n        MatButtonModule,\n        MatIconModule,\n        MatDialogModule,\n        LDuAnguBootTranslationPipe,\n    ],\n    template: `\n        <mat-dialog-actions>\n            <h2>{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.title' | i18n }}</h2>\n            <button class=\"ldw-mat-image-uploader-save\"\n                matButton\n                cdkFocusInitial\n                (click)=\"onSaveClick()\"\n            >{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.btnSave' | i18n }}</button>\n            <button class=\"ldw-mat-image-uploader-cancel\"\n                matButton\n                (click)=\"onCancelClick()\"\n            >{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.btnCancel' | i18n }}</button>\n        </mat-dialog-actions>\n        <mat-dialog-content>\n            <input class=\"ldw-mat-image-uploader-hidden-input\"\n                #uploader type=\"file\"\n                [style.display]=\"'none'\"\n                (change)=\"onChange($event)\"\n            />\n            <div class=\"ldw-mat-image-uploader\"\n                [style.backgroundImage]=\"$backgroundImage\"\n                (keypress)=\"uploader.click()\"\n                (click)=\"uploader.click()\"\n            >@if ($noData) { <mat-icon>image</mat-icon> }\n            </div>\n        </mat-dialog-content>\n`})\nexport class LDwMaterialImageUploadDialogComponent {\n\n    readonly dialogRef = inject(MatDialogRef<LDwMaterialImageUploadDialogComponent>);\n\n    readonly data = inject<LDwMaterialMediaModel>(MAT_DIALOG_DATA);\n\n    readonly cdr = inject(ChangeDetectorRef);\n\n    onSaveClick() {\n        this.dialogRef.close(this.data);\n    }\n\n    onCancelClick() {\n        this.dialogRef.close(false);\n    }\n\n    onChange($event: any) {\n        const files = $event?.target?.files;\n        if (files?.[0]) {\n            const picture = files[0];\n            const reader = new FileReader();\n            reader.readAsDataURL(picture);\n            reader.onload = () => {\n                this.data.imgBase64 = (reader.result as string).toString();\n                this.cdr.detectChanges();\n            };\n        }\n    }\n\n    get $backgroundImage() {\n        if (this.data.imgBase64) {\n            return 'url(' + this.data.imgBase64 + ')';\n        }\n        if (this.data.imgSrc) {\n            return 'url(' + this.data.imgSrc + ')';\n        }\n        return '';\n    }\n\n    get $noData() {\n        return !this.data?.imgBase64 && !this.data?.imgSrc;\n    }\n}\n","import { inject, Injectable } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { LDuAnguBootApiService } from '@ldu-anguboot/http';\nimport { firstValueFrom } from 'rxjs';\nimport { LDwMaterialImageUploadDialogComponent } from '../components/ldw-mat-image-upload-dialog.component';\nimport { LDwMaterialMediaModel } from '../models/ldw-mat-media.model';\n\n@Injectable({ providedIn: 'root' })\nexport class LDwMaterialMediaService {\n\n    private readonly lduApiService = inject(LDuAnguBootApiService);\n\n    private readonly matDialog = inject(MatDialog);\n\n    async uploadImage(url: string, data?: LDwMaterialMediaModel) {\n        const media = await firstValueFrom(this.matDialog.open(LDwMaterialImageUploadDialogComponent, {\n            height: 'calc(100% - 1rem)',\n            width: 'calc(100% - 1rem)',\n            maxHeight: '100%',\n            maxWidth: '100%',\n            data: {\n                imgSrc: data?.imgSrc,\n                imgBase64: data?.imgBase64,\n            },\n        }).afterClosed());\n        if (media?.imgBase64) {\n            const response = await firstValueFrom(this.lduApiService.PUT<LDwMaterialMediaModel>(url, media));\n            if (response?.id) {\n                return `${url}/${response.id}.jpg?t=${Date.now()}`;\n            }\n        }\n        return null;\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@ldw-framework/material-media",
+  "version": "0.1.0",
+  "peerDependencies": {
+    "@angular/common": "^21.0.0",
+    "@angular/core": "^21.0.0",
+    "@angular/material": "^21.0.0",
+    "@ldu-anguboot/http": "latest",
+    "@ldu-anguboot/i18n": "latest",
+    "rxjs": "~7.8.0"
+  },
+  "module": "fesm2022/ldw-framework-material-media.mjs",
+  "typings": "types/ldw-framework-material-media.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/ldw-framework-material-media.d.ts",
+      "default": "./fesm2022/ldw-framework-material-media.mjs"
+    }
+  },
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/scss/ldw-framework-material-media.scss

@@ -0,0 +1,42 @@
+.ldw-mat-image-uploader {
+    background-color: #eaeaea;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: contain;
+    border-width: 1px;
+    border-style: dotted;
+    border-color: inherit;
+    height: calc(100% - 2px);
+    width: calc(100% - 2px);
+    position: relative;
+
+    .mat-icon {
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        position: absolute;
+        font-size: 48px;
+        height: 48px;
+        width: 48px;
+    }
+
+    &:hover {
+        cursor: pointer;
+        opacity: 0.925;
+    }
+}
+
+.ldw-mat-image-upload-dialog {
+
+    .mat-mdc-dialog-actions {
+        h2 {
+            margin-right: auto;
+        }
+    }
+
+    .mat-mdc-dialog-content {
+        max-height: 100%;
+        padding-top: 0px !important;
+        margin-bottom: 2rem;
+    }
+}

package/types/ldw-framework-material-media.d.ts

@@ -0,0 +1,33 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectorRef } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+
+interface LDwMaterialMediaModel {
+    id?: number;
+    imgSrc?: string;
+    imgBase64?: string;
+}
+
+declare class LDwMaterialImageUploadDialogComponent {
+    readonly dialogRef: MatDialogRef<any, any>;
+    readonly data: LDwMaterialMediaModel;
+    readonly cdr: ChangeDetectorRef;
+    onSaveClick(): void;
+    onCancelClick(): void;
+    onChange($event: any): void;
+    get $backgroundImage(): string;
+    get $noData(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LDwMaterialImageUploadDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LDwMaterialImageUploadDialogComponent, "ldw-mat-image-upload-dialog", never, {}, {}, never, never, true, never>;
+}
+
+declare class LDwMaterialMediaService {
+    private readonly lduApiService;
+    private readonly matDialog;
+    uploadImage(url: string, data?: LDwMaterialMediaModel): Promise<string | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LDwMaterialMediaService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LDwMaterialMediaService>;
+}
+
+export { LDwMaterialImageUploadDialogComponent, LDwMaterialMediaService };
+export type { LDwMaterialMediaModel };