graphite/Sharkey
1
0
Fork 0
mirror of https://git.joinsharkey.org/Sharkey/Sharkey.git synced 2024-11-27 15:53:09 +02:00
Code Issues Projects Releases Packages Wiki Activity

chore(client): tweak client

Browse source
This commit is contained in:
syuilo 2022-06-26 15:54:07 +09:00
parent c27d9e11b4
commit 311478e725
2 changed files with 12 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
packages/client/src/components/instance-card-mini.vue
View file

@ -5,7 +5,7 @@
<span class="host">{{ instance.name ?? instance.host }}</span> <span class="host">{{ instance.name ?? instance.host }}</span>
<span class="sub _monospace"><b>{{ instance.host }}</b> / {{ instance.softwareName || '?' }} {{ instance.softwareVersion }}</span> <span class="sub _monospace"><b>{{ instance.host }}</b> / {{ instance.softwareName || '?' }} {{ instance.softwareVersion }}</span>
</div> </div>
<MkMiniChart v-if="chart" class="chart" :src="chart.requests.received"/> <MkMiniChart v-if="chartValues" class="chart" :src="chartValues"/>
</div> </div>
</template> </template>
@ -18,10 +18,12 @@ const props = defineProps<{
instance: misskey.entities.Instance; instance: misskey.entities.Instance;
}>(); }>();
const chart = $ref(null); let chartValues = $ref<number | null>(null);
os.apiGet('charts/instance', { host: props.instance.host, limit: 16, span: 'day' }).then(res => { os.apiGet('charts/instance', { host: props.instance.host, limit: 16 + 1, span: 'day' }).then(res => {
chart = res; // 今日のぶんの値はまだ途中の値であり、それも含めると大抵の場合前日よりも下降しているようなグラフになってしまうため今日は弾く
res.requests.received.splice(0, 1);
chartValues = res.requests.received;
}); });
</script> </script>

10
packages/client/src/components/user-card-mini.vue
View file

@ -5,7 +5,7 @@
<span class="name"><MkUserName class="name" :user="user"/></span> <span class="name"><MkUserName class="name" :user="user"/></span>
<span class="sub"><span class="acct _monospace">@{{ acct(user) }}</span></span> <span class="sub"><span class="acct _monospace">@{{ acct(user) }}</span></span>
</div> </div>
<MkMiniChart v-if="chart" class="chart" :src="chart.inc"/> <MkMiniChart v-if="chartValues" class="chart" :src="chartValues"/>
</div> </div>
</template> </template>
@ -19,10 +19,12 @@ const props = defineProps<{
user: misskey.entities.User; user: misskey.entities.User;
}>(); }>();
const chart = $ref(null); let chartValues = $ref<number | null>(null);
os.apiGet('charts/user/notes', { userId: props.user.id, limit: 16, span: 'day' }).then(res => { os.apiGet('charts/user/notes', { userId: props.user.id, limit: 16 + 1, span: 'day' }).then(res => {
chart = res; // 今日のぶんの値はまだ途中の値であり、それも含めると大抵の場合前日よりも下降しているようなグラフになってしまうため今日は弾く
res.inc.splice(0, 1);
chartValues = res.inc;
}); });
</script> </script>