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

✨ Added Copy Request URL button

Browse Source
This commit is contained in:
Liyas Thomas
2019-09-02 17:35:59 +05:30
parent 80a0669c69
commit 928545e7eb
1 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
pages/index.vue
View File

@@ -25,7 +25,8 @@
<li> <li>
<label class="hide-on-small-screen" for="action">&nbsp;</label> <label class="hide-on-small-screen" for="action">&nbsp;</label>
<button :disabled="!isValidURL" @click="sendRequest" class="show" id="action" name="action" ref="sendButton"> <button :disabled="!isValidURL" @click="sendRequest" class="show" id="action" name="action" ref="sendButton">
Send <span id="hidden-message">Again</span></button> Send <span id="hidden-message">Again</span>
</button>
</li> </li>
</ul> </ul>
</pw-section> </pw-section>
@@ -34,7 +35,6 @@
<li> <li>
<autocomplete :source="validContentTypes" :spellcheck="false" v-model="contentType">Content Type <autocomplete :source="validContentTypes" :spellcheck="false" v-model="contentType">Content Type
</autocomplete> </autocomplete>
<span> <span>
<pw-toggle :on="rawInput" @change="rawInput = !rawInput"> <pw-toggle :on="rawInput" @change="rawInput = !rawInput">
Raw input {{ rawInput ? "enabled" : "disabled" }} Raw input {{ rawInput ? "enabled" : "disabled" }}
@@ -91,7 +91,10 @@
<li> <li>
<div class="flex-wrap"> <div class="flex-wrap">
<label for="body">response</label> <label for="body">response</label>
<button @click="copyResponse" name="action" v-if="response.body">Copy Response</button> <div>
<button class="block" @click="copyRequest" name="copyRequest" v-if="isValidURL">Copy Request URL</button>
<button @click="copyResponse" name="copyResponse" v-if="response.body">Copy Response</button>
</div>
</div> </div>
<div id="response-details-wrapper"> <div id="response-details-wrapper">
<textarea id="response-details" name="body" readonly rows="16">{{response.body || '(waiting to send request)'}}</textarea> <textarea id="response-details" name="body" readonly rows="16">{{response.body || '(waiting to send request)'}}</textarea>
@@ -102,7 +105,6 @@
</div> </div>
</li> </li>
</ul> </ul>
<br>
</pw-section> </pw-section>
<pw-section class="green" collapsed label="Authentication"> <pw-section class="green" collapsed label="Authentication">
<ul> <ul>
@@ -540,6 +542,14 @@
return false; return false;
} }
}, },
copyRequest() {
var dummy = document.createElement('input');
document.body.appendChild(dummy);
dummy.value = window.location.href;
dummy.select();
document.execCommand('copy');
document.body.removeChild(dummy);
},
copyResponse() { copyResponse() {
var copyText = document.getElementById("response-details"); var copyText = document.getElementById("response-details");
copyText.select(); copyText.select();