From f660bc395fd63941364eb1bc2d64c7672f9815f4 Mon Sep 17 00:00:00 2001
From: Mathias Brunkow Moser <mathias.brunkowmoser@cgi.com>
Date: Mon, 1 Jul 2024 20:10:46 +0200
Subject: [PATCH] feat(verification): updated and made ui more friendly for
 verification

---
 .../assets/styles/components/general/passportHeader.scss  | 8 ++++++++
 dpp-frontend/src/translations/de.json                     | 3 ++-
 dpp-frontend/src/translations/en.json                     | 3 ++-
 dpp-frontend/src/views/HomeView.vue                       | 4 ++++
 dpp-frontend/src/views/PageNotFound.vue                   | 5 ++++-
 5 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/dpp-frontend/src/assets/styles/components/general/passportHeader.scss b/dpp-frontend/src/assets/styles/components/general/passportHeader.scss
index 88d8c60fc..aa8097bb6 100644
--- a/dpp-frontend/src/assets/styles/components/general/passportHeader.scss
+++ b/dpp-frontend/src/assets/styles/components/general/passportHeader.scss
@@ -89,6 +89,14 @@ ul {
   line-height: 36px;
   font-weight: bold;
 }
+.verification-list ul{
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+.verification.error{
+  color: red;
+}
 .verification {
   padding-bottom: 16px;
 }
diff --git a/dpp-frontend/src/translations/de.json b/dpp-frontend/src/translations/de.json
index d8d85e61e..d9c798b56 100644
--- a/dpp-frontend/src/translations/de.json
+++ b/dpp-frontend/src/translations/de.json
@@ -152,7 +152,8 @@
     "issuer": "Aussteller",
     "issuedAt": "Ausgestellt am",
     "expirationDate": "Läuft ab am",
-    "reloadVerification": "Verifizierung aktualisieren",
+    "unverifiable": "Nicht Verifizierbar",
+    "reloadVerification": "Verifizierung Prüfen",
     "verified": "Verifiziert",
     "status": "Status",
     "message": "Nachricht",
diff --git a/dpp-frontend/src/translations/en.json b/dpp-frontend/src/translations/en.json
index c7197bda7..e5dd162ee 100644
--- a/dpp-frontend/src/translations/en.json
+++ b/dpp-frontend/src/translations/en.json
@@ -149,10 +149,11 @@
   "passportHeader": {
     "backBtn": "Back",
     "verification": "Verified",
+    "unverifiable": "Unverifiable",
     "issuer": "Issuer",
     "issuedAt": "Issued at",
     "expirationDate": "Expires at",
-    "reloadVerification": "Refresh verification",
+    "reloadVerification": "Check Verification",
     "verified": "Verified",
     "status": "Status",
     "message": "Message",
diff --git a/dpp-frontend/src/views/HomeView.vue b/dpp-frontend/src/views/HomeView.vue
index 283f9ef7a..09ec7e471 100644
--- a/dpp-frontend/src/views/HomeView.vue
+++ b/dpp-frontend/src/views/HomeView.vue
@@ -47,6 +47,7 @@ import SearchView from "./SearchView.vue";
 import FooterComponent from "../components/general/Footer.vue";
 import HeaderComponent from "../components/general/Header.vue";
 import { inject } from "vue";
+import authUtil from "../utils/authUtil"
 export default {
   // eslint-disable-next-line vue/multi-word-component-names
   name: "HomeView",
@@ -55,6 +56,9 @@ export default {
       auth: inject("authentication"),
     };
   },
+  created(){
+    authUtil.cleanUrl(this)
+  },
   computed: {
     welcomeUser() {
       if (this.auth.isUserAuthenticated) {
diff --git a/dpp-frontend/src/views/PageNotFound.vue b/dpp-frontend/src/views/PageNotFound.vue
index fc9e330a7..39e0af470 100644
--- a/dpp-frontend/src/views/PageNotFound.vue
+++ b/dpp-frontend/src/views/PageNotFound.vue
@@ -32,7 +32,7 @@
 
 <script>
 import Error from "../media/500error.png";
-
+import authUtil from "@/utils/authUtil.js";
 export default {
   // eslint-disable-next-line vue/multi-word-component-names
   name: "PageNotFound",
@@ -42,6 +42,9 @@ export default {
       Error,
     };
   },
+  async created() {
+    authUtil.cleanUrl(this)
+  }
 };
 </script>
 <style scoped>