Fixup translation if disk info is not yet available

src/translation/en.json

@@ -662,7 +662,8 @@
             "title": "Disk Usage",
             "mountedAt": "{{ filesystem }} <small>mounted at</small> {{ mountpoint }}",
             "usageInfo": "{{ available | prettyDiskSize }}</b> of <b>{{ size | prettyDiskSize }}</b> available",
-            "diskContent": "This {{ type }} disk contains"
+            "diskContent": "This {{ type }} disk contains",
+            "notAvailableYet": "Not available yet"
         },
         "systemMemory": {
             "title": "System Memory",

src/views/system.html

@@ -26,7 +26,11 @@
         <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><span ng-bind-html="'system.diskUsage.mountedAt' | tr:{ filesystem: disk.filesystem, mountpoint: disk.mountpoint }"></span> <span class="pull-right small" ng-bind-html="'system.diskUsage.usageInfo' | tr:{ filesystem: disk.filesystem, mountpoint: disk.mountpoint }"></span></h3>
+              <h3>
+                <span ng-bind-html="'system.diskUsage.mountedAt' | tr:{ filesystem: disk.filesystem, mountpoint: disk.mountpoint }"></span>
+                <span class="pull-right small" ng-show="disk.available && disk.size" ng-bind-html="'system.diskUsage.usageInfo' | tr:{ available: disk.available, size: disk.size }"></span>
+                <span class="pull-right small" ng-hide="disk.available && disk.size">{{ 'system.diskUsage.notAvailableYet' | tr }}</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>