Move reboot server dialog and logic to main view

src/index.html

@@ -107,6 +107,25 @@
 
     <a class="offline-banner animateMe" ng-show="client.offline" ng-cloak href="https://docs.cloudron.io/troubleshooting/" target="_blank"><i class="fa fa-circle-notch fa-spin"></i> {{ 'main.offline' | tr }}</a>
 
+    <!-- Modal reboot server -->
+    <div class="modal fade" id="rebootModal" tabindex="-1" role="dialog">
+      <div class="modal-dialog">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h4 class="modal-title">Really reboot server?</h4>
+          </div>
+          <div class="modal-body">
+            <p class="text-bold">Rebooting the server will cause temporary downtime for all apps installed on this Cloudron!</p>
+            <p>Use this to apply security updates or if you experience unexpected behaviour. All apps and services currently running on this Cloudron will automatically start when the reboot is complete.</p>
+          </div>
+          <div class="modal-footer">
+            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
+            <button type="button" class="btn btn-danger" ng-click="reboot.submit()" ng-disabled="reboot.busy"><i class="fa fa-circle-notch fa-spin" ng-show="reboot.busy"></i> Reboot now</button>
+          </div>
+        </div>
+      </div>
+    </div>
+
     <div class="animateMe ng-hide layout-root" ng-show="initialized">
 
         <!-- Navigation -->