feat(clearinghouse self-description): add admin UI to retrigger document creation

CHANGELOG.md

@@ -16,6 +16,11 @@
 - **Connector Management**
   - fixed customer link selection and fixed resetting values [#1119](https://github.com/eclipse-tractusx/portal-frontend/pull/1119)
 
+### Feature
+
+- **Clearinghouse Self-Description**
+  - Admin UI for Managing SD Document Retriggering [#1141](https://github.com/eclipse-tractusx/portal-frontend/pull/1141)
+
 ## 2.2.0-alpha.1
 
 ### Bugfixes

DEPENDENCIES

@@ -609,16 +609,16 @@ npm/npmjs/@emotion/babel-plugin/11.11.0, MIT, approved, #8386
 npm/npmjs/@emotion/cache/11.11.0, MIT, approved, #8401
 npm/npmjs/@emotion/hash/0.9.1, MIT, approved, #8394
 npm/npmjs/@emotion/hash/0.9.2, MIT, approved, #8394
-npm/npmjs/@emotion/is-prop-valid/1.3.0, MIT, approved, clearlydefined
+npm/npmjs/@emotion/is-prop-valid/1.3.0, MIT AND (BSD-2-Clause AND MIT), approved, #16339
 npm/npmjs/@emotion/memoize/0.8.1, MIT, approved, #8408
 npm/npmjs/@emotion/memoize/0.9.0, MIT, approved, clearlydefined
 npm/npmjs/@emotion/react/11.11.4, MIT AND (BSD-3-Clause AND MIT), approved, #8931
-npm/npmjs/@emotion/serialize/1.3.0, MIT, approved, clearlydefined
+npm/npmjs/@emotion/serialize/1.3.0, MIT AND (BSD-2-Clause AND MIT), approved, #16340
 npm/npmjs/@emotion/sheet/1.2.2, MIT, approved, #8389
 npm/npmjs/@emotion/styled/11.11.5, MIT, approved, clearlydefined
 npm/npmjs/@emotion/unitless/0.9.0, MIT, approved, clearlydefined
 npm/npmjs/@emotion/use-insertion-effect-with-fallbacks/1.0.1, MIT, approved, #8419
-npm/npmjs/@emotion/utils/1.4.0, MIT, approved, clearlydefined
+npm/npmjs/@emotion/utils/1.4.0, MIT AND (BSD-2-Clause AND MIT), approved, #16344
 npm/npmjs/@emotion/weak-memoize/0.3.1, MIT, approved, #8402
 npm/npmjs/@esbuild/aix-ppc64/0.20.2, MIT, approved, clearlydefined
 npm/npmjs/@esbuild/android-arm/0.20.2, Apache-2.0 AND MIT AND BSD-3-Clause AND (BSD-2-Clause AND BSD-3-Clause), approved, #15302

src/assets/locales/de/main.json

@@ -624,7 +624,7 @@
         "configureYourConnectorDetails": "Konfigurieren Sie die Connector-Details",
         "learnMore": "Learn More",
         "noDocumentAvailable": "Kein Dokument verfügbar",
-        "selfDescriptionDocument": "Selbstbeschreibungsdokument",
+        "selfDescriptionDocument": "Eigenerklärungsdokument",
         "deleteConnector": "Connector löschen",
         "urlUpdatedSuccessfully": "URL erfolgreich aktualisiert",
         "note": "Bitte beachten Sie:",
@@ -676,7 +676,7 @@
       "deletemodal": {
         "title": "EDC-Connector Löschen",
         "description": "Möchten Sie den ausgewählten Connector wirklich löschen? Die Löschung kann nicht rückgängig gemacht werden.",
-        "techUserdescription": "Möchten Sie den Connector wirklich löschen? Mit der Löschung wird der Connector automatisch vom Endpunkt „Connector Discovery“ gelöscht und das Selbstbeschreibungsdokument auf inaktiv gesetzt.\n Bitte beachten Sie, dass mit dem Connector ein technischer Benutzer verbunden ist. Der technische Benutzer kann gelöscht werden, wenn Sie das Kontrollkästchen unten aktivieren. Andernfalls wird nur die Zuordnung zwischen Connector und technischem Benutzer gelöscht.",
+        "techUserdescription": "Möchten Sie den Connector wirklich löschen? Mit der Löschung wird der Connector automatisch vom Endpunkt „Connector Discovery“ gelöscht und das Eigenerklärungsdokument auf inaktiv gesetzt.\n Bitte beachten Sie, dass mit dem Connector ein technischer Benutzer verbunden ist. Der technische Benutzer kann gelöscht werden, wenn Sie das Kontrollkästchen unten aktivieren. Andernfalls wird nur die Zuordnung zwischen Connector und technischem Benutzer gelöscht.",
         "techUserCheckBoxLabel": "Ja, ich möchte den Connector löschen, wodurch automatisch auch der erwähnte technische Benutzer gelöscht wird.",
         "techDetails": {
           "title": "Technical Details",
@@ -1066,6 +1066,18 @@
       "metadata_url_required_error": "Metadaten-URL ist erforderlich",
       "metadata_url_invalid_error": "Bitte geben Sie eine gültige Metadaten-URL ein"
     },
+    "clearinghouseSelfDescription": {
+      "heading": "Status der Eigenerklärung",
+      "description": "Diese Seite bietet einen Überblick über den aktuellen Stand der Eigenerklärungen für Administratoren.",
+      "reprocess": "Nachverarbeiten",
+      "complianceStatus": "Compliance-Status:",
+      "legalPerson": "Juristische Person",
+      "legalPersonDesc": "Übersicht über Unternehmen mit fehlender Eigenerklärung einer juristischen Person",
+      "connectors": "Connectors",
+      "connectorsDesc": "Übersicht über Unternehmen mit fehlender Eigenerklärung der Konnektoren",
+      "errorMsg": "Fehler! Etwas ist schief gelaufen",
+      "noDataMsg": "Keine Datensätze gefunden."
+    },
     "addUser": {
       "headline": "Erstelle einen neuen User",
       "subheadline": "Fügen Sie ein neues Benutzerkonto hinzu, indem Sie den Vor- und Nachnamen des Benutzers sowie die E-Mail-Adresse hinterlegen. Wählen Sie unterhalb der Eingabefelder die jeweiligen Benutzerrollen aus, die der Benutzer haben soll. Eine Rolle ist mindestens erforderlich, um dem Benutzer den Zugriff auf das Netzwerk zu ermöglichen.",
@@ -1840,7 +1852,7 @@
         },
         "SKIPPED": {
           "title": "Von Ihrer Seite sind keine Maßnahmen erforderlich",
-          "description": "Die Erstellung der Selbstbeschreibung wurde absichtlich übersprungen. Dieser Prozess wird vom CX-Operator so bald wie möglich wieder ausgelöst."
+          "description": "Die Erstellung der Eigenerklärung wurde absichtlich übersprungen. Dieser Prozess wird vom CX-Operator so bald wie möglich wieder ausgelöst."
         }
       }
     },

src/assets/locales/en/main.json

@@ -21,6 +21,7 @@
     "technicalSetup": "Technical Integration",
     "connectorManagement": "Connector Management",
     "applicationRequests": "Application Requests",
+    "clearinghouseSelfDescription": "Clearinghouse Self-Description",
     "admin": "Administration",
     "developer": "Development",
     "invite": "Invite Business Partner",
@@ -1070,6 +1071,18 @@
       "metadata_url_required_error": "Metadata url is required",
       "metadata_url_invalid_error": "Please enter valid metadata url"
     },
+    "clearinghouseSelfDescription": {
+      "heading": "Self-Description Document Status",
+      "description": "This page provides an overview of the current status of self-descriptions for administrators.",
+      "reprocess": "Reprocess",
+      "complianceStatus": "Compliance Status:",
+      "legalPerson": "Legal Person",
+      "legalPersonDesc": "Overview of companies with missing legal person self-description",
+      "connectors": "Connectors",
+      "connectorsDesc": "Overview of companies with missing connector self-description",
+      "errorMsg": "Error! Something went wrong",
+      "noDataMsg": "No records found."
+    },
     "addUser": {
       "headline": "Add User Account",
       "subheadline": "Add a new user account by adding the user first and last name as well as the email address. Below the input fields select the respective user roles which the user should have. One role is minimum needed to enable the user to access the network.",

src/components/pages/AdminClearingHouseSD/AdminClearingHouseSD.scss

@@ -0,0 +1,107 @@
+/********************************************************************************
+ * Copyright (c) 2024 Contributors to the Eclipse Foundation
+ *
+ * See the NOTICE file(s) distributed with this work for additional
+ * information regarding copyright ownership.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Apache License, Version 2.0 which is available 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.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ ********************************************************************************/
+
+.admin-container {
+  padding: 50px 15px;
+
+  .loading-progress {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 50vh;
+  }
+
+  .heading {
+    text-align: center;
+  }
+
+  .description {
+    text-align: center;
+    margin: 34px auto 64px;
+    width: 70%;
+  }
+
+  .company-list-container {
+    max-height: 350px;
+    overflow-y: auto;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+  }
+
+  .section {
+    margin-bottom: 20px;
+
+    ul {
+      margin-top: 24px;
+      list-style-type: none;
+      padding-left: 0;
+
+      li {
+        margin-bottom: 5px;
+      }
+    }
+
+    .connectors-list {
+      gap: 10px;
+      margin-top: 24px;
+      max-height: 350px;
+      overflow-y: auto;
+      scrollbar-width: none;
+      -ms-overflow-style: none;
+
+      .connector {
+        display: flex;
+        gap: 80px;
+        padding: 5px;
+        border-radius: 5px;
+      }
+    }
+
+    .btn-container {
+      display: flex;
+      margin-top: 20px;
+      align-items: flex-end;
+      justify-content: flex-end;
+    }
+  }
+
+  .compliance-status {
+    display: flex;
+    align-items: center;
+    margin-bottom: 40px;
+    margin-top: 50px;
+
+    label {
+      margin-right: 10px;
+      font-weight: bold;
+    }
+
+    .switch-container {
+      display: flex;
+      align-items: center;
+      margin-left: 5px;
+    }
+  }
+
+  .no-data-msg {
+    text-align: center;
+    margin-top: 24px;
+    margin-bottom: 24px;
+  }
+}