techlify-inventory-common 18.51.0 → 22.0.0

package/fesm2022/techlify-inventory-common-stock-issue-form.component-DfgbqIKn.mjs

@@ -0,0 +1,486 @@
+import { t as SharedModule } from "./techlify-inventory-common-shared.module-DP-FVqea.mjs";
+import { t as StockIssueService } from "./techlify-inventory-common-stock-issue.service-CLHasWVp.mjs";
+import { t as LocationService } from "./techlify-inventory-common-location.service-C99J8Lje.mjs";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, signal } from "@angular/core";
+import * as i4 from "@angular/router";
+import moment from "moment";
+import * as i1 from "ngx-techlify-core";
+import { FormConfigurationUtilityService, TechlifyFormComponent } from "ngx-techlify-core";
+import * as i11 from "@angular/material/icon";
+import * as i8 from "@angular/material/card";
+import * as i2 from "@angular/forms";
+import { Validators } from "@angular/forms";
+import * as i7 from "@angular/material/button";
+import * as i10 from "@angular/material/form-field";
+import * as i12 from "@angular/material/input";
+import * as i13 from "@angular/material/tooltip";
+import * as i9 from "@angular/material/datepicker";
+import * as i6 from "@angular/common";
+var StockIssueFormComponent = class StockIssueFormComponent extends TechlifyFormComponent {
+	formValidatorService;
+	fb;
+	stockIssueService;
+	route;
+	locationService;
+	location;
+	formConfigService;
+	locationCount = signal(0, ...ngDevMode ? [{ debugName: "locationCount" }] : /* istanbul ignore next */ []);
+	stockIssue = signal(null, ...ngDevMode ? [{ debugName: "stockIssue" }] : /* istanbul ignore next */ []);
+	issuableData = signal(null, ...ngDevMode ? [{ debugName: "issuableData" }] : /* istanbul ignore next */ []);
+	formConfigurationUtilityService;
+	constructor(formValidatorService, fb, stockIssueService, route, locationService, location, formConfigService) {
+		super(formValidatorService);
+		this.formValidatorService = formValidatorService;
+		this.fb = fb;
+		this.stockIssueService = stockIssueService;
+		this.route = route;
+		this.locationService = locationService;
+		this.location = location;
+		this.formConfigService = formConfigService;
+		this.formConfigurationUtilityService = new FormConfigurationUtilityService();
+		this.errorMessages = {
+			date: { required: "The date field is required." },
+			recipient_id: { required: "Please select a recipient." }
+		};
+		this.form = this.fb.group({
+			date: [/* @__PURE__ */ new Date(), Validators.compose([Validators.required])],
+			particulars: [""],
+			recipient_id: [""],
+			stock_issue_products: this.fb.array([])
+		});
+	}
+	ngOnInit() {
+		this.locationService.count().subscribe((count) => {
+			this.locationCount.set(count);
+		});
+		this.formConfigurationUtilityService.initialize(this.formConfigService, "stock-issue").subscribe({ next: () => {
+			this.form.get("recipient_id")?.setValidators(this.formConfigurationUtilityService.getFieldRequired("recipient_id") ? Validators.required : null);
+			this.form.get("recipient_id")?.updateValueAndValidity();
+		} });
+		const id = this.route.snapshot.paramMap.get("id");
+		if (id) this.loadStockIssue(+id);
+		else this.addStockIssueProduct();
+		this.route.queryParams.subscribe({ next: (params) => {
+			this.issuableData.set({
+				issuable_type: params["issuable_type"],
+				issuable_id: params["issuable_id"]
+			});
+		} });
+	}
+	loadStockIssue(id) {
+		this.isWorking = true;
+		this.stockIssueService.show(id, { with: "stockIssueProducts.product,stockIssueProducts.location" }).subscribe({
+			next: (response) => {
+				this.isWorking = false;
+				this.stockIssue.set(response.item);
+			},
+			error: () => {
+				this.isWorking = false;
+			},
+			complete: () => {
+				const issue = this.stockIssue();
+				this.form.patchValue({
+					date: issue.date ? new Date(issue.date) : /* @__PURE__ */ new Date(),
+					particulars: issue.details,
+					recipient_id: issue.recipient_id
+				});
+				this.stockIssueProducts.clear();
+				issue.stock_issue_products?.forEach((sip) => {
+					const group = this.createStockIssueProduct();
+					group.patchValue({
+						id: sip.id,
+						product_id: sip.product_id,
+						location_from_id: sip.location_from_id,
+						quantity: sip.quantity,
+						particulars: sip.particulars
+					});
+					this.stockIssueProducts.push(group);
+				});
+			}
+		});
+	}
+	get stockIssueProducts() {
+		return this.form.get("stock_issue_products");
+	}
+	getSelectedLocation(index) {
+		return this.stockIssue()?.stock_issue_products?.find((sip) => sip.id === this.stockIssueProducts.at(index)?.get("id")?.value)?.location;
+	}
+	createStockIssueProduct() {
+		return this.fb.group({
+			id: [""],
+			product_id: ["", Validators.required],
+			location_from_id: ["", this.locationCount() > 0 ? Validators.required : null],
+			quantity: [0, [Validators.required, Validators.min(0)]],
+			particulars: [""],
+			issuable_id: [this.issuableData()?.issuable_id ?? ""],
+			issuable_type: [this.issuableData()?.issuable_type ?? ""]
+		});
+	}
+	addStockIssueProduct() {
+		this.stockIssueProducts.push(this.createStockIssueProduct());
+	}
+	removeStockIssueProduct(index) {
+		this.stockIssueProducts.removeAt(index);
+	}
+	clearProducts() {
+		this.stockIssueProducts.clear();
+	}
+	save() {
+		if (this.form.invalid) {
+			this.form.markAllAsTouched();
+			this.form.markAsDirty();
+			this.alertService.addAlert("Please check the form for errors.", "error");
+			return;
+		}
+		if (this.stockIssueProducts.length === 0) {
+			this.alertService.addAlert("Please add at least one product.", "error");
+			return;
+		}
+		const formData = this.form.getRawValue();
+		const data = {
+			id: this.stockIssue()?.id ?? null,
+			date: moment(formData.date).format("YYYY-MM-DD"),
+			details: formData.particulars,
+			recipient_id: formData.recipient_id || null,
+			products: formData.stock_issue_products.map((row) => ({
+				id: row.product_id,
+				product_id: row.product_id,
+				quantity: row.quantity,
+				location_from_id: row.location_from_id,
+				particulars: row.particulars,
+				issuable_id: row.issuable_id,
+				issuable_type: row.issuable_type
+			}))
+		};
+		this.isWorking = true;
+		(this.stockIssue()?.id ? this.stockIssueService.update(data) : this.stockIssueService.store(data)).subscribe({
+			next: () => {
+				this.isWorking = false;
+				this.alertService.addAlert("Stock issues saved successfully!", "success");
+				this.location.back();
+			},
+			error: () => {
+				this.isWorking = false;
+			}
+		});
+	}
+	cancel() {
+		this.location.back();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockIssueFormComponent,
+		deps: [
+			{ token: i1.FormValidatorService },
+			{ token: i2.FormBuilder },
+			{ token: StockIssueService },
+			{ token: i4.ActivatedRoute },
+			{ token: LocationService },
+			{ token: i6.Location },
+			{ token: i1.FormConfigurationFormService }
+		],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.5",
+		type: StockIssueFormComponent,
+		isStandalone: true,
+		selector: "app-stock-issue-form",
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<mat-card class=\"d-flex flex-column gap-2 container\">\n    <mat-card-content>\n\n        <div class=\"d-flex flex-row justify-content-between align-items-center gap-1\">\n            <h5>\n                <span class=\"material-symbols-outlined align-middle\">upload</span>\n                Issue Stock\n            </h5>\n            <app-form-configuration-for-form formCode=\"stock-issue\"></app-form-configuration-for-form>\n        </div>\n\n        <form class=\"d-flex flex-column gap-2\" [formGroup]=\"form\" (submit)=\"save()\">\n\n            <div class=\"d-flex flex-column\">\n                <div class=\"d-flex flex-row gap-2 justify-content-between\">\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Date</mat-label>\n                        <input matInput [matDatepicker]=\"picker\" placeholder=\"Date\" formControlName=\"date\" required>\n                        <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n                        <mat-datepicker #picker></mat-datepicker>\n            @if (isFieldValid('date')) {\n            <mat-error>{{ getErrorMessage('date') }}</mat-error>\n            }\n          </mat-form-field>\n\n          @if (formConfigurationUtilityService.getFieldEnabled('recipient_id'))\n          {\n          <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Recipient @if\n              (formConfigurationUtilityService.getFieldRequired('recipient_id'))\n              {\n              <sup>*</sup>\n              }\n            </mat-label>\n                        <app-searchable-selector apiUrl=\"api/recipients\" formControlName=\"recipient_id\"\n                            titleField=\"name\"></app-searchable-selector>\n            @if (isFieldValid('recipient_id')) {\n            <mat-error>{{ getErrorMessage('recipient_id')\n                            }}</mat-error>\n            }\n          </mat-form-field>\n          }\n\n          <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Particulars</mat-label>\n                        <textarea matInput placeholder=\"Particulars\" formControlName=\"particulars\"></textarea>\n                    </mat-form-field>\n                </div>\n            </div>\n\n            <table class=\"table mt-3\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">#</th>\n                        <th scope=\"col\">Product</th>\n            @if (locationCount() > 0) {\n            <th scope=\"col\">Location From</th>\n            }\n            <th scope=\"col\" width=\"45\">Quantity</th>\n                        <th scope=\"col\">Particulars</th>\n                        <th scope=\"col\" class=\"text-center\" width=\"50\"></th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"stock_issue_products\">\n          @for (row of stockIssueProducts.controls; track row; let i = $index) {\n          <tr [formGroupName]=\"i\">\n                        <th scope=\"row\">{{ i + 1 }}</th>\n                        <td>\n                            <mat-form-field appearance='outline' class=\"w-100\">\n                                <mat-label>Product</mat-label>\n                                <app-searchable-selector apiUrl='api/products' formControlName=\"product_id\"\n                                    titleField='name' [cache]=\"true\" required></app-searchable-selector>\n                            </mat-form-field>\n                        </td>\n            @if (locationCount() > 0) {\n            <td>\n                            <mat-form-field appearance='outline' class=\"w-100\">\n                                <mat-label>Location From</mat-label>\n                                <app-searchable-selector apiUrl='api/inventory-locations?status_ids=1'\n                                    formControlName=\"location_from_id\" titleField='title'\n                                    [selectedValue]=\"getSelectedLocation(i)\"></app-searchable-selector>\n                                <mat-hint>Which warehouse are we taking stock from?</mat-hint>\n                            </mat-form-field>\n                        </td>\n            }\n            <td>\n                            <mat-form-field appearance='outline' class=\"wpx-90\">\n                                <mat-label>Quantity</mat-label>\n                                <input matInput formControlName=\"quantity\" type=\"number\" min=\"0\">\n                            </mat-form-field>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline' class='w-100'>\n                                <mat-label>Particulars</mat-label>\n                                <textarea matInput formControlName=\"particulars\" rows=\"2\"></textarea>\n                            </mat-form-field>\n                        </td>\n                        <td class=\"text-center align-middle\">\n                            <div class=\"d-flex gap-2 justify-content-center align-items-center text-secondary\">\n                                <app-techlify-icon role='button' name='delete' (click)=\"removeStockIssueProduct(i)\"\n                                    matTooltip=\"Remove row\"></app-techlify-icon>\n                            </div>\n                        </td>\n                    </tr>\n          }\n        </tbody>\n                <tfoot>\n                    <tr>\n                        <td colspan=\"6\" class=\"text-end\">\n                            <div class=\"d-flex flex-row gap-2 justify-content-end\">\n                                <button mat-button color=\"primary\" type=\"button\" (click)=\"clearProducts()\"\n                                    [disabled]=\"stockIssueProducts.length === 0\">\n                                    <mat-icon>block</mat-icon> CLEAR ALL\n                                </button>\n                                <button mat-raised-button color=\"primary\" type=\"button\"\n                                    (click)=\"addStockIssueProduct()\">\n                                    <mat-icon>add</mat-icon> ADD\n                                </button>\n                            </div>\n                        </td>\n                    </tr>\n                </tfoot>\n            </table>\n\n            <div class=\"d-flex justify-content-end align-items-center gap-2 mt-2\">\n                <button [disabled]=\"isWorking\" mat-flat-button type=\"button\" (click)=\"cancel()\">Cancel</button>\n                <button [disabled]=\"isWorking || stockIssueProducts.length === 0\" mat-raised-button color=\"primary\"\n                    type=\"submit\">Save</button>\n            </div>\n\n        </form>\n\n    </mat-card-content>\n</mat-card>",
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: SharedModule
+			},
+			{
+				kind: "component",
+				type: i1.FormConfigurationForFormComponent,
+				selector: "app-form-configuration-for-form",
+				inputs: ["formCode"]
+			},
+			{
+				kind: "component",
+				type: i7.MatButton,
+				selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ",
+				inputs: ["matButton"],
+				exportAs: ["matButton", "matAnchor"]
+			},
+			{
+				kind: "component",
+				type: i8.MatCard,
+				selector: "mat-card",
+				inputs: ["appearance"],
+				exportAs: ["matCard"]
+			},
+			{
+				kind: "directive",
+				type: i8.MatCardContent,
+				selector: "mat-card-content"
+			},
+			{
+				kind: "component",
+				type: i9.MatDatepicker,
+				selector: "mat-datepicker",
+				exportAs: ["matDatepicker"]
+			},
+			{
+				kind: "directive",
+				type: i9.MatDatepickerInput,
+				selector: "input[matDatepicker]",
+				inputs: [
+					"matDatepicker",
+					"min",
+					"max",
+					"matDatepickerFilter"
+				],
+				exportAs: ["matDatepickerInput"]
+			},
+			{
+				kind: "component",
+				type: i9.MatDatepickerToggle,
+				selector: "mat-datepicker-toggle",
+				inputs: [
+					"for",
+					"tabIndex",
+					"aria-label",
+					"disabled",
+					"disableRipple"
+				],
+				exportAs: ["matDatepickerToggle"]
+			},
+			{
+				kind: "component",
+				type: i10.MatFormField,
+				selector: "mat-form-field",
+				inputs: [
+					"hideRequiredMarker",
+					"color",
+					"floatLabel",
+					"appearance",
+					"subscriptSizing",
+					"hintLabel"
+				],
+				exportAs: ["matFormField"]
+			},
+			{
+				kind: "directive",
+				type: i10.MatLabel,
+				selector: "mat-label"
+			},
+			{
+				kind: "directive",
+				type: i10.MatHint,
+				selector: "mat-hint",
+				inputs: ["align", "id"]
+			},
+			{
+				kind: "directive",
+				type: i10.MatError,
+				selector: "mat-error, [matError]",
+				inputs: ["id"]
+			},
+			{
+				kind: "directive",
+				type: i10.MatSuffix,
+				selector: "[matSuffix], [matIconSuffix], [matTextSuffix]",
+				inputs: ["matTextSuffix"]
+			},
+			{
+				kind: "component",
+				type: i11.MatIcon,
+				selector: "mat-icon",
+				inputs: [
+					"color",
+					"inline",
+					"svgIcon",
+					"fontSet",
+					"fontIcon"
+				],
+				exportAs: ["matIcon"]
+			},
+			{
+				kind: "directive",
+				type: i12.MatInput,
+				selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]",
+				inputs: [
+					"disabled",
+					"id",
+					"placeholder",
+					"name",
+					"required",
+					"type",
+					"errorStateMatcher",
+					"aria-describedby",
+					"value",
+					"readonly",
+					"disabledInteractive"
+				],
+				exportAs: ["matInput"]
+			},
+			{
+				kind: "directive",
+				type: i13.MatTooltip,
+				selector: "[matTooltip]",
+				inputs: [
+					"matTooltipPosition",
+					"matTooltipPositionAtOrigin",
+					"matTooltipDisabled",
+					"matTooltipShowDelay",
+					"matTooltipHideDelay",
+					"matTooltipTouchGestures",
+					"matTooltip",
+					"matTooltipClass"
+				],
+				exportAs: ["matTooltip"]
+			},
+			{
+				kind: "directive",
+				type: i2.ɵNgNoValidate,
+				selector: "form:not([ngNoForm]):not([ngNativeValidate])"
+			},
+			{
+				kind: "directive",
+				type: i2.DefaultValueAccessor,
+				selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
+			},
+			{
+				kind: "directive",
+				type: i2.NumberValueAccessor,
+				selector: "input[type=number]:not([ngNoCva])[formControlName],input[type=number]:not([ngNoCva])[formControl],input[type=number]:not([ngNoCva])[ngModel]"
+			},
+			{
+				kind: "directive",
+				type: i2.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i2.NgControlStatusGroup,
+				selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+			},
+			{
+				kind: "directive",
+				type: i2.RequiredValidator,
+				selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]",
+				inputs: ["required"]
+			},
+			{
+				kind: "directive",
+				type: i2.MinValidator,
+				selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]",
+				inputs: ["min"]
+			},
+			{
+				kind: "directive",
+				type: i2.FormGroupDirective,
+				selector: "[formGroup]",
+				inputs: ["formGroup"],
+				outputs: ["ngSubmit"],
+				exportAs: ["ngForm"]
+			},
+			{
+				kind: "directive",
+				type: i2.FormControlName,
+				selector: "[formControlName]",
+				inputs: [
+					"formControlName",
+					"disabled",
+					"ngModel"
+				],
+				outputs: ["ngModelChange"]
+			},
+			{
+				kind: "directive",
+				type: i2.FormGroupName,
+				selector: "[formGroupName]",
+				inputs: ["formGroupName"]
+			},
+			{
+				kind: "directive",
+				type: i2.FormArrayName,
+				selector: "[formArrayName]",
+				inputs: ["formArrayName"]
+			},
+			{
+				kind: "component",
+				type: i1.SearchableSelectorComponent,
+				selector: "app-searchable-selector",
+				inputs: [
+					"valueField",
+					"titleField",
+					"subtitleField",
+					"apiUrl",
+					"multiple",
+					"selectedValue",
+					"enableSearch",
+					"add",
+					"addConfig",
+					"edit",
+					"editConfig",
+					"sort",
+					"sortBy",
+					"searchField",
+					"itemComponent",
+					"items",
+					"apiDataProperty",
+					"cache",
+					"perPage",
+					"inDataSearch",
+					"panelWidth",
+					"focusSearchOnOpen",
+					"isEmitInitialEvent",
+					"required",
+					"disabled",
+					"value"
+				],
+				outputs: [
+					"selectedValueChange",
+					"selectionChange",
+					"itemsChange",
+					"isItemsEmpty"
+				]
+			},
+			{
+				kind: "component",
+				type: i1.TechlifyIconComponent,
+				selector: "app-techlify-icon",
+				inputs: ["name", "size"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		preserveWhitespaces: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: StockIssueFormComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-stock-issue-form",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			imports: [SharedModule],
+			template: "<mat-card class=\"d-flex flex-column gap-2 container\">\n    <mat-card-content>\n\n        <div class=\"d-flex flex-row justify-content-between align-items-center gap-1\">\n            <h5>\n                <span class=\"material-symbols-outlined align-middle\">upload</span>\n                Issue Stock\n            </h5>\n            <app-form-configuration-for-form formCode=\"stock-issue\"></app-form-configuration-for-form>\n        </div>\n\n        <form class=\"d-flex flex-column gap-2\" [formGroup]=\"form\" (submit)=\"save()\">\n\n            <div class=\"d-flex flex-column\">\n                <div class=\"d-flex flex-row gap-2 justify-content-between\">\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Date</mat-label>\n                        <input matInput [matDatepicker]=\"picker\" placeholder=\"Date\" formControlName=\"date\" required>\n                        <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n                        <mat-datepicker #picker></mat-datepicker>\n            @if (isFieldValid('date')) {\n            <mat-error>{{ getErrorMessage('date') }}</mat-error>\n            }\n          </mat-form-field>\n\n          @if (formConfigurationUtilityService.getFieldEnabled('recipient_id'))\n          {\n          <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Recipient @if\n              (formConfigurationUtilityService.getFieldRequired('recipient_id'))\n              {\n              <sup>*</sup>\n              }\n            </mat-label>\n                        <app-searchable-selector apiUrl=\"api/recipients\" formControlName=\"recipient_id\"\n                            titleField=\"name\"></app-searchable-selector>\n            @if (isFieldValid('recipient_id')) {\n            <mat-error>{{ getErrorMessage('recipient_id')\n                            }}</mat-error>\n            }\n          </mat-form-field>\n          }\n\n          <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Particulars</mat-label>\n                        <textarea matInput placeholder=\"Particulars\" formControlName=\"particulars\"></textarea>\n                    </mat-form-field>\n                </div>\n            </div>\n\n            <table class=\"table mt-3\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">#</th>\n                        <th scope=\"col\">Product</th>\n            @if (locationCount() > 0) {\n            <th scope=\"col\">Location From</th>\n            }\n            <th scope=\"col\" width=\"45\">Quantity</th>\n                        <th scope=\"col\">Particulars</th>\n                        <th scope=\"col\" class=\"text-center\" width=\"50\"></th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"stock_issue_products\">\n          @for (row of stockIssueProducts.controls; track row; let i = $index) {\n          <tr [formGroupName]=\"i\">\n                        <th scope=\"row\">{{ i + 1 }}</th>\n                        <td>\n                            <mat-form-field appearance='outline' class=\"w-100\">\n                                <mat-label>Product</mat-label>\n                                <app-searchable-selector apiUrl='api/products' formControlName=\"product_id\"\n                                    titleField='name' [cache]=\"true\" required></app-searchable-selector>\n                            </mat-form-field>\n                        </td>\n            @if (locationCount() > 0) {\n            <td>\n                            <mat-form-field appearance='outline' class=\"w-100\">\n                                <mat-label>Location From</mat-label>\n                                <app-searchable-selector apiUrl='api/inventory-locations?status_ids=1'\n                                    formControlName=\"location_from_id\" titleField='title'\n                                    [selectedValue]=\"getSelectedLocation(i)\"></app-searchable-selector>\n                                <mat-hint>Which warehouse are we taking stock from?</mat-hint>\n                            </mat-form-field>\n                        </td>\n            }\n            <td>\n                            <mat-form-field appearance='outline' class=\"wpx-90\">\n                                <mat-label>Quantity</mat-label>\n                                <input matInput formControlName=\"quantity\" type=\"number\" min=\"0\">\n                            </mat-form-field>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline' class='w-100'>\n                                <mat-label>Particulars</mat-label>\n                                <textarea matInput formControlName=\"particulars\" rows=\"2\"></textarea>\n                            </mat-form-field>\n                        </td>\n                        <td class=\"text-center align-middle\">\n                            <div class=\"d-flex gap-2 justify-content-center align-items-center text-secondary\">\n                                <app-techlify-icon role='button' name='delete' (click)=\"removeStockIssueProduct(i)\"\n                                    matTooltip=\"Remove row\"></app-techlify-icon>\n                            </div>\n                        </td>\n                    </tr>\n          }\n        </tbody>\n                <tfoot>\n                    <tr>\n                        <td colspan=\"6\" class=\"text-end\">\n                            <div class=\"d-flex flex-row gap-2 justify-content-end\">\n                                <button mat-button color=\"primary\" type=\"button\" (click)=\"clearProducts()\"\n                                    [disabled]=\"stockIssueProducts.length === 0\">\n                                    <mat-icon>block</mat-icon> CLEAR ALL\n                                </button>\n                                <button mat-raised-button color=\"primary\" type=\"button\"\n                                    (click)=\"addStockIssueProduct()\">\n                                    <mat-icon>add</mat-icon> ADD\n                                </button>\n                            </div>\n                        </td>\n                    </tr>\n                </tfoot>\n            </table>\n\n            <div class=\"d-flex justify-content-end align-items-center gap-2 mt-2\">\n                <button [disabled]=\"isWorking\" mat-flat-button type=\"button\" (click)=\"cancel()\">Cancel</button>\n                <button [disabled]=\"isWorking || stockIssueProducts.length === 0\" mat-raised-button color=\"primary\"\n                    type=\"submit\">Save</button>\n            </div>\n\n        </form>\n\n    </mat-card-content>\n</mat-card>"
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: i1.FormValidatorService },
+		{ type: i2.FormBuilder },
+		{ type: StockIssueService },
+		{ type: i4.ActivatedRoute },
+		{ type: LocationService },
+		{ type: i6.Location },
+		{ type: i1.FormConfigurationFormService }
+	]
+});
+export { StockIssueFormComponent };
+
+//# sourceMappingURL=techlify-inventory-common-stock-issue-form.component-DfgbqIKn.mjs.map

package/fesm2022/techlify-inventory-common-stock-issue-form.component-DfgbqIKn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"techlify-inventory-common-stock-issue-form.component-DfgbqIKn.mjs","names":["i3.StockIssueService","i5.LocationService"],"sources":["../../../projects/inventory-common/src/lib/inventory-common/stock-issue/stock-issue-form/stock-issue-form.component.ts","../../../projects/inventory-common/src/lib/inventory-common/stock-issue/stock-issue-form/stock-issue-form.component.html"],"sourcesContent":["import { Component, OnInit, signal, ChangeDetectionStrategy } from \"@angular/core\";\nimport { FormArray, FormBuilder, Validators } from '@angular/forms';\nimport {\n  FormConfigurationFormService,\n  FormConfigurationUtilityService,\n  FormValidatorService,\n  TechlifyFormComponent\n} from \"ngx-techlify-core\";\nimport { Location } from '@angular/common';\nimport { StockIssueService } from '../stock-issue.service';\nimport { ActivatedRoute } from '@angular/router';\nimport moment from 'moment';\nimport { LocationService } from '../../location/location.service';\nimport { SharedModule } from \"../../shared.module\";\n\n@Component({\n  selector: 'app-stock-issue-form',\n  templateUrl: './stock-issue-form.component.html',\n  changeDetection: ChangeDetectionStrategy.Eager,\n  imports: [\n    SharedModule,\n  ]\n})\n\nexport class StockIssueFormComponent extends TechlifyFormComponent implements OnInit {\n\n  locationCount = signal<number>(0);\n  stockIssue = signal<any>(null);\n\n  issuableData = signal<{\n    issuable_type: String,\n    issuable_id: number\n  } | null>(null)\n\n  public formConfigurationUtilityService: FormConfigurationUtilityService;\n\n  constructor(protected override formValidatorService: FormValidatorService,\n    private fb: FormBuilder,\n    private stockIssueService: StockIssueService,\n    private route: ActivatedRoute,\n    private locationService: LocationService,\n    private location: Location,\n    private formConfigService: FormConfigurationFormService\n  ) {\n    super(formValidatorService);\n\n    this.formConfigurationUtilityService = new FormConfigurationUtilityService();\n\n    this.errorMessages = {\n      date: {\n        required: 'The date field is required.',\n      },\n      recipient_id: {\n        required: 'Please select a recipient.',\n      },\n    };\n\n    this.form = this.fb.group({\n      date: [new Date(), Validators.compose([Validators.required])],\n      particulars: [''],\n      recipient_id: [''],\n      stock_issue_products: this.fb.array([])\n    });\n  }\n\n  ngOnInit(): void {\n    this.locationService.count().subscribe((count: number) => {\n      this.locationCount.set(count);\n    });\n\n    this.formConfigurationUtilityService.initialize(this.formConfigService, 'stock-issue').subscribe({\n      next: () => {\n        this.form.get('recipient_id')?.setValidators(\n          this.formConfigurationUtilityService.getFieldRequired('recipient_id') ? Validators.required : null\n        );\n        this.form.get('recipient_id')?.updateValueAndValidity();\n      }\n    });\n\n    const id = this.route.snapshot.paramMap.get('id');\n    if (id) {\n      this.loadStockIssue(+id);\n    } else {\n      this.addStockIssueProduct();\n    }\n\n    this.route.queryParams.subscribe({\n      next: (params: any) => {\n        this.issuableData.set({\n          issuable_type: params['issuable_type'],\n          issuable_id: params['issuable_id']\n        });\n\n      }\n    })\n  }\n\n  private loadStockIssue(id: number): void {\n    this.isWorking = true;\n    this.stockIssueService.show(id, {\n      with:\n        'stockIssueProducts.product,stockIssueProducts.location'\n    }).subscribe({\n      next: (response: any) => {\n        this.isWorking = false;\n        this.stockIssue.set(response.item);\n      },\n      error: () => {\n        this.isWorking = false;\n      },\n      complete: () => {\n        const issue = this.stockIssue();\n        this.form.patchValue({\n          date: issue.date ? new Date(issue.date) : new Date(),\n          particulars: issue.details,\n          recipient_id: issue.recipient_id,\n        });\n\n        this.stockIssueProducts.clear();\n        issue.stock_issue_products?.forEach((sip: any) => {\n          const group = this.createStockIssueProduct();\n          group.patchValue({\n            id: sip.id,\n            product_id: sip.product_id,\n            location_from_id: sip.location_from_id,\n            quantity: sip.quantity,\n            particulars: sip.particulars,\n          });\n          this.stockIssueProducts.push(group);\n        });\n      }\n    });\n  }\n\n  get stockIssueProducts(): FormArray {\n    return this.form.get('stock_issue_products') as FormArray;\n  }\n\n  getSelectedLocation(index: number): any {\n    return this.stockIssue()\n      ?.stock_issue_products?.find(\n        (sip: any) => sip.id === this.stockIssueProducts.at(index)?.get('id')?.value\n      )?.location;\n  }\n\n  createStockIssueProduct() {\n    return this.fb.group({\n      id: [''],\n      product_id: ['', Validators.required],\n      location_from_id: ['', this.locationCount() > 0 ? Validators.required : null],\n      quantity: [0, [Validators.required, Validators.min(0)]],\n      particulars: [''],\n      issuable_id: [this.issuableData()?.issuable_id ?? ''],\n      issuable_type: [this.issuableData()?.issuable_type ?? '']\n    });\n  }\n\n  addStockIssueProduct() {\n    this.stockIssueProducts.push(this.createStockIssueProduct());\n  }\n\n  removeStockIssueProduct(index: number) {\n    this.stockIssueProducts.removeAt(index);\n  }\n\n  clearProducts() {\n    this.stockIssueProducts.clear();\n  }\n\n  save() {\n    if (this.form.invalid) {\n      this.form.markAllAsTouched();\n      this.form.markAsDirty();\n      this.alertService.addAlert('Please check the form for errors.', 'error');\n      return;\n    }\n\n    if (this.stockIssueProducts.length === 0) {\n      this.alertService.addAlert('Please add at least one product.', 'error');\n      return;\n    }\n\n    const formData = this.form.getRawValue();\n    const data: any = {\n      id: this.stockIssue()?.id ?? null,\n      date: moment(formData.date).format('YYYY-MM-DD'),\n      details: formData.particulars,\n      recipient_id: formData.recipient_id || null,\n      products: formData.stock_issue_products.map((row: any) => ({\n        id: row.product_id,\n        product_id: row.product_id,\n        quantity: row.quantity,\n        location_from_id: row.location_from_id,\n        particulars: row.particulars,\n        issuable_id: row.issuable_id,\n        issuable_type: row.issuable_type\n      }))\n    };\n\n    this.isWorking = true;\n    const request$ = this.stockIssue()?.id\n      ? this.stockIssueService.update(data)\n      : this.stockIssueService.store(data);\n\n    request$.subscribe({\n      next: () => {\n        this.isWorking = false;\n        this.alertService.addAlert('Stock issues saved successfully!', 'success');\n        this.location.back();\n      },\n      error: () => {\n        this.isWorking = false;\n      }\n    });\n  }\n\n  cancel() {\n    this.location.back();\n  }\n}\n","<mat-card class=\"d-flex flex-column gap-2 container\">\n    <mat-card-content>\n\n        <div class=\"d-flex flex-row justify-content-between align-items-center gap-1\">\n            <h5>\n                <span class=\"material-symbols-outlined align-middle\">upload</span>\n                Issue Stock\n            </h5>\n            <app-form-configuration-for-form formCode=\"stock-issue\"></app-form-configuration-for-form>\n        </div>\n\n        <form class=\"d-flex flex-column gap-2\" [formGroup]=\"form\" (submit)=\"save()\">\n\n            <div class=\"d-flex flex-column\">\n                <div class=\"d-flex flex-row gap-2 justify-content-between\">\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Date</mat-label>\n                        <input matInput [matDatepicker]=\"picker\" placeholder=\"Date\" formControlName=\"date\" required>\n                        <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n                        <mat-datepicker #picker></mat-datepicker>\n            @if (isFieldValid('date')) {\n            <mat-error>{{ getErrorMessage('date') }}</mat-error>\n            }\n          </mat-form-field>\n\n          @if (formConfigurationUtilityService.getFieldEnabled('recipient_id'))\n          {\n          <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Recipient @if\n              (formConfigurationUtilityService.getFieldRequired('recipient_id'))\n              {\n              <sup>*</sup>\n              }\n            </mat-label>\n                        <app-searchable-selector apiUrl=\"api/recipients\" formControlName=\"recipient_id\"\n                            titleField=\"name\"></app-searchable-selector>\n            @if (isFieldValid('recipient_id')) {\n            <mat-error>{{ getErrorMessage('recipient_id')\n                            }}</mat-error>\n            }\n          </mat-form-field>\n          }\n\n          <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Particulars</mat-label>\n                        <textarea matInput placeholder=\"Particulars\" formControlName=\"particulars\"></textarea>\n                    </mat-form-field>\n                </div>\n            </div>\n\n            <table class=\"table mt-3\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">#</th>\n                        <th scope=\"col\">Product</th>\n            @if (locationCount() > 0) {\n            <th scope=\"col\">Location From</th>\n            }\n            <th scope=\"col\" width=\"45\">Quantity</th>\n                        <th scope=\"col\">Particulars</th>\n                        <th scope=\"col\" class=\"text-center\" width=\"50\"></th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"stock_issue_products\">\n          @for (row of stockIssueProducts.controls; track row; let i = $index) {\n          <tr [formGroupName]=\"i\">\n                        <th scope=\"row\">{{ i + 1 }}</th>\n                        <td>\n                            <mat-form-field appearance='outline' class=\"w-100\">\n                                <mat-label>Product</mat-label>\n                                <app-searchable-selector apiUrl='api/products' formControlName=\"product_id\"\n                                    titleField='name' [cache]=\"true\" required></app-searchable-selector>\n                            </mat-form-field>\n                        </td>\n            @if (locationCount() > 0) {\n            <td>\n                            <mat-form-field appearance='outline' class=\"w-100\">\n                                <mat-label>Location From</mat-label>\n                                <app-searchable-selector apiUrl='api/inventory-locations?status_ids=1'\n                                    formControlName=\"location_from_id\" titleField='title'\n                                    [selectedValue]=\"getSelectedLocation(i)\"></app-searchable-selector>\n                                <mat-hint>Which warehouse are we taking stock from?</mat-hint>\n                            </mat-form-field>\n                        </td>\n            }\n            <td>\n                            <mat-form-field appearance='outline' class=\"wpx-90\">\n                                <mat-label>Quantity</mat-label>\n                                <input matInput formControlName=\"quantity\" type=\"number\" min=\"0\">\n                            </mat-form-field>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline' class='w-100'>\n                                <mat-label>Particulars</mat-label>\n                                <textarea matInput formControlName=\"particulars\" rows=\"2\"></textarea>\n                            </mat-form-field>\n                        </td>\n                        <td class=\"text-center align-middle\">\n                            <div class=\"d-flex gap-2 justify-content-center align-items-center text-secondary\">\n                                <app-techlify-icon role='button' name='delete' (click)=\"removeStockIssueProduct(i)\"\n                                    matTooltip=\"Remove row\"></app-techlify-icon>\n                            </div>\n                        </td>\n                    </tr>\n          }\n        </tbody>\n                <tfoot>\n                    <tr>\n                        <td colspan=\"6\" class=\"text-end\">\n                            <div class=\"d-flex flex-row gap-2 justify-content-end\">\n                                <button mat-button color=\"primary\" type=\"button\" (click)=\"clearProducts()\"\n                                    [disabled]=\"stockIssueProducts.length === 0\">\n                                    <mat-icon>block</mat-icon> CLEAR ALL\n                                </button>\n                                <button mat-raised-button color=\"primary\" type=\"button\"\n                                    (click)=\"addStockIssueProduct()\">\n                                    <mat-icon>add</mat-icon> ADD\n                                </button>\n                            </div>\n                        </td>\n                    </tr>\n                </tfoot>\n            </table>\n\n            <div class=\"d-flex justify-content-end align-items-center gap-2 mt-2\">\n                <button [disabled]=\"isWorking\" mat-flat-button type=\"button\" (click)=\"cancel()\">Cancel</button>\n                <button [disabled]=\"isWorking || stockIssueProducts.length === 0\" mat-raised-button color=\"primary\"\n                    type=\"submit\">Save</button>\n            </div>\n\n        </form>\n\n    </mat-card-content>\n</mat-card>"],"mappings":"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"}