@flusys/ng-storage 9.1.0 → 9.1.2

package/fesm2022/flusys-ng-storage-folder-api.service-D_fFEuO6.mjs

@@ -0,0 +1,33 @@
+import * as i0 from "@angular/core";
+import { Service } from "@angular/core";
+import { ApiResourceService } from "@flusys/ng-shared";
+var FolderApiService = class FolderApiService extends ApiResourceService {
+	constructor() {
+		super("folder", "storage");
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: FolderApiService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Service
+	});
+	static ɵprov = i0.ɵɵngDeclareService({
+		minVersion: "22.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: FolderApiService
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: FolderApiService,
+	decorators: [{ type: Service }],
+	ctorParameters: () => []
+});
+export { FolderApiService as t };
+
+//# sourceMappingURL=flusys-ng-storage-folder-api.service-D_fFEuO6.mjs.map

package/fesm2022/flusys-ng-storage-folder-api.service-D_fFEuO6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-storage-folder-api.service-D_fFEuO6.mjs","names":[],"sources":["../../../projects/ng-storage/services/folder-api.service.ts"],"sourcesContent":["import { Service } from '@angular/core';\nimport { ApiResourceService } from '@flusys/ng-shared';\nimport {\n  ICreateFolderDto,\n  IFolder,\n  IUpdateFolderDto,\n} from '../interfaces/folder.interface';\n\n/**\n * Folder API Service\n * Handles folder CRUD operations\n * Endpoint: POST /storage/folder/*\n *\n * Note: Company feature enabled - all queries automatically scoped to user's company\n */\n@Service()\nexport class FolderApiService extends ApiResourceService<\n  ICreateFolderDto | IUpdateFolderDto,\n  IFolder\n> {\n  constructor() {\n    super('folder', 'storage');\n  }\n}\n"],"mappings":";;;AAgBA,IAAa,mBAAb,MAAa,yBAAyB,mBAGrC;CACC,cAAA;EACE,MAAM,UAAU,SAAS;CAC3B;CANW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAgB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAhB,OAAA,QAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;CAAgB,CAAA;;AAAhB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAgB,YAAA,CAAA,EAD5B,MAAA,QAAA,CAAA"}

package/fesm2022/flusys-ng-storage-folder-form.component-7C2oWijb.mjs

@@ -0,0 +1,298 @@
+import { t as FolderApiService } from "./flusys-ng-storage-folder-api.service-D_fFEuO6.mjs";
+import { BaseStoragePage } from "./flusys-ng-storage.mjs";
+import * as i0 from "@angular/core";
+import { Component, computed, effect, inject, signal } from "@angular/core";
+import { toSignal } from "@angular/core/rxjs-interop";
+import { ActivatedRoute } from "@angular/router";
+import { TranslatePipe, TranslateService } from "@flusys/ng-shared";
+import { FButtonDirective, InputTextDirective, UiIconComponent } from "@flusys/ng-ui";
+import { FormField, form, required } from "@angular/forms/signals";
+var FolderFormComponent = class FolderFormComponent extends BaseStoragePage {
+	route = inject(ActivatedRoute);
+	folderService = inject(FolderApiService);
+	translateService = inject(TranslateService);
+	routeParams = toSignal(this.route.paramMap);
+	initialized = false;
+	existingFolder = signal(null, ...ngDevMode ? [{ debugName: "existingFolder" }] : /* istanbul ignore next */ []);
+	isEditMode = computed(() => !!this.existingFolder(), ...ngDevMode ? [{ debugName: "isEditMode" }] : /* istanbul ignore next */ []);
+	formModel = signal({
+		id: "",
+		name: ""
+	}, ...ngDevMode ? [{ debugName: "formModel" }] : /* istanbul ignore next */ []);
+	folderForm = form(this.formModel, (f) => {
+		required(f.name, { message: this.translateService.translate("storage.validation.folder.name.required") });
+	});
+	isFormValid = computed(() => this.formModel().name.trim().length > 0, ...ngDevMode ? [{ debugName: "isFormValid" }] : /* istanbul ignore next */ []);
+	constructor() {
+		super();
+		effect(() => {
+			const params = this.routeParams();
+			if (!params || this.initialized) return;
+			this.initialized = true;
+			const folderId = params.get("id");
+			if (folderId && folderId !== "new") this.loadFolder(folderId);
+		});
+	}
+	async loadFolder(id) {
+		this.isLoading.set(true);
+		try {
+			const response = await this.folderService.findById(id);
+			if (response.success && response.data) {
+				const folder = response.data;
+				this.existingFolder.set(folder);
+				this.formModel.set({
+					id: folder.id,
+					name: folder.name
+				});
+			}
+		} finally {
+			this.isLoading.set(false);
+		}
+	}
+	async onSubmit(event) {
+		event.preventDefault();
+		if (!this.isFormValid()) return;
+		this.isLoading.set(true);
+		try {
+			const formValue = this.formModel();
+			const response = this.isEditMode() ? await this.folderService.update({
+				id: formValue.id,
+				name: formValue.name
+			}) : await this.folderService.insert({ name: formValue.name });
+			this.showSuccess(response.messageKey ? this.translateService.translate(response.messageKey, response.messageVariables) : response.message ?? "");
+			this.navigateTo(["/storage/folders"]);
+		} finally {
+			this.isLoading.set(false);
+		}
+	}
+	onCancel() {
+		this.navigateTo(["/storage/folders"]);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: FolderFormComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: FolderFormComponent,
+		isStandalone: true,
+		selector: "lib-folder-form",
+		usesInheritance: true,
+		ngImport: i0,
+		template: `
+    <div class="card">
+      <div class="mb-4">
+        <h3 class="text-lg sm:text-xl font-semibold">
+          {{
+            (isEditMode()
+              ? 'storage.folder.edit.folder'
+              : 'storage.folder.new.folder'
+            ) | translate
+          }}
+        </h3>
+        @if (showCompanyInfo()) {
+          <p class="text-sm text-muted-color mt-1">
+            {{ 'shared.company' | translate }}: {{ currentCompanyName() }}
+          </p>
+        }
+      </div>
+
+      <form (submit)="onSubmit($event)">
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+          <div class="field">
+            <label
+              for="name"
+              class="block font-medium mb-2 text-sm sm:text-base"
+              >{{ 'storage.folder.name.required' | translate }}</label
+            >
+            <input
+              fInputText
+              id="name"
+              [formField]="folderForm.name"
+              [placeholder]="'storage.folder.name.placeholder' | translate"
+              class="w-full"
+            />
+          </div>
+        </div>
+
+        <div class="flex justify-end gap-2 mt-4">
+          <button
+            fButton
+            type="button"
+            severity="secondary"
+            [outlined]="true"
+            (click)="onCancel()"
+          >
+            <span pButtonLabel>{{ 'shared.cancel' | translate }}</span>
+          </button>
+          <button
+            fButton
+            type="submit"
+            [disabled]="!isFormValid() || isLoading()"
+          >
+            @if (isLoading()) {
+              <ui-icon pButtonIcon name="spinner" [spin]="true"></ui-icon>
+            }
+            <span pButtonLabel>{{ 
+              (isEditMode() ? 'shared.update' : 'shared.create') | translate
+             }}</span>
+          </button>
+        </div>
+      </form>
+    </div>
+  `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "directive",
+				type: InputTextDirective,
+				selector: "[fInputText]",
+				inputs: [
+					"invalid",
+					"touched",
+					"variant",
+					"size",
+					"fluid"
+				]
+			},
+			{
+				kind: "directive",
+				type: FButtonDirective,
+				selector: "[fButton]",
+				inputs: [
+					"severity",
+					"text",
+					"outlined",
+					"link",
+					"variant",
+					"rounded",
+					"raised",
+					"fluid",
+					"disabled",
+					"loading",
+					"loadingIcon",
+					"size",
+					"label",
+					"icon",
+					"iconPos",
+					"ariaLabel",
+					"plain"
+				]
+			},
+			{
+				kind: "component",
+				type: UiIconComponent,
+				selector: "ui-icon",
+				inputs: [
+					"name",
+					"size",
+					"spin",
+					"fill",
+					"severity"
+				]
+			},
+			{
+				kind: "directive",
+				type: FormField,
+				selector: "[formField]",
+				inputs: ["formField"],
+				exportAs: ["formField"]
+			},
+			{
+				kind: "pipe",
+				type: TranslatePipe,
+				name: "translate"
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: FolderFormComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lib-folder-form",
+			imports: [
+				InputTextDirective,
+				FButtonDirective,
+				UiIconComponent,
+				FormField,
+				TranslatePipe
+			],
+			template: `
+    <div class="card">
+      <div class="mb-4">
+        <h3 class="text-lg sm:text-xl font-semibold">
+          {{
+            (isEditMode()
+              ? 'storage.folder.edit.folder'
+              : 'storage.folder.new.folder'
+            ) | translate
+          }}
+        </h3>
+        @if (showCompanyInfo()) {
+          <p class="text-sm text-muted-color mt-1">
+            {{ 'shared.company' | translate }}: {{ currentCompanyName() }}
+          </p>
+        }
+      </div>
+
+      <form (submit)="onSubmit($event)">
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+          <div class="field">
+            <label
+              for="name"
+              class="block font-medium mb-2 text-sm sm:text-base"
+              >{{ 'storage.folder.name.required' | translate }}</label
+            >
+            <input
+              fInputText
+              id="name"
+              [formField]="folderForm.name"
+              [placeholder]="'storage.folder.name.placeholder' | translate"
+              class="w-full"
+            />
+          </div>
+        </div>
+
+        <div class="flex justify-end gap-2 mt-4">
+          <button
+            fButton
+            type="button"
+            severity="secondary"
+            [outlined]="true"
+            (click)="onCancel()"
+          >
+            <span pButtonLabel>{{ 'shared.cancel' | translate }}</span>
+          </button>
+          <button
+            fButton
+            type="submit"
+            [disabled]="!isFormValid() || isLoading()"
+          >
+            @if (isLoading()) {
+              <ui-icon pButtonIcon name="spinner" [spin]="true"></ui-icon>
+            }
+            <span pButtonLabel>{{ 
+              (isEditMode() ? 'shared.update' : 'shared.create') | translate
+             }}</span>
+          </button>
+        </div>
+      </form>
+    </div>
+  `
+		}]
+	}],
+	ctorParameters: () => []
+});
+export { FolderFormComponent };
+
+//# sourceMappingURL=flusys-ng-storage-folder-form.component-7C2oWijb.mjs.map

package/fesm2022/flusys-ng-storage-folder-form.component-7C2oWijb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-storage-folder-form.component-7C2oWijb.mjs","names":[],"sources":["../../../projects/ng-storage/pages/folder/folder-form.component.ts"],"sourcesContent":["import { Component, computed, effect, inject, signal } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { form, FormField, required } from '@angular/forms/signals';\nimport { ActivatedRoute } from '@angular/router';\nimport {\n  TranslatePipe,\n  TranslateService,\n} from '@flusys/ng-shared';\nimport { IFolder } from '../../interfaces/folder.interface';\nimport { FolderApiService } from '../../services/folder-api.service';\nimport { BaseStoragePage } from '../../utils/base-storage-page';\nimport {\n  FButtonDirective,\n  InputTextDirective,\n  UiIconComponent,\n} from '@flusys/ng-ui';\n\ninterface IFolderFormModel {\n  id: string;\n  name: string;\n}\n\n@Component({\n  selector: 'lib-folder-form',\n  imports: [\n    InputTextDirective,\n    FButtonDirective,\n    UiIconComponent,\n    FormField,\n    TranslatePipe,\n  ],\n  template: `\n    <div class=\"card\">\n      <div class=\"mb-4\">\n        <h3 class=\"text-lg sm:text-xl font-semibold\">\n          {{\n            (isEditMode()\n              ? 'storage.folder.edit.folder'\n              : 'storage.folder.new.folder'\n            ) | translate\n          }}\n        </h3>\n        @if (showCompanyInfo()) {\n          <p class=\"text-sm text-muted-color mt-1\">\n            {{ 'shared.company' | translate }}: {{ currentCompanyName() }}\n          </p>\n        }\n      </div>\n\n      <form (submit)=\"onSubmit($event)\">\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n          <div class=\"field\">\n            <label\n              for=\"name\"\n              class=\"block font-medium mb-2 text-sm sm:text-base\"\n              >{{ 'storage.folder.name.required' | translate }}</label\n            >\n            <input\n              fInputText\n              id=\"name\"\n              [formField]=\"folderForm.name\"\n              [placeholder]=\"'storage.folder.name.placeholder' | translate\"\n              class=\"w-full\"\n            />\n          </div>\n        </div>\n\n        <div class=\"flex justify-end gap-2 mt-4\">\n          <button\n            fButton\n            type=\"button\"\n            severity=\"secondary\"\n            [outlined]=\"true\"\n            (click)=\"onCancel()\"\n          >\n            <span pButtonLabel>{{ 'shared.cancel' | translate }}</span>\n          </button>\n          <button\n            fButton\n            type=\"submit\"\n            [disabled]=\"!isFormValid() || isLoading()\"\n          >\n            @if (isLoading()) {\n              <ui-icon pButtonIcon name=\"spinner\" [spin]=\"true\"></ui-icon>\n            }\n            <span pButtonLabel>{{ \n              (isEditMode() ? 'shared.update' : 'shared.create') | translate\n             }}</span>\n          </button>\n        </div>\n      </form>\n    </div>\n  `,\n})\nexport class FolderFormComponent extends BaseStoragePage {\n  private readonly route = inject(ActivatedRoute);\n  private readonly folderService = inject(FolderApiService);\n  private readonly translateService = inject(TranslateService);\n\n  private readonly routeParams = toSignal(this.route.paramMap);\n  private initialized = false;\n\n  readonly existingFolder = signal<IFolder | null>(null);\n  readonly isEditMode = computed(() => !!this.existingFolder());\n\n  readonly formModel = signal<IFolderFormModel>({\n    id: '',\n    name: '',\n  });\n\n  readonly folderForm = form(this.formModel, (f) => {\n    required(f.name, {\n      message: this.translateService.translate(\n        'storage.validation.folder.name.required',\n      ),\n    });\n  });\n\n  readonly isFormValid = computed(\n    () => this.formModel().name.trim().length > 0,\n  );\n\n  constructor() {\n    super();\n    effect(() => {\n      const params = this.routeParams();\n      if (!params || this.initialized) return;\n\n      this.initialized = true;\n      const folderId = params.get('id');\n      if (folderId && folderId !== 'new') {\n        this.loadFolder(folderId);\n      }\n    });\n  }\n\n  async loadFolder(id: string): Promise<void> {\n    this.isLoading.set(true);\n    try {\n      const response = await this.folderService.findById(id);\n      if (response.success && response.data) {\n        const folder = response.data;\n        this.existingFolder.set(folder);\n        this.formModel.set({ id: folder.id, name: folder.name });\n      }\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  async onSubmit(event: Event): Promise<void> {\n    event.preventDefault();\n\n    if (!this.isFormValid()) return;\n\n    this.isLoading.set(true);\n    try {\n      const formValue = this.formModel();\n\n      const response = this.isEditMode()\n        ? await this.folderService.update({\n            id: formValue.id,\n            name: formValue.name,\n          })\n        : await this.folderService.insert({ name: formValue.name });\n\n      this.showSuccess(\n        response.messageKey\n          ? this.translateService.translate(\n              response.messageKey,\n              response.messageVariables as Record<string, string | number>,\n            )\n          : (response.message ?? ''),\n      );\n\n      this.navigateTo(['/storage/folders']);\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  onCancel(): void {\n    this.navigateTo(['/storage/folders']);\n  }\n}\n"],"mappings":"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"}