Commit 46577a1b by Kálmán Viktor

dashboard: vm create no js compatibility

parent 6dbc55fb
......@@ -38,6 +38,10 @@ $(function () {
$("a[href=" + window.location.hash +"]").tab('show');
vmCreateLoaded();
/* no js compatibility */
$('.no-js-hidden').show();
$('.js-hidden').hide();
});
function vmCreateTemplateChange(new_this) {
......@@ -59,6 +63,7 @@ function vmCreateTemplateChange(new_this) {
$('#vm-create-network-list').append(
vmCreateNetworkLabel(nn.vlan_pk, nn.vlan, nn.managed)
);
$('#vm-create-network-add-form option[value="' + nn.vlan_pk + '|' + (nn.managed ? '1' : '0') + '"]').prop('selected', true);
}
}
}
......@@ -98,6 +103,7 @@ function vmCreateLoaded() {
$('#vm-create-network-list').append(
vmCreateNetworkLabel(option.val(), option.text(), managed > 0 ? true : false)
);
$('#vm-create-network-add-form option[value="' + vlan_pk + '|' + (managed ? '1' : '0') + '"]').prop('selected', true);
$('option:selected', $('#vm-create-network-add-select')).remove();
/* add dummy text if no more networks are available */
......@@ -113,22 +119,24 @@ function vmCreateLoaded() {
// event for network remove button (icon, X)
// TODO still not the right place
$('body').on('click', '.vm-create-remove-network', function() {
console.log($('#vm-create-network-add-select option').length);
if($('#vm-create-network-add-select option')[0].value == -1) {
$('#vm-create-network-add-button').attr('disabled', false);
$('#vm-create-network-add-select').html('');
}
var vlan_pk = ($(this).parent('span').prop('id')).replace('vlan-', '');
$(this).parent('span').fadeOut(500, function() {
var value = ($(this).parent('span').prop('id')).replace('vlan-', '').split('|');
var vlan_pk = value[0];
var managed = value[1];
$(this).parent('span').fadeOut(500, function() {
if($('#vm-create-network-add-select option')[0].value == -1) {
$('#vm-create-network-add-button').attr('disabled', false);
$('#vm-create-network-add-select').html('');
}
$(this).remove();
var vlan_name = $(this).text();
$('#vm-create-network-add-select').append($('<option>', {
value: vlan_pk,
value: vlan_pk + "|" + managed,
text: vlan_name
}));
$('#vm-create-network-add-form option[value="' + vlan_pk + '|' + (managed ? '1' : '0') + '"]').prop('selected', false);
if ($('#vm-create-network-list').children('span').length < 1) {
$('#vm-create-network-list').append('Not added to any network!');
}
......
......@@ -70,24 +70,35 @@
color: black /*#d9534f*/;
text-decoration: none;
}
.no-js-hidden {
display: none;
}
</style>
<div class="col-sm-8" style="padding-top: 3px;">
<h3 id="vm-create-network-list">
Not added to any network!
</h3>
<h3 id="vm-create-network-add">
<div class="input-group" style="max-width: 300px;">
<select class="form-control" id="vm-create-network-add-select">
<option value="1|1">vmnet2</option>
<option value="2|0">PUB</option>
<option value="3|0">OFF</option>
</select>
<div class="input-group-btn">
<!--<input type="submit" value="Add to network" class="btn btn-success"/>-->
<a href="#" id="vm-create-network-add-button" class="btn btn-success"><i class="icon-plus-sign"></i></a>
<select class="form-control js-hidden" id="vm-create-network-add-form" multiple>
<option value="1|1">vmnet2 - managed</option>
<option value="2|0">PUB</option>
<option value="3|0">OFF</option>
</select>
<div class="no-js-hidden">
<h3 id="vm-create-network-list" class="no-js-hidden">
Not added to any network!
</h3>
<h3 id="vm-create-network-add">
<div class="input-group" style="max-width: 300px;">
<select class="form-control" id="vm-create-network-add-select">
<option value="1|1">vmnet2</option>
<option value="2|0">PUB</option>
<option value="3|0">OFF</option>
</select>
<div class="input-group-btn">
<!--<input type="submit" value="Add to network" class="btn btn-success"/>-->
<a href="#" id="vm-create-network-add-button" class="btn btn-success"><i class="icon-plus-sign"></i></a>
</div>
</div>
</div>
</h3>
</h3>
</div>
</div>
</div>
</div>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment