security-admin/src/main/webapp/react-webapp/src/App.jsx

/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

import React, { Suspense, lazy, Component } from "react";
import { Route, Routes, HashRouter } from "react-router-dom";
import { ToastContainer } from "react-toastify";
import axios from "axios";
import { hasAccessToTab, isUser } from "./utils/XAUtils";
import ErrorBoundary from "Views/ErrorBoundary";
import ErrorPage from "./views/ErrorPage";
import { CommonScrollButton, Loader } from "../src/components/CommonComponents";
import history from "Utils/history";
import { setUserProfile, setServiceDef } from "Utils/appState";
import LayoutComp from "Views/Layout";
import { filter, sortBy, has } from "lodash";

const HomeComp = lazy(() => import("Views/Home"));
const ServiceFormComp = lazy(() => import("Views/ServiceManager/ServiceForm"));
const UserProfileComp = lazy(() => import("Views/UserProfile"));
const ZoneListingComp = lazy(() => import("Views/SecurityZone/ZoneListing"));
const SecurityZoneFormComp = lazy(() =>
  import("Views/SecurityZone/SecurityZoneForm")
);
const UserGroupRoleListing = lazy(() =>
  import("Views/UserGroupRoleListing/UserGroupRoleListing")
);
const UserListingComp = lazy(() =>
  import("Views/UserGroupRoleListing/users_details/UserListing")
);
const GroupListingComp = lazy(() =>
  import("Views/UserGroupRoleListing/groups_details/GroupListing")
);
const RoleListingComp = lazy(() =>
  import("Views/UserGroupRoleListing/role_details/RoleListing")
);
const UserForm = lazy(() =>
  import("Views/UserGroupRoleListing/users_details/AddUserView")
);
const EditUserView = lazy(() =>
  import("Views/UserGroupRoleListing/users_details/EditUserView")
);
const GroupForm = lazy(() =>
  import("Views/UserGroupRoleListing/groups_details/GroupForm")
);
const RoleForm = lazy(() =>
  import("Views/UserGroupRoleListing/role_details/RoleForm")
);
const Permissions = lazy(() => import("Views/PermissionsModule/Permissions"));
const EditPermissionComp = lazy(() =>
  import("Views/PermissionsModule/EditPermission")
);
const AuditLayout = lazy(() => import("Views/AuditEvent/AuditLayout"));
const AccessLogs = lazy(() => import("Views/AuditEvent/AccessLogs"));
const AdminLogs = lazy(() => import("Views/AuditEvent/AdminLogs"));
const LoginSessionsLogs = lazy(() =>
  import("Views/AuditEvent/LoginSessionsLogs")
);
const PluginsLog = lazy(() => import("Views/AuditEvent/PluginsLog"));
const PluginStatusLogs = lazy(() =>
  import("Views/AuditEvent/PluginStatusLogs")
);
const UserSyncLogs = lazy(() => import("Views/AuditEvent/UserSync"));

const PolicyListingTabView = lazy(() =>
  import("Views/PolicyListing/PolicyListingTabView")
);
const AddUpdatePolicyForm = lazy(() =>
  import("Views/PolicyListing/AddUpdatePolicyForm")
);
const EncryptionComp = lazy(() => import("Views/Encryption/KeyManager"));
const KeyCreateComp = lazy(() => import("Views/Encryption/KeyCreate"));
const AccesLogDetailComp = lazy(() =>
  import("Views/AuditEvent/AccessLogDetail")
);
const UserAccessLayoutComp = lazy(() =>
  import("Views/Reports/UserAccessLayout")
);
const MyDatasetListingComp = lazy(() =>
  import("Views/GovernedData/Dataset/MyDatasetListing")
);
const CreateDatasetComp = lazy(() =>
  import("Views/GovernedData/Dataset/AddDatasetView")
);
const DatasetDetailLayoutComp = lazy(() =>
  import("Views/GovernedData/Dataset/DatasetDetailLayout")
);
const DatasetDetailFullViewComp = lazy(() =>
  import("Views/GovernedData/Dataset/DatasetDetailFullView")
);
const AccessGrantFormComp = lazy(() =>
  import("Views/GovernedData/Dataset/AccessGrantForm")
);
const MyDatashareListingComp = lazy(() =>
  import("Views/GovernedData/Datashare/MyDatashareListing")
);
const CreateDatashareComp = lazy(() =>
  import("Views/GovernedData/Datashare/AddDatashareView")
);
const DatashareDetailLayoutComp = lazy(() =>
  import("Views/GovernedData/Datashare/DatashareDetailLayout")
);
const DatashareDetailFullView = lazy(() =>
  import("Views/GovernedData/Datashare/DatashareDetailFullView")
);
const DatashareAddSharedResourceComp = lazy(() =>
  import("Views/GovernedData/Datashare/AddSharedResourceComp")
);
const GDSRequestListingComp = lazy(() =>
  import("Views/GovernedData/Request/RequestListing")
);
const GDSRequestDetailComp = lazy(() =>
  import("Views/GovernedData/Request/RequestDetailView")
);

export default class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      loader: true
    };
  }

  componentWillMount() {
    // Global axios defaults
    if (!window.location.origin) {
      window.location.origin =
        window.location.protocol +
        "//" +
        window.location.hostname +
        (window.location.port ? ":" + window.location.port : "");
    }

    let baseUrl =
      window.location.origin +
      window.location.pathname.substr(
        0,
        window.location.pathname.lastIndexOf("/")
      );

    if (baseUrl.slice(-1) == "/") {
      baseUrl = baseUrl.slice(0, -1);
    }
    axios.defaults.baseURL = baseUrl + "/service/";
  }

  componentDidMount() {
    this.fetchUserProfile();
  }

  fetchUserProfile = async () => {
    let getServiceDefData = [];
    let resourceServiceDef = [];
    let tagServiceDef = [];
    let gdsServiceDef = {};
    let serviceDefUrl = "plugins/definitions";

    try {
      const { fetchApi, fetchCSRFConf } = await import("Utils/fetchAPI");
      fetchCSRFConf();
      const profResp = await fetchApi({
        url: "users/profile"
      });

      setUserProfile(profResp.data);
    } catch (error) {
      setUserProfile(null);
      console.error(
        `Error occurred while fetching profile or CSRF headers! ${error}`
      );
    }

    if (hasAccessToTab("Resource Based Policies")) {
      serviceDefUrl = "plugins/definitions";
    } else if (hasAccessToTab("Tag Based Policies") && isUser()) {
      serviceDefUrl = "plugins/definitions/name/tag";
    }

    try {
      const { fetchApi } = await import("Utils/fetchAPI");
      getServiceDefData = await fetchApi({
        url: serviceDefUrl
      });

      if (has(getServiceDefData.data, "serviceDefs")) {
        getServiceDefData = getServiceDefData.data.serviceDefs;
      } else {
        getServiceDefData = [getServiceDefData.data];
      }

      tagServiceDef = sortBy(filter(getServiceDefData, ["name", "tag"]), "id");

      resourceServiceDef = sortBy(
        filter(getServiceDefData, (serviceDef) => serviceDef.name !== "tag"),
        "id"
      );

      try {
        let resp = await fetchApi({
          url: `plugins/definitions/name/gds`
        });
        gdsServiceDef = resp.data;
      } catch (error) {
        console.error(
          `Error occurred while fetching GDS Service Definition or CSRF headers! ${error}`
        );
      }

      setServiceDef(
        resourceServiceDef,
        tagServiceDef,
        gdsServiceDef,
        getServiceDefData
      );
    } catch (error) {
      console.error(
        `Error occurred while fetching serviceDef details ! ${error}`
      );
    }
    this.setState({
      loader: false
    });
  };

  render() {
    return (
      <ErrorBoundary history={history}>
        <Suspense fallback={<Loader />}>
          {this.state.loader ? (
            <Loader />
          ) : (
            <HashRouter>
              <Routes>
                <Route path="/" element={<LayoutComp />}>
                  {/*RANGER UI HOME Page*/}
                  <Route path="/policymanager">
                    <Route
                      path="resource"
                      element={
                        <HomeComp isTagView={false} key="resourceHomeComp" />
                      }
                    />
                    <Route
                      path="tag"
                      element={<HomeComp isTagView={true} key="tagHomeComp" />}
                    />
                  </Route>
                  <Route
                    path="/reports/userAccess"
                    element={<UserAccessLayoutComp />}
                  />
                  <Route path="/service">
                    {/* SERVICE MANAGER */}
                    <Route path=":serviceDefId">
                      {/* SERVICE CREATE */}
                      <Route path="create" element={<ServiceFormComp />} />
                      {/* SERVICE EDIT */}
                      <Route path="edit">
                        <Route
                          path=":serviceId"
                          element={<ServiceFormComp />}
                        />
                      </Route>
                    </Route>
                    {/* POLICY MANAGER */}
                    <Route path=":serviceId">
                      <Route path="policies">
                        {/* POLICY LISTING */}
                        <Route
                          path=":policyType"
                          element={<PolicyListingTabView />}
                        />
                        {/* POLICY CREATE */}
                        <Route path="create">
                          <Route
                            path=":policyType"
                            element={<AddUpdatePolicyForm />}
                          />
                        </Route>
                        {/* POLICY EDIT */}
                        <Route path=":policyId">
                          <Route
                            path="edit"
                            element={<AddUpdatePolicyForm />}
                          />
                        </Route>
                      </Route>
                    </Route>
                  </Route>
                  {/* AUDIT LOGS  */}
                  <Route path="/reports/audit" element={<AuditLayout />}>
                    <Route path="bigData" element={<AccessLogs />} />
                    <Route path="admin" element={<AdminLogs />} />
                    <Route
                      path="loginSession"
                      element={<LoginSessionsLogs />}
                    />
                    <Route path="agent" element={<PluginsLog />} />
                    <Route path="pluginStatus" element={<PluginStatusLogs />} />
                    <Route path="userSync" element={<UserSyncLogs />} />
                  </Route>
                  {/* AUDIT LOGS DETAILS VIEW */}
                  <Route
                    path="/reports/audit/eventlog/:eventId"
                    element={<AccesLogDetailComp />}
                  ></Route>
                  {/* USER/GROUP/ROLE LISTING*/}
                  <Route path="/users" element={<UserGroupRoleListing />}>
                    <Route path="usertab" element={<UserListingComp />} />
                    <Route path="grouptab" element={<GroupListingComp />} />
                    <Route path="roletab" element={<RoleListingComp />} />
                  </Route>
                  {/* USER CREATE / EDIT */}
                  <Route path="/user">
                    <Route path="create" element={<UserForm />} />
                    <Route path=":userID" element={<EditUserView />} />
                  </Route>
                  {/* GROUP CREATE / EDIT */}
                  <Route path="/group">
                    <Route path="create" element={<GroupForm />} />
                    <Route path=":groupID" element={<GroupForm />} />
                  </Route>
                  {/* ROLE CREATE / EDIT */}
                  <Route path="/roles">
                    <Route path="create" element={<RoleForm />} />
                    <Route path=":roleID" element={<RoleForm />} />
                  </Route>
                  {/* PERMISSION */}
                  <Route path="/permissions">
                    <Route path="models" element={<Permissions />} />
                    <Route
                      path=":permissionId/edit"
                      element={<EditPermissionComp />}
                    />
                  </Route>
                  {/* ZONE LISTING / CREATE / EDIT */}
                  <Route path="/zones">
                    <Route path="zone/list" element={<ZoneListingComp />} />
                    <Route path="zone/:zoneId" element={<ZoneListingComp />} />
                    <Route path="create" element={<SecurityZoneFormComp />} />
                    <Route
                      path="edit/:zoneId"
                      element={<SecurityZoneFormComp />}
                    />
                  </Route>
                  {/* ENCRYPTION KEY LISTING / CREATE*/}
                  <Route path="/kms/keys">
                    <Route
                      path=":kmsManagePage/manage/:kmsServiceName"
                      element={<EncryptionComp />}
                    />
                    <Route
                      path=":serviceName/create"
                      element={<KeyCreateComp />}
                    />
                  </Route>
                  {/* USER PROFILE */}
                  <Route path="/userprofile" element={<UserProfileComp />} />
                  {/* KNOX SSO WARNING */}
                  <Route
                    path="/knoxSSOWarning"
                    element={<ErrorPage errorCode="checkSSOTrue" />}
                  />
                  {/*DATA NOT FOUND PAGE*/}
                  <Route
                    path="/dataNotFound"
                    element={<ErrorPage errorCode="400" />}
                  />
                  <Route
                    path="/pageNotFound"
                    element={<ErrorPage errorCode="404" />}
                  />
                  <Route
                    path="/forbidden"
                    element={<ErrorPage errorCode="403" />}
                  />
                  <Route path="/locallogin" element={<Loader />} />
                  {/* NOT FOUND ROUTE */}
                  <Route path="*" />
                  {/* GDS */}
                  <Route path="/gds">
                    <Route
                      path="mydatasetlisting"
                      element={<MyDatasetListingComp />}
                    />
                    <Route path="create" element={<CreateDatasetComp />} />
                    <Route
                      path="dataset/:datasetId/detail"
                      element={<DatasetDetailLayoutComp />}
                    />
                    <Route
                      path="dataset/:datasetId/accessGrant"
                      element={<AccessGrantFormComp />}
                    />
                    <Route
                      path="mydatasharelisting"
                      element={<MyDatashareListingComp />}
                    />
                    <Route
                      path="dataset/:datasetId/fullview"
                      element={<DatasetDetailFullViewComp />}
                    />
                    <Route
                      path="datashare/create"
                      element={<CreateDatashareComp />}
                    />
                    <Route
                      path="datashare/:datashareId/detail"
                      element={<DatashareDetailLayoutComp />}
                    />
                    <Route
                      path="datashare/:datashareId/fullview"
                      element={<DatashareDetailFullView />}
                    />
                    <Route
                      path="datashare/resource/:datashareId"
                      element={<DatashareAddSharedResourceComp />}
                    />
                    <Route
                      path="request/list"
                      element={<GDSRequestListingComp />}
                    />
                    <Route
                      path="request/detail/:requestId"
                      element={<GDSRequestDetailComp />}
                    />
                    <Route
                      path="datasetlisting"
                      element={<MyDatasetListingComp />}
                    />
                    <Route
                      path="datasharelisting"
                      element={<MyDatashareListingComp />}
                    />
                  </Route>
                </Route>
              </Routes>
            </HashRouter>
          )}
        </Suspense>
        <ToastContainer />
        <CommonScrollButton />
      </ErrorBoundary>
    );
  }
}