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

✨ Custom methods support (follow up of #398)

Browse Source
This commit is contained in:
Liyas Thomas
2020-02-04 07:05:37 +05:30
parent 09a88b4a97
commit 06d58547c8
2 changed files with 100 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
pages/index.vue
View File

@@ -45,17 +45,92 @@
<li>
<label for="method">{{ $t("method") }}</label>
<span class="select-wrapper">
<select id="method" v-model="method" @change="methodChange">
<option value="GET">GET</option>
<option value="HEAD">HEAD</option>
<option value="POST">POST</option>
<option value="PUT">PUT</option>
<option value="DELETE">DELETE</option>
<option value="CONNECT">CONNECT</option>
<option value="OPTIONS">OPTIONS</option>
<option value="TRACE">TRACE</option>
<option value="PATCH">PATCH</option>
</select>
<v-popover>
<input id="method" v-model="method" />
<template slot="popover">
<div>
<button
class="icon"
@click="method = 'GET'"
v-close-popover
>
GET
</button>
</div>
<div>
<button
class="icon"
@click="method = 'HEAD'"
v-close-popover
>
HEAD
</button>
</div>
<div>
<button
class="icon"
@click="method = 'POST'"
v-close-popover
>
POST
</button>
</div>
<div>
<button
class="icon"
@click="method = 'PUT'"
v-close-popover
>
PUT
</button>
</div>
<div>
<button
class="icon"
@click="method = 'DELETE'"
v-close-popover
>
DELETE
</button>
</div>
<div>
<button
class="icon"
@click="method = 'CONNECT'"
v-close-popover
>
CONNECT
</button>
</div>
<div>
<button
class="icon"
@click="method = 'OPTIONS'"
v-close-popover
>
OPTIONS
</button>
</div>
<div>
<button
class="icon"
@click="method = 'TRACE'"
v-close-popover
>
TRACE
</button>
</div>
<div>
<button
class="icon"
@click="method = 'PATCH'"
v-close-popover
>
PATCH
</button>
</div>
</template>
</v-popover>
</span>
</li>
<li>
@@ -1574,6 +1649,12 @@ export default {
editingRequest(newValue) {
this.editRequest = newValue;
this.showRequestModal = true;
},
method() {
// this.$store.commit('setState', { 'value': ["POST", "PUT", "PATCH"].includes(this.method) ? 'application/json' : '', 'attribute': 'contentType' })
this.contentType = ["POST", "PUT", "PATCH"].includes(this.method)
? "application/json"
: "";
}
},
computed: {
@@ -2669,12 +2750,6 @@ export default {
}
this.setRouteQueryState();
},
methodChange() {
// this.$store.commit('setState', { 'value': ["POST", "PUT", "PATCH"].includes(this.method) ? 'application/json' : '', 'attribute': 'contentType' })
this.contentType = ["POST", "PUT", "PATCH"].includes(this.method)
? "application/json"
: "";
},
uploadPayload() {
this.rawInput = true;
const file = this.$refs.payload.files[0];