loic/istic-openstack
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Edit machine details

Browse source
This commit is contained in:
manzerbredes 2016-02-28 17:29:34 +01:00
parent 1f397cf0c6
commit 04b66da257
3 changed files with 59 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
client/js/controllers/home/machineDetails.js
View file

@ -3,11 +3,11 @@
*
* @param {$scope} $scope The $scope service from angular
*/
mainApp.controller('machineDetailsCtrl', [ '$scope', 'Compute', '$rootScope', function ($scope, Compute, $rootScope)
mainApp.controller('machineDetailsCtrl', [ '$scope', 'Compute', '$rootScope', '$timeout', function ($scope, Compute, $rootScope, $timeout)
{
$scope.machine={};
$("#waitingForToggleMachine").hide();
$scope.$on('showMachineDetailsEvent', function(eventName ,machine){
$scope.machine=machine;
@ -15,6 +15,24 @@ mainApp.controller('machineDetailsCtrl', [ '$scope', 'Compute', '$rootScope', fu
});
$scope.toggleMachineState=function(){
$("#waitingForToggleMachine").show();
// Fake timeout
$timeout(function(){
$("#waitingForToggleMachine").hide();
}, 1000);
$timeout(function(){
$scope.machine.online=!$scope.machine.online;
}, 1000);
};
$scope.applyModifications=function(){
//Todo
}

2
client/js/controllers/home/main.js
View file

@ -14,7 +14,7 @@ mainApp.controller('homeCtrl', [ '$scope', 'Compute', '$rootScope', function ($s
Compute.pullData(updatePage);
$scope.raiseShowMachineDetailsEvent=function(){
var machine={name: "Machine 1"};
var machine={name: "Machine 1", online:true};
$rootScope.$broadcast("showMachineDetailsEvent", machine);
}

38
client/partials/home/machineDetails.html
View file

@ -22,9 +22,45 @@
<label class="control-label col-sm-2" for="pwd">State</label>
<div class="col-sm-10">
Offline &nbsp;
<button class="btn btn-success">Turn On</button>
<button class="btn btn-danger" ng-if="machine.online" ng-click="toggleMachineState()">Turn Off</button>
<button class="btn btn-success" ng-if="!machine.online" ng-click="toggleMachineState()">Turn On</button>
&nbsp;<span class="glyphicon glyphicon-refresh" aria-hidden="true" id="waitingForToggleMachine"></span>
</div>
</div>
<fieldset class="form-group">
<label class="control-label col-sm-2">RAM</label>
<select class="col-sm-20" id="ramSelected">
<option>128 MB</option>
<option>512 MB</option>
<option>1024 MB</option>
<option>2048 MB</option>
<option>4096 MB</option>
</select>
</fieldset>
<fieldset class="form-group">
<label class="control-label col-sm-2">Disk</label>
<select class="col-sm-20" id="ramSelected">
<option>1 Go</option>
<option>2 Go</option>
<option>5 Go</option>
<option>10 Go</option>
<option>25 Go</option>
<option>50 Go</option>
<option>100 Go</option>
<option>150 Go</option>
<option>200 Go</option>
</select>
</fieldset>
</form>