etc
/
VueTube
mirror of https://github.com/VueTubeApp/VueTube
0
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat: ✨ Developer mode pt 2 

Add editing registry keys
This commit is contained in:
Front 2022-03-31 21:10:28 -04:00
parent e408b8ee7e
commit 04717a3ed4
1 changed files with 38 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
NUXT/pages/mods/developer.vue
View File

@ -18,7 +18,7 @@
<v-card-text v-text="item.value" />
<v-card-actions>
<v-spacer />
<v-btn text class="actionButton" disabled><v-icon color="primary">mdi-pencil</v-icon></v-btn>
<v-btn text class="actionButton" @click="confirmEdit(item)"><v-icon color="primary">mdi-pencil</v-icon></v-btn>
<v-btn text class="actionButton" @click="confirmDelete(item)"><v-icon color="error">mdi-delete</v-icon></v-btn>
</v-card-actions>
</v-card>
@ -26,16 +26,11 @@
<!-- Delete Entry Dialog -->
<v-dialog v-model="deleteDialog" width="500">
<v-card :class="$vuetify.theme.dark ? 'background lighten-1' : 'background darken-1'">
<v-card-title class="text-h5">Confirm Delete</v-card-title>
<v-card-text>Are you sure that you want to delete <span class="highlight" v-text="selectedKey" />?</v-card-text>
<v-alert text outlined type="warning" style="margin: 0 2em 2em; 2em;">Deleting random keys may cause the app to break!</v-alert>
<v-divider></v-divider>
<v-divider />
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="primary" text @click="deleteDialog = false">No</v-btn>
@ -44,6 +39,28 @@
</v-card>
</v-dialog>
<!-- Edit Entry Dialog -->
<v-dialog v-model="editDialog" width="500">
<v-card :class="$vuetify.theme.dark ? 'background lighten-1' : 'background darken-1'">
<v-card-title class="text-h5" v-text="selectedKey"/>
<v-card-text>
<v-text-field
v-model="selectedKeyData"
label="Solo"
solo
/>
</v-card-text>
<v-alert text outlined type="warning" style="margin: -2em 2em 2em; 2em;">Editing random keys may cause the app to break!</v-alert>
<v-divider />
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="primary" text @click="editDialog = false">Close</v-btn>
<v-btn color="primary" text @click="updateKey()">Update</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
</div>
@ -56,7 +73,9 @@ export default {
keys: [],
selectedKey: null,
deleteDialog: false
selectedKeyData: null,
deleteDialog: false,
editDialog: false
};
},
mounted() {
@ -79,10 +98,21 @@ export default {
this.selectedKey = item.key;
this.deleteDialog = true;
},
confirmEdit(item) {
this.selectedKey = item.key;
this.selectedKeyData = item.value;
this.editDialog = true;
},
deleteKey() {
this.deleteDialog = false;
localStorage.removeItem(this.selectedKey);
this.syncRegistry();
},
updateKey() {
this.editDialog = false;
localStorage.setItem(this.selectedKey, this.selectedKeyData);
this.syncRegistry();
}
}
};