Merge pull request #11 from solace-iot-team/feature-app-mon

Feature app mon

Author: Ricardo Gomez-Ulmke

ReleaseNotes.md

@@ -2,6 +2,24 @@
 
 Solace Async API Management.
 
+## Version 0.0.31
+  * [API-M Admin & Developer Portal](https://github.com/solace-iot-team/async-apim/tree/main/apim-portal): 0.0.31
+  * [API-M Server OpenAPI](https://github.com/solace-iot-team/async-apim/blob/main/apim-server/server/common/api.yml): 0.0.15
+  * [API-M Server](https://github.com/solace-iot-team/async-apim/tree/main/apim-server): 0.0.9
+  * [API-M Connector OpenAPI](https://github.com/solace-iot-team/platform-api): 0.6.1
+
+#### API-M Admin & Developer Portal
+
+**New:**
+- **Monitor App**
+  - monitor user app - connections, queues, RDPs
+
+#### API-M Server OpenAPI
+**No Changes.**
+
+#### API-M Server
+**No Changes.**
+
 ## Version 0.0.30
   * [API-M Admin & Developer Portal](https://github.com/solace-iot-team/async-apim/tree/main/apim-portal): 0.0.30
   * [API-M Server OpenAPI](https://github.com/solace-iot-team/async-apim/blob/main/apim-server/server/common/api.yml): 0.0.15

apim-portal/devel/README.md

@@ -87,6 +87,7 @@ cd aysnc-apim/apim-portal
 ````
 ````bash
 npm link @solace-iot-team/apim-connector-openapi-browser
+npm list # update package.json with new version number if needed
 ````
 ### UnLink Connector OpenAPI from Global
 ````bash

apim-portal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "async-apim-portal",
-  "version": "0.0.30",
+  "version": "0.0.31",
   "description": "Solace Async API Management Portal",
   "repository": {
     "type": "git",
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "@asyncapi/react-component": "^1.0.0-next.18",
-    "@solace-iot-team/apim-connector-openapi-browser": "^0.5.7",
+    "@solace-iot-team/apim-connector-openapi-browser": "^0.6.1",
     "async-mutex": "^0.3.2",
     "base-64": "^1.0.0",
     "js-yaml": "^4.1.0",

apim-portal/src/admin-portal/components/AdminPortalSideBar/AdminPortalSideBar.tsx

@@ -92,7 +92,7 @@ export const AdminPortalSideBar: React.FC<IAdminPortalSideBarProps> = (props: IA
           // },
           {
             label: 'Organizations',
-            disabled: isDisabledWithConnectorUnavailable(isDisabledWithOrg, EUIAdminPortalResourcePaths.ManageSystemOrganizations),
+            disabled: isDisabledWithConnectorUnavailable(isDisabled, EUIAdminPortalResourcePaths.ManageSystemOrganizations),
             command: () => { navigateTo(EUIAdminPortalResourcePaths.ManageSystemOrganizations); }
           },
           {

apim-portal/src/admin-portal/components/ManageApps/EditAppAttributes.tsx

@@ -7,6 +7,7 @@ import { Button } from 'primereact/button';
 import { Toolbar } from 'primereact/toolbar';
 import { DataTable } from "primereact/datatable";
 import { Column } from "primereact/column";
+import { MenuItem } from "primereact/api";
 
 import { 
   ApiProductsService,
@@ -45,6 +46,7 @@ export interface IEditAppAttributesProps {
   onEditSuccess: (apiCallState: TApiCallState) => void;
   onCancel: () => void;
   onLoadingChange: (isLoading: boolean) => void;
+  setBreadCrumbItemList: (itemList: Array<MenuItem>) => void;
 }
 
 export const EditAppAttributes: React.FC<IEditAppAttributesProps> = (props: IEditAppAttributesProps) => {
@@ -289,6 +291,9 @@ export const EditAppAttributes: React.FC<IEditAppAttributesProps> = (props: IEdi
   }
 
   React.useEffect(() => {
+    props.setBreadCrumbItemList([{
+      label: `Attributes`
+    }]);
     doInitialize();
   }, []); /* eslint-disable-line react-hooks/exhaustive-deps */
 

apim-portal/src/admin-portal/components/ManageApps/ListApps.tsx

@@ -5,6 +5,7 @@ import { DataTable } from 'primereact/datatable';
 import { Column } from "primereact/column";
 import { InputText } from 'primereact/inputtext';
 import { SelectButton, SelectButtonChangeParams } from "primereact/selectbutton";
+import { MenuItem } from "primereact/api";
 
 import { 
   ApiProductsService, 
@@ -39,6 +40,7 @@ export interface IListAppsProps {
   onLoadingChange: (isLoading: boolean) => void;
   onManagedObjectEdit: (managedObjectId: TManagedObjectId, managedObjectDisplayName: TManagedObjectDisplayName) => void;
   onManagedObjectView: (managedObjectId: TManagedObjectId, managedObjectDisplayName: TManagedObjectDisplayName, viewManagedObject: TViewManagedApp) => void;
+  setBreadCrumbItemList: (itemList: Array<MenuItem>) => void;
 }
 
 export const ListApps: React.FC<IListAppsProps> = (props: IListAppsProps) => {
@@ -146,6 +148,7 @@ export const ListApps: React.FC<IListAppsProps> = (props: IListAppsProps) => {
     // const funcName = 'useEffect([])';
     // const logName = `${componentName}.${funcName}()`;
     // console.log(`${logName}: mounting ...`);    
+    props.setBreadCrumbItemList([]);
     doInitialize();
   }, []); /* eslint-disable-line react-hooks/exhaustive-deps */