@memberjunction/ng-core-entity-forms 5.11.0 → 5.13.0

package/dist/lib/custom/shared/entity-selector-dialog.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"entity-selector-dialog.component.js","sourceRoot":"","sources":["../../../../src/lib/custom/shared/entity-selector-dialog.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\nimport { SharedService } from '@memberjunction/ng-shared';\nimport { RunView } from '@memberjunction/core';\nimport { DialogRef } from '@progress/kendo-angular-dialog';\nimport { UUIDsEqual } from '@memberjunction/global';\n\nexport interface EntitySelectorConfig {\n    entityName: string;\n    title: string;\n    displayField: string;\n    descriptionField?: string;\n    statusField?: string;\n    filters?: string;\n    orderBy?: string;\n    icon?: string;\n}\n\n@Component({\n  standalone: false,\n    selector: 'mj-entity-selector-dialog',\n    template: `\n        <div class=\"dialog-wrapper\">\n          <div class=\"dialog-header\">\n            <h3>@if (config.icon) {\n              <i [class]=\"config.icon\"></i>\n            } {{ config.title }}</h3>\n          </div>\n          <div class=\"dialog-content\">\n            <!-- Search Bar -->\n            <div class=\"search-bar\">\n              <kendo-textbox\n                [(ngModel)]=\"searchText\"\n                placeholder=\"Search...\"\n                (valueChange)=\"onSearchChange()\"\n                class=\"search-input\">\n                <ng-template kendoTextBoxPrefixTemplate>\n                  <i class=\"fa-solid fa-search\"></i>\n                </ng-template>\n              </kendo-textbox>\n            </div>\n        \n            <!-- Loading State -->\n            @if (isLoading) {\n              <div class=\"loading-state\">\n                <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                <p>Loading {{ config.entityName }}...</p>\n              </div>\n            }\n        \n            <!-- Entity List -->\n            @if (!isLoading) {\n              <div class=\"entity-list-container\">\n                @if (filteredEntities.length === 0) {\n                  <div class=\"empty-state\">\n                    <i class=\"fa-solid fa-inbox\"></i>\n                    <p>No {{ config.entityName }} found</p>\n                  </div>\n                } @else {\n                  <div class=\"entity-list\">\n                    @for (entity of filteredEntities; track entity.ID) {\n                      <div class=\"entity-item\"\n                        [class.selected]=\"IsEntitySelected(entity)\"\n                        (click)=\"selectEntity(entity)\">\n                        <div class=\"item-icon\">\n                          <i [class]=\"config.icon || 'fa-solid fa-file'\"></i>\n                        </div>\n                        <div class=\"item-content\">\n                          <div class=\"item-title\">{{ entity[config.displayField] || 'Untitled' }}</div>\n                          @if (config.descriptionField && entity[config.descriptionField]) {\n                            <div class=\"item-description\">{{ entity[config.descriptionField] }}</div>\n                          }\n                          @if (config.statusField && entity[config.statusField]) {\n                            <div class=\"item-status\">\n                              <span class=\"status-badge\" [class.active]=\"entity[config.statusField] === 'Active'\">\n                                {{ entity[config.statusField] }}\n                              </span>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    }\n                  </div>\n                }\n              </div>\n            }\n          </div>\n          <div class=\"dialog-actions\">\n            <button kendoButton themeColor=\"primary\" (click)=\"createNew()\">\n              <i class=\"fa-solid fa-plus\"></i> Create New\n            </button>\n            <button kendoButton (click)=\"onCancel()\">Cancel</button>\n            <button kendoButton themeColor=\"primary\" [disabled]=\"!selectedEntity\" (click)=\"onSelect()\">Select</button>\n          </div>\n        </div>\n        `,\n    styles: [`\n        .dialog-wrapper {\n            display: flex;\n            flex-direction: column;\n            height: 600px;\n            width: 800px;\n        }\n\n        .dialog-header {\n            padding: 16px;\n            border-bottom: 1px solid #e0e6ed;\n        }\n\n        .dialog-header h3 {\n            margin: 0;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .dialog-content {\n            display: flex;\n            flex-direction: column;\n            flex: 1;\n            padding: 16px;\n            gap: 16px;\n            overflow: hidden;\n        }\n\n        .dialog-actions {\n            padding: 16px;\n            border-top: 1px solid #e0e6ed;\n            display: flex;\n            gap: 8px;\n            justify-content: flex-end;\n        }\n\n        .search-bar {\n            display: flex;\n            gap: 12px;\n        }\n\n        .search-input {\n            flex: 1;\n        }\n\n        .loading-state,\n        .empty-state {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            color: #6c757d;\n            gap: 12px;\n        }\n\n        .loading-state i,\n        .empty-state i {\n            font-size: 48px;\n            color: #dee2e6;\n        }\n\n        .entity-list-container {\n            flex: 1;\n            overflow-y: auto;\n            border: 1px solid #e0e6ed;\n            border-radius: 8px;\n            background: #f8f9fa;\n        }\n\n        .entity-list {\n            padding: 8px;\n        }\n\n        .entity-item {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            padding: 12px;\n            margin-bottom: 8px;\n            background: white;\n            border: 1px solid #e0e6ed;\n            border-radius: 8px;\n            cursor: pointer;\n            transition: all 0.2s ease;\n        }\n\n        .entity-item:hover {\n            border-color: #2196f3;\n            box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n        }\n\n        .entity-item.selected {\n            background: #e3f2fd;\n            border-color: #2196f3;\n        }\n\n        .item-icon {\n            width: 36px;\n            height: 36px;\n            background: #f0f4f8;\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n\n        .item-icon i {\n            color: #2196f3;\n            font-size: 16px;\n        }\n\n        .item-content {\n            flex: 1;\n            min-width: 0;\n        }\n\n        .item-title {\n            font-weight: 600;\n            color: #2c3e50;\n            margin-bottom: 4px;\n        }\n\n        .item-description {\n            font-size: 13px;\n            color: #6c757d;\n            line-height: 1.4;\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n        }\n\n        .item-status {\n            margin-top: 4px;\n        }\n\n        .status-badge {\n            font-size: 11px;\n            padding: 2px 8px;\n            border-radius: 12px;\n            background: #e9ecef;\n            color: #495057;\n            font-weight: 500;\n        }\n\n        .status-badge.active {\n            background: #d4edda;\n            color: #28a745;\n        }\n    `]\n})\nexport class EntitySelectorDialogComponent implements OnInit {\n    @Input() config!: EntitySelectorConfig;\n\n    public entities: any[] = [];\n    public filteredEntities: any[] = [];\n    public selectedEntity: any = null;\n    public searchText: string = '';\n    public isLoading: boolean = true;\n\n    constructor(\n        private sharedService: SharedService,\n        public dialogRef: DialogRef\n    ) {}\n\n    async ngOnInit() {\n        await this.loadEntities();\n    }\n\n    async loadEntities() {\n        this.isLoading = true;\n        try {\n            const rv = new RunView();\n            const result = await rv.RunView({\n                EntityName: this.config.entityName,\n                ExtraFilter: this.config.filters,\n                OrderBy: this.config.orderBy \n            });\n\n            this.entities = result.Results;\n            this.filteredEntities = [...this.entities];\n        } catch (error) {\n            console.error('Error loading entities:', error);\n            this.entities = [];\n            this.filteredEntities = [];\n        } finally {\n            this.isLoading = false;\n        }\n    }\n\n    onSearchChange() {\n        if (!this.searchText) {\n            this.filteredEntities = [...this.entities];\n        } else {\n            const searchLower = this.searchText.toLowerCase();\n            this.filteredEntities = this.entities.filter(entity => {\n                const displayValue = entity[this.config.displayField] || '';\n                const descriptionValue = this.config.descriptionField ? (entity[this.config.descriptionField] || '') : '';\n                return displayValue.toLowerCase().includes(searchLower) || \n                       descriptionValue.toLowerCase().includes(searchLower);\n            });\n        }\n    }\n\n    selectEntity(entity: any) {\n        this.selectedEntity = entity;\n    }\n\n    onSelect() {\n        if (this.selectedEntity) {\n            this.dialogRef.close({ entity: this.selectedEntity });\n        }\n    }\n\n    createNew() {\n        this.dialogRef.close({ createNew: true });\n    }\n\n    IsEntitySelected(entity: Record<string, unknown>): boolean {\n        return UUIDsEqual(this.selectedEntity?.ID, entity.ID as string);\n    }\n\n    onCancel() {\n        this.dialogRef.close(null);\n    }\n}"]}
+{"version":3,"file":"entity-selector-dialog.component.js","sourceRoot":"","sources":["../../../../src/lib/custom/shared/entity-selector-dialog.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\nimport { SharedService } from '@memberjunction/ng-shared';\nimport { RunView } from '@memberjunction/core';\nimport { DialogRef } from '@progress/kendo-angular-dialog';\nimport { UUIDsEqual } from '@memberjunction/global';\n\nexport interface EntitySelectorConfig {\n    entityName: string;\n    title: string;\n    displayField: string;\n    descriptionField?: string;\n    statusField?: string;\n    filters?: string;\n    orderBy?: string;\n    icon?: string;\n}\n\n@Component({\n  standalone: false,\n    selector: 'mj-entity-selector-dialog',\n    template: `\n        <div class=\"dialog-wrapper\">\n          <div class=\"dialog-header\">\n            <h3>@if (config.icon) {\n              <i [class]=\"config.icon\"></i>\n            } {{ config.title }}</h3>\n          </div>\n          <div class=\"dialog-content\">\n            <!-- Search Bar -->\n            <div class=\"search-bar\">\n              <kendo-textbox\n                [(ngModel)]=\"searchText\"\n                placeholder=\"Search...\"\n                (valueChange)=\"onSearchChange()\"\n                class=\"search-input\">\n                <ng-template kendoTextBoxPrefixTemplate>\n                  <i class=\"fa-solid fa-search\"></i>\n                </ng-template>\n              </kendo-textbox>\n            </div>\n        \n            <!-- Loading State -->\n            @if (isLoading) {\n              <div class=\"loading-state\">\n                <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                <p>Loading {{ config.entityName }}...</p>\n              </div>\n            }\n        \n            <!-- Entity List -->\n            @if (!isLoading) {\n              <div class=\"entity-list-container\">\n                @if (filteredEntities.length === 0) {\n                  <div class=\"empty-state\">\n                    <i class=\"fa-solid fa-inbox\"></i>\n                    <p>No {{ config.entityName }} found</p>\n                  </div>\n                } @else {\n                  <div class=\"entity-list\">\n                    @for (entity of filteredEntities; track entity.ID) {\n                      <div class=\"entity-item\"\n                        [class.selected]=\"IsEntitySelected(entity)\"\n                        (click)=\"selectEntity(entity)\">\n                        <div class=\"item-icon\">\n                          <i [class]=\"config.icon || 'fa-solid fa-file'\"></i>\n                        </div>\n                        <div class=\"item-content\">\n                          <div class=\"item-title\">{{ entity[config.displayField] || 'Untitled' }}</div>\n                          @if (config.descriptionField && entity[config.descriptionField]) {\n                            <div class=\"item-description\">{{ entity[config.descriptionField] }}</div>\n                          }\n                          @if (config.statusField && entity[config.statusField]) {\n                            <div class=\"item-status\">\n                              <span class=\"status-badge\" [class.active]=\"entity[config.statusField] === 'Active'\">\n                                {{ entity[config.statusField] }}\n                              </span>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    }\n                  </div>\n                }\n              </div>\n            }\n          </div>\n          <div class=\"dialog-actions\">\n            <button kendoButton themeColor=\"primary\" (click)=\"createNew()\">\n              <i class=\"fa-solid fa-plus\"></i> Create New\n            </button>\n            <button kendoButton (click)=\"onCancel()\">Cancel</button>\n            <button kendoButton themeColor=\"primary\" [disabled]=\"!selectedEntity\" (click)=\"onSelect()\">Select</button>\n          </div>\n        </div>\n        `,\n    styles: [`\n        .dialog-wrapper {\n            display: flex;\n            flex-direction: column;\n            height: 600px;\n            width: 800px;\n        }\n\n        .dialog-header {\n            padding: 16px;\n            border-bottom: 1px solid var(--mj-border-default);\n        }\n\n        .dialog-header h3 {\n            margin: 0;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .dialog-content {\n            display: flex;\n            flex-direction: column;\n            flex: 1;\n            padding: 16px;\n            gap: 16px;\n            overflow: hidden;\n        }\n\n        .dialog-actions {\n            padding: 16px;\n            border-top: 1px solid var(--mj-border-default);\n            display: flex;\n            gap: 8px;\n            justify-content: flex-end;\n        }\n\n        .search-bar {\n            display: flex;\n            gap: 12px;\n        }\n\n        .search-input {\n            flex: 1;\n        }\n\n        .loading-state,\n        .empty-state {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            color: var(--mj-text-muted);\n            gap: 12px;\n        }\n\n        .loading-state i,\n        .empty-state i {\n            font-size: 48px;\n            color: var(--mj-border-default);\n        }\n\n        .entity-list-container {\n            flex: 1;\n            overflow-y: auto;\n            border: 1px solid var(--mj-border-default);\n            border-radius: 8px;\n            background: var(--mj-bg-surface-sunken);\n        }\n\n        .entity-list {\n            padding: 8px;\n        }\n\n        .entity-item {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            padding: 12px;\n            margin-bottom: 8px;\n            background: var(--mj-bg-surface-card);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 8px;\n            cursor: pointer;\n            transition: all 0.2s ease;\n        }\n\n        .entity-item:hover {\n            border-color: var(--mj-brand-primary);\n            box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n        }\n\n        .entity-item.selected {\n            background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n            border-color: var(--mj-brand-primary);\n        }\n\n        .item-icon {\n            width: 36px;\n            height: 36px;\n            background: var(--mj-bg-surface-sunken);\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n\n        .item-icon i {\n            color: var(--mj-brand-primary);\n            font-size: 16px;\n        }\n\n        .item-content {\n            flex: 1;\n            min-width: 0;\n        }\n\n        .item-title {\n            font-weight: 600;\n            color: var(--mj-text-primary);\n            margin-bottom: 4px;\n        }\n\n        .item-description {\n            font-size: 13px;\n            color: var(--mj-text-muted);\n            line-height: 1.4;\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n        }\n\n        .item-status {\n            margin-top: 4px;\n        }\n\n        .status-badge {\n            font-size: 11px;\n            padding: 2px 8px;\n            border-radius: 12px;\n            background: var(--mj-bg-surface-sunken);\n            color: var(--mj-text-secondary);\n            font-weight: 500;\n        }\n\n        .status-badge.active {\n            background: #d4edda;\n            color: #28a745;\n        }\n    `]\n})\nexport class EntitySelectorDialogComponent implements OnInit {\n    @Input() config!: EntitySelectorConfig;\n\n    public entities: any[] = [];\n    public filteredEntities: any[] = [];\n    public selectedEntity: any = null;\n    public searchText: string = '';\n    public isLoading: boolean = true;\n\n    constructor(\n        private sharedService: SharedService,\n        public dialogRef: DialogRef\n    ) {}\n\n    async ngOnInit() {\n        await this.loadEntities();\n    }\n\n    async loadEntities() {\n        this.isLoading = true;\n        try {\n            const rv = new RunView();\n            const result = await rv.RunView({\n                EntityName: this.config.entityName,\n                ExtraFilter: this.config.filters,\n                OrderBy: this.config.orderBy \n            });\n\n            this.entities = result.Results;\n            this.filteredEntities = [...this.entities];\n        } catch (error) {\n            console.error('Error loading entities:', error);\n            this.entities = [];\n            this.filteredEntities = [];\n        } finally {\n            this.isLoading = false;\n        }\n    }\n\n    onSearchChange() {\n        if (!this.searchText) {\n            this.filteredEntities = [...this.entities];\n        } else {\n            const searchLower = this.searchText.toLowerCase();\n            this.filteredEntities = this.entities.filter(entity => {\n                const displayValue = entity[this.config.displayField] || '';\n                const descriptionValue = this.config.descriptionField ? (entity[this.config.descriptionField] || '') : '';\n                return displayValue.toLowerCase().includes(searchLower) || \n                       descriptionValue.toLowerCase().includes(searchLower);\n            });\n        }\n    }\n\n    selectEntity(entity: any) {\n        this.selectedEntity = entity;\n    }\n\n    onSelect() {\n        if (this.selectedEntity) {\n            this.dialogRef.close({ entity: this.selectedEntity });\n        }\n    }\n\n    createNew() {\n        this.dialogRef.close({ createNew: true });\n    }\n\n    IsEntitySelected(entity: Record<string, unknown>): boolean {\n        return UUIDsEqual(this.selectedEntity?.ID, entity.ID as string);\n    }\n\n    onCancel() {\n        this.dialogRef.close(null);\n    }\n}"]}