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

12
components/collections/folder.vue
View File

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

6
components/collections/index.vue
View File

@@ -50,7 +50,11 @@ TODO:
</button> </button>
</div> </div>
<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> <i class="material-icons">import_export</i>
</button> </button>
<a <a

12
components/collections/request.vue
View File

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

29
components/history.vue
View File

@@ -11,9 +11,9 @@
/> />
</li> </li>
<v-popover> <v-popover>
<button class="tooltip-target icon" v-tooltip="'Sort'"> <button class="tooltip-target icon" v-tooltip="'Sort'">
<i class="material-icons">sort</i> <i class="material-icons">sort</i>
</button> </button>
<template slot="popover"> <template slot="popover">
<div> <div>
<button class="icon" @click="sort_by_label()" v-close-popover> <button class="icon" @click="sort_by_label()" v-close-popover>
@@ -28,7 +28,11 @@
</button> </button>
</div> </div>
<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> <i class="material-icons">assistant</i>
<span>Status</span> <span>Status</span>
</button> </button>
@@ -52,13 +56,10 @@
</button> </button>
</div> </div>
<div> <div>
<button <button class="icon" @click="toggleCollapse()">
class="icon"
@click="toggleCollapse()"
>
<i class="material-icons" v-if="!showMore">first_page</i> <i class="material-icons" v-if="!showMore">first_page</i>
<i class="material-icons" v-else>last_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> </button>
</div> </div>
</template> </template>
@@ -91,7 +92,7 @@
placeholder="No label" placeholder="No label"
/> />
</li> </li>
<!-- <!--
<li> <li>
<button <button
class="icon" class="icon"
@@ -123,7 +124,7 @@
<span>Restore</span> <span>Restore</span>
</button> </button>
</div> </div>
<div> <div>
<button <button
class="icon" class="icon"
:id="'delete-button#' + index" :id="'delete-button#' + index"
@@ -241,7 +242,7 @@
class="icon" class="icon"
id="confirm-clear-history-button" id="confirm-clear-history-button"
@click="clearHistory" @click="clearHistory"
v-tooltip="'Yes'" v-tooltip="'Yes'"
> >
<i class="material-icons">done</i> <i class="material-icons">done</i>
</button> </button>
@@ -249,7 +250,7 @@
class="icon" class="icon"
id="reject-clear-history-button" id="reject-clear-history-button"
@click="disableHistoryClearing" @click="disableHistoryClearing"
v-tooltip="'No'" v-tooltip="'No'"
> >
<i class="material-icons">close</i> <i class="material-icons">close</i>
</button> </button>
@@ -300,7 +301,7 @@ ol li {
position: absolute; position: absolute;
top: 10px; top: 10px;
right: 8px; right: 8px;
font-family: 'Roboto Mono', monospace; font-family: "Roboto Mono", monospace;
background-color: var(--bg-color); background-color: var(--bg-color);
padding: 2px 8px; padding: 2px 8px;
border-radius: 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 // // Create and Deploy Your First Cloud Functions
// // https://firebase.google.com/docs/functions/write-firebase-functions // // https://firebase.google.com/docs/functions/write-firebase-functions

139
pages/index.vue
View File

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