X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FWelcome.vue;fp=client%2Fsrc%2Fcomponents%2FWelcome.vue;h=2e2cb82337f6a9c23f3ea398144e262f2cbe4847;hb=5b852870cf90a96d1a2a16ce158e57ee5dd52681;hp=0000000000000000000000000000000000000000;hpb=51d87b528ca16905a834cd5bcfad83ab07fbc99f;p=vchess.git

diff --git a/client/src/components/Welcome.vue b/client/src/components/Welcome.vue
new file mode 100644
index 00000000..2e2cb823
--- /dev/null
+++ b/client/src/components/Welcome.vue
@@ -0,0 +1,29 @@
+<template lang="pug">
+div
+  input#modalWelcome.modal(type="checkbox")
+  div(role="dialog")
+    .card
+      div(v-html="content")
+</template>
+
+<script>
+import { store } from "@/store.js";
+export default {
+  name: "my-welcome",
+  computed: {
+    content: function() {
+      // (AJAX) Request to get welcome content (plain text, HTML)
+      return require("raw-loader!@/translations/welcome/" + store.state.lang + ".pug")
+        // Next two lines fix a weird issue after last update (2019-11)
+        .replace(/\\n/g, " ").replace(/\\"/g, '"')
+        .replace('module.exports = "', '').replace(/"$/, "");
+    },
+  },
+  methods: {
+    closeAndDisable: function() {
+      document.getElementById("modalWelcome").checked = false;
+      localStorage.setItem('welcomed',true);
+    },
+  },
+};
+</script>