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

webadmin: add more details for installed apps

Browse Source
This commit is contained in:
Johannes Zellner
2014-08-10 23:49:13 -07:00
parent 72bafc8397
commit b905ad2c2f
3 changed files with 37 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webadmin/index.html
+14 -2
View File
@@ -30,8 +30,8 @@
.animateMe {
opacity: 1;
transform: scale(1, 1);
-webkit-transition: 0.25s linear all;
transition: 0.25s linear all;
-webkit-transition: 0.25s ease all;
transition: 0.25s ease all;
}
.animateMe.ng-hide-add,
@@ -41,6 +41,18 @@
opacity: 0;
}
.animateMeOpacity {
opacity: 1;
-webkit-transition: 0.25s ease all;
transition: 0.25s ease all;
}
.animateMeOpacity.ng-hide-add,
.animateMeOpacity.ng-hide-remove {
display: block !important;
opacity: 0;
}
</style>
</head>
webadmin/views/appdetails.html
+21 -17
View File
@@ -1,22 +1,26 @@
<div class="row">
<div class="col-lg-12">
<h1 class="page-header"><a target="_blank" ng-href="https://{{ app.fqdn + app.manifest.home_url }}">{{ app.manifest.name }}</a></h1>
<div class="animateMeOpacity ng-hide" ng-show="initialized">
<div class="row">
<div class="col-lg-12">
<h1 class="page-header"><a target="_blank" ng-href="https://{{ app.fqdn + app.manifest.home_url }}">{{ app.manifest.name }}</a></h1>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="panel panel-primary">
<div class="panel-heading">
Configuration
</div>
<div class="panel-body">
<ul class="list-group">
<li class="list-group-item">Location <span class="pull-right"><a target="_blank" ng-href="https://{{ app.fqdn + app.manifest.home_url }}">{{ app.fqdn + app.manifest.home_url }}</a></span></li>
<li class="list-group-item">Status <span class="pull-right">{{ app.installationState }}</span></li>
</ul>
<button class="btn btn-outline btn-danger pull-right" ng-click="deleteApp()">Delete</button>
<div class="row">
<div class="col-lg-12">
<div class="panel panel-primary">
<div class="panel-heading">
Configuration
</div>
<div class="panel-body">
<ul class="list-group">
<li class="list-group-item">Location <span class="pull-right"><a target="_blank" ng-href="https://{{ app.fqdn + app.manifest.home_url }}">{{ app.fqdn + app.manifest.home_url }}</a></span></li>
<li class="list-group-item">Health <i ng-show="app.runState === 'running'" class="fa fa-smile-o fa-fw pull-right text-success"></i><i ng-show="app.runState !== 'running'" class="fa fa-frown-o fa-fw pull-right text-danger"></i></li>
<li class="list-group-item">Status <span class="pull-right">{{ app.installationState }}</span></li>
<li class="list-group-item">Version <span class="pull-right">{{ app.manifest.version }}</span></li>
</ul>
<button class="btn btn-outline btn-danger pull-right" ng-click="deleteApp()">Delete</button>
</div>
</div>
</div>
</div>
</div>
</div>
webadmin/views/appdetails.js
+2
View File
@@ -2,6 +2,7 @@
var AppDetailsController = function ($scope, $http, $routeParams, $interval, Client) {
$scope.app = {};
$scope.initialized = false;
$scope.deleteApp = function () {
Client.removeApp($routeParams.id, function (error) {
@@ -20,6 +21,7 @@ var AppDetailsController = function ($scope, $http, $routeParams, $interval, Cli
}
$scope.app = app;
$scope.initialized = true;
});
});