mirror of
https://github.com/lubosz/overte.git
synced 2025-04-23 23:33:48 +02:00
Edit functionality enabled.
This commit is contained in:
parent
c89f07d508
commit
e8027ac6a2
1 changed files with 83 additions and 6 deletions
|
@ -108,9 +108,15 @@
|
|||
</v-list-item-action>
|
||||
</v-list-item>
|
||||
<v-list-item
|
||||
@click="renameItem(item.url)"
|
||||
@click="
|
||||
editDialog.show = true;
|
||||
editDialog.url = item.url;
|
||||
editDialog.data.type = item.type;
|
||||
editDialog.data.name = item.name;
|
||||
editDialog.data.url = item.url;
|
||||
"
|
||||
>
|
||||
<v-list-item-title>Rename</v-list-item-title>
|
||||
<v-list-item-title>Edit</v-list-item-title>
|
||||
<v-list-item-action>
|
||||
<v-icon>mdi-pencil</v-icon>
|
||||
</v-list-item-action>
|
||||
|
@ -144,6 +150,7 @@
|
|||
</v-data-iterator>
|
||||
</v-container>
|
||||
</v-content>
|
||||
|
||||
<v-dialog
|
||||
v-model="removeDialog.show"
|
||||
max-width="290"
|
||||
|
@ -180,6 +187,60 @@
|
|||
</v-card>
|
||||
</v-dialog>
|
||||
|
||||
<v-dialog
|
||||
v-model="editDialog.show"
|
||||
max-width="380"
|
||||
>
|
||||
<v-card>
|
||||
<v-card-title class="headline">Edit Item</v-card-title>
|
||||
|
||||
<v-text-field
|
||||
class="px-2"
|
||||
label="Type"
|
||||
v-model="editDialog.data.type"
|
||||
required
|
||||
></v-text-field>
|
||||
|
||||
<v-text-field
|
||||
class="px-2"
|
||||
label="Name"
|
||||
v-model="editDialog.data.name"
|
||||
required
|
||||
></v-text-field>
|
||||
|
||||
<v-text-field
|
||||
class="px-2"
|
||||
label="URL"
|
||||
v-model="editDialog.data.url"
|
||||
required
|
||||
></v-text-field>
|
||||
|
||||
|
||||
<v-card-actions>
|
||||
|
||||
<v-btn
|
||||
color="red"
|
||||
class="px-3"
|
||||
@click="editDialog.show = false"
|
||||
>
|
||||
No
|
||||
</v-btn>
|
||||
|
||||
<v-spacer></v-spacer>
|
||||
|
||||
<v-btn
|
||||
color="blue"
|
||||
class="px-3"
|
||||
@click="editDialog.show = false; editItem(editDialog.url);"
|
||||
>
|
||||
Yes
|
||||
</v-btn>
|
||||
|
||||
</v-card-actions>
|
||||
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
|
||||
<v-dialog
|
||||
v-model="addDialog.show"
|
||||
max-width="380"
|
||||
|
@ -352,9 +413,10 @@ new Vue({
|
|||
"color": "grey",
|
||||
}
|
||||
},
|
||||
// The URL is the key (to finding the item we want) so we want to keep track of that.
|
||||
removeDialog: {
|
||||
show: false,
|
||||
url: null, // This is the item to remove since URL is the key.
|
||||
url: null,
|
||||
},
|
||||
addDialog: {
|
||||
show: false,
|
||||
|
@ -363,6 +425,15 @@ new Vue({
|
|||
"url": null,
|
||||
},
|
||||
},
|
||||
editDialog: {
|
||||
show: false,
|
||||
url: null, // This is the key, the URL in data is what will overwrite this key.
|
||||
data: {
|
||||
"type": null,
|
||||
"name": null,
|
||||
"url": null,
|
||||
},
|
||||
},
|
||||
receiveDialog: {
|
||||
show: false,
|
||||
user: null,
|
||||
|
@ -427,10 +498,16 @@ new Vue({
|
|||
if (this.items[i].url == url) {
|
||||
this.items.splice(i, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
renameItem: function(url) {
|
||||
|
||||
editItem: function(url) {
|
||||
for (i = 0; i < this.items.length; i++) {
|
||||
if (this.items[i].url == url) {
|
||||
this.items[i].type = this.editDialog.data.type;
|
||||
this.items[i].name = this.editDialog.data.name;
|
||||
this.items[i].url = this.editDialog.data.url;
|
||||
}
|
||||
}
|
||||
},
|
||||
receivingItem: function(name, url) {
|
||||
|
||||
|
|
Loading…
Reference in a new issue