Improvements after jquery update (#3183)

* Add jQuery ui stylings to the project

* Adapt stylings to jquery ui stylings

- remove unnecessary (empty) style definitions

* Check if jquery autocomplete is initialized before destroying it

* Use dialog modal option instead of setting z-index styling

- set minimum heigth of dialog

* Swap removeAttr() for prop() since it's not longer recommended as of jQuery 3.0

* Fix reccuring snapshots modal view

* Further style improvements

* More improvements on the instance-wizard (and multi-wizard in general)

* Raise input hints over modal z-index

* Adapt/fix stylings

- center buttons of create form modals
- fix width of select menu in service offerings
- fix width of modal in Network -> VPC -> configure -> static NAT -> aquire new Ip -> enable static nat

* Adapt width of dynamic-input container
This commit is contained in:
Nico Wohlfarth 2019-04-25 21:09:43 +02:00 committed by Rafael Weingärtner
parent 8f7b27bbdc
commit 89d548052b
10 changed files with 1339 additions and 416 deletions

File diff suppressed because it is too large Load Diff

View File

@ -23,6 +23,7 @@
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<link rel="shortcut icon" href="images/cloud.ico" />
<link type="text/css" rel="stylesheet" href="lib/jquery-ui/css/jquery-ui.css" />
<link type="text/css" rel="stylesheet" href="lib/reset.css"/>
<link type="text/css" rel="stylesheet" href="css/cloudstack3.css" />
<link type="text/css" rel="stylesheet" href="css/token-input-facebook.css" />

1151
ui/lib/jquery-ui/css/jquery-ui.css vendored Normal file

File diff suppressed because it is too large Load Diff

View File

@ -2405,7 +2405,7 @@
$userDataL2.hide();
$supportedServices.css('display', 'inline-block');
if ($useVpcCb.is(':checked')) { //if useVpc is checked,
$useVpcCb.removeAttr("checked"); //remove "checked" attribute in useVpc
$useVpcCb.prop("checked", false); //remove "checked" attribute in useVpc
}
$conservemode.css('display', 'inline-block');
} else if ($guestTypeField.val() == 'Isolated') { //Isolated network offering

View File

@ -328,7 +328,10 @@
}
});
var setupAutocompletion = function() {
$($.find('input[name="rule"]')).autocomplete("destroy");
var $target = $($.find('input[name="rule"]'));
if ($target.hasClass('ui-autocomplete')) {
$target.autocomplete('destroy');
}
$($.find('input[name="rule"]')).autocomplete({
source: apiList,
autoFocus:true

View File

@ -1655,7 +1655,7 @@
desc: 'message.restart.network',
preFilter: function (args) {
if (selectedZoneObj.networktype == "Basic") {
args.$form.find('.form-item[rel=cleanup]').find('input').removeAttr('checked');
args.$form.find('.form-item[rel=cleanup]').find('input').prop('checked', false);
//unchecked
args.$form.find('.form-item[rel=cleanup]').hide();
//hidden
@ -20312,7 +20312,7 @@
$form.find('.form-item[rel=maxerrorretry]').hide();
$form.find('.form-item[rel=sockettimeout]').hide();
$form.find('.form-item[rel=createNfsCache]').find('input').removeAttr('checked');
$form.find('.form-item[rel=createNfsCache]').find('input').prop('checked', false);
$form.find('.form-item[rel=createNfsCache]').hide();
$form.find('.form-item[rel=nfsCacheZoneid]').hide();
$form.find('.form-item[rel=nfsCacheNfsServer]').hide();
@ -20345,7 +20345,7 @@
$form.find('.form-item[rel=maxerrorretry]').hide();
$form.find('.form-item[rel=sockettimeout]').hide();
$form.find('.form-item[rel=createNfsCache]').find('input').removeAttr('checked');
$form.find('.form-item[rel=createNfsCache]').find('input').prop('checked', false);
$form.find('.form-item[rel=createNfsCache]').hide();
$form.find('.form-item[rel=nfsCacheZoneid]').hide();
$form.find('.form-item[rel=nfsCacheNfsServer]').hide();
@ -20413,7 +20413,7 @@
$form.find('.form-item[rel=maxerrorretry]').hide();
$form.find('.form-item[rel=sockettimeout]').hide();
$form.find('.form-item[rel=createNfsCache]').find('input').removeAttr('checked');
$form.find('.form-item[rel=createNfsCache]').find('input').prop('checked', false);
$form.find('.form-item[rel=createNfsCache]').hide();
$form.find('.form-item[rel=nfsCacheZoneid]').hide();
$form.find('.form-item[rel=nfsCacheNfsServer]').hide();

View File

@ -1366,13 +1366,14 @@
var wizardDialog = $wizard.dialog({
title: _l('label.vm.add'),
width: 896,
height: 570,
closeOnEscape: false
minHeight: 600,
height: 'auto',
closeOnEscape: false,
modal: true
});
var wizardDialogDiv = wizardDialog.closest('.ui-dialog');
wizardDialogDiv.css('z-index', 5001);
$('button.ui-dialog-titlebar-close').remove()
$('button.ui-dialog-titlebar-close').remove();
return wizardDialogDiv.overlay();
};

View File

@ -165,7 +165,7 @@
// Fix overlay
setTimeout(function() {
$('.tooltip-box').css( "zIndex", $(':ui-dialog').css("zIndex") + 10);
$('.tooltip-box').css( "zIndex", 10000);
});
};

View File

@ -3339,7 +3339,7 @@
}
});
if (zoneObj.networktype == "Basic") {
args.$form.find('.form-item[rel=cleanup]').find('input').removeAttr('checked'); //unchecked
args.$form.find('.form-item[rel=cleanup]').find('input').prop('checked', false); //unchecked
args.$form.find('.form-item[rel=cleanup]').hide(); //hidden
} else {
args.$form.find('.form-item[rel=cleanup]').find('input').attr('checked', 'checked'); //checked

View File

@ -963,10 +963,10 @@
if ($(this).val() == "VMware") {
if (dvSwitchEnabled) {
$form.find('.form-item[rel=overridepublictraffic]').css('display', 'inline-block');
$form.find('.form-item[rel=overridepublictraffic]').find('input[type=checkbox]').removeAttr('checked');
$form.find('.form-item[rel=overridepublictraffic]').find('input[type=checkbox]').prop('checked', false);
$form.find('.form-item[rel=overrideguesttraffic]').css('display', 'inline-block');
$form.find('.form-item[rel=overrideguesttraffic]').find('input[type=checkbox]').removeAttr('checked');
$form.find('.form-item[rel=overrideguesttraffic]').find('input[type=checkbox]').prop('checked', false);
} else {
$form.find('.form-item[rel=overridepublictraffic]').css('display', 'none');
$form.find('.form-item[rel=overrideguesttraffic]').css('display', 'none');
@ -984,10 +984,10 @@
}
} else if ($(this).val() == "Ovm3") {
$form.find('.form-item[rel=ovm3pool]').css('display', 'inline-block');
$form.find('.form-item[rel=ovm3pool]').find('input[type=checkbox]').removeAttr('checked');
$form.find('.form-item[rel=ovm3pool]').find('input[type=checkbox]').prop('checked', false);
$form.find('.form-item[rel=ovm3cluster]').css('display', 'inline-block');
$form.find('.form-item[rel=ovm3cluster]').find('input[type=checkbox]').removeAttr('checked');
$form.find('.form-item[rel=ovm3cluster]').find('input[type=checkbox]').prop('checked', false);
$form.find('[rel=ovm3vip]').css('display', 'block');
} else {
$form.find('.form-item[rel=overridepublictraffic]').css('display', 'none');
@ -1948,7 +1948,7 @@
$fields.filter('[rel=sockettimeout]').hide();
$fields.filter('[rel=createNfsCache]').hide();
$fields.filter('[rel=createNfsCache]').find('input').removeAttr('checked');
$fields.filter('[rel=createNfsCache]').find('input').prop('checked', false);
$fields.filter('[rel=nfsCacheNfsServer]').hide();
$fields.filter('[rel=nfsCachePath]').hide();
@ -1981,7 +1981,7 @@
$fields.filter('[rel=sockettimeout]').hide();
$fields.filter('[rel=createNfsCache]').hide();
$fields.filter('[rel=createNfsCache]').find('input').removeAttr('checked');
$fields.filter('[rel=createNfsCache]').find('input').prop('checked', false);
$fields.filter('[rel=nfsCacheNfsServer]').hide();
$fields.filter('[rel=nfsCachePath]').hide();
@ -2014,7 +2014,7 @@
$fields.filter('[rel=sockettimeout]').hide();
$fields.filter('[rel=createNfsCache]').hide();
$fields.filter('[rel=createNfsCache]').find('input').removeAttr('checked');
$fields.filter('[rel=createNfsCache]').find('input').prop('checked', false);
$fields.filter('[rel=nfsCacheNfsServer]').hide();
$fields.filter('[rel=nfsCachePath]').hide();
@ -2099,7 +2099,7 @@
$fields.filter('[rel=sockettimeout]').hide();
$fields.filter('[rel=createNfsCache]').hide();
$fields.filter('[rel=createNfsCache]').find('input').removeAttr('checked');
$fields.filter('[rel=createNfsCache]').find('input').prop('checked', false);
$fields.filter('[rel=nfsCacheNfsServer]').hide();
$fields.filter('[rel=nfsCachePath]').hide();