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

Add initial addons view

Browse Source
This commit is contained in:
Johannes Zellner
2018-11-15 19:59:24 +01:00
parent 85e467581c
commit 699db93b18
5 changed files with 103 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.html
+1
View File
@@ -150,6 +150,7 @@
<ul class="dropdown-menu" role="menu">
<li><a href="#/account"><i class="fa fa-user fa-fw"></i> Account</a></li>
<li ng-show="user.admin"><a href="#/activity"><i class="fa fa-list-alt fa-fw"></i> Activity</a></li>
<li ng-show="user.admin"><a href="#/addons"><i class="fa fa-puzzle-piece fa-fw"></i> Addons</a></li>
<!-- <li ng-show="user.admin"><a href="#/tokens"><i class="fa fa-key fa-fw"></i> API Access</a></li> -->
<li ng-show="user.admin"><a href="#/backups"><i class="fa fa-archive fa-fw"></i> Backups</a></li>
<li ng-show="user.admin"><a href="#/domains"><i class="fa fa-globe fa-fw"></i> Domains & Certs</a></li>
src/js/client.js
+14
View File
@@ -679,6 +679,20 @@ angular.module('Application').service('Client', ['$http', '$interval', 'md5', 'N
}).error(defaultErrorHandler(callback));
};
Client.prototype.getAddons = function (callback) {
get('/api/v1/addons').success(function (data, status) {
if (status !== 200 || typeof data !== 'object') return callback(new ClientError(status, data));
callback(null, data.addons);
}).error(defaultErrorHandler(callback));
};
Client.prototype.getAddon = function (addon, callback) {
get('/api/v1/addons/' + addon).success(function (data, status) {
if (status !== 200 || typeof data !== 'object') return callback(new ClientError(status, data));
callback(null, data.addon);
}).error(defaultErrorHandler(callback));
};
Client.prototype.getUsers = function (callback) {
get('/api/v1/users').success(function (data, status) {
if (status !== 200 || typeof data !== 'object') return callback(new ClientError(status, data));
src/js/index.js
+3
View File
@@ -70,6 +70,9 @@ app.config(['$routeProvider', function ($routeProvider) {
}).when('/users', {
controller: 'UsersController',
templateUrl: 'views/users.html?<%= revision %>'
}).when('/addons', {
controller: 'AddonsController',
templateUrl: 'views/addons.html?<%= revision %>'
}).when('/appstore', {
controller: 'AppStoreController',
templateUrl: 'views/appstore.html?<%= revision %>'
src/views/addons.html
+68
View File
@@ -0,0 +1,68 @@
<div class="content">
<div class="text-left">
<h1>Addons</h1>
</div>
<div class="text-left">
<h3>Overview</h3>
</div>
<div class="card" style="margin-bottom: 15px;">
<div class="row">
<div class="col-xs-12">
Cloudron addons are addons for the apps. These include for example databases and authentication modules.<br/>
A full list of available addons can be found <a href="https://cloudron.io/developer/addons/" target="_blank">here</a>.
</div>
</div>
</div>
<div class="text-left">
<h3>Status</h3>
</div>
<div class="card" style="margin-bottom: 15px;">
<div class="row">
<div class="col-xs-12">
<div class="row ng-hide" ng-show="!ready">
<div class="col-xs-12 text-center">
<h2><i class="fa fa-circle-o-notch fa-spin"></i></h2>
</div>
</div>
<div class="row animateMeOpacity ng-hide" ng-show="ready">
<div class="col-xs-12">
<table class="table table-hover">
<thead>
<tr>
<th style="width: 0.5%;"></th>
<th style="width:45%">Addon</th>
<th style="width:49.5%">Status</th>
<th style="width: 5%" class="text-right">Actions</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="addon in addons">
<td>
<i class="fa fa-briefcase" uib-tooltip="Active"></i>
</td>
<td class="elide-table-cell">
{{ addon.name }}
</td>
<td class="elide-table-cell">
-
</td>
<td class="text-right no-wrap" style="vertical-align: bottom">
<button class="btn btn-xs btn-default" ng-click="" title="Start"><i class="fa fa-paper-plane"></i></button>
<button class="btn btn-xs btn-default" ng-click="" title="Stop"><i class="fa fa-pencil-alt"></i></button>
<button class="btn btn-xs btn-danger" ng-click="" title="Logs"><i class="far fa-trash-alt"></i></button>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
src/views/addons.js
+17
View File
@@ -0,0 +1,17 @@
'use strict';
angular.module('Application').controller('AddonsController', ['$scope', '$location', 'Client', function ($scope, $location, Client) {
Client.onReady(function () { if (!Client.getUserInfo().admin) $location.path('/'); });
$scope.ready = false;
$scope.addons = [];
Client.onReady(function () {
Client.getAddons(function (error, result) {
if (error) return Client.error(error);
$scope.addons = result.map(function (a) { return { name: a }; });
$scope.ready = true;
});
});
}]);