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

✨ More shortcuts

Browse Source
This commit is contained in:
Liyas Thomas
2019-11-14 23:18:44 +05:30
parent a159275dba
commit 3cea9de8fe
5 changed files with 88 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
assets/css/styles.scss
View File

@@ -231,31 +231,6 @@ nav.secondary-nav {
flex-direction: column; flex-direction: column;
} }
$responsiveWidth: 720px;
@media (max-width: $responsiveWidth) {
.columns {
flex-flow: column;
}
.nav-first {
width: 100%;
background-color: var(--bg-color);
}
nav.primary-nav {
flex-flow: row;
}
nav.secondary-nav {
display: none;
}
.main {
padding: 0 8px;
}
}
h1, h1,
h2, h2,
h3 { h3 {
@@ -625,31 +600,6 @@ ol li {
display: none; display: none;
} }
@media (max-width: $responsiveWidth) {
ul,
ol {
flex-direction: column;
}
ul li,
ol li {
display: flex;
}
.hide-on-small-screen {
display: none;
}
.hide-on-large-screen {
display: inline-flex;
}
.show-on-small-screen {
display: inline-flex;
}
}
#installPWA { #installPWA {
display: none; display: none;
} }
@@ -800,3 +750,45 @@ input[type="radio"]:checked+label+div.tab {
.toasted.bubble .action { .toasted.bubble .action {
color: inherit !important; color: inherit !important;
} }
@media (max-width: $responsiveWidth) {
.columns {
flex-flow: column;
}
.nav-first {
width: 100%;
background-color: var(--bg-color);
}
nav.primary-nav {
flex-flow: row;
}
nav.secondary-nav {
display: none;
}
.main {
padding: 0 8px;
}
ul,
ol {
flex-direction: column;
}
ul li,
ol li {
display: flex;
}
.hide-on-small-screen {
display: none;
}
.hide-on-large-screen,
.show-on-small-screen {
display: inline-flex;
}
}

7
components/collections/saveRequestAs.vue
View File

@@ -24,7 +24,14 @@
v-model="requestData.name" v-model="requestData.name"
v-bind:placeholder="defaultRequestName" v-bind:placeholder="defaultRequestName"
@keyup.enter="saveRequestAs" @keyup.enter="saveRequestAs"
list="preCollectionLabels"
/> />
<datalist id="preCollectionLabels">
<option value="Login"></option>
<option value="Logout"></option>
<option value="Bug"></option>
<option value="Users"></option>
</datalist>
<label for="selectCollection">Collection</label> <label for="selectCollection">Collection</label>
<select <select
type="text" type="text"

2
components/history.vue
View File

@@ -53,7 +53,7 @@
<ul> <ul>
<li> <li>
<button class="icon" @click="sort_by_duration()"> <button class="icon" @click="sort_by_duration()">
Duration Duration (ms)
</button> </button>
</li> </li>
<li> <li>

26
layouts/default.vue
View File

@@ -236,23 +236,27 @@
</ul> </ul>
</div> </div>
<div slot="body"> <div slot="body">
<ul> <br>
<li> <div>
<label>Send Request</label>
<kbd>Ctrl G</kbd>
</div>
<br>
<div> <div>
<label>Save to Collections</label> <label>Save to Collections</label>
<kbd>Ctrl</kbd><kbd>S</kbd> <kbd>Ctrl S</kbd>
</div> </div>
</li>
</ul>
<br> <br>
<ul>
<li>
<div> <div>
<label>Copy Sharable Link</label> <label>Copy Request Link</label>
<kbd>Ctrl</kbd><kbd>K</kbd> <kbd>Ctrl K</kbd>
</div> </div>
</li> <br>
</ul> <div>
<label>Reset Request</label>
<kbd>Ctrl L</kbd>
</div>
<br>
</div> </div>
<div slot="footer"></div> <div slot="footer"></div>
</modal> </modal>

22
pages/index.vue
View File

@@ -27,7 +27,6 @@
@keydown="formatRawParams" @keydown="formatRawParams"
rows="8" rows="8"
v-model="preRequestScript" v-model="preRequestScript"
v-textarea-auto-height="preRequestScript"
spellcheck="false" spellcheck="false"
placeholder="pw.env.set('variable', 'value');" placeholder="pw.env.set('variable', 'value');"
></textarea> ></textarea>
@@ -78,7 +77,14 @@
type="text" type="text"
v-model="label" v-model="label"
placeholder="(optional)" placeholder="(optional)"
list="preLabels"
/> />
<datalist id="preLabels">
<option value="Login"></option>
<option value="Logout"></option>
<option value="Bug"></option>
<option value="Users"></option>
</datalist>
</li> </li>
<li> <li>
<label class="hide-on-small-screen" for="send">&nbsp;</label> <label class="hide-on-small-screen" for="send">&nbsp;</label>
@@ -219,7 +225,6 @@
@keydown="formatRawParams" @keydown="formatRawParams"
rows="8" rows="8"
v-model="rawParams" v-model="rawParams"
v-textarea-auto-height="rawParams"
></textarea> ></textarea>
</li> </li>
</ul> </ul>
@@ -291,6 +296,7 @@
class="icon" class="icon"
@click="clearContent('', $event)" @click="clearContent('', $event)"
v-tooltip.bottom="'Clear All'" v-tooltip.bottom="'Clear All'"
ref="clearAll"
> >
<i class="material-icons">clear_all</i> <i class="material-icons">clear_all</i>
</button> </button>
@@ -1943,14 +1949,22 @@ export default {
mounted() { mounted() {
this.observeRequestButton(); this.observeRequestButton();
this._keyListener = function(e) { this._keyListener = function(e) {
if (e.key === "s" && (e.ctrlKey || e.metaKey)) { if (e.key === "g" && (e.ctrlKey || e.metaKey)) {
e.preventDefault();
this.sendRequest();
}
else if (e.key === "s" && (e.ctrlKey || e.metaKey)) {
e.preventDefault(); e.preventDefault();
this.saveRequest(); this.saveRequest();
} }
if (e.key === "k" && (e.ctrlKey || e.metaKey)) { else if (e.key === "k" && (e.ctrlKey || e.metaKey)) {
e.preventDefault(); e.preventDefault();
this.copyRequest(); this.copyRequest();
} }
else if (e.key === "l" && (e.ctrlKey || e.metaKey)) {
e.preventDefault();
this.$refs.clearAll.click();
}
}; };
document.addEventListener("keydown", this._keyListener.bind(this)); document.addEventListener("keydown", this._keyListener.bind(this));
}, },