113 lines
3.9 KiB
JavaScript
113 lines
3.9 KiB
JavaScript
import 'tempusdominus-bootstrap-4';
|
|
import bsCustomFileInput from 'bs-custom-file-input';
|
|
|
|
$(function() {
|
|
initDatePickers();
|
|
initCronType();
|
|
initHostType();
|
|
initContainerType();
|
|
initVarInputs();
|
|
initIntervalPattern();
|
|
bsCustomFileInput.init()
|
|
});
|
|
|
|
function initDatePickers()
|
|
{
|
|
$('#nextrunselector').datetimepicker({format: 'DD/MM/YYYY HH:mm:ss'});
|
|
$('#lastrunselector').datetimepicker({format: 'DD/MM/YYYY HH:mm:ss'});
|
|
}
|
|
|
|
function initCronType()
|
|
{
|
|
$('.crontype-group button').data('default-text', $('.crontype-group button').html());
|
|
$('.crontype-item').on('click', function() {
|
|
let type = $(this).data('type');
|
|
$('#crontypeButton').html($(this).html());
|
|
$('.crontype').val(type);
|
|
$('.crontype-inputs:not(.d-none)').addClass('d-none');
|
|
$('.crontype-' + type).removeClass('d-none');
|
|
|
|
$('.crontype-inputs:not(.d-none) input').prop('disabled', false);
|
|
$('.crontype-inputs.d-none input').prop('disabled', true);
|
|
|
|
if(type != 'http') {
|
|
$('.croncategory-group').addClass('btn-group');
|
|
$('.croncategory-group').removeClass('d-none');
|
|
} else {
|
|
$('.croncategory-group:not(.crontype-group) button').each(function() {
|
|
$(this).html($(this).data('default-text'))
|
|
})
|
|
|
|
$('.croncategory-group').removeClass('btn-group');
|
|
$('.croncategory-group:not(.crontype-group)').addClass('d-none');
|
|
$('.croncategory-inputs:not(.crontype-inputs)').addClass('d-none');
|
|
|
|
$('.croncategory-inputs:not(.d-none) input').prop('disabled', false);
|
|
$('.croncategory-inputs.d-none input').prop('disabled', true);
|
|
}
|
|
})
|
|
}
|
|
function initContainerType()
|
|
{
|
|
|
|
$('.containertype-group button').data('default-text', $('.containertype-group button').html());
|
|
$('.containertype-item').on('click', function() {
|
|
|
|
$('#containertypeButton').html($(this).html());
|
|
let type = $(this).data('type');
|
|
$('.containertype').val(type);
|
|
$('.containertype-inputs:not(.d-none)').addClass('d-none');
|
|
$('.containertype-' + type).removeClass('d-none');
|
|
|
|
$('.containertype-inputs:not(.d-none) input').prop('disabled', false);
|
|
$('.containertype-inputs.d-none input').prop('disabled', true);
|
|
})
|
|
}
|
|
|
|
function initHostType()
|
|
{
|
|
|
|
$('.hosttype-group button').data('default-text', $('.hosttype-group button').html());
|
|
$('.hosttype-item').on('click', function() {
|
|
|
|
$('#hosttypeButton').html($(this).html());
|
|
let type = $(this).data('type');
|
|
$('.hosttype').val(type);
|
|
$('.hosttype-inputs:not(.d-none)').addClass('d-none');
|
|
$('.hosttype-' + type).removeClass('d-none');
|
|
|
|
$('.hosttype-inputs:not(.d-none) input').prop('disabled', false);
|
|
$('.hosttype-inputs.d-none input').prop('disabled', true);
|
|
})
|
|
|
|
$('.privkey-keep').on('click', function() {
|
|
$('#privkey').prop('disabled', $(this).prop('checked'));
|
|
})
|
|
}
|
|
|
|
function initVarInputs()
|
|
{
|
|
$('.addvar-btn').on('click', function() {
|
|
let index = $('.var-group').length;
|
|
$('.var-group:first-child').clone().appendTo('.vars').removeClass('d-none');
|
|
$('.var-group:last-child').data({index: index});
|
|
$('.var-group:last-child .var-issecret').prop('name', 'var-issecret[' + index + ']');
|
|
$('.var-group:last-child .var-id').prop('name', 'var-id[' + index + ']');
|
|
$('.var-group:last-child .var-value').prop('name', 'var-value[' + index + ']');
|
|
$('.vars-description').removeClass('d-none');
|
|
})
|
|
$(document).on('click', '.var-issecret', function() {
|
|
let ischecked = $(this).prop('checked');
|
|
$(this).parents('.var-group').find('.var-value').prop('type', ischecked ? 'password' : 'text');
|
|
|
|
})
|
|
}
|
|
|
|
|
|
function initIntervalPattern()
|
|
{
|
|
$('.intervalpattern-item').on('click', function() {
|
|
let time = $(this).data('time');
|
|
$('#interval').val(time);
|
|
})
|
|
} |