Use angular bootstrap collapse for advanced app configuration

This commit is contained in:
Johannes Zellner
2016-09-05 13:51:29 +02:00
parent 6b4d906336
commit 59e1e55666
2 changed files with 5 additions and 2 deletions

View File

@@ -99,8 +99,8 @@
<br/>
<label class="control-label hand" data-toggle="collapse" data-target="#appConfigureCollapseAdvanced">Show advanced</label>
<div class="collapse" id="appConfigureCollapseAdvanced">
<a href="" ng-click="appConfigure.advancedVisible = true" ng-hide="appConfigure.advancedVisible">Show advanced</a>
<div uib-collapse="!appConfigure.advancedVisible">
<div class="form-group">
<label class="control-label" for="memoryLimit">Maximum Memory Usage: <b>{{ appConfigure.memoryLimit ? appConfigure.memoryLimit / 1024 / 1024 + 'MB' : 'Default' }}</b></label>
<br/>
@@ -139,6 +139,7 @@
</div>
</div>
<br/>
<br/>
<div class="form-group" ng-class="{ 'has-error': (appConfigureForm.password.$dirty && appConfigureForm.password.$invalid) || (!appConfigureForm.password.$dirty && appConfigure.error.password) }">
<label class="control-label" for="appConfigurePasswordInput">Provide your password to confirm this action</label>

View File

@@ -25,6 +25,7 @@ angular.module('Application').controller('AppsController', ['$scope', '$location
app: {},
location: '',
usingAltDomain: false,
advancedVisible: false,
password: '',
portBindings: {},
portBindingsEnabled: {},
@@ -81,6 +82,7 @@ angular.module('Application').controller('AppsController', ['$scope', '$location
$scope.appConfigure.error = {};
$scope.appConfigure.app = {};
$scope.appConfigure.location = '';
$scope.appConfigure.advancedVisible = false;
$scope.appConfigure.usingAltDomain = false;
$scope.appConfigure.password = '';
$scope.appConfigure.portBindings = {}; // This is the actual model holding the env:port pair