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

💄 Better clear buttons

Browse Source
This commit is contained in:
Liyas Thomas
2019-09-25 08:57:04 +05:30
parent dc3b069c23
commit 351e694448
1 changed files with 86 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
pages/index.vue
View File

@@ -44,7 +44,6 @@
</pw-modal> </pw-modal>
</pw-section> </pw-section>
<pw-section class="blue" label="Request" ref="request"> <pw-section class="blue" label="Request" ref="request">
<button @click="clearContent">Clear</button>
<ul> <ul>
<li> <li>
<label for="method">Method</label> <label for="method">Method</label>
@@ -158,6 +157,12 @@
</ul> </ul>
</div> </div>
</div> </div>
<button class="icon" @click="clearContent">
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd">
<path d="M5.662 23l-5.369-5.365c-.195-.195-.293-.45-.293-.707 0-.256.098-.512.293-.707l14.929-14.928c.195-.194.451-.293.707-.293.255 0 .512.099.707.293l7.071 7.073c.196.195.293.451.293.708 0 .256-.097.511-.293.707l-11.216 11.219h5.514v2h-12.343zm3.657-2l-5.486-5.486-1.419 1.414 4.076 4.072h2.829zm.456-11.429l-4.528 4.528 5.658 5.659 4.527-4.53-5.657-5.657z"/>
</svg>
<span>Reset</span>
</button>
</pw-section> </pw-section>
<pw-section class="blue" label="Code" ref="requestCode" v-if="!isHidden"> <pw-section class="blue" label="Code" ref="requestCode" v-if="!isHidden">
<ul> <ul>
@@ -236,10 +241,19 @@
<label for="tab-one">Authentication</label> <label for="tab-one">Authentication</label>
<div class="tab"> <div class="tab">
<pw-section class="cyan" label="Authentication"> <pw-section class="cyan" label="Authentication">
<button @click="clearContent('auth')">Clear</button>
<ul> <ul>
<li> <li>
<div class="flex-wrap">
<label for="auth">Authentication Type</label> <label for="auth">Authentication Type</label>
<div>
<button class="icon" @click="clearContent('auth')">
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd">
<path d="M5.662 23l-5.369-5.365c-.195-.195-.293-.45-.293-.707 0-.256.098-.512.293-.707l14.929-14.928c.195-.194.451-.293.707-.293.255 0 .512.099.707.293l7.071 7.073c.196.195.293.451.293.708 0 .256-.097.511-.293.707l-11.216 11.219h5.514v2h-12.343zm3.657-2l-5.486-5.486-1.419 1.414 4.076 4.072h2.829zm.456-11.429l-4.528 4.528 5.658 5.659 4.527-4.53-5.657-5.657z"/>
</svg>
<span>Clear</span>
</button>
</div>
</div>
<select id="auth" v-model="auth"> <select id="auth" v-model="auth">
<option>None</option> <option>None</option>
<option>Basic</option> <option>Basic</option>
@@ -278,10 +292,19 @@
<label for="tab-two">Headers</label> <label for="tab-two">Headers</label>
<div class="tab"> <div class="tab">
<pw-section class="orange" label="Headers"> <pw-section class="orange" label="Headers">
<button @click="clearContent('headers')">Clear</button>
<ul> <ul>
<li> <li>
<div class="flex-wrap">
<label for="headerList">Header List</label> <label for="headerList">Header List</label>
<div>
<button class="icon" @click="clearContent('headers')">
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd">
<path d="M5.662 23l-5.369-5.365c-.195-.195-.293-.45-.293-.707 0-.256.098-.512.293-.707l14.929-14.928c.195-.194.451-.293.707-.293.255 0 .512.099.707.293l7.071 7.073c.196.195.293.451.293.708 0 .256-.097.511-.293.707l-11.216 11.219h5.514v2h-12.343zm3.657-2l-5.486-5.486-1.419 1.414 4.076 4.072h2.829zm.456-11.429l-4.528 4.528 5.658 5.659 4.527-4.53-5.657-5.657z"/>
</svg>
<span>Clear</span>
</button>
</div>
</div>
<textarea id="headerList" readonly v-textarea-auto-height="headerString" v-model="headerString" placeholder="(add at least one header)" rows="1"></textarea> <textarea id="headerList" readonly v-textarea-auto-height="headerString" v-model="headerString" placeholder="(add at least one header)" rows="1"></textarea>
</li> </li>
</ul> </ul>
@@ -318,10 +341,19 @@
<label for="tab-three">Parameters</label> <label for="tab-three">Parameters</label>
<div class="tab"> <div class="tab">
<pw-section class="pink" label="Parameters"> <pw-section class="pink" label="Parameters">
<button @click="clearContent('parameters')">Clear</button>
<ul> <ul>
<li> <li>
<div class="flex-wrap">
<label for="paramList">Parameter List</label> <label for="paramList">Parameter List</label>
<div>
<button class="icon" @click="clearContent('parameters')">
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd">
<path d="M5.662 23l-5.369-5.365c-.195-.195-.293-.45-.293-.707 0-.256.098-.512.293-.707l14.929-14.928c.195-.194.451-.293.707-.293.255 0 .512.099.707.293l7.071 7.073c.196.195.293.451.293.708 0 .256-.097.511-.293.707l-11.216 11.219h5.514v2h-12.343zm3.657-2l-5.486-5.486-1.419 1.414 4.076 4.072h2.829zm.456-11.429l-4.528 4.528 5.658 5.659 4.527-4.53-5.657-5.657z"/>
</svg>
<span>Clear</span>
</button>
</div>
</div>
<textarea id="paramList" readonly v-textarea-auto-height="queryString" v-model="queryString" placeholder="(add at least one parameter)" rows="1"></textarea> <textarea id="paramList" readonly v-textarea-auto-height="queryString" v-model="queryString" placeholder="(add at least one parameter)" rows="1"></textarea>
</li> </li>
</ul> </ul>