diff options
| author | Yoggzo <yogg@epsina.com> | 2016-02-29 14:20:13 +0100 |
|---|---|---|
| committer | Yoggzo <yogg@epsina.com> | 2016-02-29 14:20:13 +0100 |
| commit | cfce59d6dc120848624e105614575ae0f48af81b (patch) | |
| tree | 348540cbed9dfce254a64ceee69977e9954b65e1 /client/partials/home/machineDetails.html | |
| parent | 6349739a6c42d413e1bc1ea5068336187055c277 (diff) | |
merge
Diffstat (limited to 'client/partials/home/machineDetails.html')
| -rw-r--r-- | client/partials/home/machineDetails.html | 84 |
1 files changed, 84 insertions, 0 deletions
diff --git a/client/partials/home/machineDetails.html b/client/partials/home/machineDetails.html new file mode 100644 index 0000000..606edcf --- /dev/null +++ b/client/partials/home/machineDetails.html @@ -0,0 +1,84 @@ +<div class="modal" id="machineDetailsModal" ng-controller="machineDetailsCtrl" > + <div class="modal-dialog"> + <div class="modal-content"></div> + </div> + <div class="modal-dialog"> + <div class="modal-content"> + <div class="modal-header"> + <!--<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>--> + <h4 class="modal-title">Machine</h4> + + </div> + <div class="modal-body"> + + <form class="form-horizontal" role="form"> + <div class="form-group"> + <label class="control-label col-sm-2" for="email">Name</label> + <div class="col-sm-10"> + <p class="form-control-static">{{ machine.name }}</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.online">Online</span> + <span ng-if="!machine.online">Offline</span> + + <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> + <img src="images/spin/32x32/Preloader_1.gif" 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> + + <fieldset class="form-group"> + <label class="control-label col-sm-2">Image</label> + <select class="col-sm-20" id="ramSelected"> + <option>Cirros</option> + <option>Debian</option> + <option>Tiny Core</option> + <option>Centos</option> + </select> + </fieldset> + + + + + + </form> + + + </div> + <div class="modal-footer"> + <a href="#" data-dismiss="modal" class="btn btn-primary">Apply</a> + <a href="#" data-dismiss="modal" class="btn btn-default">Cancel</a> + </div> + </div> + </div> +</div> |