Fix "Server wizard has multiple elements with same ids"

This commit is contained in:
luukas 2021-04-17 23:24:34 +03:00
parent d5e83c5935
commit b772bcb03e

View File

@ -14,7 +14,7 @@
<br />
<p class="card-description">
<form method="post">
<form method="post" class="server-wizard">
{% raw xsrf_form_html() %}
<div class="row">
<div class="col-sm-12">
@ -47,22 +47,22 @@
<div class="col-sm-3">
<div class="form-group">
<label for="min_memory">{{ translate('serverWizard', 'minMem') }} <small> - {{ translate('serverWizard', 'sizeInGB') }}</small></label>
<input type="number" class="form-control" id="min_memory" name="min_memory" value="1" step="0.5" min="0.5">
<label for="min_memory1">{{ translate('serverWizard', 'minMem') }} <small> - {{ translate('serverWizard', 'sizeInGB') }}</small></label>
<input type="number" class="form-control" id="min_memory1" name="min_memory" value="1" step="0.5" min="0.5">
</div>
</div>
<div class="col-sm-3 offset-1">
<div class="form-group">
<label for="max_memory">{{ translate('serverWizard', 'maxMem') }} <small> - {{ translate('serverWizard', 'sizeInGB') }}</small></label>
<input type="number" class="form-control" id="max_memory" name="max_memory" value="2" step="0.5" min="0.5">
<label for="max_memory1">{{ translate('serverWizard', 'maxMem') }} <small> - {{ translate('serverWizard', 'sizeInGB') }}</small></label>
<input type="number" class="form-control" id="max_memory1" name="max_memory" value="2" step="0.5" min="0.5">
</div>
</div>
<div class="col-sm-3 offset-1">
<div class="form-group">
<label for="port">{{ translate('serverWizard', 'serverPort') }} <small> - {{ translate('serverWizard', 'defaultPort') }}</small></label>
<input type="number" class="form-control" id="port" name="port" value="25565" step="1" min="1">
<label for="port1">{{ translate('serverWizard', 'serverPort') }} <small> - {{ translate('serverWizard', 'defaultPort') }}</small></label>
<input type="number" class="form-control" id="port1" name="port" value="25565" step="1" min="1">
</div>
</div>
@ -84,7 +84,7 @@
<br />
<p class="card-description">
<form method="post">
<form method="post" class="server-wizard">
{% raw xsrf_form_html() %}
<input type="hidden" value="import_jar" name="create_type">
<div class="row">
@ -120,22 +120,22 @@
<div class="col-sm-3">
<div class="form-group">
<label for="min_memory">{{ translate('serverWizard', 'minMem') }} <small> - {{ translate('serverWizard', 'sizeInGB') }}</small></label>
<input type="number" class="form-control" id="min_memory" name="min_memory" value="1" step="0.5" min="0.5">
<label for="min_memory2">{{ translate('serverWizard', 'minMem') }} <small> - {{ translate('serverWizard', 'sizeInGB') }}</small></label>
<input type="number" class="form-control" id="min_memory2" name="min_memory" value="1" step="0.5" min="0.5">
</div>
</div>
<div class="col-sm-3 offset-1">
<div class="form-group">
<label for="max_memory">{{ translate('serverWizard', 'maxMem') }} <small> - {{ translate('serverWizard', 'sizeInGB') }}</small></label>
<input type="number" class="form-control" id="max_memory" name="max_memory" value="2" step="0.5" min="0.5">
<label for="max_memory2">{{ translate('serverWizard', 'maxMem') }} <small> - {{ translate('serverWizard', 'sizeInGB') }}</small></label>
<input type="number" class="form-control" id="max_memory2" name="max_memory" value="2" step="0.5" min="0.5">
</div>
</div>
<div class="col-sm-3 offset-1">
<div class="form-group">
<label for="port">{{ translate('serverWizard', 'serverPort') }} <small> - {{ translate('serverWizard', 'defaultPort') }}</small></label>
<input type="number" class="form-control" id="port" name="port" value="25565" step="1" min="1">
<label for="port2">{{ translate('serverWizard', 'serverPort') }} <small> - {{ translate('serverWizard', 'defaultPort') }}</small></label>
<input type="number" class="form-control" id="port2" name="port" value="25565" step="1" min="1">
</div>
</div>
@ -157,7 +157,7 @@
<br />
<p class="card-description">
<form method="post">
<form method="post" class="server-wizard">
{% raw xsrf_form_html() %}
<input type="hidden" value="import_zip" name="create_type">
@ -194,22 +194,22 @@
<div class="col-sm-12">
<div class="form-group">
<label for="min_memory">{{ translate('serverWizard', 'minMem') }} <small> - {{ translate('serverWizard', 'sizeInGB') }}</small></label>
<input type="number" class="form-control" id="min_memory" name="min_memory" value="1" step="0.5" min="0.5">
<label for="min_memory3">{{ translate('serverWizard', 'minMem') }} <small> - {{ translate('serverWizard', 'sizeInGB') }}</small></label>
<input type="number" class="form-control" id="min_memory3" name="min_memory" value="1" step="0.5" min="0.5">
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<label for="max_memory">{{ translate('serverWizard', 'maxMem') }} <small> - {{ translate('serverWizard', 'sizeInGB') }}</small></label>
<input type="number" class="form-control" id="max_memory" name="max_memory" value="2" step="0.5" min="0.5">
<label for="max_memory3">{{ translate('serverWizard', 'maxMem') }} <small> - {{ translate('serverWizard', 'sizeInGB') }}</small></label>
<input type="number" class="form-control" id="max_memory3" name="max_memory" value="2" step="0.5" min="0.5">
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<label for="port">{{ translate('serverWizard', 'serverPort') }} <small> - {{ translate('serverWizard', 'defaultPort') }}</small></label>
<input type="number" class="form-control" id="port" name="port" value="25565" step="1" min="1">
<label for="port3">{{ translate('serverWizard', 'serverPort') }} <small> - {{ translate('serverWizard', 'defaultPort') }}</small></label>
<input type="number" class="form-control" id="port3" name="port" value="25565" step="1" min="1">
</div>
</div>
@ -231,12 +231,19 @@
<script>
$( document ).ready(function() {
console.log('ready');
$("#min_memory").change(function(){
check_sizes('min');
});
$("#max_memory").change(function(){
check_sizes('max');
console.log('ready');
var forms = $('form.server-wizard');
forms.each(function(i, formEl) {
var form = $(formEl);
var min = form.find('[name=min_memory]');
var max = form.find('[name=max_memory]');
console.log(form, min, max)
min.change(function(){
check_sizes(max, min, 'min');
});
max.change(function(){
check_sizes(max, min, 'max');
});
});
});
@ -247,14 +254,14 @@
});
}
function check_sizes(changed){
max_mem = parseFloat($('#max_memory').val());
min_mem = parseFloat($('#min_memory').val());
function check_sizes(a, b, changed){
max_mem = parseFloat(a.val());
min_mem = parseFloat(b.val());
if (max_mem < min_mem && changed === 'min'){
$('#max_memory').val(min_mem)
a.val(min_mem)
}
if (max_mem < min_mem && changed === 'max'){
$('#min_memory').val(max_mem)
b.val(max_mem)
}
}