Add missing DebugModal

This commit is contained in:
Peter Stuifzand 2018-08-27 23:19:21 +02:00
parent 18c0ef6ae4
commit 57139fd68a

View File

@ -0,0 +1,36 @@
<template>
<div :class="classes">
<div class="modal-background"></div>
<div class="modal-card">
<header class="modal-card-head">
<p class="modal-card-title">Debug</p>
<button class="delete" aria-label="close" @click="close"></button>
</header>
<section class="modal-card-body"><pre>{{ JSON.stringify(item, null, 2) }}</pre></section>
<footer class="modal-card-foot">
<button class="button" @click="close">Cancel</button>
</footer>
</div>
</div>
</template>
<script>
export default {
name: "DebugModal",
props: ['active', 'item'],
computed: {
classes() {
return {'is-active': this.active, 'modal': true}
}
},
methods: {
close() {
this.$emit('close')
}
}
}
</script>
<style scoped>
</style>