Made modalIsActive a computed property on the Settings screen

(Thereby fixing its behaviour.)
parent 36339b87
......@@ -13,8 +13,7 @@
<!-- Buefy docs recommend adding has-modal-card property for better
mobile handling but it makes the modal very wide. Keep an eye on this -->
<b-modal :active.sync='modalIsActive' scroll='keep'>
<!-- <div class='modal-background'></div> -->
<b-modal :active.sync='modalIsActive' :canCancel='false' scroll='keep'>
<div class='modal-card' style='width: auto'>
<header class='modal-card-head'>
<p class='modal-card-title'>Welcome to the Indienet!</p>
......@@ -53,6 +52,8 @@
<script>
export default {
computed: {
modalIsActive () { return !this.configured },
name: {
get () {
return this.$store.state.name
......@@ -80,8 +81,7 @@
},
data () {
return {
password: '',
modalIsActive: !this.configured
password: ''
}
},
methods: {
......@@ -129,6 +129,7 @@
.modal-card-body {
padding-top: 0;
/* padding-bottom: 0; */
}
div.VuePassword__Message {
......
......@@ -3,8 +3,8 @@
const siteConfiguration = require('../assets/data.json')
// Mock: sign-in state
siteConfiguration.signedIn = false
siteConfiguration.configured = false
siteConfiguration.signedIn = true
siteConfiguration.configured = true
export const state = () => (siteConfiguration)
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment