Merge pull request #3040 from Ren-Roros-Digital/ViewRoomList

feat: added view rooms in Room Lists

Author: KelvinTegelaar

src/pages/email/resources/management/room-lists/index.js

@@ -3,12 +3,45 @@ import { CippTablePage } from "/src/components/CippComponents/CippTablePage.jsx"
 
 const Page = () => {
   const pageTitle = "Room Lists";
+  const apiUrl = "/api/ListRoomLists"
+
+  const actions = [
+    {
+      label: "View included Rooms",
+      link: `/email/resources/management/room-lists/list/view?roomAddress=[emailAddress]`,
+      color: "info",
+    },
+  ];
+
+  const offCanvas = {
+    extendedInfoFields: [
+      "id",
+      "emailAddress",
+      "displayName",
+      "phone",
+      "placeId",
+      "geoCoordinates",
+      "address.city",
+      "address.countryOrRegion",
+    ],
+    actions: actions,
+  };
+
+  const simpleColumns = [
+    "displayName",
+    "geoCoordinates",
+    "placeId",
+    "address.city",
+    "address.countryOrRegion",
+  ];
 
   return (
     <CippTablePage
       title={pageTitle}
-      apiUrl="/api/ListRoomLists"
-      simpleColumns={["displayName", "geoCoordinates", "placeId"]}
+      apiUrl={apiUrl}
+      actions={actions}
+      offCanvas={offCanvas}
+      simpleColumns={simpleColumns}
     />
   );
 };

src/pages/email/resources/management/room-lists/list/view.jsx

@@ -0,0 +1,31 @@
+import { Layout as DashboardLayout } from "/src/layouts/index.js";
+import { useRouter } from "next/router";
+import { useSettings } from "/src/hooks/use-settings";
+import { CippTablePage } from "/src/components/CippComponents/CippTablePage.jsx";
+
+const Page = () => {
+  const userSettingsDefaults = useSettings();
+  const router = useRouter();
+  const { roomAddress } = router.query;
+  const pageTitle = `Rooms included in ${roomAddress}`;
+
+  return (
+    <CippTablePage
+      title={pageTitle}
+      apiUrl= "/api/ListGraphRequest"
+      apiData={{
+        Endpoint: `/places/${roomAddress}/microsoft.graph.roomlist/rooms`,
+        tenantFilter: userSettingsDefaults.currentTenant,
+        AsApp: true,
+        manualPagination: true,
+        $count: true,
+        $top: 999,
+      }}
+      apiDataKey="Results"
+    />
+  );
+};
+
+Page.getLayout = (page) => <DashboardLayout>{page}</DashboardLayout>;
+
+export default Page;