Last change
on this file since 35751 was 35751, checked in by cstephen, 2 years ago |
Lazy-load jimp to improve startup time.
Add modal dialog.
Confirm with user before resetting.
npm: Add pdf.js
|
File size:
947 bytes
|
Rev | Line | |
---|
[35751] | 1 | <template>
|
---|
| 2 | <div class="background-cover">
|
---|
| 3 | <div class="paper">
|
---|
| 4 | <span class="heading3">{{ title }}</span>
|
---|
| 5 | <hr />
|
---|
| 6 |
|
---|
| 7 | <span>{{ description }}</span>
|
---|
| 8 |
|
---|
| 9 | <div class="buttons">
|
---|
| 10 | <button v-for="name in buttons" :key="name" class="btn-primary" @click="$emit('close', name)">{{ name }}</button>
|
---|
| 11 | </div>
|
---|
| 12 | </div>
|
---|
| 13 | </div>
|
---|
| 14 | </template>
|
---|
| 15 |
|
---|
| 16 | <style lang="scss" scoped>
|
---|
| 17 | .background-cover {
|
---|
| 18 | position: absolute;
|
---|
| 19 | height: 100%;
|
---|
| 20 | width: 100%;
|
---|
| 21 |
|
---|
| 22 | display: flex;
|
---|
| 23 | justify-content: center;
|
---|
| 24 | align-items: center;
|
---|
| 25 |
|
---|
| 26 | background-color: #00000033;
|
---|
| 27 | z-index: 9999;
|
---|
| 28 | }
|
---|
| 29 |
|
---|
| 30 | .buttons {
|
---|
| 31 | display: flex;
|
---|
| 32 | justify-content: flex-end;
|
---|
| 33 | gap: 0.5em;
|
---|
| 34 | margin-top: 1em;
|
---|
| 35 | }
|
---|
| 36 |
|
---|
| 37 | hr {
|
---|
| 38 | margin: 0.5em 0;
|
---|
| 39 | width: 100%;
|
---|
| 40 | }
|
---|
| 41 | </style>
|
---|
| 42 |
|
---|
| 43 | <script>
|
---|
| 44 | export default {
|
---|
| 45 | name: "ModalDialog",
|
---|
| 46 | props: {
|
---|
| 47 | title: String,
|
---|
| 48 | description: String,
|
---|
| 49 | buttons: Array
|
---|
| 50 | },
|
---|
| 51 | emits: [ "close" ]
|
---|
| 52 | }
|
---|
| 53 | </script>
|
---|
Note:
See
TracBrowser
for help on using the repository browser.