2018-01-22 13:01:38 -08:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html ng-app="Application" ng-controller="MainController">
|
|
|
|
|
<head>
|
|
|
|
|
<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" />
|
|
|
|
|
|
|
|
|
|
<!-- this gets changed once we get the config (because angular has not loaded yet, we see template string for a flash) -->
|
2023-04-06 10:55:41 +02:00
|
|
|
<title>Cloudron Dashboard</title>
|
|
|
|
|
<meta name="description" content="Cloudron Dashboard">
|
2018-01-22 13:01:38 -08:00
|
|
|
|
2018-04-10 14:49:49 +02:00
|
|
|
<link id="favicon" type="image/png" rel="icon" href="/api/v1/cloudron/avatar">
|
2018-07-30 22:05:20 +02:00
|
|
|
<link rel="apple-touch-icon" href="/api/v1/cloudron/avatar">
|
|
|
|
|
<link rel="icon" href="/api/v1/cloudron/avatar">
|
2018-01-22 13:01:38 -08:00
|
|
|
|
|
|
|
|
<!-- CSS -->
|
2018-04-10 14:49:49 +02:00
|
|
|
<link type="text/css" rel="stylesheet" href="/3rdparty/slick.css?<%= revision %>"/>
|
2019-01-07 17:23:26 +01:00
|
|
|
<link type="text/css" rel="stylesheet" href="/3rdparty/angular-ui-notification.css?<%= revision %>"/>
|
2018-04-10 14:49:49 +02:00
|
|
|
<link type="text/css" rel="stylesheet" href="/3rdparty/bootstrap-slider/bootstrap-slider.min.css?<%= revision %>"/>
|
|
|
|
|
<link type="text/css" rel="stylesheet" href="/theme.css?<%= revision %>">
|
2018-01-22 13:01:38 -08:00
|
|
|
|
2020-07-31 09:17:54 +02:00
|
|
|
<!-- Fontawesome -->
|
|
|
|
|
<link type="text/css" rel="stylesheet" href="/3rdparty/fontawesome/css/all.css?<%= revision %>"/>
|
2018-01-22 13:01:38 -08:00
|
|
|
|
|
|
|
|
<!-- jQuery-->
|
2018-04-10 14:49:49 +02:00
|
|
|
<script type="text/javascript" src="/3rdparty/js/jquery.min.js?<%= revision %>"></script>
|
2018-01-22 13:01:38 -08:00
|
|
|
|
2020-06-03 22:59:17 +02:00
|
|
|
<!-- async -->
|
|
|
|
|
<script type="text/javascript" src="/3rdparty/js/async-3.2.0.min.js?<%= revision %>"></script>
|
|
|
|
|
|
2018-01-22 13:01:38 -08:00
|
|
|
<!-- toBlob() polyfill-->
|
2018-04-10 14:49:49 +02:00
|
|
|
<script type="text/javascript" src="/3rdparty/js/canvas-to-blob.min.js?<%= revision %>"></script>
|
2018-01-22 13:01:38 -08:00
|
|
|
|
|
|
|
|
<!-- Bootstrap Core JavaScript -->
|
2018-04-10 14:49:49 +02:00
|
|
|
<script type="text/javascript" src="/3rdparty/js/bootstrap.min.js?<%= revision %>"></script>
|
2018-01-22 13:01:38 -08:00
|
|
|
|
|
|
|
|
<!-- Slick carousel -->
|
2018-04-10 14:49:49 +02:00
|
|
|
<script type="text/javascript" src="/3rdparty/js/slick.js?<%= revision %>"></script>
|
2018-01-22 13:01:38 -08:00
|
|
|
|
|
|
|
|
<!-- Angularjs scripts -->
|
2018-04-10 14:49:49 +02:00
|
|
|
<script type="text/javascript" src="/3rdparty/js/angular.min.js?<%= revision %>"></script>
|
|
|
|
|
<script type="text/javascript" src="/3rdparty/js/angular-loader.min.js?<%= revision %>"></script>
|
|
|
|
|
<script type="text/javascript" src="/3rdparty/js/angular-route.min.js?<%= revision %>"></script>
|
2020-10-23 19:10:16 +02:00
|
|
|
<script type="text/javascript" src="/3rdparty/js/angular-cookies.min.js?<%= revision %>"></script>
|
2018-04-10 14:49:49 +02:00
|
|
|
<script type="text/javascript" src="/3rdparty/js/angular-animate.min.js?<%= revision %>"></script>
|
|
|
|
|
<script type="text/javascript" src="/3rdparty/js/angular-base64.min.js?<%= revision %>"></script>
|
|
|
|
|
<script type="text/javascript" src="/3rdparty/js/angular-md5.min.js?<%= revision %>"></script>
|
|
|
|
|
<script type="text/javascript" src="/3rdparty/js/angular-sanitize.min.js?<%= revision %>"></script>
|
|
|
|
|
<script type="text/javascript" src="/3rdparty/js/angular-slick.min.js?<%= revision %>"></script>
|
2019-01-07 17:23:26 +01:00
|
|
|
<script type="text/javascript" src="/3rdparty/js/angular-ui-notification.js?<%= revision %>"></script>
|
2018-04-10 14:49:49 +02:00
|
|
|
<script type="text/javascript" src="/3rdparty/js/angular-fittext.min.js?<%= revision %>"></script>
|
|
|
|
|
<script type="text/javascript" src="/3rdparty/js/autofill-event.js?<%= revision %>"></script>
|
2018-01-22 13:01:38 -08:00
|
|
|
|
|
|
|
|
<!-- Angular directives for tldjs -->
|
2018-04-10 14:49:49 +02:00
|
|
|
<script type="text/javascript" src="/3rdparty/js/tld.js?<%= revision %>"></script>
|
|
|
|
|
<script type="text/javascript" src="/3rdparty/js/angular-tld.js?<%= revision %>"></script>
|
2018-01-22 13:01:38 -08:00
|
|
|
|
|
|
|
|
<!-- Angular directives for bootstrap https://angular-ui.github.io/bootstrap/ -->
|
2018-04-10 14:49:49 +02:00
|
|
|
<script type="text/javascript" src="/3rdparty/js/ui-bootstrap-tpls-1.3.3.min.js?<%= revision %>"></script>
|
2018-01-22 13:01:38 -08:00
|
|
|
|
2020-10-19 14:37:19 +02:00
|
|
|
<!-- Angular translate https://angular-translate.github.io/ -->
|
|
|
|
|
<script type="text/javascript" src="/3rdparty/js/angular-translate.min.js?<%= revision %>"></script>
|
|
|
|
|
<script type="text/javascript" src="/3rdparty/js/angular-translate-loader-static-files.min.js?<%= revision %>"></script>
|
2020-10-23 19:10:16 +02:00
|
|
|
<script type="text/javascript" src="/3rdparty/js/angular-translate-storage-cookie.min.js?<%= revision %>"></script>
|
|
|
|
|
<script type="text/javascript" src="/3rdparty/js/angular-translate-storage-local.min.js?<%= revision %>"></script>
|
2020-10-19 14:37:19 +02:00
|
|
|
|
2022-10-11 18:31:03 +02:00
|
|
|
<!-- <link type="text/css" rel="stylesheet" href="/3rdparty/Chart/Chart.min.css?<%= revision %>"/> -->
|
2020-09-02 17:57:01 +02:00
|
|
|
<!-- Chart.js https://www.chartjs.org/ -->
|
2022-12-23 07:23:14 +01:00
|
|
|
<script type="text/javascript" src="/3rdparty/chart.umd.js?<%= revision %>"></script>
|
2020-09-02 17:57:01 +02:00
|
|
|
|
2018-04-10 14:49:49 +02:00
|
|
|
<script type="text/javascript" src="/3rdparty/js/ansi_up.js?<%= revision %>"></script>
|
|
|
|
|
<script type="text/javascript" src="/3rdparty/js/clipboard.min.js?<%= revision %>"></script>
|
2018-01-22 13:01:38 -08:00
|
|
|
|
|
|
|
|
<!-- Showdown (markdown converter) -->
|
2020-08-08 21:58:12 -07:00
|
|
|
<script type="text/javascript" src="/3rdparty/js/showdown-1.9.1.min.js?<%= revision %>"></script>
|
2018-01-22 13:01:38 -08:00
|
|
|
|
|
|
|
|
<!-- Bootstrap slider -->
|
2018-04-06 00:11:08 +02:00
|
|
|
<script type="text/javascript" src="/3rdparty/bootstrap-slider/bootstrap-slider.min.js?<%= revision %>"></script>
|
|
|
|
|
<script type="text/javascript" src="/3rdparty/bootstrap-slider/slider.js?<%= revision %>"></script>
|
2018-01-22 13:01:38 -08:00
|
|
|
|
2018-04-10 14:49:49 +02:00
|
|
|
<!-- Anugular Multiselect https://github.com/sebastianha/angular-bootstrap-multiselect -->
|
|
|
|
|
<script type="text/javascript" src="/3rdparty/js/angular-bootstrap-multiselect.js?<%= revision %>"></script>
|
2018-01-22 13:01:38 -08:00
|
|
|
|
|
|
|
|
<!-- moment -->
|
2023-04-15 19:00:01 +02:00
|
|
|
<script type="text/javascript" src="/3rdparty/js/moment-with-locales.min.js?<%= revision %>"></script>
|
2020-01-08 13:01:31 +01:00
|
|
|
|
|
|
|
|
<!-- timezone list -->
|
2020-01-08 17:22:07 +01:00
|
|
|
<script type="text/javascript" src="/js/timezones.js?<%= revision %>"></script>
|
2018-01-22 13:01:38 -08:00
|
|
|
|
|
|
|
|
<!-- Main Application -->
|
2018-04-10 14:49:49 +02:00
|
|
|
<script type="text/javascript" src="/js/index.js?<%= revision %>"></script>
|
2018-01-22 13:01:38 -08:00
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<script type="text/ng-template" id="notification.html">
|
|
|
|
|
<div class="ui-notification">
|
|
|
|
|
<h3 ng-show="title" ng-bind-html="title"></h3>
|
|
|
|
|
<div class="message">
|
|
|
|
|
<a href="{{action}}" ng-show="action" ng-bind-html="message"></a>
|
|
|
|
|
<span ng-hide="action" ng-bind-html="message"></span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</script>
|
|
|
|
|
|
2020-10-28 12:04:51 +01:00
|
|
|
<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>
|
2018-12-11 18:17:53 +01:00
|
|
|
|
2020-11-05 16:45:45 +01:00
|
|
|
<!-- 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">
|
2020-11-30 10:57:42 +01:00
|
|
|
<h4 class="modal-title">{{ 'main.rebootDialog.title' | tr }}</h4>
|
2020-11-05 16:45:45 +01:00
|
|
|
</div>
|
|
|
|
|
<div class="modal-body">
|
2020-11-30 10:57:42 +01:00
|
|
|
<p class="text-bold">{{ 'main.rebootDialog.warning' | tr }}</p>
|
|
|
|
|
<p>{{ 'main.rebootDialog.description' | tr }}</p>
|
2020-11-05 16:45:45 +01:00
|
|
|
</div>
|
|
|
|
|
<div class="modal-footer">
|
2020-11-30 10:57:42 +01:00
|
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">{{ 'main.dialog.cancel' | tr }}</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> {{ 'main.rebootDialog.rebootAction' | tr }}</button>
|
2020-11-05 16:45:45 +01:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2022-05-14 19:41:47 +02:00
|
|
|
<div id="mainContentContainer" class="animateMe ng-hide layout-root" ng-show="initialized">
|
2018-01-22 13:01:38 -08:00
|
|
|
|
|
|
|
|
<!-- Navigation -->
|
|
|
|
|
<nav class="navbar navbar-default navbar-static-top shadow" role="navigation" style="margin-bottom: 0">
|
|
|
|
|
<div class="container-fluid">
|
|
|
|
|
<div class="navbar-header">
|
|
|
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
|
|
|
|
<span class="sr-only">Toggle navigation</span>
|
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
|
</button>
|
|
|
|
|
<a class="navbar-brand navbar-brand-icon" href="#/"><img ng-src="{{ client.avatar }}" width="40" height="40"/></a>
|
2020-03-06 17:57:25 -08:00
|
|
|
<a class="navbar-brand" href="#/">{{ config.cloudronName || 'Cloudron' }}</a>
|
2018-01-22 13:01:38 -08:00
|
|
|
</div>
|
|
|
|
|
<!-- /.navbar-header -->
|
|
|
|
|
|
|
|
|
|
<div class="collapse navbar-collapse">
|
2020-02-14 14:16:04 +01:00
|
|
|
<ul class="nav navbar-nav navbar-right" ng-hide="hideNavBarActions">
|
2020-07-30 13:19:03 +02:00
|
|
|
<li ng-show="user.isAtLeastOwner && (subscription.plan.id === 'free' || subscription.plan.id === 'expired')">
|
|
|
|
|
<a ng-click="openSubscriptionSetup()" style="cursor: pointer">
|
2022-11-15 12:54:03 +01:00
|
|
|
<span class="badge" ng-class="{'badge-danger': subscription.plan.id !== 'free', 'badge-success': subscription.plan.id === 'free' }">
|
|
|
|
|
{{ subscription.plan.id === 'free' ? ('settings.appstoreAccount.subscriptionSetupAction' | tr) : ('settings.appstoreAccount.subscriptionReactivateAction' | tr) }}
|
|
|
|
|
</span>
|
2021-10-12 17:58:50 +02:00
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li ng-show="!user.isAtLeastOwner && subscription.plan.id === 'expired'">
|
|
|
|
|
<a>
|
|
|
|
|
<span class="badge badge-danger">Subscription Expired</span>
|
2020-07-30 13:19:03 +02:00
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
2023-06-13 13:54:34 +02:00
|
|
|
<a ng-class="{ active: isActive('/apps')}" href="#/apps"><i class="fa fa-grip fa-fw"></i> {{ 'apps.title' | tr }}</a>
|
2020-07-30 13:19:03 +02:00
|
|
|
</li>
|
|
|
|
|
<li ng-show="user.isAtLeastAdmin">
|
2020-10-28 16:17:14 +01:00
|
|
|
<a ng-class="{ active: isActive('/appstore')}" href="#/appstore"><i class="fa fa-cloud-download-alt fa-fw"></i> {{ 'appstore.title' | tr }}</a>
|
2020-07-30 13:19:03 +02:00
|
|
|
</li>
|
|
|
|
|
<li ng-show="user.isAtLeastUserManager">
|
2021-12-05 11:43:59 +01:00
|
|
|
<a ng-class="{ active: isActive('/users')}" href="#/users"><i class="fa fa-users fa-fw"></i> {{ 'main.navbar.users' | tr }}</a>
|
2020-07-30 13:19:03 +02:00
|
|
|
</li>
|
2021-07-07 19:07:43 +02:00
|
|
|
<li ng-show="user.isAtLeastAdmin">
|
2020-07-30 13:19:03 +02:00
|
|
|
<a href="#/notifications">
|
2021-05-29 12:11:17 -07:00
|
|
|
<i class="fas fa-bell" ng-show="notificationCount"></i>
|
|
|
|
|
<i class="far fa-bell" ng-hide="notificationCount"></i>
|
2022-05-23 17:27:45 +02:00
|
|
|
<span class="badge badge-danger" ng-show="notificationCount">{{ notificationCount === 100 ? '100+' : notificationCount }}</span>
|
2020-07-30 13:19:03 +02:00
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="dropdown">
|
|
|
|
|
<a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><img ng-src="{{user.avatarUrl}}" style="width: 24px; height: 24px;"/> {{user.username}} <span class="caret"></span></a>
|
|
|
|
|
<ul class="dropdown-menu" role="menu">
|
2020-10-28 16:17:14 +01:00
|
|
|
<li><a href="#/profile"><i class="fa fa-user fa-fw"></i> {{ 'profile.title' | tr }}</a></li>
|
2021-12-02 09:29:33 -08:00
|
|
|
<li ng-show="user.isAtLeastMailManager" class="divider"></li>
|
2020-10-28 16:17:14 +01:00
|
|
|
<li ng-show="user.isAtLeastAdmin"><a href="#/backups"><i class="fa fa-archive fa-fw"></i> {{ 'backups.title' | tr }}</a></li>
|
2021-12-02 12:21:59 -08:00
|
|
|
<li ng-show="user.isAtLeastOwner"><a href="#/branding"><i class="fa fa-passport fa-fw"></i> {{ 'branding.title' | tr }}</a></li>
|
2020-10-28 16:17:14 +01:00
|
|
|
<li ng-show="user.isAtLeastAdmin"><a href="#/domains"><i class="fa fa-globe fa-fw"></i> {{ 'domains.title' | tr }}</a></li>
|
2021-12-02 09:29:33 -08:00
|
|
|
<li ng-show="user.isAtLeastMailManager"><a href="#/email"><i class="fa fa-envelope fa-fw"></i> {{ 'emails.title' | tr }}</a></li>
|
2021-06-15 11:17:55 -07:00
|
|
|
<li ng-show="user.isAtLeastAdmin"><a href="#/eventlog"><i class="fa fa-list-alt fa-fw"></i> {{ 'eventlog.title' | tr }}</a></li>
|
2020-10-28 16:17:14 +01:00
|
|
|
<li ng-show="user.isAtLeastAdmin"><a href="#/network"><i class="fas fa-network-wired fa-fw"></i> {{ 'network.title' | tr }}</a></li>
|
|
|
|
|
<li ng-show="user.isAtLeastAdmin"><a href="#/services"><i class="fa fa-cogs fa-fw"></i> {{ 'services.title' | tr }}</a></li>
|
|
|
|
|
<li ng-show="user.isAtLeastAdmin"><a href="#/settings"><i class="fa fa-wrench fa-fw"></i> {{ 'settings.title' | tr }}</a></li>
|
2023-08-11 21:09:36 +05:30
|
|
|
<li ng-show="user.isAtLeastAdmin"><a href="#/usersettings"><i class="fa fa-users-gear fa-fw"></i> {{ 'users.title' | tr }}</a></li>
|
2020-11-23 22:13:54 +01:00
|
|
|
<li ng-show="user.isAtLeastAdmin"><a href="#/volumes"><i class="fa fa-hdd fa-fw"></i> {{ 'volumes.title' | tr }}</a></li>
|
2020-09-29 15:24:23 +02:00
|
|
|
<li ng-show="user.isAtLeastAdmin" class="divider"></li>
|
2022-10-04 10:24:48 +02:00
|
|
|
<li ng-show="user.isAtLeastOwner"><a href="#/support"><i class="fa fa-comment fa-fw"></i> {{ 'support.title' | tr }}</a></li>
|
2020-10-28 16:17:14 +01:00
|
|
|
<li ng-show="user.isAtLeastAdmin"><a href="#/system"><i class="fa fa-chart-area fa-fw"></i> {{ 'system.title' | tr }}</a></li>
|
2020-07-30 13:19:03 +02:00
|
|
|
<li class="divider"></li>
|
2020-10-28 16:17:14 +01:00
|
|
|
<li><a href="" ng-click="logout($event)"><i class="fa fa-sign-out-alt fa-fw"></i> {{ 'main.logout' | tr }}</a></li>
|
2020-07-30 13:19:03 +02:00
|
|
|
</ul>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
2018-01-22 13:01:38 -08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</nav>
|
|
|
|
|
|
|
|
|
|
<div ng-view id="ng-view" class="layout-content"></div>
|
|
|
|
|
|
|
|
|
|
<footer class="text-center ng-cloak">
|
2020-03-06 17:57:25 -08:00
|
|
|
<span class="text-muted" ng-bind-html="config.footer | markdown2html"></span>
|
2018-01-22 13:01:38 -08:00
|
|
|
</footer>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
