`;
} else if (append === 1) {
html = `
`;
if (append === 0) {
thistrigger.closest('.form-group').next().html(html);
} else if (append === 1) {
thistrigger.append(html);
}
} else {
thistrigger.closest('.form-group').next().html(`
`);
}
checkusedfibers(thistrigger);
})
}
$(document).ready(function () {
$(".select2").select2({placeholder: ""});
$(".select2select").select2({placeholder: ""});
$("#fiberplanpipesub").select2({
placeholder: "",
templateResult: formatState,
templateSelection: formatState
});
// disable mousewheel on a input number field when in focus
$('form').on('focus', 'input[type=number]', function (e) {
$(this).on('wheel.disableScroll', function (e) {
e.preventDefault()
})
});
$('form').on('blur', 'input[type=number]', function (e) {
$(this).off('wheel.disableScroll')
});
$("body").on("change", ".pipe-network", function (event, param = 0) {
var thisis = $(this);
var options = '
';
$.getJSON(fiberPlanPipeUrl + "&network_id=" + $.trim($(this).val()), {})
.done(function (data) {
if (data.success) {
$.each(data.data, function (k, val) {
options = options + '
';
});
$(thisis).closest(".form-group").find('.pipe-div').html('
');
if (param == 1 && pipes.length == $('.fiberPlanPipe_id').length) {
var counter = 0;
pipes.forEach(function (value, index) {
$('.fiberPlanPipe_id').eq(counter).val(value);
$('.fiberplanpipe_id').eq(counter).val(pipesid[counter]);
$('.fiberPlanPipe_id').eq(counter).trigger("change", "1");
counter++;
});
} else if (param == 0) {
checkendpoints();
}
$(".select2select").select2({placeholder: ""});
}
checkendpoints();
});
});
$("body").on("change", "#network_id", function (event, param = 0) {
var options = '
';
$('#destination-div').empty();
$('#destination-div').append('
');
$.getJSON(fiberPlanPipeUrl + "&network_id=" + $.trim($(this).val()), {})
.done(function (data) {
if (data.success) {
$.each(data.data, function (k, val) {
options = options + '
';
});
$('#subpipe-div').empty();
$('#pipe-div').empty();
$('#pipe-div').append('
');
if (param == 1) {
// $("#fiberPlanPipe_id option[value=fiberPlanPipe_id; ?>]").attr('selected', 'selected');
if ($('#fiberPlanPipe_id').val()) {
$("#fiberPlanPipe_id").trigger("change", "1")
}
}
$(".select2").select2({placeholder: ""});
$("#fiberplanpipesub").select2({
placeholder: "",
templateResult: formatState,
templateSelection: formatState
});
} else {
$('#subpipe-div').empty();
$('#pipe-div').html('
Keine Rohre in diesem Netzgebiet vorhanden.
');
}
});
});
$("body").on("change", ".fiberPlanPipe_id", function (event, param = 0) {
// console.log(param);
var options = '
';
var thisis = $(this);
var index = thisis.data('index');
$('#destination-div').empty();
$('#destination-div').append('
');
$.getJSON(fiberPlanPipeSubUrl + "&fiberplanpipe_id=" + $.trim($(thisis).val()), {})
.done(function (data) {
if (data.success) {
$.each(data.data, function (k, val) {
var idcounter = 0;
var color;
// generateDestination(val.startpointname, "Startpunkt", "destinationstartpoint", param);
// generateDestinationmid(val.midpointname, "Zwischenpunkte", "destinationmidpoint", param);
//generateDestination(val.endpointname, "Endpunkt", "destinationendpoint", param);
if (val.fiberPlanPipeTemplate_id != null) {
var obj = jQuery.parseJSON(val.colors);
if (val.pipe7x4 != "0" && val.pipe7x4 != null) {
var counter = val.pipe7x4;
}
$.each(obj, function (key, col) {
if (counter == 0) {
return true;
}
color = col.color + ';0';
idcounter++;
options = options + '
';
counter--;
});
if (counter != 0) {
$.each(obj, function (key, col) {
if (counter == 0) {
return true;
}
color = col.color + ';1';
idcounter++;
options = options + '
';
counter--;
});
}
if (val.pipe14x10 != "0" && val.pipe14x10 != null) {
var counter = val.pipe14x10;
}
$.each(obj, function (key, col) {
if (counter == 0) {
return true;
}
color = col.color + ';0';
idcounter++;
options = options + '
';
counter--;
});
if (counter != 0) {
$.each(obj, function (key, col) {
if (counter == 0) {
return true;
}
color = col.color + ';1';
idcounter++;
options = options + '
';
counter--;
});
}
} else {
options = options + '
';
}
}
)
;
$(thisis).closest(".form-group").next().find('.subpipe-div').html('
');
$(".fiberplanpipesub").select2({
placeholder: "",
templateResult: formatState,
templateSelection: formatState
});
if (param == 1 && subpipes.length == $('.fiberplanpipesub').length) {
var counter = 0;
subpipes.forEach(function (value, index) {
$('.fiberplanpipesub').eq(counter).val(value);
$('.fiberplanpipesub').eq(counter).trigger("change", "1");
counter++;
});
checkusedpipes();
checkracks();
// $("#fiberplanpipesub option[value=fiberPlanPipe_sub; ?>]").attr('selected', 'selected');
} else if (param == 0) {
$('.fiberplanpipe-main-div').eq(index).html('test');
}
}
}
)
;
});
$('#rackModal').on('show.bs.modal', function (event) {
var button = $(event.relatedTarget);
var recipient = button.data('mdtype');
var destinationname = button.data('name');
var modal = $(this);
if (recipient == "rack") {
modal.find('.modal-title').text('Neuer Schrank (' + destinationname + ')');
}
})
if ($('#network_id').val()) {
$("#network_id").trigger("change", "1")
}
$("body").on("change", ".poprack_id", function (event, param = 0) {
var thistrigger = $(this);
var poprackid = $(this).val();
// console.log(param);
if (param == 0) {
addModule(thistrigger, poprackid);
}
});
$("body").on("click", ".add-module", function () {
var thistrigger = $(this);
thistrigger.closest('h5').next('div').append(`
`);
checkracks();
$(".select2select").select2({placeholder: ""});
if (thistrigger.closest('h5').next('div').length < 6) {
}
});
$("body").on("click", ".add-rack", function () {
var thistrigger = $(this);
var poprackid = $(this).data('poprackid');
// console.log(thistrigger);
var destinationpoint = $(this).closest('.destinationpoint').attr('id');
$.getJSON(fiberPlanPipeSubUrl + "&fiberplanpipe_id=" + $.trim($("#fiberPlanPipe_id").val()), {})
.done(function (data) {
if (data.success) {
$.each(data.data, function (k, val) {
var idcounter = 0;
var color;
if (destinationpoint == "destinationstartpoint") {
generateDestination(val.startpointname, "Startpunkt", "destinationstartpoint", 0, 1);
} else if (destinationpoint == "destinationendpoint") {
generateDestination(val.endpointname, "Endpunkt", "destinationendpoint", 0, 1);
}
})
}
});
});
$("body").on("click", ".add-sleeve", function () {
var thistrigger = $(this);
thistrigger.closest('h5').next('div').append(`
`);
checksleeves();
// checkusedfibers();
$(".select2select").select2({placeholder: ""});
if (thistrigger.closest('h5').next('div').length < 6) {
}
});
$("body").on("click", ".remove-module", function () {
var trigger = $(this).closest('.destinationmodules');
$(this).closest('div').remove();
checkusedfibers(trigger);
});
$("body").on("click", ".remove-rack", function () {
var trigger = $(this);
$(this).closest('.form-group').next().remove();
checkusedfibers(trigger);
$(this).closest('.form-group').remove();
});
$("body").on("change", "#responsible", function () {
if ($(this).val() == 1) {
$('#responsible-div').show();
$('#responsible-row').show();
$("#address_id").prop("disabled", false);
$(".select2select").select2({placeholder: ""});
} else {
$('#responsible-div').hide();
$('#responsible-row').hide();
$("#address_id").prop("disabled", true);
$(".select2select").select2({placeholder: ""});
}
});
$("body").on("change", ".poprackmodule_id", function (event, param = 0) {
// console.log('param'+param);
var portsend = $(this).closest('.module-row').find('.ports-end').val();
// console.log(portsend);
//Immer Ändern
if (param == 0) {
if ($(this).find(':selected').data('ports') != $(this).closest('.module-row').find('.ports-end').val()) {
$(this).closest('.module-row').find('.ports-end').val($(this).find(':selected').data('ports'));
$(this).closest('.module-row').find('.ports-start').val('1');
}
}
checkusedfibers($(this).closest('.module-row'));
});
$("body").on("change blur", ".ports-end", function () {
var maxports = $(this).closest('.module-row').find('.poprackmodule_id').find(':selected').data('ports');
var endports = $(this).val();
var startports = $(this).closest('.module-row').find('.ports-start').val();
if (!parseInt(endports) || endports > maxports) {
$(this).val(maxports);
} else if (parseInt(endports) < parseInt(startports)) {
$(this).val(startports);
}
checkusedfibers($(this).closest('.module-row'));
});
$("body").on("change", "#fibers", function () {
$('.fiber-counter').text($('#fibers').find(':selected').data('fibers'));
})
$("body").on("change blur", ".ports-start", function () {
var startports = $(this).val();
var endports = $(this).closest('.module-row').find('.ports-end').val();
if (!parseInt(startports) || startports < 1) {
$(this).val('1');
} else if (parseInt(startports) > parseInt(endports)) {
$(this).val(endports);
}
checkusedfibers($(this).closest('.module-row'));
});
$("body").on("click", ".destination-dropdown", function () {
if ($(this).find('i').hasClass('fa-square-caret-down')) {
$(this).find('i').removeClass('fa-square-caret-down');
$(this).find('i').addClass('fa-square-caret-up');
$(this).closest('.destinationpoint').find('.form-group').show();
} else {
$(this).find('i').addClass('fa-square-caret-down');
$(this).find('i').removeClass('fa-square-caret-up');
$(this).closest('.destinationpoint').find('.form-group').hide();
}
});
$.each($('.pipe-network'), function (index, value) {
var thisis = $(this);
$(this).trigger('change', '1')
})
$('body').on('click', '.add-pipe', function () {
var newindex = $('.fiberplancablepipe-div').length;
console.log(newindex);
$('#fiberplancablepipes-div').append(`
`);
$('#fiberplancableendpoints').append(`
`);
var fiberplancablepipelength = $('.fiberplancablepipe-div').length;
$('.fiberplancablepipe-div').eq(fiberplancablepipelength - 1).find('.pipe-network').html($('.fiberplancablepipe-div').eq(fiberplancablepipelength - 2).find('.pipe-network').html());
$('.fiberplancablepipe-div').eq(fiberplancablepipelength - 1).find('.pipe-network').trigger('change');
$('.select2select').select2({placeholder: ""});
checkendpoints();
});
$("body").on("click", ".remove-endpoint", function () {
let endpointcounter;
$(this).closest('.fiberplancablepipe-div').remove();
$('.fiberplanpipe-main-div').eq($(this).data('index')).remove();
checkendpoints();
});
$("body").on("click", ".move-endpoint-up", function () {
$(this).closest('.fiberplancablepipe-div').insertBefore($(this).closest('.fiberplancablepipe-div').prev());
$('.fiberplanpipe-main-div').eq($(this).data('index')).insertBefore($('.fiberplanpipe-main-div').eq($(this).data('index')).prev());
checkendpoints();
});
$("body").on("click", ".move-endpoint-down", function () {
$(this).closest('.fiberplancablepipe-div').insertAfter($(this).closest('.fiberplancablepipe-div').next());
$('.fiberplanpipe-main-div').eq($(this).data('index')).insertAfter($('.fiberplanpipe-main-div').eq($(this).data('index')).next());
checkendpoints();
});
$("body").on("click", ".change-fiberplanpipe-body", function () {
if ($(this).hasClass('fa-square-chevron-down')) {
$(this).removeClass('fa-square-chevron-down');
$(this).addClass('fa-square-chevron-up');
$(this).closest('.fiberplanpipe-main-div').find('.fiberplanpipe-body-div').hide();
} else if ($(this).hasClass('fa-square-chevron-up')) {
$(this).removeClass('fa-square-chevron-up');
$(this).addClass('fa-square-chevron-down');
$(this).closest('.fiberplanpipe-main-div').find('.fiberplanpipe-body-div').show();
}
});
$("body").on("click", ".up-module", function () {
$(this).closest('.module-row').insertBefore($(this).closest('.module-row').prev());
checkusedfibers($(this).closest('.module-row'));
});
$("body").on("change", ".fiberplanpipesub", function () {
checkusedpipes();
});
$("body").on("click", ".change-fiberplanpipe-main", function () {
if ($(this).hasClass('fa-square-chevron-down')) {
$(this).removeClass('fa-square-chevron-down');
$(this).addClass('fa-square-chevron-up');
$.each($('.change-fiberplanpipe-body'), function (index, value) {
$(this).removeClass('fa-square-chevron-down');
$(this).addClass('fa-square-chevron-up');
});
$('.fiberplanpipe-body-div').hide();
} else if ($(this).hasClass('fa-square-chevron-up')) {
$.each($('.change-fiberplanpipe-body'), function (index, value) {
$(this).removeClass('fa-square-chevron-up');
$(this).addClass('fa-square-chevron-down');
});
$(this).removeClass('fa-square-chevron-up');
$(this).addClass('fa-square-chevron-down');
$('.fiberplanpipe-body-div').show();
}
});
checksleeves();
});