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

🎨 Minor UI update on collections

Browse Source
This commit is contained in:
Liyas Thomas
2019-10-22 21:27:48 +05:30
parent 4b3cee7f43
commit 3208cec882
6 changed files with 36 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
components/collections/addFolder.vue
View File

@@ -23,8 +23,18 @@
</ul>
</div>
<div slot="footer">
<button @click="addNewFolder" v-if='!newFolder.hasOwnProperty("folderIndex")'>Add</button>
<button @click="saveFolder" v-if='newFolder.hasOwnProperty("folderIndex")'>Save</button>
<ul>
<li>
<button class="icon" @click="addNewFolder" v-if='!newFolder.hasOwnProperty("folderIndex")'>
<i class="material-icons">add</i>
<span>Create</span>
</button>
<button class="icon" @click="saveFolder" v-if='newFolder.hasOwnProperty("folderIndex")'>
<i class="material-icons">save</i>
<span>Save</span>
</button>
</li>
</ul>
</div>
</modal>
</template>

8
components/collections/collection.vue
View File

@@ -11,13 +11,9 @@
<div class="flex-wrap">
<div>
<button class="icon" @click="toggleShowChildren" v-show='!showChildren'>
<i class="material-icons">arrow_right</i>
</button>
<button class="icon" @click="toggleShowChildren" v-show='showChildren'>
<i class="material-icons">arrow_drop_down</i>
</button>
<button class="icon" @click="toggleShowChildren">
<i class="material-icons" v-show='!showChildren'>arrow_right</i>
<i class="material-icons" v-show='showChildren'>arrow_drop_down</i>
<i class="material-icons">folder</i>
<span>{{collection.name}}</span>
</button>

2
components/collections/exportCollection.vue
View File

@@ -16,7 +16,7 @@
</ul>
</div>
<div slot="body">
<textarea v-model='collectionJson'>
<textarea v-model='collectionJson' rows="8">
</textarea>
</div>
<div slot="footer">

8
components/collections/folder.vue
View File

@@ -2,13 +2,9 @@
<div>
<div class="flex-wrap">
<div>
<button class="icon" @click="toggleShowChildren" v-show='!showChildren'>
<i class="material-icons">arrow_right</i>
</button>
<button class="icon" @click="toggleShowChildren" v-show='showChildren'>
<i class="material-icons">arrow_drop_down</i>
</button>
<button class="icon" @click="toggleShowChildren">
<i class="material-icons" v-show='!showChildren'>arrow_right</i>
<i class="material-icons" v-show='showChildren'>arrow_drop_down</i>
<i class="material-icons">folder_open</i>
<span>{{folder.name}}</span>
</button>

14
components/collections/saveRequest.vue
View File

@@ -40,8 +40,18 @@
</ul>
</div>
<div slot="footer">
<button @click="addRequest" v-if='!request.hasOwnProperty("requestIndex")'>Add</button>
<button @click="saveRequest" v-if='request.hasOwnProperty("requestIndex")'>Save</button>
<ul>
<li>
<button class="icon" @click="addRequest" v-if='!request.hasOwnProperty("requestIndex")'>
<i class="material-icons">add</i>
<span>Create</span>
</button>
<button class="icon" @click="saveRequest" v-if='request.hasOwnProperty("requestIndex")'>
<i class="material-icons">save</i>
<span>Save</span>
</button>
</li>
</ul>
</div>
</modal>
</div>