summaryrefslogtreecommitdiff
path: root/src/client/components/instance-stats.vue
diff options
context:
space:
mode:
authorsyuilo <syuilotan@yahoo.co.jp>2020-12-26 10:47:36 +0900
committersyuilo <syuilotan@yahoo.co.jp>2020-12-26 10:47:36 +0900
commit5a8cc7851b4af9ae4a0d7efc5b66b224bbe9b4c8 (patch)
tree18f6338f1d5935c401298515d4e400d5a2306301 /src/client/components/instance-stats.vue
parentwip (diff)
downloadsharkey-5a8cc7851b4af9ae4a0d7efc5b66b224bbe9b4c8.tar.gz
sharkey-5a8cc7851b4af9ae4a0d7efc5b66b224bbe9b4c8.tar.bz2
sharkey-5a8cc7851b4af9ae4a0d7efc5b66b224bbe9b4c8.zip
wip
Diffstat (limited to 'src/client/components/instance-stats.vue')
-rw-r--r--src/client/components/instance-stats.vue80
1 files changed, 40 insertions, 40 deletions
diff --git a/src/client/components/instance-stats.vue b/src/client/components/instance-stats.vue
index 652cedcebb..e9b496180a 100644
--- a/src/client/components/instance-stats.vue
+++ b/src/client/components/instance-stats.vue
@@ -3,80 +3,80 @@
<div class="stats" v-if="info">
<div class="_panel">
<div>
- <b><Fa :icon="faUser"/>{{ $t('users') }}</b>
- <small>{{ $t('local') }}</small>
+ <b><Fa :icon="faUser"/>{{ $ts.users }}</b>
+ <small>{{ $ts.local }}</small>
</div>
<div>
<dl class="total">
- <dt>{{ $t('total') }}</dt>
+ <dt>{{ $ts.total }}</dt>
<dd>{{ number(info.originalUsersCount) }}</dd>
</dl>
<dl class="diff" :class="{ inc: usersLocalDoD > 0 }">
- <dt>{{ $t('dayOverDayChanges') }}</dt>
+ <dt>{{ $ts.dayOverDayChanges }}</dt>
<dd>{{ number(usersLocalDoD) }}</dd>
</dl>
<dl class="diff" :class="{ inc: usersLocalWoW > 0 }">
- <dt>{{ $t('weekOverWeekChanges') }}</dt>
+ <dt>{{ $ts.weekOverWeekChanges }}</dt>
<dd>{{ number(usersLocalWoW) }}</dd>
</dl>
</div>
</div>
<div class="_panel">
<div>
- <b><Fa :icon="faUser"/>{{ $t('users') }}</b>
- <small>{{ $t('remote') }}</small>
+ <b><Fa :icon="faUser"/>{{ $ts.users }}</b>
+ <small>{{ $ts.remote }}</small>
</div>
<div>
<dl class="total">
- <dt>{{ $t('total') }}</dt>
+ <dt>{{ $ts.total }}</dt>
<dd>{{ number((info.usersCount - info.originalUsersCount)) }}</dd>
</dl>
<dl class="diff" :class="{ inc: usersRemoteDoD > 0 }">
- <dt>{{ $t('dayOverDayChanges') }}</dt>
+ <dt>{{ $ts.dayOverDayChanges }}</dt>
<dd>{{ number(usersRemoteDoD) }}</dd>
</dl>
<dl class="diff" :class="{ inc: usersRemoteWoW > 0 }">
- <dt>{{ $t('weekOverWeekChanges') }}</dt>
+ <dt>{{ $ts.weekOverWeekChanges }}</dt>
<dd>{{ number(usersRemoteWoW) }}</dd>
</dl>
</div>
</div>
<div class="_panel">
<div>
- <b><Fa :icon="faPencilAlt"/>{{ $t('notes') }}</b>
- <small>{{ $t('local') }}</small>
+ <b><Fa :icon="faPencilAlt"/>{{ $ts.notes }}</b>
+ <small>{{ $ts.local }}</small>
</div>
<div>
<dl class="total">
- <dt>{{ $t('total') }}</dt>
+ <dt>{{ $ts.total }}</dt>
<dd>{{ number(info.originalNotesCount) }}</dd>
</dl>
<dl class="diff" :class="{ inc: notesLocalDoD > 0 }">
- <dt>{{ $t('dayOverDayChanges') }}</dt>
+ <dt>{{ $ts.dayOverDayChanges }}</dt>
<dd>{{ number(notesLocalDoD) }}</dd>
</dl>
<dl class="diff" :class="{ inc: notesLocalWoW > 0 }">
- <dt>{{ $t('weekOverWeekChanges') }}</dt>
+ <dt>{{ $ts.weekOverWeekChanges }}</dt>
<dd>{{ number(notesLocalWoW) }}</dd>
</dl>
</div>
</div>
<div class="_panel">
<div>
- <b><Fa :icon="faPencilAlt"/>{{ $t('notes') }}</b>
- <small>{{ $t('remote') }}</small>
+ <b><Fa :icon="faPencilAlt"/>{{ $ts.notes }}</b>
+ <small>{{ $ts.remote }}</small>
</div>
<div>
<dl class="total">
- <dt>{{ $t('total') }}</dt>
+ <dt>{{ $ts.total }}</dt>
<dd>{{ number((info.notesCount - info.originalNotesCount)) }}</dd>
</dl>
<dl class="diff" :class="{ inc: notesRemoteDoD > 0 }">
- <dt>{{ $t('dayOverDayChanges') }}</dt>
+ <dt>{{ $ts.dayOverDayChanges }}</dt>
<dd>{{ number(notesRemoteDoD) }}</dd>
</dl>
<dl class="diff" :class="{ inc: notesRemoteWoW > 0 }">
- <dt>{{ $t('weekOverWeekChanges') }}</dt>
+ <dt>{{ $ts.weekOverWeekChanges }}</dt>
<dd>{{ number(notesRemoteWoW) }}</dd>
</dl>
</div>
@@ -84,35 +84,35 @@
</div>
<section class="_card">
- <div class="_title" style="position: relative;"><Fa :icon="faChartBar"/> {{ $t('statistics') }}<button @click="fetchChart" class="_button" style="position: absolute; right: 0; bottom: 0; top: 0; padding: inherit;"><Fa :icon="faSync"/></button></div>
+ <div class="_title" style="position: relative;"><Fa :icon="faChartBar"/> {{ $ts.statistics }}<button @click="fetchChart" class="_button" style="position: absolute; right: 0; bottom: 0; top: 0; padding: inherit;"><Fa :icon="faSync"/></button></div>
<div class="_content" style="margin-top: -8px;">
<div class="selects" style="display: flex;">
<MkSelect v-model:value="chartSrc" style="margin: 0; flex: 1;">
- <optgroup :label="$t('federation')">
- <option value="federation-instances">{{ $t('_charts.federationInstancesIncDec') }}</option>
- <option value="federation-instances-total">{{ $t('_charts.federationInstancesTotal') }}</option>
+ <optgroup :label="$ts.federation">
+ <option value="federation-instances">{{ $ts._charts.federationInstancesIncDec }}</option>
+ <option value="federation-instances-total">{{ $ts._charts.federationInstancesTotal }}</option>
</optgroup>
- <optgroup :label="$t('users')">
- <option value="users">{{ $t('_charts.usersIncDec') }}</option>
- <option value="users-total">{{ $t('_charts.usersTotal') }}</option>
- <option value="active-users">{{ $t('_charts.activeUsers') }}</option>
+ <optgroup :label="$ts.users">
+ <option value="users">{{ $ts._charts.usersIncDec }}</option>
+ <option value="users-total">{{ $ts._charts.usersTotal }}</option>
+ <option value="active-users">{{ $ts._charts.activeUsers }}</option>
</optgroup>
- <optgroup :label="$t('notes')">
- <option value="notes">{{ $t('_charts.notesIncDec') }}</option>
- <option value="local-notes">{{ $t('_charts.localNotesIncDec') }}</option>
- <option value="remote-notes">{{ $t('_charts.remoteNotesIncDec') }}</option>
- <option value="notes-total">{{ $t('_charts.notesTotal') }}</option>
+ <optgroup :label="$ts.notes">
+ <option value="notes">{{ $ts._charts.notesIncDec }}</option>
+ <option value="local-notes">{{ $ts._charts.localNotesIncDec }}</option>
+ <option value="remote-notes">{{ $ts._charts.remoteNotesIncDec }}</option>
+ <option value="notes-total">{{ $ts._charts.notesTotal }}</option>
</optgroup>
- <optgroup :label="$t('drive')">
- <option value="drive-files">{{ $t('_charts.filesIncDec') }}</option>
- <option value="drive-files-total">{{ $t('_charts.filesTotal') }}</option>
- <option value="drive">{{ $t('_charts.storageUsageIncDec') }}</option>
- <option value="drive-total">{{ $t('_charts.storageUsageTotal') }}</option>
+ <optgroup :label="$ts.drive">
+ <option value="drive-files">{{ $ts._charts.filesIncDec }}</option>
+ <option value="drive-files-total">{{ $ts._charts.filesTotal }}</option>
+ <option value="drive">{{ $ts._charts.storageUsageIncDec }}</option>
+ <option value="drive-total">{{ $ts._charts.storageUsageTotal }}</option>
</optgroup>
</MkSelect>
<MkSelect v-model:value="chartSpan" style="margin: 0;">
- <option value="hour">{{ $t('perHour') }}</option>
- <option value="day">{{ $t('perDay') }}</option>
+ <option value="hour">{{ $ts.perHour }}</option>
+ <option value="day">{{ $ts.perDay }}</option>
</MkSelect>
</div>
<canvas ref="chart"></canvas>