1
1
mirror of https://github.com/kokonect-link/cherrypick synced 2024-12-14 06:38:28 +09:00

Improve usability

This commit is contained in:
syuilo 2019-02-09 01:53:46 +09:00
parent c4a2a31cf3
commit 31b0e552a2
No known key found for this signature in database
GPG Key ID: BDC4C49D06AB9D69

View File

@ -3,10 +3,10 @@
<ui-card> <ui-card>
<div slot="title"><fa :icon="faTerminal"/> {{ $t('federation') }}</div> <div slot="title"><fa :icon="faTerminal"/> {{ $t('federation') }}</div>
<section class="fit-top"> <section class="fit-top">
<ui-input class="target" v-model="target" type="text" @enter="showInstance"> <ui-input class="target" v-model="target" type="text" @enter="showInstance()">
<span>{{ $t('host') }}</span> <span>{{ $t('host') }}</span>
</ui-input> </ui-input>
<ui-button @click="showInstance"><fa :icon="faSearch"/> {{ $t('lookup') }}</ui-button> <ui-button @click="showInstance()"><fa :icon="faSearch"/> {{ $t('lookup') }}</ui-button>
<div class="instance" v-if="instance"> <div class="instance" v-if="instance">
<ui-input :value="instance.host" type="text" readonly> <ui-input :value="instance.host" type="text" readonly>
@ -115,7 +115,7 @@
<span>{{ $t('status') }}</span> <span>{{ $t('status') }}</span>
</header> </header>
<div v-for="instance in instances"> <div v-for="instance in instances">
<span>{{ instance.host }}</span> <a @click.prevent="showInstance(instance.host)" target="_blank" :href="`https://${instance.host}`">{{ instance.host }}</a>
<span>{{ instance.notesCount | number }}</span> <span>{{ instance.notesCount | number }}</span>
<span>{{ instance.usersCount | number }}</span> <span>{{ instance.usersCount | number }}</span>
<span>{{ instance.followingCount | number }}</span> <span>{{ instance.followingCount | number }}</span>
@ -233,9 +233,9 @@ export default Vue.extend({
}, },
methods: { methods: {
showInstance() { showInstance(target?: string) {
this.$root.api('federation/show-instance', { this.$root.api('federation/show-instance', {
host: this.target host: target || this.target
}).then(instance => { }).then(instance => {
if (instance == null) { if (instance == null) {
this.$root.dialog({ this.$root.dialog({