diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2020-12-26 10:47:36 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2020-12-26 10:47:36 +0900 |
| commit | 5a8cc7851b4af9ae4a0d7efc5b66b224bbe9b4c8 (patch) | |
| tree | 18f6338f1d5935c401298515d4e400d5a2306301 /src/client/components/instance-stats.vue | |
| parent | wip (diff) | |
| download | sharkey-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.vue | 80 |
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> |