use translations for data privacy warning

webapp/components/Editor/nodes/Embed.js

@@ -23,15 +23,15 @@ const template = `
       <a class="embed" :href="dataEmbedUrl" rel="noopener noreferrer nofollow" target="_blank">{{dataEmbedUrl}}</a>
     </section>
     <aside v-if="showOverlay" class="embed-overlay">
-      <h3>Achte auf deine Daten!</h3>
-      <ds-text>Deine Daten sind noch nicht weitergegeben. Wenn Du die das jetzt ansiehst dann werden auch Daten mit dem Anbieter ({{embedPublisher}}) ausgetauscht!</ds-text>
+      <h3>{{ $t('editor.embed.data_privacy_warning') }}</h3>
+      <ds-text>{{ $t('editor.embed.data_privacy_info') }} {{embedPublisher}}</ds-text>
       <div class="embed-buttons">
-      <ds-button primary @click.prevent="allowEmbed()">jetzt ansehen</ds-button>
-      <ds-button ghost @click.prevent="closeOverlay()">Abbrechen</ds-button>
+      <ds-button primary @click.prevent="allowEmbed()">{{ $t('editor.embed.play_now') }}</ds-button>
+      <ds-button ghost @click.prevent="closeOverlay()">{{ $t('actions.cancel') }}</ds-button>
       </div>
       <label class="embed-checkbox">
         <input type="checkbox" v-model="checkedAlwaysAllowEmbeds" />
-        <span>Inhalte von Drittanbietern immer zulassen</span>
+        <span>{{ $t('editor.embed.always_allow') }}</span>
       </label>
     </aside>
     <ds-button icon="close" ghost size="small" class="embed-close-button" @click.prevent="removeEmbed()" />

webapp/locales/de.json

@@ -108,6 +108,12 @@
       "noHashtagsFound": "Keine Hashtags gefunden",
       "addHashtag": "Neuer Hashtag",
       "addLetter": "Tippe einen Buchstaben"
+    },
+    "embed": {
+      "data_privacy_warning": "Achte auf deine Daten!",
+      "data_privacy_info": "Deine Daten wurden noch nicht an Drittanbieter weitergegeben. Wenn du dieses Video jetzt abspielst, registriert der folgende Anbieter wahrscheinlich deine Nutzerdaten:",
+      "play_now": "Jetzt ansehen",
+      "always_allow": "Inhalte von Drittanbietern immer anzeigen (diese Einstellung kannst du jederzeit ändern)"
     }
   },
   "profile": {
@@ -347,7 +353,7 @@
       "button-totrue": "dauerhaft zulassen",
       "third-party-false": "Es wird <b style='color:red'>kein</b> Service von Drittanbietern automatisch eingebunden.",
       "third-party-true": "Das einbinden der Services von Drittanbietern ist <b style='color:red'>dauerhaft zugelassen</b> und gespeichert für komende Sitzungen."
-    }
+    },
     "edited": "bearbeitet"
   },
   "comment": {
@@ -634,4 +640,4 @@
     "have-fun": "Jetzt aber viel Spaß mit der Alpha von Human Connection! Für den ersten Weltfrieden. ♥︎",
     "closing": "Herzlichst <br><br> Euer Human Connection Team"
   }
-}
+}

webapp/locales/en.json

@@ -109,6 +109,12 @@
       "noHashtagsFound": "No hashtags found",
       "addHashtag": "New hashtag",
       "addLetter": "Type a letter"
+    },
+    "embed": {
+      "data_privacy_warning": "Data Privacy Warning!",
+      "data_privacy_info": "Your data has not yet been shared with any third party providers. If you proceed to watch this video the following provider will likely collect user data:",
+      "play_now": "Watch now",
+      "always_allow": "Always allow embedded content by third party providers (this setting can be changed any time)"
     }
   },
   "profile": {
@@ -348,7 +354,7 @@
       "button-totrue": "allow permanently",
       "third-party-false": "It automatically integrates <b style='color:red'>no </b> third-party providers' service.",
       "third-party-true": "The inclusion of third-party services is <b style='color:red'>permanently allowed</b> and stored for future sessions."
-    }
+    },
     "edited": "edited"
   },
   "comment": {
@@ -635,4 +641,4 @@
     "have-fun": "Now have fun with the alpha version of Human Connection! For the first universal peace. ♥︎",
     "closing": "Thank you very much <br> <br> your Human Connection Team"
   }
-}
+}