bachir/materio-d9
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

deleting flaglist_collection from ui

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2020-11-19 19:02:04 +01:00
parent 41177bd4e6
commit a8645a4b2a
11 changed files with 188 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
web/themes/custom/materiotheme/vuejs/components/User/UserFlags.vue
View File

@ -6,6 +6,11 @@
<ul>
<li v-if="flags" v-for="flag in flags" :key="flag.id">
<h5>{{ flag.name }}</h5>
<span
class="mdi mdi-trash-can-outline"
:flagid="flag.id"
@click.prevent="onDeleteFlag"
/>
</li>
<li ref="create-flag">
<span class="mdi mdi-folder-plus-outline"/>
@ -16,7 +21,7 @@
<span
class="mdi mdi-plus-box"
v-if="new_folder_name"
@click.prevent="onCreateFlag()"
@click.prevent="onCreateFlag"
/>
</li>
</ul>
@ -39,14 +44,25 @@ export default {
},
methods: {
...mapActions({
createFlag: 'User/createFlag'
createFlag: 'User/createFlag',
deleteFlag: 'User/deleteFlag'
}),
onCreateFlag () {
console.log("UserFlags onCreateFlag", this.new_folder_name)
this.createFlag(this.new_folder_name);
// .then(({ data }) => {
// console.log("UserFlag new folder", data.status);
// })
this.createFlag(this.new_folder_name)
.then(data => {
console.log("onCreateFlag then", data);
this.new_folder_name = "";
})
},
onDeleteFlag (e) {
let flagid = e.target.getAttribute('flagid');
console.log("UserFlags onDeleteFlag", flagid);
this.deleteFlag(flagid)
.then(data => {
console.log("onDeleteFlag then", data);
this.new_folder_name = "";
})
}
}
}
@ -54,13 +70,24 @@ export default {
<style lang="scss" scoped>
li{
width:100%;
// cursor: pointer;
// h5{
// }
display: flex;
flex-direction: row;
align-items: baseline;
flex-wrap: nowrap;
h5{
// flex-grow:10;
width:100%;
}
input{
border: none
}
span.mdi-plus-box{
span.mdi{
flex-basis:1em;
}
span.mdi-plus-box,
span.mdi-trash-can-outline{
cursor: pointer;
}
}