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

wip - basic functionality achieved

Browse Source
This commit is contained in:
Nicholas Palenchar
2019-08-25 11:53:23 -04:00
parent f80a0cbd07
commit 8759b245ea
1 changed files with 37 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
pages/index.vue
View File

@@ -36,34 +36,40 @@
<option>application/json</option> <option>application/json</option>
<option>www-form/urlencoded</option> <option>www-form/urlencoded</option>
</select> </select>
<!-- <label for="rawinput">Raw input</label>-->
<span><input v-model="rawInput" type="checkbox" id="rawinput">Raw Input</span>
</li> </li>
</ul> </ul>
<ol v-for="(param, index) in bodyParams"> <div v-if="!rawInput">
<li> <ol v-for="(param, index) in bodyParams">
<label :for="'bparam'+index">Key {{index + 1}}</label> <li>
<input :name="'bparam'+index" v-model="param.key"> <label :for="'bparam'+index">Key {{index + 1}}</label>
</li> <input :name="'bparam'+index" v-model="param.key">
<li> </li>
<label :for="'bvalue'+index">Value {{index + 1}}</label> <li>
<input :name="'bvalue'+index" v-model="param.value"> <label :for="'bvalue'+index">Value {{index + 1}}</label>
</li> <input :name="'bvalue'+index" v-model="param.value">
<li> </li>
<label for="request">&nbsp;</label> <li>
<button name="request" @click="removeRequestBodyParam(index)">Remove</button> <label for="request">&nbsp;</label>
</li> <button name="request" @click="removeRequestBodyParam(index)">Remove</button>
</ol> </li>
<ul> </ol>
<li> <ul>
<label for="addrequest">Action</label> <li>
<button name="addrequest" @click="addRequestBodyParam">Add</button> <label for="addrequest">Action</label>
</li> <button name="addrequest" @click="addRequestBodyParam">Add</button>
</ul> </li>
<ul> </ul>
<li> <ul>
<label for="request">Parameter List</label> <li>
<textarea name="request" rows="1" readonly>{{rawRequestBody || '(add at least one parameter)'}}</textarea> <label for="request">Parameter List</label>
</li> <textarea name="request" rows="1" readonly>{{rawRequestBody || '(add at least one parameter)'}}</textarea>
</ul> </li>
</ul>
</div><div v-else>
<textarea v-model="rawParams" style="font-family: monospace;" rows="16"></textarea>
</div>
</pw-section> </pw-section>
<pw-section class="green" label="Authentication" collapsed> <pw-section class="green" label="Authentication" collapsed>
@@ -213,6 +219,8 @@
bearerToken: '', bearerToken: '',
params: [], params: [],
bodyParams: [], bodyParams: [],
rawParams: '',
rawInput: false,
contentType: 'application/json', contentType: 'application/json',
response: { response: {
status: '', status: '',
@@ -244,6 +252,7 @@
return validIP.test(this.url) || validHostname.test(this.url); return validIP.test(this.url) || validHostname.test(this.url);
}, },
rawRequestBody() { rawRequestBody() {
debugger;
const { const {
bodyParams bodyParams
} = this } = this
@@ -329,7 +338,8 @@
xhr.setRequestHeader('Authorization', 'Bearer ' + this.bearerToken); xhr.setRequestHeader('Authorization', 'Bearer ' + this.bearerToken);
} }
if (this.method === 'POST' || this.method === 'PUT') { if (this.method === 'POST' || this.method === 'PUT') {
const requestBody = this.rawRequestBody debugger;
const requestBody = this.rawInput ? this.rawParams : this.rawRequestBody;
xhr.setRequestHeader('Content-Length', requestBody.length) xhr.setRequestHeader('Content-Length', requestBody.length)
xhr.setRequestHeader('Content-Type', `${this.contentType}; charset=utf-8`) xhr.setRequestHeader('Content-Type', `${this.contentType}; charset=utf-8`)
xhr.send(requestBody) xhr.send(requestBody)