btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

✏️ Better Save request modal

Browse Source
This commit is contained in:
Liyas Thomas
2019-10-25 14:49:47 +05:30
parent a09d7d76d3
commit 27d3e9e6b7
2 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/collections/importExportCollections.vue
View File

@@ -20,8 +20,8 @@
<div slot="footer">
<ul>
<li>
<button class="icon" @click="openDialogChooseFileToReplaceWith">
<i class="material-icons">get_app</i>
<button class="icon" @click="openDialogChooseFileToReplaceWith" v-tooltip="'Replace current'">
<i class="material-icons">create_new_folder</i>
<span>Replace with JSON</span>
<input
type="file"
@@ -32,8 +32,8 @@
</button>
</li>
<li>
<button class="icon" @click="openDialogChooseFileToImportFrom">
<i class="material-icons">get_app</i>
<button class="icon" @click="openDialogChooseFileToImportFrom" v-tooltip="'Preserve current'">
<i class="material-icons">folder_shared</i>
<span>Import from JSON</span>
<input
type="file"
@@ -44,9 +44,9 @@
</button>
</li>
<li>
<button class="icon" @click="exportJSON">
<button class="icon" @click="exportJSON" v-tooltip="'Download file'">
<i class="material-icons">get_app</i>
<span>Export JSON</span>
<span>Export to JSON</span>
</button>
</li>
</ul>

18
components/collections/saveRequestAs.vue
View File

@@ -17,20 +17,24 @@
<div slot="body">
<ul>
<li>
<input type="text" v-model="requestData.name" v-bind:placeholder="defaultRequestName" />
<select type="text" v-model="requestData.collectionIndex">
<label for="selectLabel">Label</label>
<input type="text" id="selectLabel" v-model="requestData.name" v-bind:placeholder="defaultRequestName" />
<label for="selectCollection">Collection</label>
<select type="text" id="selectCollection" v-model="requestData.collectionIndex">
<option
v-for="(collection, index) in $store.state.postwoman.collections"
:key="index"
:value="index"
>{{ collection.name }}</option>
</select>
<select type="text" v-model="requestData.folderIndex">
<option :key="undefined" :value="undefined"></option>
<label for="selectFolder">Folder</label>
<select type="text" id="selectFolder" v-model="requestData.folderIndex">
<option :key="undefined" :value="undefined">/</option>
<option v-for="(folder, index) in folders" :key="index" :value="index">{{ folder.name }}</option>
</select>
<select type="text" v-model="requestData.requestIndex">
<option :key="undefined" :value="undefined"></option>
<label for="selectRequest">Request</label>
<select type="text" id="selectRequest" v-model="requestData.requestIndex">
<option :key="undefined" :value="undefined">/</option>
<option
v-for="(folder, index) in requests"
:key="index"
@@ -124,7 +128,7 @@
const userDidntSpecifyCollection =
this.$data.requestData.collectionIndex === undefined;
if (userDidntSpecifyCollection) {
this.$toast.error("please, specify collection first", {
this.$toast.error("Select a Collection", {
icon: "error"
});
return;