greenbone · timopollmeier · Nov 20, 2024 · Oct 1, 2024 · Oct 1, 2024 · Oct 1, 2024
@@ -1,8 +1,8 @@
 <!doctype html>
-<html>
+<html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" href="/img/favicon.png" type="image/png"/>
+    <link rel="icon" href="/img/favicon.png" type="image/png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Greenbone Security Assistant</title>
     <script type="text/javascript" src="/config.js"></script>
@@ -11,5 +11,24 @@
     <div id="app"></div>
     <div id="portals"></div>
     <script type="module" src="/src/index.jsx"></script>
+    <script>
+      window.addEventListener('DOMContentLoaded', () => {
+        try {
+          const vendorLabel = config.vendorLabel;
+
+          const match = vendorLabel.match(/gsm-(\w+)_label\.svg/);
+          if (match) {
+            let labelPart = match[1];
+            if (isNaN(labelPart)) {
+              labelPart = labelPart.toUpperCase();
+            }
+            const pageTitle = `Greenbone - ${labelPart}`;
+            document.title = pageTitle;
+          } else {
+            document.title = 'Greenbone Security Assistant';
+          }
+        } catch (error) {}
+      });
+    </script>
   </body>
 </html>
@@ -32,13 +32,12 @@
     "node": ">=18.0"
   },
   "dependencies": {
-    "@reduxjs/toolkit": "^2.2.7",
-    "@sentry/react": "^8.28.0",
+    "@reduxjs/toolkit": "^2.3.0",
+    "@sentry/react": "^8.36.0",
     "@visx/axis": "^3.10.1",
     "@visx/gradient": "^3.3.0",
     "@visx/shape": "^3.5.0",
     "babel-preset-react-app": "^10.0.1",
-    "core-js": "^3.37.1",
     "d3-cloud": "^1.2.7",
     "d3-color": "^3.1.0",
     "d3-force": "^3.0.0",
@@ -51,12 +50,12 @@
     "fast-deep-equal": "^3.1.3",
     "fast-xml-parser": "^4.4.1",
     "hoist-non-react-statics": "^3.3.2",
-    "i18next": "^23.14.0",
-    "i18next-http-backend": "^2.6.1",
-    "ical.js": "^2.0.0",
+    "i18next": "^23.16.4",
+    "i18next-http-backend": "^2.6.2",
+    "ical.js": "^2.1.0",
     "memoize-one": "^6.0.0",
     "moment": "^2.30.1",
-    "moment-timezone": "^0.5.45",
+    "moment-timezone": "^0.5.46",
     "prop-types": "^15.8.1",
     "react": "^18.3.1",
     "react-beautiful-dnd": "^13.1.1",
@@ -67,40 +66,40 @@
     "redux": "^5.0.1",
     "redux-logger": "^3.0.6",
     "styled-components": "^6.1.13",
-    "uuid": "^10.0.0",
+    "uuid": "^11.0.2",
     "whatwg-fetch": "^3.6.20"
   },
   "devDependencies": {
-    "@babel/cli": "^7.25.6",
+    "@babel/cli": "^7.25.9",
     "@pandatix/js-cvss": "^0.4.4",
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
-    "@types/react": "^18.3.9",
-    "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^8.7.0",
-    "@typescript-eslint/parser": "^8.7.0",
-    "@vitejs/plugin-legacy": "^5.4.2",
-    "@vitejs/plugin-react": "^4.3.1",
-    "@vitest/coverage-v8": "^2.1.1",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@typescript-eslint/eslint-plugin": "^8.13.0",
+    "@typescript-eslint/parser": "^8.12.2",
+    "@vitejs/plugin-legacy": "^5.4.3",
+    "@vitejs/plugin-react": "^4.3.3",
+    "@vitest/coverage-v8": "^2.1.4",
     "@vitest/ui": "^2.1.1",
     "babel-plugin-i18next-extract": "^0.10.0",
-    "eslint": "^8.57.0",
+    "eslint": "^8.57.1",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-header": "^3.1.1",
-    "eslint-plugin-react": "^7.36.1",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.11",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.14",
     "eslint-plugin-vitest": "^0.5.4",
     "eslint-plugin-vitest-globals": "^1.5.0",
     "husky": "^2.7.0",
     "jest-styled-components": "^7.2.0",
     "jsdom": "^25.0.1",
     "lint-staged": "^13.1.0",
     "prettier": "^3.3.3",
-    "typescript": "^5.6.2",
-    "vite": "^5.4.8",
-    "vite-plugin-eslint2": "^4.4.2",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.10",
+    "vite-plugin-eslint2": "^5.0.1",
     "vite-plugin-svgr": "^4.2.0",
     "vitest": "^2.1.1"
   },

@@ -435,6 +435,7 @@
   "Dashboards": "Dashboards",
   "Dashboards limit reached": "Dashboardgrenze erreicht",
   "Date": "Datum",
+  "Date Format": "Datumsformat",
   "Day": "Tag",
   "Debug": "Debug",
   "Decrease the minimum QoD in the filter settings to 30 percent to see those results.": "Die Minimum-QdE im Filter auf 30 Prozent verringern, um diese Ergebnisse zu sehen.",
@@ -1538,6 +1539,7 @@
   "Super (Has super access)": "Super (hat Super-Zugriff)",
   "Support for LDAP is not available.": "Unterstützung für LDAP ist nicht verfügbar.",
   "Support for RADIUS is not available.": "Unterstützung für RADIUS ist nicht verfügbar.",
+  "System Default": "Systemstandard",
   "System Logger": "System-Logger",
   "System Reports": "Systemberichte",
   "TCP": "TCP",
@@ -1727,6 +1729,7 @@
   "Tickets by Creation Time (Total: {{count}})": "Tickets nach Erstellungszeit (Gesamt: {{count}})",
   "Tickets by Status (Total: {{count}})": "Tickets nach Status (Gesamt: {{count}})",
   "Time": "Zeit",
+  "Time Format": "Zeitformat",
   "Timeout": "Timeout",
   "Timezone": "Zeitzone",
   "TippingPoint SMS": "TippingPoint SMS",
@@ -1795,6 +1798,7 @@
   "Uploading": "Hochladen",
   "Urgency": "Dringlichkeit",
   "Use LDAPS only": "Ausschließlich LDAPS verwenden",
+  "Use System Default for Time and Date Format": "Systemstandard für Zeit- und Datumsformat verwenden",
   "Use workaround for default certificate": "Problemumgehung für Standard-Zertifikat verwenden",
   "User": "Benutzer",
   "User ID": "Benutzer-ID",
@@ -1857,6 +1861,8 @@
   "Wednesday": "Mittwoch",
   "Week": "Woche",
   "Weekly": "Wöchentlich",
+  "Weekday, Month, Day, Year": "Wochentag, Monat, Tag, Jahr",
+  "Weekday, Day, Month, Year": "Wochentag, Tag, Monat, Jahr",
   "When changing status to \"closed\", a \"Note for Closed\" is required.": "Wenn der Status zu \"Geschlossen\" geändert wird, ist eine \"Notiz für Geschlossen\" erforderlich.",
   "When changing status to \"fixed\", a \"Note for Fixed\" is required.": "Wenn der Status zu \"Behoben\" geändert wird, ist eine \"Notiz für Behoben\" erforderlich.",
   "When changing status to \"open\", a \"Note for Open\" is required.": "Wenn der Status zu \"Offen\" geändert wird, ist eine \"Notiz für Offen\" erforderlich.",

@@ -70,6 +70,11 @@ export const DEFAULT_FILTER_SETTINGS = {
   vulnerability: '17c9d269-95e7-4bfa-b1b2-bc106a2175c7',
 };
 
+const PARAM_KEYS = {
+  DATE: 'date_format',
+  TIME: 'time_format',
+};
+
 const saveDefaultFilterSettingId = entityType =>
   `settings_filter:${DEFAULT_FILTER_SETTINGS[entityType]}`;
 
@@ -251,9 +256,12 @@ export class UserCommand extends EntityCommand {
 
   saveSettings(data) {
     log.debug('Saving settings', data);
+
     return this.httpPost({
       cmd: 'save_my_settings',
       text: data.timezone,
+      [PARAM_KEYS.DATE]: data.userInterfaceDateFormat,
+      [PARAM_KEYS.TIME]: data.userInterfaceTimeFormat,
       old_password: data.oldPassword,
       password: data.newPassword,
       lang: data.userInterfaceLanguage,

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import {describe, test, expect} from '@gsa/testing';
+import {describe, test, expect, beforeEach} from '@gsa/testing';
 
 import date, {setLocale as locale} from '../../models/date';
 
@@ -55,15 +55,30 @@ describe('shortDate tests', () => {
     expect(shortDate(d)).toEqual('01/01/2018');
   });
 
-  test('should format string', () => {
-    setLocale('en');
-    expect(shortDate('2018-01-01')).toEqual('01/01/2018');
+  test('should format date locale', () => {
+    setLocale('de');
+    expect(
+      shortDate(date('2018-11-24T15:30:00Z'), 'UTC', 'system_default'),
+    ).toEqual('24.11.2018');
   });
 
-  test('should format JS date', () => {
-    const d = new Date('2018-01-01');
-    setLocale('en');
-    expect(shortDate(d)).toEqual('01/01/2018');
+  describe('shortDate tests', () => {
+    beforeEach(() => {
+      setLocale('en');
+    });
+
+    test.each([
+      ['2018-01-01', undefined, undefined, '01/01/2018'],
+      [new Date('2018-01-01'), undefined, undefined, '01/01/2018'],
+      [new Date('2018-11-24'), undefined, 'wmdy', '11/24/2018'],
+      [new Date('2018-11-24'), undefined, 'wdmy', '24/11/2018'],
+      [new Date('2018-11-24'), undefined, 'system_default', '11/24/2018'],
+    ])(
+      'should format date %p with tz %p and userInterfaceDateFormat %p to %p',
+      (input, tz, userInterfaceDateFormat, expected) => {
+        expect(shortDate(input, tz, userInterfaceDateFormat)).toEqual(expected);
+      },
+    );
   });
 });
 
@@ -83,15 +98,61 @@ describe('longDate tests', () => {
     expect(longDate(d)).toEqual('Mon, Jan 1, 2018 12:00 AM');
   });
 
-  test('should format string', () => {
-    setLocale('en');
-    expect(longDate('2018-01-01')).toEqual('Mon, Jan 1, 2018 12:00 AM');
+  test('should format date locale', () => {
+    setLocale('de');
+    expect(
+      longDate(
+        date('2018-11-24T15:30:00Z'),
+        'UTC',
+        'system_default',
+        'system_default',
+      ),
+    ).toEqual('Sa., 24. Nov. 2018 15:30');
   });
 
-  test('should format JS date', () => {
-    const d = new Date('2018-01-01T00:00:00');
-    setLocale('en');
-    expect(longDate(d)).toEqual('Mon, Jan 1, 2018 12:00 AM');
+  describe('longDate tests', () => {
+    beforeEach(() => {
+      setLocale('en');
+    });
+
+    test.each([
+      [
+        '2018-11-24',
+        undefined,
+        undefined,
+        undefined,
+        'Sat, Nov 24, 2018 12:00 AM',
+      ],
+      [
+        new Date('2018-11-23T00:00:00'),
+        undefined,
+        undefined,
+        undefined,
+        'Fri, Nov 23, 2018 12:00 AM',
+      ],
+      ['2018-11-24T15:30:00Z', 'UTC', 12, 'wdmy', 'Sat, 24 Nov 2018 3:30 PM'],
+      ['2018-11-24T15:30:00Z', 'UTC', 24, 'wmdy', 'Sat, Nov 24, 2018 15:30'],
+      [
+        '2018-11-24T15:30:00Z',
+        'UTC',
+        'system_default',
+        'system_default',
+        'Sat, Nov 24, 2018 3:30 PM',
+      ],
+    ])(
+      'should format date %p with tz %p, userInterfaceTimeFormat %p, and userInterfaceDateFormat %p to %p',
+      (
+        input,
+        tz,
+        userInterfaceTimeFormat,
+        userInterfaceDateFormat,
+        expected,
+      ) => {
+        expect(
+          longDate(input, tz, userInterfaceTimeFormat, userInterfaceDateFormat),
+        ).toEqual(expected);
+      },
+    );
   });
 });
 
@@ -110,6 +171,73 @@ describe('dateTimeWithTimeZone tests', () => {
     const d = date('2018-01-01T00:00:00+01:00').tz('CET');
     expect(dateTimeWithTimeZone(d)).toEqual('Mon, Jan 1, 2018 12:00 AM CET');
   });
+
+  test('should format date locale', () => {
+    setLocale('de');
+    expect(
+      dateTimeWithTimeZone(
+        date('2018-11-24T15:30:00Z'),
+        'UTC',
+        'system_default',
+        'system_default',
+      ),
+    ).toEqual('Sa., 24. Nov. 2018 15:30 UTC');
+  });
+
+  describe('dateTimeWithTimeZone tests', () => {
+    beforeEach(() => {
+      setLocale('en');
+    });
+
+    test.each([
+      [
+        new Date('2018-11-23T00:00:00'),
+        undefined,
+        undefined,
+        undefined,
+        'Fri, Nov 23, 2018 12:00 AM ',
+      ],
+      [
+        '2018-11-24T15:30:00Z',
+        'UTC',
+        12,
+        'wdmy',
+        'Sat, 24 Nov 2018 3:30 PM UTC',
+      ],
+      [
+        '2018-11-24T15:30:00Z',
+        'UTC',
+        24,
+        'wmdy',
+        'Sat, Nov 24, 2018 15:30 UTC',
+      ],
+      [
+        '2018-11-24T15:30:00Z',
+        'UTC',
+        'system_default',
+        'system_default',
+        'Sat, Nov 24, 2018 3:30 PM UTC',
+      ],
+    ])(
+      'should format date %p with tz %p, userInterfaceTimeFormat %p, and userInterfaceDateFormat %p to %p',
+      (
+        input,
+        tz,
+        userInterfaceTimeFormat,
+        userInterfaceDateFormat,
+        expected,
+      ) => {
+        expect(
+          dateTimeWithTimeZone(
+            input,
+            tz,
+            userInterfaceTimeFormat,
+            userInterfaceDateFormat,
+          ),
+        ).toEqual(expected);
+      },
+    );
+  });
 });
 
 // vim: set ts=2 sw=2 tw=80: