1 files changed, 44 insertions, 0 deletions
diff --git a/pse-dashboard/src/components/HelpModal.vue b/pse-dashboard/src/components/HelpModal.vue
new file mode 100644
index 0000000..b4f45ef
--- /dev/null
+++ b/pse-dashboard/src/components/HelpModal.vue
@@ -0,0 +1,44 @@
+<script setup>
+</script>
+<template>
+    <div
+        id="help"
+        class="modal fade"
+    >
+        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
+            <div class="modal-content">
+                <!-- Modal Header -->
+                <div class="modal-header">
+                    <h5 class="modal-title">
+                        {{ $t("message.help") }}
+                    </h5>
+                    <button
+                        type="button"
+                        class="btn-close"
+                        data-bs-dismiss="modal"
+                    />
+                </div>
+
+                <!-- Modal Body -->
+                <div
+                    class="modal-body"
+                    v-html="$t('message.helpModal')"
+                />
+
+                <!-- Modal Footer -->
+                <div class="modal-footer">
+                    <button
+                        type="button"
+                        class="btn btn-secondary"
+                        data-bs-dismiss="modal"
+                    >
+                        {{ $t("message.close") }}
+                    </button>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<style scoped>
+</style>
+