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

feat: remove tailwindcss + introduce windicss

Browse Source
This commit is contained in:
Liyas Thomas
2021-06-25 23:44:27 +00:00
committed by GitHub
parent 3e5629e738
commit 6d33132705
84 changed files with 1560 additions and 40544 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/realtime/Mqtt.vue
View File

@@ -9,7 +9,7 @@
v-model="url"
type="url"
spellcheck="false"
class="md:rounded-bl-lg"
class="input md:rounded-bl-lg"
:placeholder="$t('url')"
/>
</li>
@@ -19,7 +19,7 @@
<button
id="connect"
:disabled="!validUrl"
class="rounded-b-lg md:rounded-bl-none md:rounded-br-lg"
class="button rounded-b-lg md:rounded-bl-none md:rounded-br-lg"
@click="toggleConnection"
>
{{ connectionState ? $t("disconnect") : $t("connect") }}
@@ -46,6 +46,7 @@
<input
id="pub_topic"
v-model="pub_topic"
class="input"
type="text"
spellcheck="false"
/>
@@ -57,7 +58,7 @@
v-model="msg"
type="text"
spellcheck="false"
class="border-dashed md:border-l border-divider"
class="input border-dashed md:border-l border-divider"
/>
</li>
<div>
@@ -65,6 +66,7 @@
<label for="publish" class="hide-on-small-screen">&nbsp;</label>
<button
id="publish"
class="button"
name="get"
:disabled="!canpublish"
@click="publish"
@@ -85,7 +87,7 @@
v-model="sub_topic"
type="text"
spellcheck="false"
class="md:rounded-bl-lg"
class="input md:rounded-bl-lg"
/>
</li>
<div>
@@ -95,7 +97,7 @@
id="subscribe"
name="get"
:disabled="!cansubscribe"
class="rounded-b-lg md:rounded-bl-none md:rounded-br-lg"
class="button rounded-b-lg md:rounded-bl-none md:rounded-br-lg"
@click="toggleSubscription"
>
{{

18
components/realtime/Socketio.vue
View File

@@ -10,7 +10,7 @@
type="url"
spellcheck="false"
:class="{ error: !urlValid }"
class="md:rounded-bl-lg"
class="input md:rounded-bl-lg"
:placeholder="$t('url')"
@keyup.enter="urlValid ? toggleConnection() : null"
/>
@@ -18,7 +18,12 @@
<div>
<li>
<label for="socketio-path">{{ $t("path") }}</label>
<input id="socketio-path" v-model="path" spellcheck="false" />
<input
id="socketio-path"
v-model="path"
class="input"
spellcheck="false"
/>
</li>
</div>
<div>
@@ -28,7 +33,7 @@
id="connect"
:disabled="!urlValid"
name="connect"
class="rounded-b-lg md:rounded-bl-none md:rounded-br-lg"
class="button rounded-b-lg md:rounded-bl-none md:rounded-br-lg"
@click="toggleConnection"
>
{{ !connectionState ? $t("connect") : $t("disconnect") }}
@@ -55,6 +60,7 @@
<input
id="event_name"
v-model="communication.eventName"
class="input"
name="event_name"
type="text"
:readonly="!connectionState"
@@ -84,6 +90,7 @@
<li>
<input
v-model="communication.inputs[index]"
class="input"
name="message"
type="text"
:readonly="!connectionState"
@@ -94,7 +101,7 @@
<li>
<button
v-tooltip.bottom="$t('delete')"
class="icon"
class="icon button"
@click="removeCommunicationInput({ index })"
>
<i class="material-icons">delete</i>
@@ -105,6 +112,7 @@
<li>
<button
id="send"
class="button"
name="send"
:disabled="!connectionState"
@click="sendMessage"
@@ -119,7 +127,7 @@
</ul>
<ul>
<li>
<button class="icon" @click="addCommunicationInput">
<button class="icon button" @click="addCommunicationInput">
<i class="material-icons">add</i>
<span>{{ $t("add_new") }}</span>
</button>

4
components/realtime/Sse.vue
View File

@@ -9,7 +9,7 @@
v-model="server"
type="url"
:class="{ error: !serverValid }"
class="md:rounded-bl-lg"
class="input md:rounded-bl-lg"
:placeholder="$t('url')"
@keyup.enter="serverValid ? toggleSSEConnection() : null"
/>
@@ -21,7 +21,7 @@
id="start"
:disabled="!serverValid"
name="start"
class="rounded-b-lg md:rounded-bl-none md:rounded-br-lg"
class="button rounded-b-lg md:rounded-bl-none md:rounded-br-lg"
@click="toggleSSEConnection"
>
{{ !connectionSSEState ? $t("start") : $t("stop") }}

13
components/realtime/Websocket.vue
View File

@@ -7,6 +7,7 @@
<input
id="websocket-url"
v-model="url"
class="input"
type="url"
spellcheck="false"
:class="{ error: !urlValid }"
@@ -20,6 +21,7 @@
<button
id="connect"
:disabled="!urlValid"
class="button"
name="connect"
@click="toggleConnection"
>
@@ -56,6 +58,7 @@
<li>
<input
v-model="protocol.value"
class="input"
:placeholder="$t('protocol_count', { count: index + 1 })"
name="message"
type="text"
@@ -71,7 +74,7 @@
: $t('turn_on')
: $t('turn_off'),
}"
class="icon"
class="icon button"
@click="
protocol.active = protocol.hasOwnProperty('active')
? !protocol.active
@@ -94,7 +97,7 @@
<li>
<button
v-tooltip.bottom="$t('delete')"
class="icon"
class="icon button"
@click="deleteProtocol({ index })"
>
<i class="material-icons">delete</i>
@@ -104,7 +107,7 @@
</ul>
<ul>
<li>
<button class="icon" @click="addProtocol">
<button class="icon button" @click="addProtocol">
<i class="material-icons">add</i>
<span>{{ $t("add_new") }}</span>
</button>
@@ -127,7 +130,7 @@
name="message"
type="text"
:readonly="!connectionState"
class="md:rounded-bl-lg"
class="input md:rounded-bl-lg"
@keyup.enter="connectionState ? sendMessage() : null"
@keyup.up="connectionState ? walkHistory('up') : null"
@keyup.down="connectionState ? walkHistory('down') : null"
@@ -140,7 +143,7 @@
id="send"
name="send"
:disabled="!connectionState"
class="rounded-b-lg md:rounded-bl-none md:rounded-br-lg"
class="button rounded-b-lg md:rounded-bl-none md:rounded-br-lg"
@click="sendMessage"
>
{{ $t("send") }}