mirror of
https://github.com/aljazceru/nostrdvm.git
synced 2025-12-23 17:04:27 +01:00
restructure test/gui to ui/
This commit is contained in:
43
ui/noogle/src/components/modaltest.vue
Normal file
43
ui/noogle/src/components/modaltest.vue
Normal file
@@ -0,0 +1,43 @@
|
||||
<script>
|
||||
import store from "@/store.js";
|
||||
|
||||
export default {
|
||||
name: "modaltest",
|
||||
computed: {
|
||||
store() {
|
||||
return store
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
users: [],
|
||||
isModalVisible: false,
|
||||
userModal: {},
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
openModal(user) {
|
||||
this.userModal = user;
|
||||
this.isModalVisible = true;
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div v-for="user in store.state.nip89dvms" :key="user.id">
|
||||
<button @click="openModal(user)">open modal</button>
|
||||
</div>
|
||||
|
||||
<Modal v-show="isModalVisible" @close="closeModal">
|
||||
<p>TEST</p>
|
||||
</Modal>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user