ngx-techlify-core 11.2.6 → 11.2.7

package/bundles/ngx-techlify-core.umd.js

@@ -1937,10 +1937,11 @@
         };
         //Method to trigger login
         NoteFormComponent.prototype.submit = function () {
+            var _a;
             return __awaiter(this, void 0, void 0, function () {
-                var model, result, _a;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
+                var model, result, _b;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0:
                             this.noteFormFirstAttempt = true;
                             if (!this.noteFormGroup.valid) return [3 /*break*/, 5];
@@ -1948,17 +1949,17 @@
                             if (!this.updateMode) return [3 /*break*/, 2];
                             return [4 /*yield*/, this.noteService.editNote(model)];
                         case 1:
-                            _a = _b.sent();
+                            _b = _c.sent();
                             return [3 /*break*/, 4];
                         case 2: return [4 /*yield*/, this.noteService.addNote(model)];
                         case 3:
-                            _a = _b.sent();
-                            _b.label = 4;
+                            _b = _c.sent();
+                            _c.label = 4;
                         case 4:
-                            result = _a;
-                            this.alertService.addAlert("Note saved successfully", "success");
+                            result = _b;
+                            this.alertService.addAlert(((_a = this.data) === null || _a === void 0 ? void 0 : _a.labelText) + " saved successfully", "success");
                             this.dialogRef.close(result);
-                            _b.label = 5;
+                            _c.label = 5;
                         case 5: return [2 /*return*/];
                     }
                 });
@@ -1980,7 +1981,7 @@
     NoteFormComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-note-form',
-                    template: "<form [formGroup]=\"noteFormGroup\" (ngSubmit)=\"submit()\">\n    <div fxLayout=\"column\" class=\"mat-typography\">\n        <div mat-dialog-title class=\"text-center\">\n            <div>Note</div>\n        </div>\n\n        <div mat-dialog-content fxLayout=\"column\">\n            <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\">\n                <mat-form-field fxFlex=\"100%\">\n                    <textarea matInput formControlName=\"note\" placeholder=\"Note\" autocomplete=\"off\" required></textarea>\n                    <mat-error *ngIf=\"isFieldValid('note')\">{{\n                      getErrorMessage(\"note\")\n                    }}</mat-error>\n                </mat-form-field>\n\n                <div class=\"my-2\" fxLayout=\"row\" fxLayoutGap=\"30px\" fxLayoutAlign=\"end\" fxFlex=\"100%\">\n                    <button mat-raised-button type=\"button\" (click)=\"cancel()\">\n                        Cancel\n                    </button>\n                    <button mat-raised-button type=\"submit\" color=\"primary\">Save</button>\n                </div>\n            </div>\n        </div>\n    </div>\n</form>",
+                    template: "<form [formGroup]=\"noteFormGroup\" (ngSubmit)=\"submit()\">\n    <div fxLayout=\"column\" class=\"mat-typography\">\n        <div mat-dialog-title class=\"text-center\">\n            <div>{{data?.labelText}}</div>\n        </div>\n\n        <div mat-dialog-content fxLayout=\"column\">\n            <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\">\n                <mat-form-field fxFlex=\"100%\">\n                    <textarea matInput formControlName=\"note\" placeholder=\"{{data?.labelText}}\" autocomplete=\"off\"\n                        required></textarea>\n                    <mat-error *ngIf=\"isFieldValid('note')\">{{\n                        getErrorMessage(\"note\")\n                        }}</mat-error>\n                </mat-form-field>\n\n                <div class=\"my-2\" fxLayout=\"row\" fxLayoutGap=\"30px\" fxLayoutAlign=\"end\" fxFlex=\"100%\">\n                    <button mat-raised-button type=\"button\" (click)=\"cancel()\">\n                        Cancel\n                    </button>\n                    <button mat-raised-button type=\"submit\" color=\"primary\">Save</button>\n                </div>\n            </div>\n        </div>\n    </div>\n</form>",
                     styles: [""]
                 },] }
     ];
@@ -1994,11 +1995,11 @@
     ]; };
 
     var NoteListComponent = /** @class */ (function () {
-        function NoteListComponent(noteService, alertService, dialog) {
+        function NoteListComponent(noteService, dialog) {
             this.noteService = noteService;
-            this.alertService = alertService;
             this.dialog = dialog;
             this.readonly = false;
+            this.labelText = 'Note';
             this.notes = [];
             this.displayedColumns = [
                 'index',
@@ -2039,7 +2040,8 @@
             var dialogRef = this.dialog.open(NoteFormComponent, {
                 width: "400px",
                 data: {
-                    note: { related_model_id: this.relatedModelId, model_type: this.modelType }
+                    note: { related_model_id: this.relatedModelId, model_type: this.modelType },
+                    labelText: this.labelText,
                 },
                 autoFocus: false
             });
@@ -2056,7 +2058,8 @@
                 width: "400px",
                 data: {
                     note: note,
-                    update: true
+                    update: true,
+                    labelText: this.labelText
                 },
                 autoFocus: false
             });
@@ -2075,8 +2078,8 @@
                     dialogRef = this.dialog.open(ActionPopupComponent, {
                         width: "400px",
                         data: {
-                            title: "Delete Note",
-                            message: "Are you sure to delete the note?"
+                            title: "Delete " + this.labelText,
+                            message: "Are you sure to delete?"
                         },
                         autoFocus: false
                     });
@@ -2115,19 +2118,19 @@
     NoteListComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-note-list',
-                    template: "<div fxLayout=\"column\" fxLayoutGap=\"1.5rem\" class=\"m-4\">\n\n    <div fxLayout fxLayoutAlign=\"start center\" fxLayoutGap=\"1rem\">\n        <h3 class=\"m-0 font-weight-bold mr-3\">Notes</h3>\n        <button class=\"d-print-none\" *ngIf=\"!readonly\" mat-raised-button color=\"primary\" type=\"button\"\n            (click)=\"addNote()\">+ Add</button>\n    </div>\n\n    <div class=\"w-00 scroll-container\" infiniteScroll [infiniteScrollDistance]=\"1\" [infiniteScrollThrottle]=\"50\"\n        (scrolled)=\"onScroll()\" [scrollWindow]=\"false\">\n        <table mat-table [dataSource]=\"notes\" class=\"w-100\" multiTemplateDataRows>\n\n            <!-- Index Column -->\n            <ng-container matColumnDef=\"index\">\n                <th mat-header-cell *matHeaderCellDef> # </th>\n                <td mat-cell *matCellDef=\"let note; let i = dataIndex\"> {{ i+1 }} </td>\n            </ng-container>\n\n\n            <ng-container matColumnDef=\"note\">\n                <th mat-header-cell *matHeaderCellDef> Note </th>\n                <td mat-cell *matCellDef=\"let note\">\n                    {{note?.note}}\n                </td>\n            </ng-container>\n\n            <ng-container matColumnDef=\"actions\">\n                <th mat-header-cell *matHeaderCellDef class=\"d-print-none\"> Actions </th>\n                <td mat-cell *matCellDef=\"let note\" class=\"d-print-none\">\n                    <button type=\"button\" mat-icon-button (click)=\"editNote(note)\">\n                        <mat-icon>edit</mat-icon>\n                    </button>\n                    <button type=\"button\" mat-icon-button (click)=\"deleteNote(note)\">\n                        <mat-icon>delete</mat-icon>\n                    </button>\n                </td>\n            </ng-container>\n            <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n            <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n        </table>\n    </div>\n\n</div>",
+                    template: "<div fxLayout=\"column\" fxLayoutGap=\"1.5rem\" class=\"m-4\">\n\n    <div fxLayout fxLayoutAlign=\"center center\" fxLayoutGap=\"1rem\">\n        <h3 class=\"m-0 font-weight-bold mr-3\">{{labelText}}s</h3>\n        <button class=\"d-print-none\" *ngIf=\"!readonly\" mat-raised-button color=\"primary\" type=\"button\"\n            (click)=\"addNote()\">+ Add</button>\n    </div>\n\n    <div class=\"w-00 scroll-container\" infiniteScroll [infiniteScrollDistance]=\"1\" [infiniteScrollThrottle]=\"50\"\n        (scrolled)=\"onScroll()\" [scrollWindow]=\"false\">\n        <table mat-table [dataSource]=\"notes\" class=\"w-100\" multiTemplateDataRows>\n\n            <!-- Index Column -->\n            <ng-container matColumnDef=\"index\">\n                <th mat-header-cell *matHeaderCellDef> # </th>\n                <td mat-cell *matCellDef=\"let note; let i = dataIndex\"> {{ i+1 }} </td>\n            </ng-container>\n\n\n            <ng-container matColumnDef=\"note\">\n                <th mat-header-cell *matHeaderCellDef> {{labelText}} </th>\n                <td mat-cell *matCellDef=\"let note\">\n                    {{note?.note}}\n                </td>\n            </ng-container>\n\n            <ng-container matColumnDef=\"actions\">\n                <th mat-header-cell *matHeaderCellDef class=\"d-print-none\"> Actions </th>\n                <td mat-cell *matCellDef=\"let note\" class=\"d-print-none\">\n                    <button type=\"button\" mat-icon-button (click)=\"editNote(note)\">\n                        <mat-icon>edit</mat-icon>\n                    </button>\n                    <button type=\"button\" mat-icon-button (click)=\"deleteNote(note)\">\n                        <mat-icon>delete</mat-icon>\n                    </button>\n                </td>\n            </ng-container>\n            <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n            <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n        </table>\n    </div>\n\n</div>",
                     styles: [".scroll-container{max-height:400px;overflow-y:auto}"]
                 },] }
     ];
     NoteListComponent.ctorParameters = function () { return [
         { type: NoteService },
-        { type: AlertService },
         { type: dialog.MatDialog }
     ]; };
     NoteListComponent.propDecorators = {
         relatedModelId: [{ type: i0.Input }],
         modelType: [{ type: i0.Input }],
-        readonly: [{ type: i0.Input }]
+        readonly: [{ type: i0.Input }],
+        labelText: [{ type: i0.Input }]
     };
 
     var SearchableSelectorComponent_1;