graphite/Sharkey
1
0
Fork 0
mirror of https://git.joinsharkey.org/Sharkey/Sharkey.git synced 2024-12-24 05:23:08 +02:00
Code Issues Projects Releases Packages Wiki Activity

[Client] Improve admin panel

Browse source
This commit is contained in:
syuilo 2018-11-03 22:21:20 +09:00
parent 1061e1f7ae
commit f5d53d784d
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69
2 changed files with 23 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/client/app/admin/views/charts.vue
View file

@ -138,6 +138,10 @@ export default Vue.extend({
},
methods: {
setSrc(src) {
this.src = src;
},
render() {
if (this.chartInstance) {
this.chartInstance.destroy();

20
src/client/app/admin/views/dashboard.vue
View file

@ -19,6 +19,7 @@
</div>
<div>
<span>%fa:home% %i18n:@this-instance%</span>
<span @click="setChartSrc('users')">%fa:chart-bar R%</span>
</div>
</div>
<div>
@ -31,6 +32,7 @@
</div>
<div>
<span>%fa:home% %i18n:@this-instance%</span>
<span @click="setChartSrc('notes')">%fa:chart-bar R%</span>
</div>
</div>
<div>
@ -43,6 +45,7 @@
</div>
<div>
<span>%fa:home% %i18n:@this-instance%</span>
<span @click="setChartSrc('drive')">%fa:chart-bar R%</span>
</div>
</div>
<div>
@ -55,12 +58,13 @@
</div>
<div>
<span>%fa:globe% %i18n:@federated%</span>
<span @click="setChartSrc('federation-instances-total')">%fa:chart-bar R%</span>
</div>
</div>
</div>
<div class="charts">
<x-charts/>
<x-charts ref="charts"/>
</div>
<div class="cpu-memory">
@ -85,6 +89,7 @@ export default Vue.extend({
XCharts,
XApLog
},
data() {
return {
stats: null,
@ -92,6 +97,7 @@ export default Vue.extend({
meta: null
};
},
created() {
this.connection = (this as any).os.stream.useSharedConnection('serverStats');
@ -103,8 +109,15 @@ export default Vue.extend({
this.stats = stats;
});
},
beforeDestroy() {
this.connection.dispose();
},
methods: {
setChartSrc(src) {
this.$refs.charts.setSrc(src);
}
}
});
</script>
@ -177,6 +190,7 @@ export default Vue.extend({
color var(--primary)
> div:last-child
display flex
padding 6px 16px
border-top solid 1px #eee
@ -184,6 +198,10 @@ export default Vue.extend({
font-size 70%
opacity 0.7
&:last-child
margin-left auto
cursor pointer
> .charts
margin-bottom 16px