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

🐛 Fixed connect icon

Browse Source
This commit is contained in:
Liyas Thomas
2019-12-02 22:52:11 +05:30
parent 2f09995306
commit bc3c608277
2 changed files with 7 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/history.vue
View File

@@ -225,9 +225,9 @@
</div> </div>
<div> <div>
<button class="icon" @click="toggleCollapse()"> <button class="icon" @click="toggleCollapse()">
<i class="material-icons">{{ <i class="material-icons">
!showMore ? "first_page" : "last_page" {{ !showMore ? "first_page" : "last_page" }}
}}</i> </i>
<span>{{ !showMore ? "Show more" : "Hide more" }}</span> <span>{{ !showMore ? "Show more" : "Hide more" }}</span>
</button> </button>
</div> </div>
@@ -272,6 +272,7 @@
.fade-leave-active { .fade-leave-active {
transition: all 0.2s; transition: all 0.2s;
} }
.fade-enter, .fade-enter,
.fade-leave-to { .fade-leave-to {
opacity: 0; opacity: 0;

12
pages/realtime.vue
View File

@@ -25,10 +25,10 @@
name="connect" name="connect"
@click="toggleConnection" @click="toggleConnection"
> >
{{ toggleConnectionVerb }} {{ !connectionState ? "Connect" : "Disconnect" }}
<span> <span>
<i class="material-icons"> <i class="material-icons">
{{ connectionState ? "sync" : "sync_disabled" }} {{ !connectionState ? "sync" : "sync_disabled" }}
</i> </i>
</span> </span>
</button> </button>
@@ -114,7 +114,7 @@
name="start" name="start"
@click="toggleSSEConnection" @click="toggleSSEConnection"
> >
{{ toggleSSEConnectionVerb }} {{ !connectionSSEState ? "Start" : "Stop" }}
<span> <span>
<i class="material-icons"> <i class="material-icons">
{{ !connectionSSEState ? "sync" : "sync_disabled" }} {{ !connectionSSEState ? "sync" : "sync_disabled" }}
@@ -205,9 +205,6 @@ export default {
}; };
}, },
computed: { computed: {
toggleConnectionVerb() {
return !this.connectionState ? "Connect" : "Disconnect";
},
urlValid() { urlValid() {
const pattern = new RegExp( const pattern = new RegExp(
"^(wss?:\\/\\/)?" + "^(wss?:\\/\\/)?" +
@@ -220,9 +217,6 @@ export default {
); );
return pattern.test(this.url); return pattern.test(this.url);
}, },
toggleSSEConnectionVerb() {
return !this.connectionSSEState ? "Start" : "Stop";
},
serverValid() { serverValid() {
const pattern = new RegExp( const pattern = new RegExp(
"^(http(s)?:\\/\\/)?" + "^(http(s)?:\\/\\/)?" +