@memberjunction/ng-explorer-core 2.48.0 → 2.50.0

package/dist/lib/app-view/application-view.component.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { Component, Input, ViewChild } from '@angular/core';
 import { Metadata, LogError, RunView } from '@memberjunction/core';
 import { ItemType } from '../../generic/Item.types';
@@ -151,6 +142,44 @@ function ApplicationViewComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngIf", ctx_r1.LinkToSharedViewDialogVisible);
 } }
 export class ApplicationViewComponent extends BaseBrowserComponent {
+    router;
+    route;
+    location;
+    sharedService;
+    cdr;
+    entityRowRef;
+    viewPropertiesDialog;
+    availableResourcesComponent;
+    categoryEntityID;
+    currentlySelectedAppEntity;
+    ResourceItemFilter = "";
+    AppEntitySelectionDialogVisible = false;
+    AllAppEntities = [];
+    SelectedAppEntities = [];
+    UnselectedAppEntities = [];
+    app;
+    userApp;
+    currentUser;
+    FilterOutCurrentUserViews;
+    NewItemOptions = [
+        {
+            Text: 'New View',
+            Description: 'Create a new User View',
+            Icon: 'folder',
+            Action: () => {
+                this.createNewView();
+            }
+        },
+        {
+            Text: 'New Record',
+            Description: `Create a new record for the currently selected entity`,
+            Icon: 'plus',
+            Action: () => {
+                this.createNewRecord();
+            }
+        }
+    ];
+    ViewResourceTypeID;
     constructor(router, route, location, sharedService, cdr) {
         super();
         this.router = router;
@@ -158,123 +187,94 @@ export class ApplicationViewComponent extends BaseBrowserComponent {
         this.location = location;
         this.sharedService = sharedService;
         this.cdr = cdr;
-        this.ResourceItemFilter = "";
-        this.AppEntitySelectionDialogVisible = false;
-        this.AllAppEntities = [];
-        this.SelectedAppEntities = [];
-        this.UnselectedAppEntities = [];
-        this.NewItemOptions = [
-            {
-                Text: 'New View',
-                Description: 'Create a new User View',
-                Icon: 'folder',
-                Action: () => {
-                    this.createNewView();
-                }
-            },
-            {
-                Text: 'New Record',
-                Description: `Create a new record for the currently selected entity`,
-                Icon: 'plus',
-                Action: () => {
-                    this.createNewRecord();
-                }
-            }
-        ];
-        this.LinkToSharedViewDialogVisible = false;
         this.categoryEntityName = "User View Categories";
         this.itemEntityName = "User Views";
     }
-    ngOnInit() {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            const md = new Metadata();
-            this.currentUser = md.CurrentUser;
-            this.ViewResourceTypeID = ((_a = this.sharedService.ResourceTypeByName('User Views')) === null || _a === void 0 ? void 0 : _a.ID) || '';
-            this.route.paramMap.subscribe((params) => __awaiter(this, void 0, void 0, function* () {
-                var _b;
-                const appName = params.get('appName');
-                const entityName = params.get('entityName');
-                const folderID = params.get('folderID');
-                this.showLoader = true;
-                if (folderID) {
-                    this.selectedFolderID = folderID;
+    async ngOnInit() {
+        const md = new Metadata();
+        this.currentUser = md.CurrentUser;
+        this.ViewResourceTypeID = this.sharedService.ResourceTypeByName('User Views')?.ID || '';
+        this.route.paramMap.subscribe(async (params) => {
+            const appName = params.get('appName');
+            const entityName = params.get('entityName');
+            const folderID = params.get('folderID');
+            this.showLoader = true;
+            if (folderID) {
+                this.selectedFolderID = folderID;
+            }
+            if (appName && appName !== this.app?.Name) {
+                const md = new Metadata();
+                const rv = new RunView();
+                const appNameToLower = appName.toLowerCase();
+                this.app = md.Applications.find(a => a.Name.toLowerCase() === appNameToLower);
+                // if we get here and we have a blank app, problem
+                if (!this.app) {
+                    throw new Error(`Application ${appName} not found`);
                 }
-                if (appName && appName !== ((_b = this.app) === null || _b === void 0 ? void 0 : _b.Name)) {
-                    const md = new Metadata();
-                    const rv = new RunView();
-                    const appNameToLower = appName.toLowerCase();
-                    this.app = md.Applications.find(a => a.Name.toLowerCase() === appNameToLower);
-                    // if we get here and we have a blank app, problem
-                    if (!this.app) {
-                        throw new Error(`Application ${appName} not found`);
+                // next up we need to find the UserApplication record based on the app and the current user
+                const userAppResult = await rv.RunView({
+                    EntityName: "User Applications",
+                    ExtraFilter: `UserID='${md.CurrentUser.ID}' AND ApplicationID='${this.app.ID}'`,
+                    ResultType: 'entity_object'
+                });
+                if (!userAppResult || userAppResult.Success === false || userAppResult.Results.length === 0)
+                    throw new Error('User Application Record for current user and selected application not found');
+                this.userApp = userAppResult.Results[0];
+                const matches = this.app.ApplicationEntities
+                    .map(ae => md.Entities.find(e => e.ID === ae.EntityID))
+                    .filter(e => e) // filter out null entries  
+                    .sort((a, b) => {
+                    if (!a || !b) {
+                        return 0;
                     }
-                    // next up we need to find the UserApplication record based on the app and the current user
-                    const userAppResult = yield rv.RunView({
-                        EntityName: "User Applications",
-                        ExtraFilter: `UserID='${md.CurrentUser.ID}' AND ApplicationID='${this.app.ID}'`,
-                        ResultType: 'entity_object'
-                    });
-                    if (!userAppResult || userAppResult.Success === false || userAppResult.Results.length === 0)
-                        throw new Error('User Application Record for current user and selected application not found');
-                    this.userApp = userAppResult.Results[0];
-                    const matches = this.app.ApplicationEntities
-                        .map(ae => md.Entities.find(e => e.ID === ae.EntityID))
-                        .filter(e => e) // filter out null entries  
-                        .sort((a, b) => {
-                        if (!a || !b) {
-                            return 0;
-                        }
-                        return a.Name.localeCompare(b.Name);
-                    }); // sort by name
-                    // store the entire list of POSSIBLE app entities in this list
-                    this.AllAppEntities = matches; // we filter out null above so this cast is safe;
-                    const userAppEntities = yield rv.RunView({
-                        EntityName: 'User Application Entities',
-                        ResultType: 'entity_object',
-                        ExtraFilter: `UserApplicationID = '${this.userApp.ID}'`,
-                        OrderBy: 'Sequence, Entity'
-                    });
-                    if (userAppEntities && userAppEntities.Success) {
-                        this.SelectedAppEntities = userAppEntities.Results.map(uae => this.AllAppEntities.find(ae => uae.EntityID === ae.ID)).filter(val => val); // now we have our selected app entities and they're sorted properly
-                        this.UnselectedAppEntities = this.AllAppEntities.filter(e => !this.SelectedAppEntities.some(sa => sa.ID === e.ID));
-                        // special case - if we have NO user app entities and the application has entities that are marked as DefaultForNewUser=1 we will add them now
-                        const defaultEntities = this.app.ApplicationEntities.filter(a => a.DefaultForNewUser);
-                        if (this.SelectedAppEntities.length === 0 && defaultEntities.length > 0) {
-                            // there are some entities that should default for a new user, so let's add them to the selected entities and remove from the Unselected
-                            // app entities and then call the Save method that we use when the user dialog ends
-                            this.SelectedAppEntities = defaultEntities.map(de => this.AllAppEntities.find(aae => de.EntityID === aae.ID)).filter(val => val);
-                            // now we have the default entities in place for the app, remove them from the Unselected array
-                            this.UnselectedAppEntities = this.UnselectedAppEntities.filter(e => !this.SelectedAppEntities.some(se => se.ID === e.ID));
-                            // now save
-                            yield this.OnAppEntitySelectionDialogClosed(true);
-                        }
+                    return a.Name.localeCompare(b.Name);
+                }); // sort by name
+                // store the entire list of POSSIBLE app entities in this list
+                this.AllAppEntities = matches; // we filter out null above so this cast is safe;
+                const userAppEntities = await rv.RunView({
+                    EntityName: 'User Application Entities',
+                    ResultType: 'entity_object',
+                    ExtraFilter: `UserApplicationID = '${this.userApp.ID}'`,
+                    OrderBy: 'Sequence, Entity'
+                });
+                if (userAppEntities && userAppEntities.Success) {
+                    this.SelectedAppEntities = userAppEntities.Results.map(uae => this.AllAppEntities.find(ae => uae.EntityID === ae.ID)).filter(val => val); // now we have our selected app entities and they're sorted properly
+                    this.UnselectedAppEntities = this.AllAppEntities.filter(e => !this.SelectedAppEntities.some(sa => sa.ID === e.ID));
+                    // special case - if we have NO user app entities and the application has entities that are marked as DefaultForNewUser=1 we will add them now
+                    const defaultEntities = this.app.ApplicationEntities.filter(a => a.DefaultForNewUser);
+                    if (this.SelectedAppEntities.length === 0 && defaultEntities.length > 0) {
+                        // there are some entities that should default for a new user, so let's add them to the selected entities and remove from the Unselected
+                        // app entities and then call the Save method that we use when the user dialog ends
+                        this.SelectedAppEntities = defaultEntities.map(de => this.AllAppEntities.find(aae => de.EntityID === aae.ID)).filter(val => val);
+                        // now we have the default entities in place for the app, remove them from the Unselected array
+                        this.UnselectedAppEntities = this.UnselectedAppEntities.filter(e => !this.SelectedAppEntities.some(se => se.ID === e.ID));
+                        // now save
+                        await this.OnAppEntitySelectionDialogClosed(true);
                     }
                 }
-                // now down here we have either loaded the app above, or already had the current app loaded. Now we move on to set the current entity and load er up
-                if (this.app && this.SelectedAppEntities.length) {
-                    if (entityName) {
-                        // sometimes the entity name contains a ? and values after it, look for that and only grab stuff to left of ?
-                        const entityNameParts = entityName.split('?');
-                        const entityNameToLower = entityNameParts[0].toLowerCase().trim();
-                        const selectedAppEntity = this.SelectedAppEntities.find(e => e.Name.toLocaleLowerCase() === entityNameToLower);
-                        if (selectedAppEntity) {
-                            yield this.loadEntityAndFolders(selectedAppEntity);
-                        }
-                        else
-                            yield this.loadEntityAndFolders(this.SelectedAppEntities[0]);
-                    }
-                    else {
-                        yield this.loadEntityAndFolders(this.SelectedAppEntities[0]);
+            }
+            // now down here we have either loaded the app above, or already had the current app loaded. Now we move on to set the current entity and load er up
+            if (this.app && this.SelectedAppEntities.length) {
+                if (entityName) {
+                    // sometimes the entity name contains a ? and values after it, look for that and only grab stuff to left of ?
+                    const entityNameParts = entityName.split('?');
+                    const entityNameToLower = entityNameParts[0].toLowerCase().trim();
+                    const selectedAppEntity = this.SelectedAppEntities.find(e => e.Name.toLocaleLowerCase() === entityNameToLower);
+                    if (selectedAppEntity) {
+                        await this.loadEntityAndFolders(selectedAppEntity);
                     }
+                    else
+                        await this.loadEntityAndFolders(this.SelectedAppEntities[0]);
                 }
-                this.showLoader = false;
-            }));
+                else {
+                    await this.loadEntityAndFolders(this.SelectedAppEntities[0]);
+                }
+            }
+            this.showLoader = false;
         });
     }
     IsEntitySelected(entity) {
-        var _a;
-        if (((_a = this.currentlySelectedAppEntity) === null || _a === void 0 ? void 0 : _a.ID) === entity.ID)
+        if (this.currentlySelectedAppEntity?.ID === entity.ID)
             return true;
         else
             return false;
@@ -282,116 +282,107 @@ export class ApplicationViewComponent extends BaseBrowserComponent {
     ShowAppEntitySelectionDialog() {
         this.AppEntitySelectionDialogVisible = true;
     }
-    OnAppEntitySelectionDialogClosed(save) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.AppEntitySelectionDialogVisible = false;
-            // now we need to process the changes if the user hit save
-            if (save) {
-                // we need to basically make sure the User Application Entities entity for this user maps to the set of selected Entities within the application, in the order selected as well
-                const rv = new RunView();
-                const md = new Metadata();
-                const userAppEntities = yield rv.RunView({
-                    EntityName: 'User Application Entities',
-                    ResultType: 'entity_object',
-                    ExtraFilter: `UserApplicationID = '${this.userApp.ID}'`,
-                    OrderBy: 'Sequence'
-                });
-                // userAppEntities.results is the current DB state, we need to now compare it to the SelectedAppEntities array
-                // and if there are changes either update sequence values or delete records that aren't selected anymore.  
-                const existingUserAppEntities = userAppEntities.Results;
-                const userAppEntitiesToSave = [];
-                const userAppEntitiesToDelete = [];
-                // first we need to update the sequence values for the selected applications
-                for (let index = 0; index < this.SelectedAppEntities.length; index++) {
-                    const e = this.SelectedAppEntities[index];
-                    const existing = existingUserAppEntities.find(uae => uae.EntityID === e.ID);
-                    if (existing) {
-                        if (existing.Sequence !== index) {
-                            existing.Sequence = index;
-                            userAppEntitiesToSave.push(existing);
-                        }
-                    }
-                    else {
-                        // this is a new app entity that the user has selected
-                        const newApp = yield md.GetEntityObject("User Application Entities");
-                        newApp.UserApplicationID = this.userApp.ID;
-                        newApp.Sequence = index;
-                        newApp.EntityID = e.ID;
-                        userAppEntitiesToSave.push(newApp);
-                    }
-                }
-                // now we need to add the records that aren't selected anymore to a delete array
-                for (let index = 0; index < existingUserAppEntities.length; index++) {
-                    const existing = existingUserAppEntities[index];
-                    if (!this.SelectedAppEntities.some(sa => sa.ID === existing.EntityID)) {
-                        userAppEntitiesToDelete.push(existing);
+    async OnAppEntitySelectionDialogClosed(save) {
+        this.AppEntitySelectionDialogVisible = false;
+        // now we need to process the changes if the user hit save
+        if (save) {
+            // we need to basically make sure the User Application Entities entity for this user maps to the set of selected Entities within the application, in the order selected as well
+            const rv = new RunView();
+            const md = new Metadata();
+            const userAppEntities = await rv.RunView({
+                EntityName: 'User Application Entities',
+                ResultType: 'entity_object',
+                ExtraFilter: `UserApplicationID = '${this.userApp.ID}'`,
+                OrderBy: 'Sequence'
+            });
+            // userAppEntities.results is the current DB state, we need to now compare it to the SelectedAppEntities array
+            // and if there are changes either update sequence values or delete records that aren't selected anymore.  
+            const existingUserAppEntities = userAppEntities.Results;
+            const userAppEntitiesToSave = [];
+            const userAppEntitiesToDelete = [];
+            // first we need to update the sequence values for the selected applications
+            for (let index = 0; index < this.SelectedAppEntities.length; index++) {
+                const e = this.SelectedAppEntities[index];
+                const existing = existingUserAppEntities.find(uae => uae.EntityID === e.ID);
+                if (existing) {
+                    if (existing.Sequence !== index) {
+                        existing.Sequence = index;
+                        userAppEntitiesToSave.push(existing);
                     }
                 }
-                // finally, we need to submit a single transaction so we have one server round trip to commit all this good stuff
-                const tg = yield md.CreateTransactionGroup();
-                for (const toSave of userAppEntitiesToSave) {
-                    toSave.TransactionGroup = tg;
-                    yield toSave.Save();
-                }
-                for (const d of userAppEntitiesToDelete) {
-                    d.TransactionGroup = tg;
-                    yield d.Delete();
+                else {
+                    // this is a new app entity that the user has selected
+                    const newApp = await md.GetEntityObject("User Application Entities");
+                    newApp.UserApplicationID = this.userApp.ID;
+                    newApp.Sequence = index;
+                    newApp.EntityID = e.ID;
+                    userAppEntitiesToSave.push(newApp);
                 }
-                if (!(yield tg.Submit())) {
-                    // the data doesn't need to be updated when we are succesful because we're all bound to the same data which is cool
-                    // but in this case we need to notify the user it failed
-                    this.sharedService.CreateSimpleNotification('There was an error saving your entity selections. Please try again later or notify a system administrator.', "error", 3500);
+            }
+            // now we need to add the records that aren't selected anymore to a delete array
+            for (let index = 0; index < existingUserAppEntities.length; index++) {
+                const existing = existingUserAppEntities[index];
+                if (!this.SelectedAppEntities.some(sa => sa.ID === existing.EntityID)) {
+                    userAppEntitiesToDelete.push(existing);
                 }
             }
-        });
+            // finally, we need to submit a single transaction so we have one server round trip to commit all this good stuff
+            const tg = await md.CreateTransactionGroup();
+            for (const toSave of userAppEntitiesToSave) {
+                toSave.TransactionGroup = tg;
+                await toSave.Save();
+            }
+            for (const d of userAppEntitiesToDelete) {
+                d.TransactionGroup = tg;
+                await d.Delete();
+            }
+            if (!await tg.Submit()) {
+                // the data doesn't need to be updated when we are succesful because we're all bound to the same data which is cool
+                // but in this case we need to notify the user it failed
+                this.sharedService.CreateSimpleNotification('There was an error saving your entity selections. Please try again later or notify a system administrator.', "error", 3500);
+            }
+        }
     }
     onAppEntityButtonClicked(e) {
-        var _a;
-        if (e.ID === ((_a = this.currentlySelectedAppEntity) === null || _a === void 0 ? void 0 : _a.ID))
+        if (e.ID === this.currentlySelectedAppEntity?.ID)
             return;
         this.selectedFolderID = null;
         this.currentlySelectedAppEntity = e;
         this.navigateToCurrentPage();
     }
-    loadEntityAndFolders(entity) {
-        const _super = Object.create(null, {
-            RunView: { get: () => super.RunView },
-            LoadData: { get: () => super.LoadData }
-        });
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!entity) {
-                this.currentlySelectedAppEntity = undefined; // make sure our current selection is wiped out here
-                return;
-            }
-            this.showLoader = true;
-            this.currentlySelectedAppEntity = entity;
-            this.categoryEntityID = entity.ID;
-            this.ResourceItemFilter = `EntityID='${entity.ID}'`;
-            this.FilterOutCurrentUserViews = `UserID <> '${this.currentUser.ID}' AND EntityID = '${entity.ID}'`;
-            if (this.selectedFolderID) {
-                let viewResult = yield _super.RunView.call(this, this.categoryEntityName, `ID='${this.selectedFolderID}'`);
-                if (viewResult.length > 0) {
-                    this.pageTitle = viewResult[0].Name;
-                }
-            }
-            else {
-                this.pageTitle = this.currentlySelectedAppEntity.Name;
+    async loadEntityAndFolders(entity) {
+        if (!entity) {
+            this.currentlySelectedAppEntity = undefined; // make sure our current selection is wiped out here
+            return;
+        }
+        this.showLoader = true;
+        this.currentlySelectedAppEntity = entity;
+        this.categoryEntityID = entity.ID;
+        this.ResourceItemFilter = `EntityID='${entity.ID}'`;
+        this.FilterOutCurrentUserViews = `UserID <> '${this.currentUser.ID}' AND EntityID = '${entity.ID}'`;
+        if (this.selectedFolderID) {
+            let viewResult = await super.RunView(this.categoryEntityName, `ID='${this.selectedFolderID}'`);
+            if (viewResult.length > 0) {
+                this.pageTitle = viewResult[0].Name;
             }
-            const md = new Metadata();
-            const parentFolderIDFilter = this.selectedFolderID ? `ParentID='${this.selectedFolderID}'` : 'ParentID IS NULL';
-            const categoryFilter = `UserID='${md.CurrentUser.ID}' AND EntityID='${this.currentlySelectedAppEntity.ID}' AND ` + parentFolderIDFilter;
-            const categoryIDFilter = this.selectedFolderID ? `CategoryID='${this.selectedFolderID}'` : 'CategoryID IS NULL';
-            const userViewFilter = `UserID = '${md.CurrentUser.ID}' AND EntityID='${this.currentlySelectedAppEntity.ID}' AND ` + categoryIDFilter;
-            yield _super.LoadData.call(this, {
-                sortItemsAfterLoad: true,
-                categoryItemFilter: categoryFilter,
-                entityItemFilter: userViewFilter,
-                linkItemFilter: `EntityID='${this.currentlySelectedAppEntity.ID}'`,
-                showLoader: true
-            });
-            this.showLoader = false;
-            this.cdr.detectChanges(); // tell Angular to detect changes as we just change the current entity so that affects some UI elements visualy like which button shows as selected
+        }
+        else {
+            this.pageTitle = this.currentlySelectedAppEntity.Name;
+        }
+        const md = new Metadata();
+        const parentFolderIDFilter = this.selectedFolderID ? `ParentID='${this.selectedFolderID}'` : 'ParentID IS NULL';
+        const categoryFilter = `UserID='${md.CurrentUser.ID}' AND EntityID='${this.currentlySelectedAppEntity.ID}' AND ` + parentFolderIDFilter;
+        const categoryIDFilter = this.selectedFolderID ? `CategoryID='${this.selectedFolderID}'` : 'CategoryID IS NULL';
+        const userViewFilter = `UserID = '${md.CurrentUser.ID}' AND EntityID='${this.currentlySelectedAppEntity.ID}' AND ` + categoryIDFilter;
+        await super.LoadData({
+            sortItemsAfterLoad: true,
+            categoryItemFilter: categoryFilter,
+            entityItemFilter: userViewFilter,
+            linkItemFilter: `EntityID='${this.currentlySelectedAppEntity.ID}'`,
+            showLoader: true
         });
+        this.showLoader = false;
+        this.cdr.detectChanges(); // tell Angular to detect changes as we just change the current entity so that affects some UI elements visualy like which button shows as selected
     }
     onItemClick(item) {
         if (!item) {
@@ -423,7 +414,6 @@ export class ApplicationViewComponent extends BaseBrowserComponent {
         }
     }
     navigateToCurrentPage() {
-        var _a;
         if (!this.app) {
             throw new Error('Application Not Loaded');
         }
@@ -433,7 +423,7 @@ export class ApplicationViewComponent extends BaseBrowserComponent {
         //so its easier if we instead navigate to this page with an updated url and leverage angular's router
         let folderID = this.selectedFolderID;
         let url = ["/app", this.app.Name];
-        let appEntityName = ((_a = this.currentlySelectedAppEntity) === null || _a === void 0 ? void 0 : _a.Name) || null;
+        let appEntityName = this.currentlySelectedAppEntity?.Name || null;
         if (appEntityName) {
             url.push(`${appEntityName}`);
             if (folderID) {
@@ -445,6 +435,7 @@ export class ApplicationViewComponent extends BaseBrowserComponent {
     onViewModeChange(viewMode) {
         this.viewMode = viewMode;
     }
+    LinkToSharedViewDialogVisible = false;
     createItemClickedEvent(event) {
         switch (event.Text.trim().toLowerCase()) {
             case 'link to shared view':
@@ -455,32 +446,30 @@ export class ApplicationViewComponent extends BaseBrowserComponent {
                 break;
         }
     }
-    HandleLinkToSharedView(okClicked) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.LinkToSharedViewDialogVisible = false;
-            if (okClicked) {
-                const resources = this.availableResourcesComponent.SelectedResources;
-                const md = new Metadata();
-                let success = true;
-                for (const r of resources) {
-                    const newResourceLink = yield md.GetEntityObject('Resource Links');
-                    newResourceLink.ResourceRecordID = r.ResourceRecordID;
-                    newResourceLink.ResourceTypeID = r.ResourceTypeID;
-                    newResourceLink.UserID = this.currentUser.ID;
-                    newResourceLink.FolderID = this.selectedFolderID;
-                    if (!(yield newResourceLink.Save())) {
-                        LogError('Error saving new resource link: ' + newResourceLink.LatestResult.Message);
-                        success = false;
-                    }
-                    else {
-                        yield this.loadEntityAndFolders(this.currentlySelectedAppEntity); // refresh the view
-                    }
+    async HandleLinkToSharedView(okClicked) {
+        this.LinkToSharedViewDialogVisible = false;
+        if (okClicked) {
+            const resources = this.availableResourcesComponent.SelectedResources;
+            const md = new Metadata();
+            let success = true;
+            for (const r of resources) {
+                const newResourceLink = await md.GetEntityObject('Resource Links');
+                newResourceLink.ResourceRecordID = r.ResourceRecordID;
+                newResourceLink.ResourceTypeID = r.ResourceTypeID;
+                newResourceLink.UserID = this.currentUser.ID;
+                newResourceLink.FolderID = this.selectedFolderID;
+                if (!await newResourceLink.Save()) {
+                    LogError('Error saving new resource link: ' + newResourceLink.LatestResult.Message);
+                    success = false;
                 }
-                if (!success) {
-                    this.sharedService.CreateSimpleNotification('There was an error linking to the shared view(s). Please try again later or notify a system administrator.', 'error', 3500);
+                else {
+                    await this.loadEntityAndFolders(this.currentlySelectedAppEntity); // refresh the view
                 }
             }
-        });
+            if (!success) {
+                this.sharedService.CreateSimpleNotification('There was an error linking to the shared view(s). Please try again later or notify a system administrator.', 'error', 3500);
+            }
+        }
     }
     createNewView() {
         if (this.viewPropertiesDialog && this.currentlySelectedAppEntity) {
@@ -491,55 +480,45 @@ export class ApplicationViewComponent extends BaseBrowserComponent {
             LogError("View Properties Dialog not found");
         }
     }
-    editView(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            event.Cancel = true;
-            if (this.viewPropertiesDialog) {
-                let data = event.Item.Data;
-                this.viewPropertiesDialog.Open(data.ID);
-            }
-            else {
-                LogError("View Properties Dialog not found");
-            }
-        });
+    async editView(event) {
+        event.Cancel = true;
+        if (this.viewPropertiesDialog) {
+            let data = event.Item.Data;
+            this.viewPropertiesDialog.Open(data.ID);
+        }
+        else {
+            LogError("View Properties Dialog not found");
+        }
     }
-    OnViewPropertiesDialogClose(args) {
-        return __awaiter(this, void 0, void 0, function* () {
-            //user view properties dialog handles navigating to the newly created views
-            //so we only need to worry about saves to existing views
-            if (args && args.Saved && this.currentlySelectedAppEntity) {
-                args.Cancel = true;
-                yield this.loadEntityAndFolders(this.currentlySelectedAppEntity);
-            }
-        });
+    async OnViewPropertiesDialogClose(args) {
+        //user view properties dialog handles navigating to the newly created views
+        //so we only need to worry about saves to existing views
+        if (args && args.Saved && this.currentlySelectedAppEntity) {
+            args.Cancel = true;
+            await this.loadEntityAndFolders(this.currentlySelectedAppEntity);
+        }
     }
-    navigateToParentFolder() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.selectedFolderID) {
-                const rv = new RunView();
-                const parentResult = yield rv.RunView({
-                    EntityName: "User View Categories",
-                    ExtraFilter: `ID='${this.selectedFolderID}'`,
-                });
-                if (parentResult && parentResult.Success && parentResult.Results.length > 0) {
-                    this.selectedFolderID = parentResult.Results[0].ParentID;
-                    this.navigateToCurrentPage();
-                }
+    async navigateToParentFolder() {
+        if (this.selectedFolderID) {
+            const rv = new RunView();
+            const parentResult = await rv.RunView({
+                EntityName: "User View Categories",
+                ExtraFilter: `ID='${this.selectedFolderID}'`,
+            });
+            if (parentResult && parentResult.Success && parentResult.Results.length > 0) {
+                this.selectedFolderID = parentResult.Results[0].ParentID;
+                this.navigateToCurrentPage();
             }
-        });
+        }
     }
-    GoToApps(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            event.preventDefault();
-            this.router.navigate(['data']);
-        });
+    async GoToApps(event) {
+        event.preventDefault();
+        this.router.navigate(['data']);
     }
-    GoHome(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            event.preventDefault();
-            // tell the router to go to /home
-            this.router.navigate(['home']);
-        });
+    async GoHome(event) {
+        event.preventDefault();
+        // tell the router to go to /home
+        this.router.navigate(['home']);
     }
     createNewRecord() {
         if (!this.currentlySelectedAppEntity) {
@@ -565,22 +544,22 @@ export class ApplicationViewComponent extends BaseBrowserComponent {
             }
         });
     }
+    static ɵfac = function ApplicationViewComponent_Factory(t) { return new (t || ApplicationViewComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.Location), i0.ɵɵdirectiveInject(i3.SharedService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ApplicationViewComponent, selectors: [["mj-application-view"]], viewQuery: function ApplicationViewComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+            i0.ɵɵviewQuery(_c1, 5);
+            i0.ɵɵviewQuery(_c2, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.entityRowRef = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.viewPropertiesDialog = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.availableResourcesComponent = _t.first);
+        } }, inputs: { categoryEntityID: "categoryEntityID" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["entityRow", ""], ["userViewDialog", ""], ["availableResourcesComponent", ""], ["class", "app-container", 4, "ngIf"], [1, "app-container"], [1, "card-header-entity", "cloumn"], [1, "header-wrap"], [1, "title-icon"], [1, "title-wrap"], [1, "title-wrap-inner"], [1, "breadcrumb", 3, "click"], [1, "breadcrumb-separator"], [1, "fa-solid", "fa-chevron-right"], [1, "breadcrumb-end"], [1, "config-button"], ["kendoButton", "", 3, "click"], [1, "fa-solid", "fa-gear"], ["EntityName", "Entities", "DisplayField", "Name", "DisplayIconField", "Icon", 3, "DialogClosed", "AvailableRecords", "SelectedRecords", "UnselectedRecords", "DialogVisible"], [1, "row", 2, "max-width", "100%"], [1, "col-xs-12", "col-sm-6", "example-col"], ["kendoButton", "", "fillMode", "flat", 3, "toggleable", "selected", "click", 4, "ngFor", "ngForOf"], [1, "main-area", "margin-top-neg-20"], [3, "dialogClosed", "ShowPropertiesButton"], ["DialogTitle", "Available Resources", 3, "DialogClosed", "DialogVisible"], ["ExtraColumns", "UserName, Description", "SelectionMode", "Multiple", 3, "User", "ResourceTypeID", "ResourceExtraFilter", 4, "ngIf"], [3, "ngClass"], ["kendoButton", "", "fillMode", "flat", 3, "click", "toggleable", "selected"], [3, "click"], ["class", "main-area margin-top-neg-20", 4, "ngIf"], ["ResourceTypeName", "User Views", "DisplayMode", "Tile", 3, "ResourceSelected", "NavigateToParentEvent", "EditItemEvent", "EnableCategories", "CategoryEntityID", "CurrentCategoryID", "Title", "ItemFilter", "NewItemOptions"], ["ExtraColumns", "UserName, Description", "SelectionMode", "Multiple", 3, "User", "ResourceTypeID", "ResourceExtraFilter"]], template: function ApplicationViewComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ApplicationViewComponent_div_0_Template, 31, 12, "div", 3);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.app);
+        } }, dependencies: [i2.NgClass, i2.NgForOf, i2.NgIf, i4.LoaderComponent, i5.ButtonComponent, i6.UserViewPropertiesDialogComponent, i7.RecordSelectorDialogComponent, i8.AvailableResourcesComponent, i9.GenericDialogComponent, i10.ResourceBrowserComponent], styles: [".app-container[_ngcontent-%COMP%] {\n     padding: 15px;\n}\n  \n.entity-list[_ngcontent-%COMP%] {\n     width: 500px;\n}\n.favorites-list[_ngcontent-%COMP%] {\n     width: 400px;\n}\n\n.cloumn[_ngcontent-%COMP%] {\n     flex-direction: column;\n}\n.example-col[_ngcontent-%COMP%] {\n     overflow-x: auto;\n}\n.example-col[_ngcontent-%COMP%]   .k-selected[_ngcontent-%COMP%]  {\n     font-weight: 800;\n     color: var(--tdata-color);\n     border-bottom: 3px solid var(--border-blue) !important;\n     background: var(--white-color);\n}\n\n.margin-top-neg-20[_ngcontent-%COMP%] {\n     margin-top: -20px;\n     padding: 0px !important\n}\n\n.header-wrap[_ngcontent-%COMP%] {\n     display: flex;\n     justify-content: space-between;\n     align-items: center;\n     margin-bottom: 10px;\n     width: 100%;\n}\n\n.title-wrap[_ngcontent-%COMP%] {\n     flex-grow: 1;\n     font-size: 24px;\n}\n.title-wrap-inner[_ngcontent-%COMP%] {\n     display: block;\n}\n\n.breadcrumb[_ngcontent-%COMP%] {\n     color: darkblue;\n     cursor: pointer;\n     display: inline;\n     margin-left: 5px;\n     margin-right: 5px;\n}\n\n.breadcrumb-end[_ngcontent-%COMP%] {\n     display: inline;\n     margin-left: 5px;\n}\n\n\n.breadcrumb-separator[_ngcontent-%COMP%] {\n     font-size: 14px;\n     display: inline;\n     margin-left: 5px;\n     margin-right: 5px;\n}\n.home-icon[_ngcontent-%COMP%] {\n     margin-right: 5px;\n     font-size: 18px;\n     vertical-align: middle;\n}\n  \n.title-icon[_ngcontent-%COMP%] {\n     font-size: 32px;\n     margin-right: 15px;\n}\n\n.config-button[_ngcontent-%COMP%] {\n     display: flex;\n     align-items: center;\n}\n\n.button-icon[_ngcontent-%COMP%] {\n     margin-right: 5px;\n     font-size: 16px;\n}", ".main-area[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  gap: 24px;\n  padding: 24px 0;\n}\n.list-view[_ngcontent-%COMP%] {\n  padding: 16px;\n  min-width: 300px;\n  border-radius: 4px;\n  background:  #FAFAFA;\n  border: none;\n}\n  .list-view .k-listview-header, \n  .list-view .k-listview-footer {\n  border: none;\n}\n  .list-view .k-listview-content {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 4px;\n  background: #fff;\n  padding: 16px;\n}\n\n.header[_ngcontent-%COMP%], \n.footer[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 16px;\n  height: auto;\n  margin:0;\n}\n\n.header[_ngcontent-%COMP%] {\n  color: #424242;\n  margin-bottom: 16px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.header[_ngcontent-%COMP%]   .head-tag[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color:  #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%] {\n  width: 24px;\n  height: 24px;\n  min-width: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 10px;\n  background: rgba(0, 0, 0, 0.08);\n  border-radius: 50%;\n}\n.footer[_ngcontent-%COMP%] {\n  font-size: 14px;\n  margin-top: 16px;\n}\n\n.list-item[_ngcontent-%COMP%] {\n  color:  #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 30px;\n  cursor: pointer;\n  margin: 4px;\n}\n.card-container[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 0;\n  box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n\n\n\n\n \n.view-card[_ngcontent-%COMP%]   .view-icon[_ngcontent-%COMP%] {\n  color: var(--sideNav);\n}\n.card-wrapper[_ngcontent-%COMP%] {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 6px;\n  width: 100% !important;\n}\n.card-wrapper[_ngcontent-%COMP%]   .k-card-body[_ngcontent-%COMP%] {\n  background: #fff;\n  padding: 12px 20px;\n}\n.card-wrapper[_ngcontent-%COMP%]   .view-card[_ngcontent-%COMP%] {\n  overflow: auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background: #fafafa;\n  padding: 4px 15px;\n}\n.view-card[_ngcontent-%COMP%]   .btn-wrapper[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n}\n\n.k-card-body[_ngcontent-%COMP%]   .view-card-content[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  margin-bottom: 0;\n  letter-spacing: 0.18px;\n}\n.k-card-body[_ngcontent-%COMP%]   .view-card-content[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  color: #666;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  height: 48px;\n  margin-bottom: 0;\n}\n.card-container[_ngcontent-%COMP%] {\n  padding: 0;\n  margin: 0;\n  box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n.main-area[_ngcontent-%COMP%]   .card-list[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n}"] });
 }
-ApplicationViewComponent.ɵfac = function ApplicationViewComponent_Factory(t) { return new (t || ApplicationViewComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.Location), i0.ɵɵdirectiveInject(i3.SharedService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-ApplicationViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ApplicationViewComponent, selectors: [["mj-application-view"]], viewQuery: function ApplicationViewComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0, 5);
-        i0.ɵɵviewQuery(_c1, 5);
-        i0.ɵɵviewQuery(_c2, 5);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.entityRowRef = _t.first);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.viewPropertiesDialog = _t.first);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.availableResourcesComponent = _t.first);
-    } }, inputs: { categoryEntityID: "categoryEntityID" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["entityRow", ""], ["userViewDialog", ""], ["availableResourcesComponent", ""], ["class", "app-container", 4, "ngIf"], [1, "app-container"], [1, "card-header-entity", "cloumn"], [1, "header-wrap"], [1, "title-icon"], [1, "title-wrap"], [1, "title-wrap-inner"], [1, "breadcrumb", 3, "click"], [1, "breadcrumb-separator"], [1, "fa-solid", "fa-chevron-right"], [1, "breadcrumb-end"], [1, "config-button"], ["kendoButton", "", 3, "click"], [1, "fa-solid", "fa-gear"], ["EntityName", "Entities", "DisplayField", "Name", "DisplayIconField", "Icon", 3, "DialogClosed", "AvailableRecords", "SelectedRecords", "UnselectedRecords", "DialogVisible"], [1, "row", 2, "max-width", "100%"], [1, "col-xs-12", "col-sm-6", "example-col"], ["kendoButton", "", "fillMode", "flat", 3, "toggleable", "selected", "click", 4, "ngFor", "ngForOf"], [1, "main-area", "margin-top-neg-20"], [3, "dialogClosed", "ShowPropertiesButton"], ["DialogTitle", "Available Resources", 3, "DialogClosed", "DialogVisible"], ["ExtraColumns", "UserName, Description", "SelectionMode", "Multiple", 3, "User", "ResourceTypeID", "ResourceExtraFilter", 4, "ngIf"], [3, "ngClass"], ["kendoButton", "", "fillMode", "flat", 3, "click", "toggleable", "selected"], [3, "click"], ["class", "main-area margin-top-neg-20", 4, "ngIf"], ["ResourceTypeName", "User Views", "DisplayMode", "Tile", 3, "ResourceSelected", "NavigateToParentEvent", "EditItemEvent", "EnableCategories", "CategoryEntityID", "CurrentCategoryID", "Title", "ItemFilter", "NewItemOptions"], ["ExtraColumns", "UserName, Description", "SelectionMode", "Multiple", 3, "User", "ResourceTypeID", "ResourceExtraFilter"]], template: function ApplicationViewComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, ApplicationViewComponent_div_0_Template, 31, 12, "div", 3);
-    } if (rf & 2) {
-        i0.ɵɵproperty("ngIf", ctx.app);
-    } }, dependencies: [i2.NgClass, i2.NgForOf, i2.NgIf, i4.LoaderComponent, i5.ButtonComponent, i6.UserViewPropertiesDialogComponent, i7.RecordSelectorDialogComponent, i8.AvailableResourcesComponent, i9.GenericDialogComponent, i10.ResourceBrowserComponent], styles: [".app-container[_ngcontent-%COMP%] {\n     padding: 15px;\n}\n  \n.entity-list[_ngcontent-%COMP%] {\n     width: 500px;\n}\n.favorites-list[_ngcontent-%COMP%] {\n     width: 400px;\n}\n\n.cloumn[_ngcontent-%COMP%] {\n     flex-direction: column;\n}\n.example-col[_ngcontent-%COMP%] {\n     overflow-x: auto;\n}\n.example-col[_ngcontent-%COMP%]   .k-selected[_ngcontent-%COMP%]  {\n     font-weight: 800;\n     color: var(--tdata-color);\n     border-bottom: 3px solid var(--border-blue) !important;\n     background: var(--white-color);\n}\n\n.margin-top-neg-20[_ngcontent-%COMP%] {\n     margin-top: -20px;\n     padding: 0px !important\n}\n\n.header-wrap[_ngcontent-%COMP%] {\n     display: flex;\n     justify-content: space-between;\n     align-items: center;\n     margin-bottom: 10px;\n     width: 100%;\n}\n\n.title-wrap[_ngcontent-%COMP%] {\n     flex-grow: 1;\n     font-size: 24px;\n}\n.title-wrap-inner[_ngcontent-%COMP%] {\n     display: block;\n}\n\n.breadcrumb[_ngcontent-%COMP%] {\n     color: darkblue;\n     cursor: pointer;\n     display: inline;\n     margin-left: 5px;\n     margin-right: 5px;\n}\n\n.breadcrumb-end[_ngcontent-%COMP%] {\n     display: inline;\n     margin-left: 5px;\n}\n\n\n.breadcrumb-separator[_ngcontent-%COMP%] {\n     font-size: 14px;\n     display: inline;\n     margin-left: 5px;\n     margin-right: 5px;\n}\n.home-icon[_ngcontent-%COMP%] {\n     margin-right: 5px;\n     font-size: 18px;\n     vertical-align: middle;\n}\n  \n.title-icon[_ngcontent-%COMP%] {\n     font-size: 32px;\n     margin-right: 15px;\n}\n\n.config-button[_ngcontent-%COMP%] {\n     display: flex;\n     align-items: center;\n}\n\n.button-icon[_ngcontent-%COMP%] {\n     margin-right: 5px;\n     font-size: 16px;\n}", ".main-area[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  gap: 24px;\n  padding: 24px 0;\n}\n.list-view[_ngcontent-%COMP%] {\n  padding: 16px;\n  min-width: 300px;\n  border-radius: 4px;\n  background:  #FAFAFA;\n  border: none;\n}\n  .list-view .k-listview-header, \n  .list-view .k-listview-footer {\n  border: none;\n}\n  .list-view .k-listview-content {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 4px;\n  background: #fff;\n  padding: 16px;\n}\n\n.header[_ngcontent-%COMP%], \n.footer[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 16px;\n  height: auto;\n  margin:0;\n}\n\n.header[_ngcontent-%COMP%] {\n  color: #424242;\n  margin-bottom: 16px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.header[_ngcontent-%COMP%]   .head-tag[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color:  #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%] {\n  width: 24px;\n  height: 24px;\n  min-width: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 10px;\n  background: rgba(0, 0, 0, 0.08);\n  border-radius: 50%;\n}\n.footer[_ngcontent-%COMP%] {\n  font-size: 14px;\n  margin-top: 16px;\n}\n\n.list-item[_ngcontent-%COMP%] {\n  color:  #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 30px;\n  cursor: pointer;\n  margin: 4px;\n}\n.card-container[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 0;\n  box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n\n\n\n\n \n.view-card[_ngcontent-%COMP%]   .view-icon[_ngcontent-%COMP%] {\n  color: var(--sideNav);\n}\n.card-wrapper[_ngcontent-%COMP%] {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 6px;\n  width: 100% !important;\n}\n.card-wrapper[_ngcontent-%COMP%]   .k-card-body[_ngcontent-%COMP%] {\n  background: #fff;\n  padding: 12px 20px;\n}\n.card-wrapper[_ngcontent-%COMP%]   .view-card[_ngcontent-%COMP%] {\n  overflow: auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background: #fafafa;\n  padding: 4px 15px;\n}\n.view-card[_ngcontent-%COMP%]   .btn-wrapper[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n}\n\n.k-card-body[_ngcontent-%COMP%]   .view-card-content[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  margin-bottom: 0;\n  letter-spacing: 0.18px;\n}\n.k-card-body[_ngcontent-%COMP%]   .view-card-content[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  color: #666;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  height: 48px;\n  margin-bottom: 0;\n}\n.card-container[_ngcontent-%COMP%] {\n  padding: 0;\n  margin: 0;\n  box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n.main-area[_ngcontent-%COMP%]   .card-list[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n}"] });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ApplicationViewComponent, [{
         type: Component,
         args: [{ selector: 'mj-application-view', template: "<div class=\"app-container\" *ngIf=\"this.app\">\n    <div class=\"card-header-entity cloumn\">\n        <div class=\"header-wrap\"> \n            @if (this.app.Icon && this.app.Icon.length > 0) {\n                <div class=\"title-icon\">\n                    <span [ngClass]=\"this.app.Icon\"></span>\n                </div>    \n            }\n            <div class=\"title-wrap\">\n                <div class=\"title-wrap-inner\">\n                    <span class=\"breadcrumb\" (click)=\"GoHome($event)\">Home</span>  \n                    <span class=\"breadcrumb-separator\"><span class=\"fa-solid fa-chevron-right\"></span></span>\n                    <span  class=\"breadcrumb\" (click)=\"GoToApps($event)\">Applications</span>\n                    <span class=\"breadcrumb-separator\"><span class=\"fa-solid fa-chevron-right\"></span></span>\n                    <span class=\"breadcrumb-end\">{{this.app.Name}}</span>\n                </div>\n            </div>\n            <div class=\"config-button\">\n                <button kendoButton (click)=\"ShowAppEntitySelectionDialog()\"><span class=\"fa-solid fa-gear\"></span></button>\n                <mj-record-selector-dialog  \n                                            EntityName=\"Entities\"\n                                            [AvailableRecords]=\"AllAppEntities\" \n                                            [SelectedRecords]=\"SelectedAppEntities\" \n                                            [UnselectedRecords]=\"UnselectedAppEntities\"\n                                            [DialogVisible]=\"AppEntitySelectionDialogVisible\"\n                                            DisplayField=\"Name\"\n                                            DisplayIconField=\"Icon\"\n                                            (DialogClosed)=\"OnAppEntitySelectionDialogClosed($event)\"\n                >\n                </mj-record-selector-dialog>\n            </div>\n        </div>        \n        <div class=\"row\" #entityRow style=\"max-width: 100%;\">\n            <div class=\"col-xs-12 col-sm-6 example-col\">\n                <button\n                    *ngFor=\"let item of SelectedAppEntities\"\n                    kendoButton\n                    fillMode=\"flat\"\n                    [toggleable]=\"true\"\n                    [selected]=\"IsEntitySelected(item)\"\n                    (click)=\"onAppEntityButtonClicked(item)\"\n                >\n                    <span>\n                        @if (item.Icon && item.Icon.length > 0) {\n                            <span [ngClass]=\"item.Icon + ' button-icon'\" ></span>\n                        }\n                        {{item.Name}}\n                    </span>\n                </button>\n            </div>\n        </div>\n    </div>\n    @if (SelectedAppEntities.length === 0 && !showLoader) {\n        <div (click)=\"ShowAppEntitySelectionDialog()\">\n            <span class=\"fa-solid fa-gear\"></span>\n            Click Here to Select Entities\n        </div>\n    }\n    @if(showLoader) {\n        <kendo-loader></kendo-loader>\n    }\n    @else {\n        <div class=\"main-area margin-top-neg-20\" *ngIf=\"SelectedAppEntities.length > 0\">\n            <mj-resource-browser\n                ResourceTypeName=\"User Views\"\n                [EnableCategories]=\"true\"\n                [CategoryEntityID]=\"currentlySelectedAppEntity?.ID\"\n                [CurrentCategoryID]=\"selectedFolderID\"\n                [Title]=\"currentlySelectedAppEntity?.Name\"\n                [ItemFilter]=\"ResourceItemFilter\"\n                DisplayMode=\"Tile\"\n                [NewItemOptions]=\"NewItemOptions\"\n                (ResourceSelected)=\"onItemClick($event)\"\n                (NavigateToParentEvent)=\"navigateToParentFolder()\"\n                (EditItemEvent)=\"editView($event)\"\n            />\n                \n           <!--\n            <app-generic-browser-list \n                iconName=\"aggregateFields\" \n                [items]=\"items\"\n                [categoryEntityID]=\"categoryEntityID\"\n                addText=\"Create New View\"\n                ItemEntityName=\"User Views\"\n                resourceName=\"View\"\n                [title]=\"pageTitle\"\n                [extraDropdownOptions]=\"extraDropdownOptions\"\n                [CategoryEntityName]=\"categoryEntityName\"\n                (itemClickEvent)=\"onItemClick($event)\" \n                [selectedFolderID]=\"selectedFolderID\"\n                [showLoader]=\"showLoader\"\n                [viewingResource]=false\n                [displayAsGrid]=\"displayAsGrid\"\n                (AfterAddFolderEvent)=\"onEvent($event)\"\n                (AfterAddItemEvent)=\"onEvent($event)\"\n                (AfterDeleteItemEvent)=\"onEvent($event)\"\n                (AfterDeleteFolderEvent)=\"onEvent($event)\"\n                (AfterUnlinkItemEvent)=\"onEvent($event)\"\n                (viewModeChangeEvent)=\"onViewModeChange($event)\"\n                (BeforeAddItemEvent)=\"createNewView($event)\"\n                (BeforeUpdateItemEvent)=\"editView($event)\"\n                (dropdownOptionClickEvent)=\"createItemClickedEvent($event)\"\n                (NavigateToParentEvent)=\"navigateToParentFolder()\"\n            />\n            -->\n        </div>\n    }\n\n    <mj-user-view-properties-dialog #userViewDialog [ShowPropertiesButton]=\"false\"(dialogClosed)=\"OnViewPropertiesDialogClose($event)\"></mj-user-view-properties-dialog>\n\n    <mj-generic-dialog\n        DialogTitle=\"Available Resources\"\n        (DialogClosed)=\"HandleLinkToSharedView($event)\"\n        [DialogVisible]=\"LinkToSharedViewDialogVisible\"\n    >\n        <mj-available-resources\n            *ngIf=\"LinkToSharedViewDialogVisible\"  \n            #availableResourcesComponent\n            [User]=\"currentUser\"\n            [ResourceTypeID]=\"ViewResourceTypeID\"\n            [ResourceExtraFilter]=\"FilterOutCurrentUserViews\"\n            ExtraColumns= \"UserName, Description\"\n            SelectionMode=\"Multiple\"\n        >\n        </mj-available-resources>\n    </mj-generic-dialog>    \n</div>\n", styles: [".app-container {\n     padding: 15px;\n}\n  \n.entity-list {\n     width: 500px;\n}\n.favorites-list {\n     width: 400px;\n}\n\n.cloumn {\n     flex-direction: column;\n}\n.example-col {\n     overflow-x: auto;\n}\n.example-col .k-selected  {\n     font-weight: 800;\n     color: var(--tdata-color);\n     border-bottom: 3px solid var(--border-blue) !important;\n     background: var(--white-color);\n}\n\n.margin-top-neg-20 {\n     margin-top: -20px;\n     padding: 0px !important\n}\n\n.header-wrap {\n     display: flex;\n     justify-content: space-between;\n     align-items: center;\n     margin-bottom: 10px;\n     width: 100%;\n}\n\n.title-wrap {\n     flex-grow: 1;\n     font-size: 24px;\n}\n.title-wrap-inner {\n     display: block;\n}\n\n.breadcrumb {\n     color: darkblue;\n     cursor: pointer;\n     display: inline;\n     margin-left: 5px;\n     margin-right: 5px;\n}\n\n.breadcrumb-end {\n     display: inline;\n     margin-left: 5px;\n}\n\n\n.breadcrumb-separator {\n     font-size: 14px;\n     display: inline;\n     margin-left: 5px;\n     margin-right: 5px;\n}\n.home-icon {\n     margin-right: 5px;\n     font-size: 18px;\n     vertical-align: middle;\n}\n  \n.title-icon {\n     font-size: 32px;\n     margin-right: 15px;\n}\n\n.config-button {\n     display: flex;\n     align-items: center;\n}\n\n.button-icon {\n     margin-right: 5px;\n     font-size: 16px;\n}", "\n.main-area {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  gap: 24px;\n  padding: 24px 0;\n}\n.list-view {\n  padding: 16px;\n  min-width: 300px;\n  border-radius: 4px;\n  background:  #FAFAFA;\n  border: none;\n}\n::ng-deep .list-view .k-listview-header, \n::ng-deep .list-view .k-listview-footer {\n  border: none;\n}\n::ng-deep .list-view .k-listview-content {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 4px;\n  background: #fff;\n  padding: 16px;\n}\n\n.header,\n.footer {\n  color: #424242;\n  font-size: 16px;\n  height: auto;\n  margin:0;\n}\n\n.header {\n  color: #424242;\n  margin-bottom: 16px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.header .head-tag {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color:  #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header .count {\n  width: 24px;\n  height: 24px;\n  min-width: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 10px;\n  background: rgba(0, 0, 0, 0.08);\n  border-radius: 50%;\n}\n.footer {\n  font-size: 14px;\n  margin-top: 16px;\n}\n\n.list-item {\n  color:  #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 30px;\n  cursor: pointer;\n  margin: 4px;\n}\n.card-container {\n  margin: 0;\n  padding: 0;\n  box-shadow: none;\n}\n.card-header-entity {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity .title-wrap h1 {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n\n\n\n\n \n.view-card .view-icon {\n  color: var(--sideNav);\n}\n.card-wrapper {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 6px;\n  width: 100% !important;\n}\n.card-wrapper .k-card-body {\n  background: #fff;\n  padding: 12px 20px;\n}\n.card-wrapper .view-card {\n  overflow: auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background: #fafafa;\n  padding: 4px 15px;\n}\n.view-card .btn-wrapper {\n  display: flex;\n  align-items: center;\n}\n\n.k-card-body .view-card-content h5 {\n  color: #424242;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  margin-bottom: 0;\n  letter-spacing: 0.18px;\n}\n.k-card-body .view-card-content p {\n  color: #666;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  height: 48px;\n  margin-bottom: 0;\n}\n.card-container {\n  padding: 0;\n  margin: 0;\n  box-shadow: none;\n}\n.card-header-entity {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity .title-wrap h1 {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n.main-area .card-list {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n}\n"] }]