Add 'ID' to i18n and split roomId

src/app/components/shared/header/header.component.html

@@ -12,7 +12,7 @@
     <span class="fill-remaining-space"
           *ngIf="router.url.includes('comments') && user.role === 1 && deviceType === 'desktop'"></span>
     <h3 *ngIf="router.url.includes('comments') && user.role === 1 && deviceType === 'desktop'" fxLayoutAlign="center center">
-      ID: {{roomId}}
+      {{'header.id' | translate}}: {{ roomId.slice(0,4) }} {{  roomId.slice(4,8) }}
     </h3>
     <span class="fill-remaining-space"></span>
 

src/assets/i18n/home/de.json

@@ -11,7 +11,8 @@
     "change-theme": "Stil ändern",
     "change-language": "Sprache ändern",
     "login": "Login",
-    "my-account": "Mein Account"
+    "my-account": "Mein Account",
+    "id": "ID"
 	},
 	"login-page": {
 		"creator": "Referent/in",

src/assets/i18n/home/en.json

@@ -11,7 +11,8 @@
     "change-theme": "Change theme",
     "change-language": "Change language",
     "login": "Login",
-    "my-account": "My account"
+    "my-account": "My account",
+    "id": "ID"
 	},
 	"login-page": {
 		"creator": "Speaker",