jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Translate systeminformation view

Browse Source
This commit is contained in:
Johannes Zellner
2020-11-06 15:32:49 +01:00
parent 1236b64081
commit b6ef7cbb96
2 changed files with 27 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/system.html
View File

@@ -3,13 +3,13 @@
<div class="text-left">
<h1>
{{ 'system.title' | tr }}
<a class="btn btn-default pull-right" href="/logs.html?id=box" target="_blank">Show Logs</a>
<a class="btn btn-default pull-right" href="/logs.html?id=box" target="_blank">{{ 'main.action.logs' | tr }}</a>
<button class="btn btn-default pull-right" ng-click="$parent.reboot.show()">{{ 'main.action.reboot' | tr }}</button>
</h1>
</div>
<uib-tabset active="activeTab">
<uib-tab index="0" heading="Disk Usage">
<uib-tab index="0" heading="{{ 'system.diskUsage.title' | tr }}">
<div class="card card-large">
<div class="row" ng-if="disks.errorMessage">
<br>
@@ -26,12 +26,12 @@
<div ng-show="!disks.busy" class="ng-hide">
<div class="row" ng-repeat="disk in disks.disks" style="margin-bottom: 20px;">
<div class="col-md-12">
<h3>{{ disk.filesystem }} <small>mounted at</small> {{ disk.mountpoint }} <span class="pull-right small"><b>{{ disk.available | prettyDiskSize }}</b> of <b>{{ disk.size | prettyDiskSize }}</b> available</span></h3>
<h3><span ng-bind-html="'system.diskUsage.mountedAt' | tr:disk"></span> <span class="pull-right small" ng-bind-html="'system.diskUsage.usageInfo' | tr:disk"></span></h3>
<div class="progress">
<div class="progress-bar" ng-repeat="content in disk.contains" style="width: {{ content.usage / disk.size * 100 }}%; background-color: {{ content.color }};" uib-tooltip="{{ content.label + ' ' + (content.usage | prettyDiskSize) }}"></div>
</div>
<br/>
<p>This {{ disk.type }} disk contains:</p>
<p>{{ 'system.diskUsage.diskContent' | tr:disk }}:</p>
<ul>
<li ng-repeat="content in disk.contains">
<span ng-hide="content.app">{{ content.label }} <span class="color-indicator" style="background-color: {{ content.color }};">&nbsp;</span> <small class="text-muted">{{ content.usage | prettyDiskSize }}</small></span>
@@ -44,24 +44,24 @@
</div>
</uib-tab>
<uib-tab index="1" heading="System Memory" select="graphs.show()">
<uib-tab index="1" heading="{{ 'system.systemMemory.title' | tr }}" select="graphs.show()">
<div class="card card-large" style="min-height: 300px;">
<label style="display: block">Megabyte <span class="pull-right">RAM ({{ memory.memory | prettyByteSize }}) + Swap ({{ memory.swap | prettyByteSize }})</span></label>
<canvas id="graphsSystemMemoryChart" style="width: 100%;"></canvas>
App values are not stacked up
{{ 'system.systemMemory.graphSubtext' | tr }}
</div>
</uib-tab>
<uib-tab index="2" heading="CPU Usage" select="graphs.show()">
<uib-tab index="2" heading="{{ 'system.cpuUsage.title' | tr }}" select="graphs.show()">
<div class="card card-large" style="min-height: 300px;">
<label>Percentage</label>
<label>{{ 'system.cpuUsage.graphTitle' | tr }}</label>
<canvas id="graphsCPUChart" style="width: 100%;"></canvas>
</div>
</uib-tab>
<div class="dropdown pull-right" ng-hide="activeTab === 0">
<button class="btn btn-sm btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
Select Period {{ graphs.periodLabel }}
{{ 'system.selectPeriodLabel' | tr }} {{ graphs.periodLabel }}
<span class="caret"></span>
</button>
<ul class="dropdown-menu">