afonso/core-extra
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

web app implemented ui to display and configure services for a node

Browse source
This commit is contained in:
Blake J. Harnden 2018-05-14 09:28:25 -07:00
parent 8347debda9
commit d9db4a427a
7 changed files with 170 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

11
webapp/templates/index.html
View file

@ -112,6 +112,7 @@
{% include 'sessions_modal.html' %}
{% include 'nodeedit_modal.html' %}
{% include 'linkedit_modal.html' %}
{% include 'services_modal.html' %}
<ul id="node-context" class="list-group context d-none">
<a class="list-group-item list-group-item-action" href="#" data-option="edit">Edit Node</a>
@ -130,6 +131,7 @@
<script src="static/coreip.js"></script>
<script src="static/corerest.js"></script>
<script src="static/corenetwork.js"></script>
<script src="static/coreui.js"></script>
<script>
const $linkButton = $('#link-button');
@ -165,9 +167,11 @@
return formData;
}
// initial core setup
// core setup
const coreRest = new CoreRest();
const coreNetwork = new CoreNetwork('core-network', coreRest);
const servicesModal = new ServicesModal(coreRest, coreNetwork);
coreNetwork.initialSession()
.then(function (session) {
joinSession(session);
@ -327,6 +331,11 @@
$nodeEditModal.find('.modal-title').text(`Edit Node: ${node.name}`);
$nodeEditModal.find('#node-name').val(node.name);
$nodeEditModal.modal('show');
} else if (option === 'services') {
servicesModal.show(nodeId)
.catch(function(err) {
console.log('error showing services modal: ', err);
});
}
});

28
webapp/templates/services_modal.html Normal file
View file

@ -0,0 +1,28 @@
<div id="services-modal" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header bg-dark text-white">
<h5 class="modal-title"></h5>
<button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<label for="service-group">Service Group</label>
<select class="form-control" id="service-group">
</select>
</div>
<div id="services-list" class="form-group">
</div>
</form>
</div>
<div class="modal-footer">
<button id="services-button" type="button" class="btn btn-primary">Save</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>