2018-01-22 13:01:38 -08:00
<!DOCTYPE html>
< html ng-app = "Application" ng-controller = "Controller" >
< head >
2018-11-26 20:05:55 +01:00
< meta charset = "utf-8" / >
< meta name = "viewport" content = "user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" / >
2018-01-22 13:01:38 -08:00
2018-11-26 20:05:55 +01:00
< title > Cloudron Error < / title >
2018-01-22 13:01:38 -08:00
2018-11-26 20:05:55 +01:00
< link id = "favicon" type = "image/png" rel = "icon" href = "/api/v1/cloudron/avatar" >
2018-01-22 13:01:38 -08:00
2018-11-26 20:05:55 +01:00
<!-- Theme CSS -->
< link type = "text/css" rel = "stylesheet" href = "/theme.css" >
2018-01-22 13:01:38 -08:00
2018-11-26 20:05:55 +01:00
<!-- external fonts and CSS -->
< link type = "text/css" rel = "stylesheet" href = "/3rdparty/fontawesome/css/all.min.css" >
2018-01-22 13:01:38 -08:00
2018-11-26 20:05:55 +01:00
<!-- jQuery -->
< script type = "text/javascript" src = "/3rdparty/js/jquery.min.js" > < / script >
2018-01-22 13:01:38 -08:00
2018-11-26 20:05:55 +01:00
<!-- Bootstrap Core JavaScript -->
< script type = "text/javascript" src = "/3rdparty/js/bootstrap.min.js" > < / script >
2018-01-22 13:01:38 -08:00
2018-11-26 20:05:55 +01:00
<!-- Angularjs scripts -->
< script type = "text/javascript" src = "/3rdparty/js/angular.min.js" > < / script >
< script type = "text/javascript" src = "/3rdparty/js/angular-loader.min.js" > < / script >
2018-01-22 13:01:38 -08:00
2018-11-26 20:05:55 +01:00
< script >
2018-01-22 13:01:38 -08:00
'use strict';
// create main application module
var app = angular.module('Application', []);
app.controller('Controller', ['$scope', '$http', function ($scope, $http) {
$scope.errorMessage = '';
$scope.statusOk = false;
$scope.avatarUrl = '/api/v1/cloudron/avatar?' + Math.random();
var favicon = $('#favicon');
if (favicon) favicon.attr('href', $scope.avatarUrl);
// try to fetch the cloudron status
$http.get('/api/v1/cloudron/status').success(function(data, status) {
if (status !== 200 || typeof data !== 'object') return console.error(status, data);
$scope.statusOk = true;
}).error(function (data, status) {
console.error(status, data);
$scope.statusOk = false;
});
var search = window.location.search.slice(1).split('& ').map(function (item) { return item.split('='); }).reduce(function (o, k) { o[k[0]] = k[1]; return o; }, {});
$scope.errorContext = search.errorContext || '';
}]);
2018-11-26 20:05:55 +01:00
< / script >
2018-01-22 13:01:38 -08:00
2018-11-26 20:05:55 +01:00
< style >
2018-11-26 19:32:19 +01:00
h3 {
padding-bottom: 15px;
}
2018-11-26 20:05:55 +01:00
< / style >
2018-11-26 19:32:19 +01:00
2018-01-22 13:01:38 -08:00
< / head >
< body class = "status-page" >
< div class = "wrapper" >
2018-11-26 20:05:55 +01:00
< div class = "content" >
< img ng-src = "avatarUrl" width = "128" height = "128" onerror = "this.src = '/img/logo.png'" / >
< h1 > Cloudron < / h1 >
< div >
< h3 > < i class = "far fa-frown fa-fw text-danger" > < / i > Something has gone wrong < / h3 >
< a class = "btn btn-primary" href = "/" ng-show = "statusOk" > Back to the dashboard< / a >
2018-12-04 16:35:58 +01:00
< br / >
< br / >
2018-11-27 10:48:31 +01:00
< p > If you are the server administrator, follow the < a href = "https://cloudron.io/documentation/troubleshooting/" target = "_blank" > troubleshooting guide< / a > .< / p >
2018-01-22 13:01:38 -08:00
< / div >
2018-11-26 20:05:55 +01:00
< / div >
2018-01-22 13:01:38 -08:00
< / div >
< footer class = "text-center" >
2018-11-26 20:05:55 +01:00
< span class = "text-muted" > © 2018 < a href = "https://cloudron.io" target = "_blank" > Cloudron< / a > < / span >
< span class = "text-muted" > < a href = "https://twitter.com/cloudron_io" target = "_blank" > Twitter < i class = "fab fa-twitter" > < / i > < / a > < / span >
< span class = "text-muted" > < a href = "https://forum.cloudron.io" target = "_blank" > Forum < i class = "fa fa-comments" > < / i > < / a > < / span >
2018-01-22 13:01:38 -08:00
< / footer >
< / body >
< / html >
