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

⚡ Lint

Browse Source
This commit is contained in:
Liyas Thomas
2019-11-18 18:02:44 +05:30
parent 0c303b63bd
commit 967bf49db0
7 changed files with 107 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/collections/collection.vue
View File

@@ -15,11 +15,7 @@
</button>
<template slot="popover">
<div>
<button
class="icon"
@click="$emit('add-folder')"
v-close-popover
>
<button class="icon" @click="$emit('add-folder')" v-close-popover>
<i class="material-icons">create_new_folder</i>
<span>New folder</span>
</button>
@@ -35,11 +31,7 @@
</button>
</div>
<div>
<button
class="icon"
@click="removeCollection"
v-close-popover
>
<button class="icon" @click="removeCollection" v-close-popover>
<i class="material-icons">delete</i>
<span>Delete</span>
</button>

12
components/collections/folder.vue
View File

@@ -15,21 +15,13 @@
</button>
<template slot="popover">
<div>
<button
class="icon"
@click="editFolder"
v-close-popover
>
<button class="icon" @click="editFolder" v-close-popover>
<i class="material-icons">edit</i>
<span>Edit</span>
</button>
</div>
<div>
<button
class="icon"
@click="removeFolder"
v-close-popover
>
<button class="icon" @click="removeFolder" v-close-popover>
<i class="material-icons">delete</i>
<span>Delete</span>
</button>

6
components/collections/index.vue
View File

@@ -50,7 +50,11 @@ TODO:
</button>
</div>
<div>
<button class="icon" @click="displayModalImportExport(true)" v-tooltip="'Import / Export'">
<button
class="icon"
@click="displayModalImportExport(true)"
v-tooltip="'Import / Export'"
>
<i class="material-icons">import_export</i>
</button>
<a

12
components/collections/request.vue
View File

@@ -12,21 +12,13 @@
</button>
<template slot="popover">
<div>
<button
class="icon"
@click="$emit('edit-request')"
v-close-popover
>
<button class="icon" @click="$emit('edit-request')" v-close-popover>
<i class="material-icons">edit</i>
<span>Edit</span>
</button>
</div>
<div>
<button
class="icon"
@click="removeRequest"
v-close-popover
>
<button class="icon" @click="removeRequest" v-close-popover>
<i class="material-icons">delete</i>
<span>Delete</span>
</button>

29
components/history.vue
View File

@@ -11,9 +11,9 @@
/>
</li>
<v-popover>
<button class="tooltip-target icon" v-tooltip="'Sort'">
<i class="material-icons">sort</i>
</button>
<button class="tooltip-target icon" v-tooltip="'Sort'">
<i class="material-icons">sort</i>
</button>
<template slot="popover">
<div>
<button class="icon" @click="sort_by_label()" v-close-popover>
@@ -28,7 +28,11 @@
</button>
</div>
<div>
<button class="icon" @click="sort_by_status_code()" v-close-popover>
<button
class="icon"
@click="sort_by_status_code()"
v-close-popover
>
<i class="material-icons">assistant</i>
<span>Status</span>
</button>
@@ -52,13 +56,10 @@
</button>
</div>
<div>
<button
class="icon"
@click="toggleCollapse()"
>
<button class="icon" @click="toggleCollapse()">
<i class="material-icons" v-if="!showMore">first_page</i>
<i class="material-icons" v-else>last_page</i>
<span>{{ !showMore ? 'Show more' : 'Hide more' }}</span>
<span>{{ !showMore ? "Show more" : "Hide more" }}</span>
</button>
</div>
</template>
@@ -91,7 +92,7 @@
placeholder="No label"
/>
</li>
<!--
<!--
<li>
<button
class="icon"
@@ -123,7 +124,7 @@
<span>Restore</span>
</button>
</div>
<div>
<div>
<button
class="icon"
:id="'delete-button#' + index"
@@ -241,7 +242,7 @@
class="icon"
id="confirm-clear-history-button"
@click="clearHistory"
v-tooltip="'Yes'"
v-tooltip="'Yes'"
>
<i class="material-icons">done</i>
</button>
@@ -249,7 +250,7 @@
class="icon"
id="reject-clear-history-button"
@click="disableHistoryClearing"
v-tooltip="'No'"
v-tooltip="'No'"
>
<i class="material-icons">close</i>
</button>
@@ -300,7 +301,7 @@ ol li {
position: absolute;
top: 10px;
right: 8px;
font-family: 'Roboto Mono', monospace;
font-family: "Roboto Mono", monospace;
background-color: var(--bg-color);
padding: 2px 8px;
border-radius: 8px;

2
functions/index.js
View File

@@ -1,4 +1,4 @@
const functions = require('firebase-functions');
// const functions = require('firebase-functions');
// // Create and Deploy Your First Cloud Functions
// // https://firebase.google.com/docs/functions/write-firebase-functions

139
pages/index.vue
View File

@@ -125,7 +125,8 @@
<div class="flex-wrap">
<span>
<pw-toggle :on="rawInput" @change="rawInput = $event"
>Raw Input {{ rawInput ? "Enabled" : "Disabled" }}</pw-toggle
>Raw Input
{{ rawInput ? "Enabled" : "Disabled" }}</pw-toggle
>
</span>
<div>
@@ -247,7 +248,9 @@
id="code"
v-on:click="isHidden = !isHidden"
:disabled="!isValidURL"
v-tooltip.bottom="{ content: isHidden ? 'Show Code' : 'Hide Code' }"
v-tooltip.bottom="{
content: isHidden ? 'Show Code' : 'Hide Code'
}"
>
<i class="material-icons">flash_on</i>
</button>
@@ -314,7 +317,11 @@
<div class="tab">
<br />
<pw-section class="cyan" label="Authentication" ref="authentication">
<pw-section
class="cyan"
label="Authentication"
ref="authentication"
>
<ul>
<li>
<div class="flex-wrap">
@@ -360,10 +367,14 @@
ref="switchVisibility"
@click="switchVisibility"
>
<i class="material-icons" v-if="passwordFieldType === 'text'"
<i
class="material-icons"
v-if="passwordFieldType === 'text'"
>visibility</i
>
<i class="material-icons" v-if="passwordFieldType !== 'text'"
<i
class="material-icons"
v-if="passwordFieldType !== 'text'"
>visibility_off</i
>
</button>
@@ -554,7 +565,12 @@
<br />
<pw-section class="purple" id="response" label="Response" ref="response">
<pw-section
class="purple"
id="response"
label="Response"
ref="response"
>
<ul>
<li>
<label for="status">status</label>
@@ -626,7 +642,9 @@
v-if="response.body && responseType === 'text/html'"
>
<button class="icon" @click.prevent="togglePreview">
<i class="material-icons" v-if="!previewEnabled">visibility</i>
<i class="material-icons" v-if="!previewEnabled"
>visibility</i
>
<i class="material-icons" v-else>visibility_off</i>
<span>{{
previewEnabled ? "Hide Preview" : "Preview HTML"
@@ -643,7 +661,10 @@
<input id="history-tab" type="radio" name="side" checked="checked" />
<label for="history-tab">History</label>
<div class="tab">
<history @useHistory="handleUseHistory" ref="historyComponent"></history>
<history
@useHistory="handleUseHistory"
ref="historyComponent"
></history>
</div>
<input id="collection-tab" type="radio" name="side" />
<label for="collection-tab">Collections</label>
@@ -701,59 +722,59 @@
</pw-modal>
<pw-modal v-if="!isHidden" @close="isHidden = true">
<div slot="header">
<ul>
<li>
<div class="flex-wrap">
<h3 class="title">Generate code</h3>
<div>
<button class="icon" @click="isHidden = true">
<i class="material-icons">close</i>
</button>
<div slot="header">
<ul>
<li>
<div class="flex-wrap">
<h3 class="title">Generate code</h3>
<div>
<button class="icon" @click="isHidden = true">
<i class="material-icons">close</i>
</button>
</div>
</div>
</div>
</li>
</ul>
</div>
<div slot="body">
<ul>
<li>
<label for="requestType">Request Type</label>
<select id="requestType" v-model="requestType">
<option>JavaScript XHR</option>
<option>Fetch</option>
<option>cURL</option>
</select>
</li>
</ul>
<ul>
<li>
<div class="flex-wrap">
<label for="generatedCode">Generated Code</label>
<div>
<button
class="icon"
@click="copyRequestCode"
id="copyRequestCode"
ref="copyRequestCode"
v-tooltip="'Copy code'"
>
<i class="material-icons">file_copy</i>
</button>
</li>
</ul>
</div>
<div slot="body">
<ul>
<li>
<label for="requestType">Request Type</label>
<select id="requestType" v-model="requestType">
<option>JavaScript XHR</option>
<option>Fetch</option>
<option>cURL</option>
</select>
</li>
</ul>
<ul>
<li>
<div class="flex-wrap">
<label for="generatedCode">Generated Code</label>
<div>
<button
class="icon"
@click="copyRequestCode"
id="copyRequestCode"
ref="copyRequestCode"
v-tooltip="'Copy code'"
>
<i class="material-icons">file_copy</i>
</button>
</div>
</div>
</div>
<textarea
id="generatedCode"
ref="generatedCode"
name="generatedCode"
rows="8"
v-model="requestCode"
></textarea>
</li>
</ul>
</div>
<div slot="footer"></div>
</pw-modal>
<textarea
id="generatedCode"
ref="generatedCode"
name="generatedCode"
rows="8"
v-model="requestCode"
></textarea>
</li>
</ul>
</div>
<div slot="footer"></div>
</pw-modal>
</div>
</div>
</template>