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

Add functionnality

Browse source
This commit is contained in:
Loic GUEGAN 2016-04-17 20:43:41 +02:00
parent a481b727d9
commit ae4e028231
5 changed files with 41 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

60
client/partials/image/edit.html
View file

@ -1,4 +1,4 @@
<div class="modal fade" id="uploadImageModal" ng-controller="uploadImageCtrl">
<div class="modal fade" id="editImageModal" ng-controller="editImageCtrl">
<div class="modal-dialog">
<div class="modal-content"></div>
</div>
@ -6,7 +6,7 @@
<div class="modal-content">
<div class="modal-header">
<!--<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>-->
<h4 class="modal-title">Upload Image</h4>
<h4 class="modal-title">Edit Image</h4>
</div>
@ -14,54 +14,28 @@
<form class="form-horizontal" role="form">
<div class="form-group">
<label class="control-label col-sm-2" for="email">Name</label>
<label class="control-label col-sm-2">Name</label>
<div class="col-sm-10">
<p class="form-control-static">{{ machine.name}}</p>
<p class="form-control-static">{{ image.name}}</p>
</div>
<label class="control-label col-sm-2">Protected</label>
<div class="col-sm-10">
<p class="form-control-static">{{ image.protected}}</p>
</div>
<label class="control-label col-sm-2">Visibility</label>
<div class="col-sm-10">
<p class="form-control-static">{{ image.visibility}}</p>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="pwd">State</label>
<div class="col-sm-10">
<span ng-if="machine.status == 'ACTIVE'">Online</span>
<span ng-if="machine.status !== 'ACTIVE'">Offline</span>
&nbsp;
<button class="btn btn-danger" ng-if="machine.status == 'ACTIVE'" ng-click="toggleMachineState()">Turn Off</button>
<button class="btn btn-success" ng-if="machine.status !== 'ACTIVE'" ng-click="toggleMachineState()">Turn On</button>
&nbsp;<img src="images/spin/32x32/Preloader_1.gif" ng-if="machineIsStarting"></span>
</div>
</div>
<fieldset class="form-group">
<label class="control-label col-sm-2">RAM</label>
<select class="col-sm-20" id="ramSelected">
<option ng-repeat="ram in axioms.ram" ng-selected="machine.ram == ram">{{ ram}}</option>
</select>
<span>MB</span>
</fieldset>
<fieldset class="form-group">
<label class="control-label col-sm-2">Disk</label>
<select class="col-sm-20" id="ramSelected">
<option ng-repeat="disk in axioms.disk" ng-selected="machine.disk == disk">{{ disk}}</option>
</select>
</fieldset>
<fieldset class="form-group">
<label class="control-label col-sm-2">Image</label>
<select class="col-sm-20" id="ramSelected">
<option ng-repeat="image in axioms.images" ng-selected="machine.imageId == Object.keys(image)">{{ image.name}}</option>
</select>
</fieldset>
</form>
<div class="modal-footer">
<!--<a href="#" data-dismiss="modal" class="btn btn-default">Close</a>-->
<a class="btn btn-lg btn-primary btn-block" data-dismiss="modal" >Apply</a>
</div>
</div>
</div>
</div>
</div>

4
client/partials/image/image.html
View file

@ -8,7 +8,7 @@
<div class="btn-group btn-group-md" role="group" aria-label="...">
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#uploadImageModal"">Upload</button>
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#uploadImageModal">Upload</button>
<button type="button" class="btn btn-default">Download</button>
</div>
<p></p>
@ -25,7 +25,7 @@
<td>{{ image.name}}</td>
<td>{{ (image.size / 1048576).toFixed(2)}} MB</td>
<td>
<button type="button" class="btn btn-primary">Edit</button>
<button type="button" class="btn btn-primary" ng-click="edit(image)">Edit</button>
<button type="button" class="btn btn-danger">Remove</button>
</td>
</tr>