A lot

KTUSAPS/ClientApp/src/components/DataAlert.vue

@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <div ref="modal" class="modal" tabindex="-1">
+      <div class="modal-dialog">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title">Duomenų naudojimo pranešimas</h5>
+          </div>
+          <div class="modal-body">
+            <p>
+              Norime jus informuoti, kad sutikdami su šituo duomenų sutikimo jus
+              KTU studentų atstovybei sutinkate perduoti savo duomenis, tokius
+              kaip el. pašto adresas, indentifikacijos kodas, jūsų vardas ir
+              pavardė, ir kitus svarbūs identifikavimo duomenis apie jus.
+            </p>
+            <p>
+              Norime informuoti, kad ši programa naudoja sausainiukus ir vietinę
+              saugyklą, kad užtikrintų sklandų veikimą.
+            </p>
+          </div>
+          <div class="modal-footer">
+            <button type="button" class="btn btn-primary" @click="confirm">
+              Sutinku
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { Modal } from 'bootstrap'
+export default {
+  data() {
+    return {
+      modal: null,
+    }
+  },
+  methods: {
+    confirm() {
+      this.modal.hide()
+      window.localStorage.setItem('conf', 'true')
+    },
+  },
+  mounted() {
+    var el = this.$refs.modal
+    this.modal = new Modal(el, {
+      keyboard: false,
+      backdrop: 'static',
+    })
+
+    if (!window.localStorage.getItem('conf')) {
+      this.modal.show()
+    }
+  },
+}
+</script>