generator-jhipster 7.9.3 → 8.0.0-beta.2

package/dist/generators/react/templates/src/main/webapp/app/modules/administration/health/health.tsx.ejs

@@ -0,0 +1,111 @@
+<%#
+ Copyright 2013-2023 the original author or authors from the JHipster project.
+
+ This file is part of the JHipster project, see https://www.jhipster.tech/
+ for more information.
+
+ Licensed 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
+
+      https://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, { useState, useEffect } from 'react';
+import { Translate } from 'react-jhipster';
+import { Table, Badge, Col, Row, Button } from 'reactstrap';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+
+import { useAppDispatch, useAppSelector } from 'app/config/store';
+import HealthModal from './health-modal';
+import { getSystemHealth } from '../administration.reducer';
+
+export const HealthPage = () => {
+  const [healthObject, setHealthObject] = useState({});
+  const [showModal, setShowModal] = useState(false);
+  const dispatch = useAppDispatch();
+
+  const health = useAppSelector(state => state.administration.health);
+  const isFetching = useAppSelector(state => state.administration.loading);
+
+  useEffect(() => {
+    dispatch(getSystemHealth());
+  }, []);
+
+  const fetchSystemHealth = () => {
+    if (!isFetching) {
+      dispatch(getSystemHealth());
+    }
+  };
+
+  const getSystemHealthInfo = (name, healthObj) => () => {
+    setShowModal(true);
+    setHealthObject({ ...healthObj, name });
+  };
+
+  const getBadgeType = (status: string) => status !== 'UP' ? 'danger' : 'success';
+
+  const handleClose = () => setShowModal(false);
+
+  const renderModal = () => <HealthModal healthObject={healthObject} handleClose={handleClose} showModal={showModal} />;
+
+  const data = (health || {}).components || {};
+
+  return (
+    <div>
+      <h2 id="health-page-heading" data-cy="healthPageHeading">
+        <Translate contentKey="health.title">Health Checks</Translate>
+      </h2>
+      <p>
+        <Button onClick={fetchSystemHealth} color={isFetching ? 'btn btn-danger' : 'btn btn-primary'} disabled={isFetching}>
+          <FontAwesomeIcon icon="sync" />
+          &nbsp;
+          <Translate component="span" contentKey="health.refresh.button">
+            Refresh
+          </Translate>
+        </Button>
+      </p>
+      <Row>
+        <Col md="12">
+          <Table bordered aria-describedby="health-page-heading">
+            <thead>
+              <tr>
+                <th><Translate contentKey="health.table.service">Service Name</Translate></th>
+                <th><Translate contentKey="health.table.status">Status</Translate></th>
+                <th><Translate contentKey="health.details.details">Details</Translate></th>
+              </tr>
+            </thead>
+            <tbody>
+              {Object.keys(data).map((configPropKey, configPropIndex) =>
+                configPropKey !== 'status' ? (
+                  <tr key={configPropIndex}>
+                    <td>{configPropKey}</td>
+                    <td>
+                      <Badge color={getBadgeType(data[configPropKey].status)}>{data[configPropKey].status}</Badge>
+                    </td>
+                    <td>
+                      {data[configPropKey].details ? (
+                        <a onClick={getSystemHealthInfo(configPropKey, data[configPropKey])}>
+                          <FontAwesomeIcon icon="eye" />
+                        </a>
+                      ) : null}
+                    </td>
+                  </tr>
+                ) : null
+              )}
+            </tbody>
+          </Table>
+        </Col>
+      </Row>
+      {renderModal()}
+    </div>
+  );
+};
+
+export default HealthPage;
+

package/dist/generators/react/templates/src/main/webapp/app/modules/administration/index.tsx.ejs

@@ -0,0 +1,63 @@
+<%#
+ Copyright 2013-2023 the original author or authors from the JHipster project.
+
+ This file is part of the JHipster project, see https://www.jhipster.tech/
+ for more information.
+
+ Licensed 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
+
+      https://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 from 'react';
+
+import { Route } from 'react-router-dom';
+import ErrorBoundaryRoutes from 'app/shared/error/error-boundary-routes';
+<%_ if (generateUserManagement) { _%>
+import UserManagement from './user-management';
+<%_ } _%>
+<%_ if (withAdminUi) { _%>
+import Logs from './logs/logs';
+import Health from './health/health';
+import Metrics from './metrics/metrics';
+import Configuration from './configuration/configuration';
+<%_ } _%>
+import Docs from './docs/docs';
+<%_ if (applicationTypeGateway && serviceDiscoveryAny) { _%>
+import Gateway from './gateway/gateway';
+<%_ } _%>
+<%_ if (communicationSpringWebsocket) { _%>
+import Tracker from './tracker/tracker';
+<%_ } _%>
+
+const AdministrationRoutes = () => (
+  <div>
+    <ErrorBoundaryRoutes>
+<%_ if (generateUserManagement) { _%>
+      <Route path="user-management/*" element={<UserManagement />} />
+<%_ } _%>
+<%_ if (communicationSpringWebsocket) { _%>
+      <Route path="tracker" element={<Tracker />} />
+<%_ } _%>
+<%_ if (applicationTypeGateway && serviceDiscoveryAny) { _%>
+      <Route path="gateway" element={<Gateway />} />
+<%_ } _%>
+<%_ if (withAdminUi) { _%>
+      <Route path="health" element={<Health />} />
+      <Route path="metrics" element={<Metrics />} />
+      <Route path="configuration" element={<Configuration />} />
+      <Route path="logs" element={<Logs />} />
+  <%_ } _%>
+      <Route path="docs" element={<Docs />} />
+    </ErrorBoundaryRoutes>
+  </div>
+);
+
+export default AdministrationRoutes;

package/dist/generators/react/templates/src/main/webapp/app/modules/administration/logs/logs.tsx.ejs

@@ -0,0 +1,135 @@
+<%#
+ Copyright 2013-2023 the original author or authors from the JHipster project.
+
+ This file is part of the JHipster project, see https://www.jhipster.tech/
+ for more information.
+
+ Licensed 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
+
+      https://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, { useState, useEffect } from 'react';
+import { Translate } from 'react-jhipster';
+
+import { getLoggers, changeLogLevel } from '../administration.reducer';
+import { useAppDispatch, useAppSelector } from 'app/config/store';
+
+export const LogsPage = () => {
+  const [filter, setFilter] = useState('');
+  const logs = useAppSelector(state => state.administration.logs);
+  const isFetching = useAppSelector(state => state.administration.loading);
+  const dispatch = useAppDispatch();
+
+  useEffect(() => {
+    dispatch(getLoggers());
+  }, []);
+
+  const changeLevel = (loggerName, level) => () => dispatch(changeLogLevel(loggerName, level));
+
+  const changeFilter = evt => setFilter(evt.target.value);
+
+  const getClassName = (level, check, className) => (level === check ? `btn btn-sm btn-${className}` : 'btn btn-sm btn-light');
+
+  const filterFn = l => l.name.toUpperCase().includes(filter.toUpperCase());
+
+  const loggers = logs ? Object.entries(logs.loggers).map((e: any) => ({ name: e[0], level: e[1].effectiveLevel })) : [];
+
+  return (
+    <div>
+      <h2 id="logs-page-heading" data-cy="logsPageHeading">
+        <Translate contentKey="logs.title">Logs</Translate>
+      </h2>
+      <p>
+        <Translate contentKey="logs.nbloggers" interpolate={{ total: loggers.length }}>
+          There are {loggers.length.toString()} loggers.
+        </Translate>
+      </p>
+
+      <span>
+        <Translate contentKey="logs.filter">Filter</Translate>
+      </span>
+      <input type="text" value={filter} onChange={changeFilter} className="form-control" disabled={isFetching} />
+
+      <table className="table table-sm table-striped table-bordered" aria-describedby="logs-page-heading">
+        <thead>
+          <tr title="click to order">
+            <th>
+              <span>
+                <Translate contentKey="logs.table.name">Name</Translate>
+              </span>
+            </th>
+            <th>
+              <span>
+                <Translate contentKey="logs.table.level">Level</Translate>
+              </span>
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          {loggers.filter(filterFn).map((logger, i) => (
+            <tr key={`log-row-${i}`}>
+              <td>
+                <small>{logger.name}</small>
+              </td>
+              <td>
+                <button
+                  disabled={isFetching}
+                  onClick={changeLevel(logger.name, 'TRACE')}
+                  className={getClassName(logger.level, 'TRACE', 'primary')}
+                >
+                  TRACE
+                </button>
+                <button
+                  disabled={isFetching}
+                  onClick={changeLevel(logger.name, 'DEBUG')}
+                  className={getClassName(logger.level, 'DEBUG', 'success')}
+                >
+                  DEBUG
+                </button>
+                <button
+                  disabled={isFetching}
+                  onClick={changeLevel(logger.name, 'INFO')}
+                  className={getClassName(logger.level, 'INFO', 'info')}
+                >
+                  INFO
+                </button>
+                <button
+                  disabled={isFetching}
+                  onClick={changeLevel(logger.name, 'WARN')}
+                  className={getClassName(logger.level, 'WARN', 'warning')}
+                >
+                  WARN
+                </button>
+                <button
+                  disabled={isFetching}
+                  onClick={changeLevel(logger.name, 'ERROR')}
+                  className={getClassName(logger.level, 'ERROR', 'danger')}
+                >
+                  ERROR
+                </button>
+                <button
+                  disabled={isFetching}
+                  onClick={changeLevel(logger.name, 'OFF')}
+                  className={getClassName(logger.level, 'OFF', 'secondary')}
+                >
+                  OFF
+                </button>
+              </td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </div>
+  );
+};
+
+export default LogsPage;
+

package/dist/generators/react/templates/src/main/webapp/app/modules/administration/metrics/metrics.tsx.ejs

@@ -0,0 +1,145 @@
+<%#
+ Copyright 2013-2023 the original author or authors from the JHipster project.
+
+ This file is part of the JHipster project, see https://www.jhipster.tech/
+ for more information.
+
+ Licensed 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
+
+      https://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, { useEffect } from 'react';
+import { Button, Col, Row } from 'reactstrap';
+import {
+  CacheMetrics,
+  DatasourceMetrics,
+  GarbageCollectorMetrics,
+  HttpRequestMetrics,
+  JvmMemory,
+  JvmThreads,
+  EndpointsRequestsMetrics,
+  SystemMetrics,
+  Translate,
+} from 'react-jhipster';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+
+import { APP_TIMESTAMP_FORMAT, APP_TWO_DIGITS_AFTER_POINT_NUMBER_FORMAT, APP_WHOLE_NUMBER_FORMAT } from 'app/config/constants';
+import { getSystemMetrics, getSystemThreadDump } from '../administration.reducer';
+import { useAppDispatch, useAppSelector } from 'app/config/store';
+
+export const MetricsPage = () => {
+  const dispatch = useAppDispatch();
+  const metrics = useAppSelector(state => state.administration.metrics);
+  const isFetching = useAppSelector(state => state.administration.loading);
+  const threadDump = useAppSelector(state => state.administration.threadDump);
+
+  useEffect(() => {
+    dispatch(getSystemMetrics());
+    dispatch(getSystemThreadDump());
+  }, []);
+
+  const getMetrics = () => {
+    if (!isFetching) {
+      dispatch(getSystemMetrics());
+      dispatch(getSystemThreadDump());
+    }
+  };
+
+  return (
+    <div>
+      <h2 id="metrics-page-heading" data-cy="metricsPageHeading">
+        <Translate contentKey="metrics.title">
+          Application Metrics
+        </Translate>
+      </h2>
+      <p>
+        <Button onClick={getMetrics} color={isFetching ? 'btn btn-danger' : 'btn btn-primary'} disabled={isFetching}>
+          <FontAwesomeIcon icon="sync" />
+          &nbsp;
+          <Translate component="span" contentKey="health.refresh.button">
+            Refresh
+          </Translate>
+        </Button>
+      </p>
+      <hr />
+
+      <Row>
+        <Col sm="12">
+          <h3>
+            <Translate contentKey="metrics.jvm.title">
+              JVM Metrics
+            </Translate>
+          </h3>
+          <Row>
+            <Col md="4">
+              {metrics?.jvm ? <JvmMemory jvmMetrics={metrics.jvm} wholeNumberFormat={APP_WHOLE_NUMBER_FORMAT} /> : ''}
+            </Col>
+            <Col md="4">{threadDump ? <JvmThreads jvmThreads={threadDump} wholeNumberFormat={APP_WHOLE_NUMBER_FORMAT} /> : ''}</Col>
+            <Col md="4">
+              {metrics?.processMetrics ? (
+                <SystemMetrics
+                  systemMetrics={metrics.processMetrics}
+                  wholeNumberFormat={APP_WHOLE_NUMBER_FORMAT}
+                  timestampFormat={APP_TIMESTAMP_FORMAT}
+                />
+              ) : (
+                ''
+              )}
+            </Col>
+          </Row>
+        </Col>
+      </Row>
+
+      {metrics?.garbageCollector ? (
+        <GarbageCollectorMetrics garbageCollectorMetrics={metrics.garbageCollector} wholeNumberFormat={APP_WHOLE_NUMBER_FORMAT} />
+      ) : (
+        ''
+      )}
+      {metrics && metrics['http.server.requests'] ? (
+        <HttpRequestMetrics
+          requestMetrics={metrics['http.server.requests']}
+          twoDigitAfterPointFormat={APP_TWO_DIGITS_AFTER_POINT_NUMBER_FORMAT}
+          wholeNumberFormat={APP_WHOLE_NUMBER_FORMAT}
+        />
+      ) : (
+        ''
+      )}
+      {metrics?.services ? (
+        <EndpointsRequestsMetrics endpointsRequestsMetrics={metrics.services} wholeNumberFormat={APP_WHOLE_NUMBER_FORMAT} />
+      ) : (
+        ''
+      )}
+
+      {metrics?.cache ? (
+        <Row>
+          <Col sm="12">
+            <CacheMetrics cacheMetrics={metrics.cache} twoDigitAfterPointFormat={APP_TWO_DIGITS_AFTER_POINT_NUMBER_FORMAT} />
+          </Col>
+        </Row>
+      ) : (
+        ''
+      )}
+
+      {metrics?.databases && JSON.stringify(metrics.databases) !== '{}' ? (
+        <Row>
+          <Col sm="12">
+            <DatasourceMetrics datasourceMetrics={metrics.databases} twoDigitAfterPointFormat={APP_TWO_DIGITS_AFTER_POINT_NUMBER_FORMAT} />
+          </Col>
+        </Row>
+      ) : (
+        ''
+      )}
+    </div>
+  );
+};
+
+export default MetricsPage;
+

package/dist/generators/react/templates/src/main/webapp/app/modules/administration/tracker/tracker.tsx.ejs

@@ -0,0 +1,72 @@
+<%#
+ Copyright 2013-2023 the original author or authors from the JHipster project.
+
+ This file is part of the JHipster project, see https://www.jhipster.tech/
+ for more information.
+
+ Licensed 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
+
+      https://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 from 'react';
+import { Translate } from 'react-jhipster';
+
+import { useAppSelector } from 'app/config/store';
+
+export const TrackerPage = () => {
+  const activities = useAppSelector(state => state.administration.tracker.activities);
+
+  return (
+      <div>
+        <h2>
+          <Translate contentKey="tracker.title">Real-time user activities</Translate>
+        </h2>
+        <table className="table table-sm table-striped table-bordered">
+          <thead>
+            <tr>
+              <th>
+                <span>
+                  <Translate contentKey="tracker.table.userlogin">User</Translate>
+                </span>
+              </th>
+              <th>
+                <span>
+                  <Translate contentKey="tracker.table.ipaddress">IP Address</Translate>
+                </span>
+              </th>
+              <th>
+                <span>
+                  <Translate contentKey="tracker.table.page">Current page</Translate>
+                </span>
+              </th>
+              <th>
+                <span>
+                  <Translate contentKey="tracker.table.time">Time</Translate>
+                </span>
+              </th>
+            </tr>
+          </thead>
+          <tbody>
+            {activities.map((activity, i) => (
+              <tr key={`log-row-${i}`}>
+                <td>{activity.userLogin}</td>
+                <td>{activity.ipAddress}</td>
+                <td>{activity.page}</td>
+                <td>{activity.time}</td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+  );
+};
+
+export default TrackerPage;

package/dist/generators/react/templates/src/main/webapp/app/modules/administration/user-management/index.tsx.ejs

@@ -0,0 +1,40 @@
+<%#
+ Copyright 2013-2023 the original author or authors from the JHipster project.
+
+ This file is part of the JHipster project, see https://www.jhipster.tech/
+ for more information.
+
+ Licensed 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
+
+      https://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 from 'react';
+import { Route } from 'react-router-dom';
+
+import ErrorBoundaryRoutes from 'app/shared/error/error-boundary-routes';
+import UserManagement from './user-management';
+import UserManagementDetail from './user-management-detail';
+import UserManagementUpdate from './user-management-update';
+import UserManagementDeleteDialog from './user-management-delete-dialog';
+
+const UserManagementRoutes = () => (
+  <ErrorBoundaryRoutes>
+    <Route index element={<UserManagement />} />
+    <Route path="new" element={<UserManagementUpdate />} />
+    <Route path=":login">
+      <Route index element={<UserManagementDetail />} />
+      <Route path="edit" element={<UserManagementUpdate />} />
+      <Route path="delete" element={<UserManagementDeleteDialog />} />
+    </Route>
+  </ErrorBoundaryRoutes>
+);
+
+export default UserManagementRoutes;

package/dist/generators/react/templates/src/main/webapp/app/modules/administration/user-management/user-management-delete-dialog.tsx.ejs

@@ -0,0 +1,70 @@
+<%#
+ Copyright 2013-2023 the original author or authors from the JHipster project.
+
+ This file is part of the JHipster project, see https://www.jhipster.tech/
+ for more information.
+
+ Licensed 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
+
+      https://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, { useEffect } from 'react';
+import { useNavigate, useParams } from 'react-router-dom';
+import { Modal, ModalHeader, ModalBody, ModalFooter, Button } from 'reactstrap';
+import { Translate } from 'react-jhipster';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+
+import { getUser, deleteUser } from './user-management.reducer';
+import { useAppDispatch, useAppSelector } from 'app/config/store';
+
+export const UserManagementDeleteDialog = () => {
+  const dispatch = useAppDispatch();
+
+  const navigate = useNavigate();
+  const { login } = useParams<'login'>();
+
+  useEffect(() => {
+    dispatch(getUser(login));
+  }, []);
+
+  const handleClose = event => {
+    event.stopPropagation();
+    navigate('/admin/user-management');
+  };
+
+  const user = useAppSelector(state => state.userManagement.user);
+
+  const confirmDelete = event => {
+    dispatch(deleteUser(user.login));
+    handleClose(event);
+  };
+
+  return (
+    <Modal isOpen toggle={handleClose}>
+      <ModalHeader toggle={handleClose}><Translate contentKey="entity.delete.title">Confirm delete operation</Translate></ModalHeader>
+      <ModalBody>
+        <Translate contentKey="userManagement.delete.question" interpolate={{ login: user.login }}>Are you sure you want to delete this User?</Translate>
+      </ModalBody>
+      <ModalFooter>
+        <Button color="secondary" onClick={handleClose}>
+          <FontAwesomeIcon icon="ban"/>&nbsp;
+          <Translate contentKey="entity.action.cancel">Cancel</Translate>
+        </Button>
+        <Button color="danger" onClick={confirmDelete}>
+          <FontAwesomeIcon icon="trash" />&nbsp;
+          <Translate contentKey="entity.action.delete">Delete</Translate>
+        </Button>
+      </ModalFooter>
+    </Modal>
+  );
+};
+
+export default UserManagementDeleteDialog;