Fix the logic on database modals

This commit is contained in:
Dane Everitt 2019-05-27 16:43:28 -07:00
parent 7e89e1bc00
commit d284083d20
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
6 changed files with 64 additions and 61 deletions

View file

@ -18,13 +18,11 @@
<div>
<button class="btn btn-primary btn-lg" v-on:click="showCreateModal = true">Create new database</button>
</div>
<Modal :isVisible="showCreateModal" v-on:close="showCreateModal = false">
<CreateDatabaseModal
v-on:close="showCreateModal = false"
v-on:database="handleModalCallback"
v-if="showCreateModal"
/>
</modal>
<CreateDatabaseModal
:isVisible="showCreateModal"
v-on:database="handleModalCallback"
v-on:close="showCreateModal = false"
/>
</div>
</div>
</template>
@ -32,7 +30,6 @@
<script lang="ts">
import Vue from 'vue';
import {filter, map} from 'lodash';
import Modal from '@/components/core/Modal.vue';
import CreateDatabaseModal from './../components/database/CreateDatabaseModal.vue';
import Icon from "@/components/core/Icon.vue";
import {ServerDatabase} from "@/api/server/types";
@ -46,7 +43,7 @@
export default Vue.extend({
name: 'ServerDatabases',
components: {DatabaseRow, CreateDatabaseModal, Modal, Icon},
components: {DatabaseRow, CreateDatabaseModal, Icon},
data: function (): DataStructure {
return {