pse-dashboard/src/components/HelpModal.vue


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
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>