Added Places/Rooms

src/_nav.jsx

@@ -707,6 +707,25 @@ const _nav = [
       },
     ],
   },
+  {
+    component: CNavGroup,
+    name: ' Room Management',
+    section: 'Email & Exchange',
+    to: '/rooms/management',
+    icon: <FontAwesomeIcon icon={faToolbox} className="nav-icon" />,
+    items: [
+      {
+        component: CNavItem,
+        name: 'Rooms',
+        to: '/rooms/management/list-rooms',
+      },
+      {
+        component: CNavItem,
+        name: 'Room Lists',
+        to: '/rooms/management/room-lists',
+      }
+    ]
+  },
   {
     component: CNavGroup,
     name: 'Reports',

src/importsMap.jsx

@@ -101,6 +101,8 @@ import React from 'react'
   "/email/spamfilter/list-spamfilter": React.lazy(() => import('./views/email-exchange/spamfilter/Spamfilter')),
   "/email/spamfilter/deploy": React.lazy(() => import('./views/email-exchange/spamfilter/DeploySpamfilter')),
   "/email/spamfilter/list-templates": React.lazy(() => import('./views/email-exchange/spamfilter/ListSpamfilterTemplates')),
+  "/rooms/management/list-rooms": React.lazy(() => import('./views/rooms/management/ListRooms')),
+  "/rooms/management/room-lists": React.lazy(() => import('./views/rooms/management/ListRoomLists')),
   "/email/tools/mailbox-restore-wizard": React.lazy(() => import('./views/email-exchange/tools/MailboxRestoreWizard')),
   "/email/tools/mailbox-restores": React.lazy(() => import('./views/email-exchange/tools/MailboxRestores')),
   "/email/tools/mail-test": React.lazy(() => import('./views/email-exchange/tools/MailTest')),

src/routes.json

@@ -690,6 +690,18 @@
     "component": "views/email-exchange/spamfilter/ListSpamfilterTemplates",
     "allowedRoles": ["admin", "editor", "readonly"]
   },
+  {
+    "path": "/rooms/management/list-rooms",
+    "name": "Rooms",
+    "component": "views/rooms/management/ListRooms",
+    "allowedRoles": ["admin", "editor", "readonly"]
+  },
+  {
+    "path": "/rooms/management/room-lists",
+    "name": "Room Lists",
+    "component": "views/rooms/management/ListRoomLists",
+    "allowedRoles": ["admin", "editor", "readonly"]
+  },
   {
     "path": "/email/tools/mailbox-restore-wizard",
     "name": "Mailbox Restore Wizard",

src/views/rooms/management/ListRoomLists.jsx

@@ -0,0 +1,76 @@
+import React from 'react'
+import { useSelector } from 'react-redux'
+import { CButton } from '@coreui/react'
+import { faEye, faEdit } from '@fortawesome/free-solid-svg-icons'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { Link } from 'react-router-dom'
+import { CippPageList } from 'src/components/layout'
+import { CellTip } from 'src/components/tables'
+
+const RoomLists = () => {
+  const tenant = useSelector((state) => state.app.currentTenant)
+  /* const Actions = (row, rowIndex, formatExtraData) => (
+    <>
+      <Link
+        to={`/rooms/management/list-rooms?tenantDomain=${tenant.defaultDomainName}`}
+      >
+        <CButton size="sm" variant="ghost" color="success">
+          <FontAwesomeIcon icon={faEye} />
+        </CButton>
+      </Link>
+    </>
+  )*/
+
+  const columns = [
+    {
+      name: 'Name',
+      selector: (row) => row['displayName'],
+      sortable: true,
+      cell: (row) => CellTip(row['displayName']),
+      exportSelector: 'displayName',
+      maxWidth: '500px',
+    },
+    {
+      name: 'Coordinates',
+      selector: (row) => row['geoCoordinates'],
+      sortable: true,
+      exportSelector: 'geoCoordinates',
+      maxWidth: '200px',
+    },
+    {
+      name: 'PlaceId',
+      selector: (row) => row['placeId'],
+      sortable: true,
+      cell: (row) => CellTip(row['placeId']),
+      exportSelector: 'placeId',
+      maxWidth: '300px',
+    },
+    /*{
+      name: 'Address',
+      selector: (row) => row['address'],
+      sortable: true,
+      cell: (row) => CellTip(row['address']),
+      exportSelector: 'address',
+      maxWidth: '200px',
+    },*/
+    /*{
+      name: 'Actions',
+      cell: Actions,
+      maxWidth: '80px',
+    },*/
+  ]
+
+  return (
+    <CippPageList
+      title="Room Lists"
+      datatable={{
+        columns,
+        path: '/api/ListRoomLists',
+        reportName: `${tenant?.defaultDomainName}-RoomLists`,
+        params: { TenantFilter: tenant?.defaultDomainName },
+      }}
+    />
+  )
+}
+
+export default RoomLists

src/views/rooms/management/ListRooms.jsx

@@ -0,0 +1,91 @@
+import React from 'react'
+import { useSelector } from 'react-redux'
+import { CButton } from '@coreui/react'
+import { faEye, faEdit } from '@fortawesome/free-solid-svg-icons'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { Link } from 'react-router-dom'
+import { CippPageList } from 'src/components/layout'
+import { CellTip } from 'src/components/tables'
+
+const Rooms = () => {
+  const tenant = useSelector((state) => state.app.currentTenant)
+  /* const Actions = (row, rowIndex, formatExtraData) => (
+    <>
+      <Link
+        to={`/rooms/management/list-rooms?tenantDomain=${tenant.defaultDomainName}`}
+      >
+        <CButton size="sm" variant="ghost" color="success">
+          <FontAwesomeIcon icon={faEye} />
+        </CButton>
+      </Link>
+    </>
+  )*/
+
+  const columns = [
+    {
+      name: 'Name',
+      selector: (row) => row['displayName'],
+      sortable: true,
+      cell: (row) => CellTip(row['displayName']),
+      exportSelector: 'displayName',
+    },
+    {
+      name: 'Building',
+      selector: (row) => row['building'],
+      sortable: true,
+      exportSelector: 'building',
+      maxWidth: '200px',
+    },
+    {
+      name: 'Floor',
+      selector: (row) => row['floorNumber'],
+      sortable: true,
+      cell: (row) => CellTip(row['floorNumber']),
+      exportSelector: 'floorNumber',
+      maxWidth: '100px',
+    },
+    {
+      name: 'Capacity',
+      selector: (row) => row['capacity'],
+      sortable: true,
+      cell: (row) => CellTip(row['capacity']),
+      exportSelector: 'capacity',
+      maxWidth: '100px',
+    },
+    {
+      name: 'bookingType',
+      selector: (row) => row['bookingType'],
+      sortable: true,
+      cell: (row) => CellTip(row['bookingType']),
+      exportSelector: 'bookingType',
+      maxWidth: '200px',
+    },
+    /*{
+      name: 'Address',
+      selector: (row) => row['address'],
+      sortable: true,
+      cell: (row) => CellTip(row['address']),
+      exportSelector: 'address',
+    maxWidth: '100px',
+    },*/
+    /*{
+      name: 'Actions',
+      cell: Actions,
+      maxWidth: '80px',
+    },*/
+  ]
+
+  return (
+    <CippPageList
+      title="Rooms"
+      datatable={{
+        columns,
+        path: '/api/ListRooms',
+        reportName: `${tenant?.defaultDomainName}-Rooms`,
+        params: { TenantFilter: tenant?.defaultDomainName },
+      }}
+    />
+  )
+}
+
+export default Rooms