1358 lines
42 KiB
JavaScript
Executable File
1358 lines
42 KiB
JavaScript
Executable File
/**
|
|
* Theme: Uplon Admin Template
|
|
* Author: Coderthemes
|
|
* Tree view
|
|
*/
|
|
|
|
function makeAddCabButtonClickable(addCabButton){
|
|
$(addCabButton).click(function(event){
|
|
event.preventDefault();
|
|
var globalID = $(this).data('globalId');
|
|
var globalIDArray = globalID.split('-');
|
|
var cabinetID = globalIDArray[2];
|
|
});
|
|
}
|
|
|
|
function handlePathFindButton(){
|
|
var buttonState = true;
|
|
if($(document).data('clickedObjPortID') !== null) {
|
|
if($(document).data('selectedFloorplanObjectType') == 'wap') {
|
|
$('#buttonPathFinder').addClass('disabled');
|
|
$('#buttonPortConnector').addClass('disabled');
|
|
$('#buttonObjectTreeModalClear').addClass('disabled');
|
|
} else {
|
|
$('#buttonPathFinder').removeClass('disabled');
|
|
$('#buttonPortConnector').removeClass('disabled');
|
|
$('#buttonObjectTreeModalClear').removeClass('disabled');
|
|
}
|
|
}
|
|
}
|
|
|
|
function displayError(errMsg, alertDisplay){
|
|
$(alertDisplay).empty();
|
|
$(errMsg).each(function(index, value){
|
|
var html = '<div class="alert alert-danger" role="alert">';
|
|
html += '<strong>Oops!</strong> '+value;
|
|
html += '</div>';
|
|
$(alertDisplay).append(html);
|
|
});
|
|
$("html, body").animate({ scrollTop: 0 }, "slow");
|
|
}
|
|
|
|
function clearSelectionDetails(){
|
|
$('.objDetail').html('-');
|
|
$('#containerFullPath').empty();
|
|
$(document).data('clickedObjPortID', null);
|
|
$(document).data('portClickedFlag', false);
|
|
$(document).data('selectedFloorplanObjectType', '');
|
|
handlePathFindButton();
|
|
|
|
//Clear the hightlight around any highlighted object
|
|
$('.rackObjSelected').removeClass('rackObjSelected');
|
|
|
|
$('#checkboxPopulated').prop("disabled", true);
|
|
$('#checkboxPopulated').prop("checked", false);
|
|
$('#selectPort').empty();
|
|
|
|
}
|
|
|
|
function makeRackObjectsClickable(){
|
|
$('.port').click(function(event){
|
|
|
|
$(document).data('portClickedFlag', true);
|
|
|
|
var portIndex = $(this).data('portIndex');
|
|
|
|
//Store PortID
|
|
$(document).data('clickedObjPortID', portIndex);
|
|
});
|
|
|
|
$('#cabinetTable').find('.selectable').click(function(event){
|
|
event.stopPropagation();
|
|
|
|
// Clear path container
|
|
$('#containerFullPath').empty();
|
|
|
|
if ($(document).data('portClickedFlag') === false) {
|
|
if ($(this).data('partitionType') == 'Connectable') {
|
|
|
|
// Default port selection
|
|
$(document).data('clickedObjPortID', 0);
|
|
|
|
// Draw cabinet connection path
|
|
$(document).data('selectedPort', $(this).find('.port').first());
|
|
drawCabinet();
|
|
} else {
|
|
$(document).data('clickedObjPortID', null);
|
|
}
|
|
}
|
|
|
|
// Handle path finder button
|
|
handlePathFindButton();
|
|
|
|
if($(this).hasClass('rackObj')) {
|
|
var object = $(this);
|
|
var partitionDepth = 0;
|
|
} else {
|
|
var object = $(this).closest('.rackObj');
|
|
var partitionDepth = parseInt($(this).data('depth'), 10);
|
|
}
|
|
|
|
//Store objectID
|
|
var objID = $(object).data('templateObjectId');
|
|
var objFace = $(object).data('objectFace');
|
|
var cabinetFace = $(document).data('currentCabinetFace');
|
|
|
|
$(document).data('clickedObjID', objID);
|
|
$(document).data('clickedObjFace', objFace);
|
|
$(document).data('clickedObjPartitionDepth', partitionDepth);
|
|
|
|
// Highlight selected object
|
|
$('.rackObjSelected').removeClass('rackObjSelected');
|
|
$(this).addClass('rackObjSelected');
|
|
|
|
if ($(this).data('partitionType') == 'Connectable') {
|
|
processPortSelection();
|
|
} else {
|
|
$('#selectPort').empty();
|
|
$('#selectPort').prop("disabled", true);
|
|
$('#checkboxPopulated').prop("checked", false);
|
|
$('#checkboxPopulated').prop("disabled", true);
|
|
}
|
|
|
|
//Collect object data
|
|
var data = {
|
|
objID: objID,
|
|
page: 'build',
|
|
objFace: objFace,
|
|
cabinetFace: cabinetFace,
|
|
partitionDepth: partitionDepth
|
|
};
|
|
|
|
data = JSON.stringify(data);
|
|
|
|
//Retrieve object details
|
|
$.post("backend/retrieve_object_details.php", {data:data}, function(response){
|
|
var alertMsg = '';
|
|
var responseJSON = JSON.parse(response);
|
|
if (responseJSON.active == 'inactive'){
|
|
window.location.replace("/");
|
|
} else if ($(responseJSON.error).size() > 0){
|
|
displayError(responseJSON.error);
|
|
} else {
|
|
var response = responseJSON.success;
|
|
$('#detailObjName').html(response.objectName);
|
|
$('#detailTemplateName').html(response.templateName);
|
|
$('#detailCategory').html(response.categoryName);
|
|
$('#detailTrunkedTo').html(response.trunkFlatPath);
|
|
$('#detailObjType').html(response.objectType);
|
|
$('#detailObjFunction').html(response.function);
|
|
$('#detailRUSize').html(response.RUSize);
|
|
$('#detailMountConfig').html(response.mountConfig);
|
|
$('#detailPortRange').html(response.portRange);
|
|
$('#detailPortOrientation').html(response.portOrientationName);
|
|
$('#detailPortType').html(response.portType);
|
|
$('#detailMediaType').html(response.mediaType);
|
|
if(response.templateImgExists) {
|
|
$('#detailTemplateImage').html('<img id="elementTemplateImage" src="" height="" width="">');
|
|
$('#elementTemplateImage').attr({
|
|
src:response.templateImgPath,
|
|
height:response.templateImgHeight + 'px',
|
|
width:response.templateImgWidth + '%'
|
|
});
|
|
} else {
|
|
$('#detailTemplateImage').html('None');
|
|
}
|
|
$('#inline-name').editable('option', 'disabled', false);
|
|
}
|
|
});
|
|
$(document).data('portClickedFlag', false);
|
|
});
|
|
}
|
|
|
|
function makeFloorplanObjectsClickable(){
|
|
$('#floorplanContainer').find('.selectable').off('click');
|
|
$('#floorplanContainer').find('.selectable').on('click', function(event){
|
|
event.stopPropagation();
|
|
var objectID = $(this).attr('data-objectID');
|
|
var objectType = $(this).attr('data-type');
|
|
$(document).data('selectedFloorplanObject', $(this));
|
|
$(document).data('selectedFloorplanObjectID', objectID);
|
|
$(document).data('selectedFloorplanObjectType', objectType);
|
|
$(document).data('clickedObjID', objectID);
|
|
$(document).data('clickedObjFace', 0);
|
|
$(document).data('clickedObjPartitionDepth', 0);
|
|
|
|
var objTableEntrySelection = $('#floorplanObjectTableContainer').find('.selectedObjTableEntry');
|
|
if(objTableEntrySelection.length) {
|
|
var portID = objTableEntrySelection.attr('data-portID');
|
|
if(portID !== 'null') {
|
|
portID = parseInt(portID, 10);
|
|
} else {
|
|
portID = null;
|
|
}
|
|
objTableEntrySelection.removeClass('selectedObjTableEntry');
|
|
} else {
|
|
var firstObjTableEntry = $('#floorplanObjectTableContainer').find('tr[data-id="'+objectID+'"]').first();
|
|
var portID = firstObjTableEntry.attr('data-portID');
|
|
|
|
if(portID !== 'null') {
|
|
portID = parseInt(portID, 10);
|
|
} else {
|
|
portID = null;
|
|
}
|
|
}
|
|
|
|
$(document).data('clickedObjPortID', portID);
|
|
if(portID != null) {
|
|
processPortSelection();
|
|
}
|
|
handlePathFindButton();
|
|
|
|
//Highlight selected object
|
|
$('.floorplanObjSelected').removeClass('floorplanObjSelected');
|
|
$(this).addClass('floorplanObjSelected');
|
|
|
|
//Collect object data
|
|
var data = {
|
|
objectID: objectID
|
|
};
|
|
data = JSON.stringify(data);
|
|
|
|
//Retrieve object details
|
|
$.post("backend/retrieve_floorplan_object_details.php", {data:data}, function(responseJSON){
|
|
var response = JSON.parse(responseJSON);
|
|
if (response.active == 'inactive'){
|
|
window.location.replace("/");
|
|
} else if ($(response.error).size() > 0){
|
|
displayError(response.error);
|
|
} else {
|
|
var response = response.success;
|
|
$('#floorplanDetailName').html(response.name);
|
|
$('#floorplanDetailType').html(objectType);
|
|
$('#floorplanDetailTrunkedTo').html(response.trunkFlatPath);
|
|
}
|
|
});
|
|
$('#floorplanObjectTableBody').children().removeClass('table-info');
|
|
$('#floorplanObjectTableBody').children('[data-id="'+objectID+'"]').addClass('table-info');
|
|
});
|
|
}
|
|
|
|
function makeCableConnectorsClickable(){
|
|
$('.cableConnector').off('click');
|
|
$('.cableConnector').on('click', function(){
|
|
var code39 = $(this).data('code39');
|
|
if(code39 != 0) {
|
|
window.location.href = '/scan.php?connectorCode='+code39;
|
|
}
|
|
});
|
|
}
|
|
|
|
function retrievePortPath(objID, objFace, partitionDepth, portID){
|
|
|
|
var data = {
|
|
objID: objID,
|
|
objFace: objFace,
|
|
partitionDepth: partitionDepth,
|
|
portID: portID
|
|
}
|
|
|
|
data = JSON.stringify(data);
|
|
|
|
// Retrieve the selected port's path
|
|
$.post('backend/retrieve_path_full.php', {data:data}, function(responseJSON){
|
|
var response = JSON.parse(responseJSON);
|
|
if($(response.error).size() > 0) {
|
|
displayError(response.error);
|
|
} else {
|
|
|
|
// Display divergent path warning if necessary
|
|
if(response.data.pathDiverges) {
|
|
$('#warningPathDiverges').show();
|
|
} else {
|
|
$('#warningPathDiverges').hide();
|
|
}
|
|
|
|
// Render path diagram
|
|
$('#containerFullPath').html(response.success);
|
|
|
|
makeCableConnectorsClickable();
|
|
drawPath();
|
|
}
|
|
});
|
|
}
|
|
|
|
function retrievePortOptions(objID, objFace, partitionDepth, portID){
|
|
|
|
var data = {
|
|
objID: objID,
|
|
objFace: objFace,
|
|
partitionDepth: partitionDepth,
|
|
portID: portID
|
|
}
|
|
|
|
data = JSON.stringify(data);
|
|
|
|
// Retrieve the selected port details
|
|
$.post('backend/retrieve_port_details.php', {data:data}, function(response){
|
|
var responseJSON = JSON.parse(response);
|
|
if($(responseJSON.error).size() > 0) {
|
|
displayError(responseJSON.error);
|
|
} else {
|
|
$('#checkboxPopulated').prop("checked", responseJSON.success.populatedChecked);
|
|
$('#checkboxPopulated').prop("disabled", responseJSON.success.populatedDisabled);
|
|
|
|
$('#selectPort').html(responseJSON.success.portOptions);
|
|
|
|
if(responseJSON.success.portOptions != '') {
|
|
$('#selectPort').prop("disabled", false);
|
|
$('#selectPort').off('change');
|
|
$('#selectPort').on('change', function(){
|
|
var objID = $(document).data('clickedObjID');
|
|
var objFace = $(document).data('clickedObjFace');
|
|
var objDepth = $(document).data('clickedObjPartitionDepth');
|
|
var objPort = parseInt($(this).children('option:selected').val(), 10);
|
|
$('#port-4-'+objID+'-'+objFace+'-'+objDepth+'-'+objPort).click();
|
|
});
|
|
} else {
|
|
$('#selectPort').prop("disabled", true);
|
|
$('#checkboxPopulated').prop("checked", false);
|
|
$('#checkboxPopulated').prop("disabled", true);
|
|
}
|
|
|
|
$(document).data('peerPortArray', responseJSON.success.peerPortArray);
|
|
}
|
|
});
|
|
}
|
|
|
|
function processPortSelection(){
|
|
var objID = $(document).data('clickedObjID');
|
|
var objFace = $(document).data('clickedObjFace');
|
|
var partitionDepth = $(document).data('clickedObjPartitionDepth');
|
|
var portID = $(document).data('clickedObjPortID');
|
|
|
|
retrievePortPath(objID, objFace, partitionDepth, portID);
|
|
retrievePortOptions(objID, objFace, partitionDepth, portID);
|
|
|
|
var data = {
|
|
objID: objID,
|
|
objFace: objFace,
|
|
partitionDepth: partitionDepth,
|
|
portID: portID
|
|
}
|
|
|
|
data = JSON.stringify(data);
|
|
|
|
// Retrieve the selected port object string for path finder
|
|
$.post('backend/retrieve_object.php', {data:data}, function(response){
|
|
var responseJSON = JSON.parse(response);
|
|
if($(responseJSON.error).size() > 0) {
|
|
displayError(responseJSON.error);
|
|
} else {
|
|
$('#pathFinderLocalPort').html(responseJSON.success);
|
|
}
|
|
});
|
|
|
|
// Clear selected object data for pathFinder remote object
|
|
var data = {
|
|
objID: 0,
|
|
objFace: 0,
|
|
partitionDepth: 0,
|
|
portID: 0
|
|
}
|
|
|
|
data = JSON.stringify(data);
|
|
|
|
// Retrieve the selected port object string for path finder
|
|
$.post('backend/retrieve_object.php', {data:data}, function(response){
|
|
var responseJSON = JSON.parse(response);
|
|
if($(responseJSON.error).size() > 0) {
|
|
displayError(responseJSON.error);
|
|
} else {
|
|
$('#pathFinderRemotePort').html(responseJSON.success);
|
|
}
|
|
});
|
|
}
|
|
|
|
function setObjectSize(obj){
|
|
$(obj).each(function(){
|
|
$(this).height($(this).parent().height()-1);
|
|
});
|
|
}
|
|
|
|
function retrieveCabinet(cabinetID, cabinetFace, cabinetView){
|
|
|
|
//Collect object data
|
|
var data = {
|
|
cabinetArray: [{
|
|
id: cabinetID,
|
|
face: cabinetFace,
|
|
type: 'cabinet'
|
|
}],
|
|
view: cabinetView,
|
|
page: 'explore'
|
|
};
|
|
data = JSON.stringify(data);
|
|
|
|
//Retrieve object details
|
|
$.post("backend/create_build_space.php", {data:data}, function(responseJSON){
|
|
var response = JSON.parse(responseJSON);
|
|
if (response.active == 'inactive'){
|
|
window.location.replace("/");
|
|
} else if ($(response.error).size() > 0){
|
|
displayError(response.error);
|
|
} else {
|
|
$('#buildSpaceContent').html(response.data[0].html);
|
|
makeRackObjectsClickable();
|
|
|
|
//Make the objects height fill the <td> container
|
|
setObjectSize($('.rackObj:not(.insert)'));
|
|
|
|
makePortsHoverable();
|
|
|
|
if($('#objID').length) {
|
|
selectObject($('#cabinetTable'));
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function getFloorplanObjectPeerTable(){
|
|
var cabinetID = $(document).data('cabinetID');
|
|
|
|
//Collect object data
|
|
var data = {
|
|
cabinetID: cabinetID,
|
|
action: 'getFloorplanObjectPeerTable'
|
|
};
|
|
data = JSON.stringify(data);
|
|
|
|
//Retrieve floorplan details
|
|
$.post("backend/process_cabinet.php", {data:data}, function(response){
|
|
var response = $.parseJSON(response);
|
|
if (response.error != ''){
|
|
displayError(response.error);
|
|
} else {
|
|
|
|
$('#floorplanObjectTable').remove();
|
|
var table = '';
|
|
table += '<table id="floorplanObjectTable" class="table table-hover">';
|
|
table += '<thead>';
|
|
table += '<tr>';
|
|
table += '<th>Name</th>';
|
|
table += '<th>PortName</th>';
|
|
table += '</tr>';
|
|
table += '</thead>';
|
|
table += '<tbody id="floorplanObjectTableBody">';
|
|
|
|
$.each(response.success.floorplanObjectPeerTable, function(index, item){
|
|
table += '<tr data-id="'+item.objID+'" data-portID="'+item.portID+'" data-peerEntryID="'+item.peerEntryID+'" style="cursor: pointer;">';
|
|
table += '<td>'+item.objName+'</td>';
|
|
table += '<td>'+item.peerPortName+'</td>';
|
|
table += '</tr>';
|
|
});
|
|
table += '</tbody>';
|
|
table += '</table>';
|
|
|
|
$('#floorplanObjectTableContainer').html($(table).on('click', 'tr', function(){
|
|
$(this).addClass('selectedObjTableEntry');
|
|
var floorplanObjID = $(this).attr('data-id');
|
|
$('#floorplanObj'+floorplanObjID).click();
|
|
}));
|
|
|
|
$('#floorplanObjectTable').DataTable({
|
|
'paging': false,
|
|
'info': false,
|
|
'scrollY': '200px',
|
|
'scrollCollapse': true
|
|
});
|
|
}
|
|
|
|
// App node selection
|
|
if($('#objID').length) {
|
|
selectObject($('#floorplanContainer'));
|
|
}
|
|
});
|
|
}
|
|
|
|
function selectObject(parentObject){
|
|
var objID = $('#objID').val();
|
|
var selection = $(parentObject).find('[data-template-object-id='+objID+'][data-object-face=0]').children('.selectable:first');
|
|
$(selection).click();
|
|
$('#objID').remove();
|
|
}
|
|
|
|
function portDesignation(elem, action, flag) {
|
|
var optionText = $(elem).text();
|
|
var portFlagPattern = /\[[\w\,]*\w\]/g;
|
|
var portFlagArray = portFlagPattern.exec(optionText);
|
|
|
|
if(action == 'add') {
|
|
if(portFlagArray != null) {
|
|
if($.inArray(flag, portFlagArray) === -1) {
|
|
|
|
var portFlagString = portFlagArray[0];
|
|
var portFlagContents = portFlagString.substring(1, portFlagString.length - 1);
|
|
var portFlagContentsArray = portFlagContents.split(',');
|
|
portFlagContentsArray.push(flag);
|
|
var newPortFlagContents = portFlagContentsArray.join(',');
|
|
$('#selectPort').find(':selected').text(optionText.replace(portFlagString, '['+newPortFlagContents+']'));
|
|
}
|
|
} else {
|
|
$('#selectPort').find(':selected').text(optionText+' ['+flag+']');
|
|
}
|
|
} else {
|
|
if(portFlagArray != null) {
|
|
var portFlagString = portFlagArray[0];
|
|
var portFlagContents = portFlagString.substring(1, portFlagString.length - 1);
|
|
var portFlagContentsArray = portFlagContents.split(',');
|
|
var PIndex = portFlagContentsArray.indexOf(flag);
|
|
|
|
if(PIndex >= 0) {
|
|
portFlagContentsArray.splice(PIndex, 1);
|
|
var newPortFlagContents = portFlagContentsArray.join(',');
|
|
if(newPortFlagContents.length) {
|
|
var newPortFlagString = '['+newPortFlagContents+']';
|
|
} else {
|
|
var newPortFlagString = '';
|
|
}
|
|
$('#selectPort').find(':selected').text(optionText.replace(portFlagString, newPortFlagString));
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
function fitFloorplan(){
|
|
|
|
var imgWidth = $('#floorplanContainer').width();
|
|
var imgHeight = $('#floorplanContainer').height();
|
|
var containerWidth = $('#floorplanWindow').width();
|
|
|
|
var scale = containerWidth / imgWidth;
|
|
scale = (scale > 4) ? 4 : scale;
|
|
var imgHeightScaled = imgHeight * scale;
|
|
var imgWidthScaled = imgWidth * scale;
|
|
|
|
if(scale > 1) {
|
|
var imgHeightDiff = imgHeightScaled - imgHeight;
|
|
var imgWidthDiff = imgWidthScaled - imgWidth;
|
|
var scaleDirection = 1;
|
|
} else {
|
|
var imgHeightDiff = imgHeight - imgHeightScaled;
|
|
var imgWidthDiff = imgWidth - imgWidthScaled;
|
|
var scaleDirection = -1;
|
|
}
|
|
|
|
$('#floorplanWindow').css({height:imgHeightScaled+'px'});
|
|
|
|
// Scale floorplan
|
|
panzoom.zoom(scale);
|
|
|
|
// Pan floorplan accounting for scale and "50% 50%" transform origin
|
|
panzoom.pan(((imgWidthDiff/2)/scale)*scaleDirection, ((imgHeightDiff/2)/scale)*scaleDirection);
|
|
|
|
}
|
|
|
|
function objectInBounds(offset){
|
|
var floorplanWindow = $('#floorplanWindow');
|
|
var floorplanContainer = $('#floorplanContainer');
|
|
|
|
// PanZoom
|
|
var panzoomScale = panzoom.getScale();
|
|
var panzoomLeft = panzoom.getPan().x;
|
|
var panzoomTop = panzoom.getPan().y;
|
|
|
|
// Window
|
|
var floorplanWindowTop = $(floorplanWindow).offset().top;
|
|
var floorplanWindowLeft = $(floorplanWindow).offset().left;
|
|
var floorplanWindowHeight = $(floorplanWindow).height();
|
|
var floorplanWindowWidth = $(floorplanWindow).width();
|
|
|
|
// Image
|
|
var imgWidth = $(floorplanContainer).width();
|
|
var imgHeight = $(floorplanContainer).height();
|
|
var imgHeightScaled = imgHeight * panzoomScale;
|
|
var imgWidthScaled = imgWidth * panzoomScale;
|
|
if(panzoomScale > 1) {
|
|
var imgHeightDiff = imgHeightScaled - imgHeight;
|
|
var imgWidthDiff = imgWidthScaled - imgWidth;
|
|
var scaleDirection = 1;
|
|
|
|
} else {
|
|
var imgHeightDiff = imgHeight - imgHeightScaled;
|
|
var imgWidthDiff = imgWidth - imgWidthScaled;
|
|
var scaleDirection = -1;
|
|
}
|
|
var imgWidthMargin = imgWidthDiff/2;
|
|
var imgWidthMarginScaled = imgWidthMargin/panzoomScale;
|
|
var imgHeightMargin = imgHeightDiff/2;
|
|
var imgHeightMarginScaled = imgHeightMargin/panzoomScale;
|
|
|
|
var floorplanImgTop = panzoomTop - (imgHeightMarginScaled*scaleDirection);
|
|
var floorplanImgLeft = panzoomLeft - (imgWidthMarginScaled*scaleDirection);
|
|
var floorplanImgRight = floorplanImgLeft + imgWidth;
|
|
var floorplanImgBottom = floorplanImgTop + imgHeight;
|
|
|
|
// Object - Top
|
|
var objectTop = offset.top;
|
|
var objectTopWindowRelative = objectTop - floorplanWindowTop;
|
|
var objectTopWindowRelativeScaled = objectTopWindowRelative / panzoomScale;
|
|
|
|
// Object - Left
|
|
var objectLeft = offset.left;
|
|
var objectLeftWindowRelative = objectLeft - floorplanWindowLeft;
|
|
var objectLeftWindowRelativeScaled = objectLeftWindowRelative / panzoomScale;
|
|
|
|
// Left Boundary
|
|
if(floorplanImgLeft < 0) {
|
|
var floorplanBoundaryLeft = 0;
|
|
} else {
|
|
var floorplanBoundaryLeft = floorplanImgLeft;
|
|
}
|
|
// Top Boundary
|
|
if(floorplanImgTop < 0) {
|
|
var floorplanBoundaryTop = 0;
|
|
} else {
|
|
var floorplanBoundaryTop = floorplanImgTop;
|
|
}
|
|
// Right Boundary
|
|
if(floorplanImgRight <= floorplanWindowWidth/panzoomScale) {
|
|
var floorplanBoundaryRight = floorplanImgRight;
|
|
} else {
|
|
var floorplanBoundaryRight = floorplanWindowWidth/panzoomScale;
|
|
}
|
|
// Bottom Boundary
|
|
if(floorplanImgBottom <= floorplanWindowHeight/panzoomScale) {
|
|
var floorplanBoundaryBottom = floorplanImgBottom;
|
|
} else {
|
|
var floorplanBoundaryBottom = floorplanWindowHeight/panzoomScale;
|
|
}
|
|
|
|
if(objectTopWindowRelativeScaled > floorplanBoundaryTop && objectTopWindowRelativeScaled < floorplanBoundaryBottom && objectLeftWindowRelativeScaled > floorplanBoundaryLeft && objectLeftWindowRelativeScaled < floorplanBoundaryRight) {
|
|
var accept = true;
|
|
} else {
|
|
var accept = false;
|
|
}
|
|
|
|
return accept;
|
|
}
|
|
|
|
function postProcessCable(){
|
|
var data = this;
|
|
dataStringified = JSON.stringify(data);
|
|
|
|
$.post('backend/process_cable.php', {data:dataStringified}, function(response){
|
|
var responseJSON = JSON.parse(response);
|
|
if (responseJSON.active == 'inactive'){
|
|
window.location.replace("/");
|
|
} else if ($(responseJSON.error).size() > 0){
|
|
displayErrorElement(responseJSON.error, $('#alertMsgObjTree'));
|
|
} else if (responseJSON.confirm) {
|
|
$('#confirmModal').find('.modal-body').html(responseJSON.data.confirmMsg);
|
|
$('#confirmModal').modal('show');
|
|
|
|
$(document).data('confirmFunction', postProcessCable);
|
|
$(document).data('confirmData', data);
|
|
} else {
|
|
var objID = data.objID;
|
|
var objFace = data.objFace;
|
|
var objDepth = data.objDepth;
|
|
var objPort = data.objPort;
|
|
var value = data.value;
|
|
|
|
// Compile localPortGlobalID
|
|
var localPortGlobalID = 'port-4-'+objID+'-'+objFace+'-'+objDepth+'-'+objPort;
|
|
var localPortGlobalIDBase64 = btoa(JSON.stringify([localPortGlobalID]));
|
|
|
|
// Append each remotePortGlobalID with "port-"
|
|
var remotePortGlobalIDArray = [];
|
|
$.each(value, function(index, remotePortGlobalID){
|
|
var remotePortGlobalID = 'port-'+remotePortGlobalID;
|
|
remotePortGlobalIDArray.push(remotePortGlobalID);
|
|
});
|
|
var remotePortGlobalIDArrayBase64 = btoa(JSON.stringify(remotePortGlobalIDArray));
|
|
|
|
// Compile emptyGlobalIDArrayBase64
|
|
var emptyGlobalIDArrayBase64 = btoa(JSON.stringify([]));
|
|
|
|
// Clear previous remote port(s)
|
|
var prevRemotePortGlobalIDArray = JSON.parse(atob($('#'+localPortGlobalID).data('connectedGlobalId')));
|
|
$.each(prevRemotePortGlobalIDArray, function(index, prevRemotePortGlobalID){
|
|
if($('#'+prevRemotePortGlobalID).length) {
|
|
$('#'+prevRemotePortGlobalID).removeClass('populated').data('connectedGlobalId', emptyGlobalIDArrayBase64);
|
|
}
|
|
});
|
|
|
|
// Update local port
|
|
$('#'+localPortGlobalID).addClass('populated').data('connectedGlobalId', remotePortGlobalIDArrayBase64);
|
|
|
|
// Update remote port(s)
|
|
$.each(remotePortGlobalIDArray, function(index, remotePortGlobalID){
|
|
console.log('Debug (remotePortGlobalID): '+remotePortGlobalID);
|
|
|
|
if($('#'+remotePortGlobalID).length) {
|
|
console.log('Debug (localPortGlobalIDBase64): '+localPortGlobalIDBase64);
|
|
$('#'+remotePortGlobalID).addClass('populated').data('connectedGlobalId', localPortGlobalIDBase64);
|
|
}
|
|
});
|
|
|
|
var interfaceSelectionElem = $('#selectPort').find(':selected');
|
|
portDesignation(interfaceSelectionElem, 'add', 'C');
|
|
$('#checkboxPopulated').prop("checked", true);
|
|
$('#checkboxPopulated').prop("disabled", true);
|
|
retrievePortPath(objID, objFace, objDepth, objPort);
|
|
retrievePortOptions(objID, objFace, objDepth, objPort);
|
|
drawCabinet();
|
|
|
|
$('#objTree').jstree('deselect_all');
|
|
$('#objectTreeModal').modal('hide');
|
|
|
|
$(document).data('peerPortArray', value);
|
|
}
|
|
});
|
|
}
|
|
|
|
$( document ).ready(function() {
|
|
|
|
$('#printFullPath').on('click', function(event){
|
|
event.preventDefault();
|
|
$('#containerFullPath').parent().printThis({
|
|
canvas: true,
|
|
importStyle: true
|
|
});
|
|
});
|
|
|
|
$('#printPathFinder ').on('click', function(event){
|
|
event.preventDefault();
|
|
$('#containerCablePath').parent().printThis({
|
|
canvas: true,
|
|
importStyle: true
|
|
});
|
|
});
|
|
|
|
// requires jquery.drawConnections.js
|
|
initializeCanvas();
|
|
|
|
// Export to Viso button
|
|
$('#buttonVisioExport').on('click', function(){
|
|
window.open('/backend/export-visio.php');
|
|
});
|
|
|
|
|
|
$("#rangeResults").ionRangeSlider({
|
|
min: 1,
|
|
max: $('#pathFinderMaxResults').val(),
|
|
from: $('#pathFinderMaxResultsDefault').val()
|
|
});
|
|
|
|
$("#rangeDepth").ionRangeSlider({
|
|
min: 1,
|
|
max: $('#pathFinderMaxDepth').val(),
|
|
from: $('#pathFinderMaxDepthDefault').val()
|
|
});
|
|
|
|
// Handle path finder button
|
|
$(document).data('portClickedFlag', false);
|
|
$(document).data('clickedObjPortID', null);
|
|
$(document).data('cabinetView', 'port');
|
|
$(document).data('cabinetFace', 0);
|
|
handlePathFindButton();
|
|
|
|
elem = document.getElementById('floorplanContainer');
|
|
panzoom = Panzoom(elem);
|
|
|
|
$('#btnZoomIn').on('click', panzoom.zoomIn);
|
|
$('#btnZoomOut').on('click', panzoom.zoomOut);
|
|
$('#btnZoomReset').on('click', panzoom.reset);
|
|
|
|
$('#floorplanContainer').parent().bind('mousewheel DOMMouseScroll', function(event){
|
|
|
|
var mouseCoords = {top:event.pageY, left:event.pageX};
|
|
var mouseInBounds = objectInBounds(mouseCoords);
|
|
|
|
if(mouseInBounds) {
|
|
event.preventDefault();
|
|
|
|
var pzMatrix = panzoom.getScale();
|
|
var pzScale = parseFloat(pzMatrix, 10);
|
|
|
|
if (event.originalEvent.wheelDelta > 0 || event.originalEvent.detail < 0) {
|
|
var newScale = pzScale + (pzScale * 0.3);
|
|
}
|
|
else {
|
|
var newScale = pzScale - (pzScale * 0.3);
|
|
}
|
|
|
|
panzoom.zoomToPoint(newScale, event);
|
|
}
|
|
});
|
|
|
|
elem.addEventListener('panzoomreset', function(){
|
|
fitFloorplan();
|
|
});
|
|
|
|
$('#selectCabinetView').on('change', function(){
|
|
var cabinetID = $(document).data('cabinetID');
|
|
var cabinetFace = $(document).data('cabinetFace');
|
|
var cabinetView = $(this).val();
|
|
$(document).data('cabinetView', cabinetView);
|
|
retrieveCabinet(cabinetID, cabinetFace, cabinetView);
|
|
});
|
|
|
|
$('#checkboxPopulated').on('click', function(){
|
|
var objID = $(document).data('clickedObjID');
|
|
var objFace = $(document).data('clickedObjFace');
|
|
var objDepth = $(document).data('clickedObjPartitionDepth');
|
|
var objPort = $(document).data('clickedObjPortID');
|
|
var portPopulated = $(this).is(':checked');
|
|
|
|
var interfaceSelectionElem = $('#selectPort').find(':selected');
|
|
if(portPopulated) {
|
|
$('#port-4-'+objID+'-'+objFace+'-'+objDepth+'-'+objPort).addClass('populated');
|
|
portDesignation(interfaceSelectionElem, 'add', 'P');
|
|
} else {
|
|
$('#port-4-'+objID+'-'+objFace+'-'+objDepth+'-'+objPort).removeClass('populated');
|
|
portDesignation(interfaceSelectionElem, 'remove', 'P');
|
|
}
|
|
|
|
var data = {
|
|
objID: objID,
|
|
objFace: objFace,
|
|
partitionDepth: objDepth,
|
|
portID: objPort,
|
|
portPopulated: portPopulated
|
|
}
|
|
|
|
data = JSON.stringify(data);
|
|
|
|
// Retrieve the selected port's path
|
|
$.post('backend/process_port_populated.php', {data:data}, function(response){
|
|
var responseJSON = JSON.parse(response);
|
|
if($(responseJSON.error).size() > 0) {
|
|
displayError(responseJSON.error);
|
|
} else {
|
|
retrievePortPath(objID, objFace, objDepth, objPort);
|
|
}
|
|
});
|
|
});
|
|
|
|
$('#buttonPathFinderRun').on('click', function(){
|
|
$(this).children('span').html('<i class="fa fa-spin fa-cog"></i>').prop("disabled", true);
|
|
|
|
var results = $('#rangeResults').data('ionRangeSlider').result.from;
|
|
var depth = $('#rangeDepth').data('ionRangeSlider').result.from;
|
|
var endpointA = {
|
|
objID: $(document).data('clickedObjID'),
|
|
objFace: $(document).data('clickedObjFace'),
|
|
objDepth: $(document).data('clickedObjPartitionDepth'),
|
|
objPortID: $(document).data('clickedObjPortID'),
|
|
}
|
|
var selectedNode = $('#pathFinderTree').jstree('get_selected', true);
|
|
var value = selectedNode[0].data.globalID;
|
|
var valueArray = value.split('-');
|
|
var endpointB = {
|
|
objID: valueArray[1],
|
|
objFace: valueArray[2],
|
|
objDepth: valueArray[3],
|
|
objPortID: valueArray[4]
|
|
}
|
|
var data = {
|
|
endpointA: endpointA,
|
|
endpointB: endpointB,
|
|
results: results,
|
|
depth: depth
|
|
}
|
|
data = JSON.stringify(data);
|
|
$.post('backend/process_path_finder.php', {data:data}, function(response){
|
|
var responseJSON = JSON.parse(response);
|
|
if (responseJSON.error != ''){
|
|
displayError(responseJSON.error, $('#alertMsgModal'));
|
|
} else {
|
|
var pathID = 0;
|
|
$('#containerCablePath').html('');
|
|
$.each(responseJSON.success, function(pathType, pathTypeArray){
|
|
$.each(pathTypeArray, function(index, path){
|
|
var pathContainer = $('<div id="containerCablePath'+pathID+'" class="containerCablePath" style="display:none;"></div>');
|
|
$(pathContainer).html(path.pathHTML);
|
|
$('#containerCablePath').append($(pathContainer));
|
|
pathID++;
|
|
});
|
|
});
|
|
|
|
// Clear path connections
|
|
drawPath();
|
|
|
|
var table = '';
|
|
var pathID = 0;
|
|
$.each(responseJSON.success, function(pathType, pathTypeArray){
|
|
$.each(pathTypeArray, function(index, path){
|
|
var pathTypeCountArray = path.pathTypeCountArray;
|
|
var total = 0;
|
|
total += pathTypeCountArray.local;
|
|
total += pathTypeCountArray.adjacent;
|
|
total += pathTypeCountArray.path;
|
|
|
|
table += '<tr data-pathid="'+pathID+'">';
|
|
table += '<td>'+pathType+'</td>';
|
|
table += '<td>'+pathTypeCountArray.local+'</td>';
|
|
table += '<td>'+pathTypeCountArray.adjacent+'</td>';
|
|
table += '<td>'+pathTypeCountArray.path+'</td>';
|
|
table += '<td>'+total+'</td>';
|
|
table += '</tr>';
|
|
pathID++;
|
|
});
|
|
});
|
|
|
|
// Initialize cable path table
|
|
$('#cablePathTable').DataTable().off('click');
|
|
$('#cablePathTable').DataTable().destroy();
|
|
$('#cablePathTableBody').html(table);
|
|
var pathTable = $('#cablePathTable').DataTable({
|
|
'searching': false,
|
|
'paging': false,
|
|
'info': false
|
|
}).on('click', 'tr', function(){
|
|
if($(this).hasClass('tableRowHighlight')) {
|
|
$(this).removeClass('tableRowHighlight');
|
|
$('.containerCablePath').hide();
|
|
|
|
// Clear path connections
|
|
drawPath();
|
|
} else {
|
|
pathTable.$('tr.tableRowHighlight').removeClass('tableRowHighlight');
|
|
$(this).addClass('tableRowHighlight');
|
|
var pathIndex = $(this).attr('data-pathid');
|
|
$('.containerCablePath').hide();
|
|
$('#containerCablePath'+pathIndex).show();
|
|
|
|
// Draw path connections
|
|
initializeCanvasPathFinder($('#containerCablePath'+pathIndex));
|
|
drawPath();
|
|
}
|
|
});
|
|
|
|
$('#buttonPathFinderRun').children('span').html('<i class="fa fa-cogs"></i>').prop("disabled", false);
|
|
}
|
|
});
|
|
});
|
|
|
|
$('#buttonPortConnector').on('click', function(event){
|
|
|
|
event.preventDefault();
|
|
if($(this).hasClass('disabled')) {
|
|
return false;
|
|
}
|
|
|
|
var tipObj = $('<span> </span><i class="ion-help-circled" data-toggle="tooltip" data-placement="right" title="Ctrl-Click or Shift-Click to select multiple ports when representing breakout cables."></i>');
|
|
|
|
var modalTitle = $(this).attr('data-modalTitle');
|
|
var objectID = $(document).data('clickedObjID');
|
|
var objectFace = $(document).data('clickedObjFace');
|
|
var objectDepth = $(document).data('clickedObjPartitionDepth');
|
|
var objectPort = $(document).data('clickedObjPortID');
|
|
|
|
$('#objTree').jstree(true).settings.core.data = {url: 'backend/retrieve_environment-tree.php?scope=portExplore&objID='+objectID+'&objFace='+objectFace+'&objDepth='+objectDepth+'&objPort='+objectPort};
|
|
$('#objTree').jstree(true).refresh();
|
|
$('#alertMsgObjTree').empty();
|
|
$('#objectTreeModalLabel').html(modalTitle);
|
|
$('#objectTreeModalLabel').append(tipObj);
|
|
$('#objectTreeModalLabel').children().tooltip();
|
|
$('#objectTreeModal').modal('show');
|
|
});
|
|
|
|
$('#buttonObjectTreeModalSave').on('click', function(){
|
|
|
|
var selectedNode = $('#objTree').jstree('get_selected', true);
|
|
var value = [];
|
|
$.each(selectedNode, function(index, node){
|
|
value.push(node.data.globalID);
|
|
});
|
|
//var value = selectedNode[0].data.globalID;
|
|
var objID = $(document).data('clickedObjID');
|
|
var objFace = $(document).data('clickedObjFace');
|
|
var objDepth = $(document).data('clickedObjPartitionDepth');
|
|
var objPort = $(document).data('clickedObjPortID');
|
|
|
|
var data = {
|
|
property: 'connectionExplore',
|
|
value: value,
|
|
objID: objID,
|
|
objFace: objFace,
|
|
objDepth: objDepth,
|
|
objPort: objPort
|
|
};
|
|
|
|
postProcessCable.call(data);
|
|
});
|
|
|
|
$('#buttonObjectTreeModalClear').on('click', function(){
|
|
|
|
event.preventDefault();
|
|
if($(this).hasClass('disabled')) {
|
|
return false;
|
|
}
|
|
|
|
var objID = $(document).data('clickedObjID');
|
|
var objFace = $(document).data('clickedObjFace');
|
|
var objDepth = $(document).data('clickedObjPartitionDepth');
|
|
var objPort = $(document).data('clickedObjPortID');
|
|
|
|
var data = {
|
|
property: 'connectionExploreClear',
|
|
objID: objID,
|
|
objFace: objFace,
|
|
objDepth: objDepth,
|
|
objPort: objPort
|
|
};
|
|
data = JSON.stringify(data);
|
|
|
|
$.post('backend/process_cable.php', {data:data}, function(response){
|
|
var responseJSON = JSON.parse(response);
|
|
if (responseJSON.active == 'inactive'){
|
|
window.location.replace("/");
|
|
} else if ($(responseJSON.error).size() > 0){
|
|
displayError(responseJSON.error);
|
|
} else {
|
|
|
|
// Compile localPortGlobalID
|
|
var localPortGlobalID = 'port-4-'+objID+'-'+objFace+'-'+objDepth+'-'+objPort;
|
|
|
|
// Update remote port(s)
|
|
var remotePortGlobalIDArray = JSON.parse(atob($('#'+localPortGlobalID).data('connectedGlobalId')));
|
|
$.each(remotePortGlobalIDArray, function(index, remotePortGlobalID){
|
|
if($('#'+remotePortGlobalID).length) {
|
|
$('#'+remotePortGlobalID).removeClass('populated').data('connectedGlobalId', btoa(JSON.stringify([])));
|
|
}
|
|
});
|
|
$('#'+localPortGlobalID).removeClass('populated').data('connectedGlobalId', btoa(JSON.stringify([])));
|
|
|
|
var interfaceSelectionElem = $('#selectPort').find(':selected');
|
|
$('#checkboxPopulated').prop("checked", false);
|
|
$('#checkboxPopulated').prop("disabled", false);
|
|
retrievePortPath(objID, objFace, objDepth, objPort);
|
|
retrievePortOptions(objID, objFace, objDepth, objPort);
|
|
drawCabinet();
|
|
|
|
$('#objTree').jstree('deselect_all');
|
|
$('#objectTreeModal').modal('hide');
|
|
}
|
|
});
|
|
});
|
|
|
|
$('.sideSelectorCabinet').on('change', function(){
|
|
var cabinetFace = $(this).val();
|
|
var cabinetID = $(document).data('cabinetID');
|
|
var cabinetView = $(document).data('cabinetView');
|
|
$(document).data('cabinetFace', cabinetFace);
|
|
retrieveCabinet(cabinetID, cabinetFace, cabinetView);
|
|
if (cabinetFace == 0) {
|
|
$('#detailsContainer1').hide();
|
|
$('#detailsContainer0').show();
|
|
} else {
|
|
$('#detailsContainer1').show();
|
|
$('#detailsContainer0').hide();
|
|
}
|
|
});
|
|
|
|
$('#modalPathFinder').on('show.bs.modal', function(e){
|
|
var button = e.relatedTarget;
|
|
if($(button).hasClass('disabled')) {
|
|
return false;
|
|
}
|
|
var objectID = $(document).data('clickedObjID');
|
|
var objectFace = $(document).data('clickedObjFace');
|
|
var objectDepth = $(document).data('clickedObjPartitionDepth');
|
|
var objectPort = $(document).data('clickedObjPortID');
|
|
|
|
$('#pathFinderTree').jstree(true).settings.core.data = {url: 'backend/retrieve_environment-tree.php?scope=portExplorePathFinder&objID='+objectID+'&objFace='+objectFace+'&objDepth='+objectDepth+'&objPort='+objectPort};
|
|
$('#pathFinderTree').jstree(true).refresh();
|
|
});
|
|
|
|
// Ajax Tree
|
|
$('#pathFinderTree')
|
|
.on('select_node.jstree', function(e, data){
|
|
if(data.node.type == 'port') {
|
|
var value = data.selected[0];
|
|
var valueArray = value.split('-');
|
|
var data = {
|
|
objID: valueArray[1],
|
|
objFace: valueArray[2],
|
|
partitionDepth: valueArray[3],
|
|
portID: valueArray[4]
|
|
}
|
|
|
|
data = JSON.stringify(data);
|
|
|
|
// Retrieve the selected port object string for path finder
|
|
$.post('backend/retrieve_object.php', {data:data}, function(response){
|
|
var responseJSON = JSON.parse(response);
|
|
if($(responseJSON.error).size() > 0) {
|
|
displayErrorElement(responseJSON.error, $('#alertMsgModal'));
|
|
} else {
|
|
$('#pathFinderRemotePort').html(responseJSON.success);
|
|
}
|
|
});
|
|
|
|
$('#buttonPathFinderRun').prop("disabled", false);
|
|
} else {
|
|
$('#buttonPathFinderRun').prop("disabled", true);
|
|
}
|
|
})
|
|
.on('refresh.jstree', function(){
|
|
var selectedNodes = $('#objTree').jstree('get_selected');
|
|
if(selectedNodes.length) {
|
|
$('#buttonObjectTreeModalSave').prop("disabled", false);
|
|
} else {
|
|
$('#buttonObjectTreeModalSave').prop("disabled", true);
|
|
}
|
|
})
|
|
.jstree({
|
|
'core' : {
|
|
'multiple': false,
|
|
'check_callback': function(operation, node, node_parent, node_position, more){
|
|
if(operation == 'move_node'){
|
|
return node_parent.type === 'location';
|
|
}
|
|
return true;
|
|
},
|
|
'themes': {
|
|
'responsive': false
|
|
},
|
|
'data': {'url' : false,
|
|
'data': function (node) {
|
|
return { 'id' : node.id };
|
|
}
|
|
}
|
|
},
|
|
'state' : {
|
|
'key' : 'pathFinderNavigation'
|
|
},
|
|
"types" : {
|
|
'default' : {
|
|
'icon' : 'fa fa-building'
|
|
},
|
|
'location' : {
|
|
'icon' : 'fa fa-building'
|
|
},
|
|
'pod' : {
|
|
'icon' : 'zmdi zmdi-group-work'
|
|
},
|
|
'cabinet' : {
|
|
'icon' : 'fa fa-server'
|
|
},
|
|
'object' : {
|
|
'icon' : 'fa fa-minus'
|
|
},
|
|
'port' : {
|
|
'icon' : 'fa fa-circle'
|
|
},
|
|
'floorplan' : {
|
|
'icon' : 'fa fa-map-o'
|
|
}
|
|
},
|
|
"plugins" : [ "search", "state", "types", "wholerow" ]
|
|
});
|
|
|
|
// Ajax Tree
|
|
$('#objTree')
|
|
.on('select_node.jstree', function(e, data){
|
|
if(data.node.type == 'port') {
|
|
$('#buttonObjectTreeModalSave').prop("disabled", false);
|
|
} else {
|
|
$('#buttonObjectTreeModalSave').prop("disabled", true);
|
|
}
|
|
})
|
|
.on('refresh.jstree', function(){
|
|
var peerPortArray = $(document).data('peerPortArray');
|
|
|
|
$('#objTree').jstree('deselect_all');
|
|
$('#objTree').jstree('select_node', peerPortArray);
|
|
|
|
var selectedNodes = $('#objTree').jstree('get_selected');
|
|
if(selectedNodes.length) {
|
|
$('#buttonObjectTreeModalSave').prop("disabled", false);
|
|
} else {
|
|
$('#buttonObjectTreeModalSave').prop("disabled", true);
|
|
}
|
|
})
|
|
.jstree({
|
|
'core' : {
|
|
'multiple': true,
|
|
'check_callback': function(operation, node, node_parent, node_position, more){
|
|
if(operation == 'move_node'){
|
|
return node_parent.type === 'location';
|
|
}
|
|
return true;
|
|
},
|
|
'themes': {
|
|
'responsive': false
|
|
},
|
|
'data': {'url' : false,
|
|
'data': function (node) {
|
|
return { 'id' : node.id };
|
|
}
|
|
}
|
|
},
|
|
'state' : {
|
|
'key' : 'portExploreNavigation'
|
|
},
|
|
"types" : {
|
|
'default' : {
|
|
'icon' : 'fa fa-building'
|
|
},
|
|
'location' : {
|
|
'icon' : 'fa fa-building'
|
|
},
|
|
'pod' : {
|
|
'icon' : 'zmdi zmdi-group-work'
|
|
},
|
|
'cabinet' : {
|
|
'icon' : 'fa fa-server'
|
|
},
|
|
'object' : {
|
|
'icon' : 'fa fa-minus'
|
|
},
|
|
'port' : {
|
|
'icon' : 'fa fa-circle'
|
|
},
|
|
'floorplan' : {
|
|
'icon' : 'fa fa-map-o'
|
|
}
|
|
},
|
|
"plugins" : [ "search", "state", "types", "wholerow" ]
|
|
});
|
|
|
|
// Ajax Tree
|
|
$('#ajaxTree')
|
|
.on('select_node.jstree', function (e, data) {
|
|
clearSelectionDetails();
|
|
var portAndPathObject = $('#portAndPath').detach();
|
|
$('#rowCabinet').hide();
|
|
$('#rowFloorplan').hide();
|
|
$('#floorplanDetails').hide();
|
|
$('#floorplanContainer').children('i').remove();
|
|
|
|
//Store objectID
|
|
var cabinetID = data.node.id;
|
|
$(document).data('cabinetID', cabinetID);
|
|
if(data.node.type == 'cabinet'){
|
|
$('#portAndPathContainerCabinet').html(portAndPathObject);
|
|
$('#rowCabinet').show();
|
|
|
|
if($('#parentFace').length) {
|
|
var cabinetFace = $('#parentFace').val();
|
|
$('.sideSelectorCabinet[value='+cabinetFace+']').prop('checked', true);
|
|
$('#parentFace').remove();
|
|
} else {
|
|
var cabinetFace = $(document).data('cabinetFace');
|
|
}
|
|
var cabinetView = $(document).data('cabinetView');
|
|
retrieveCabinet(cabinetID, cabinetFace, cabinetView);
|
|
} else if (data.node.type == 'floorplan') {
|
|
$('#portAndPathContainerFloorplan').html(portAndPathObject);
|
|
$('#rowFloorplan').show();
|
|
$('#floorplanDetails').show();
|
|
|
|
//Collect object data
|
|
var data = {
|
|
cabinetID: cabinetID,
|
|
action: 'getFloorplan'
|
|
};
|
|
data = JSON.stringify(data);
|
|
|
|
//Retrieve floorplan details
|
|
$.post("backend/process_cabinet.php", {data:data}, function(response){
|
|
var response = $.parseJSON(response);
|
|
if (response.error != ''){
|
|
displayError(response.error);
|
|
} else {
|
|
|
|
var floorplanImgPath = '/images/floorplanImages/'+response.success.floorplanImg;
|
|
|
|
$('#imgDummy').load(function(){
|
|
var imgHeight = $(this).height();
|
|
var imgWidth = $(this).width();
|
|
$('#floorplanContainer').css({"background-image":"url("+floorplanImgPath+")", "height":imgHeight, "width":imgWidth});
|
|
fitFloorplan();
|
|
}).attr('src', floorplanImgPath);
|
|
|
|
$.each(response.success.floorplanObjectData, function(index, item){
|
|
var object = $(item.html);
|
|
var positionTop = item.position_top+'px';
|
|
var positionLeft = item.position_left+'px';
|
|
|
|
$('#floorplanContainer')
|
|
.append(object
|
|
.css({
|
|
'z-index': 1000,
|
|
'position': 'absolute',
|
|
'top': positionTop,
|
|
'left': positionLeft})
|
|
.attr('data-objectID', item.id)
|
|
.attr('id', 'floorplanObj'+item.id)
|
|
);
|
|
makeFloorplanObjectsClickable();
|
|
});
|
|
}
|
|
});
|
|
getFloorplanObjectPeerTable();
|
|
} else if (data.node.type == 'location' || data.node.type == 'pod') {
|
|
$("#buildSpaceContent").html("Please select a cabinet from the Environment Tree.");
|
|
$('#portAndPathContainerCabinet').html(portAndPathObject);
|
|
$('#rowCabinet').show();
|
|
} else {
|
|
$("#buildSpaceContent").html("Error");
|
|
}
|
|
|
|
})
|
|
.jstree({
|
|
'core' : {
|
|
'check_callback' : function(operation, node, node_parent, node_position, more){
|
|
if(operation == 'move_node'){
|
|
return node_parent.type === 'location';
|
|
}
|
|
return true;
|
|
},
|
|
'themes' : {
|
|
'responsive': false
|
|
},
|
|
'data' : {
|
|
'url' : function (node) {
|
|
return 'backend/retrieve_environment-tree.php?scope=cabinet';
|
|
}
|
|
}
|
|
},
|
|
'state' : {
|
|
'key' : 'envNavigation',
|
|
'filter': function(state){
|
|
if($('#parentID').length) {
|
|
var parentID = $('#parentID').val();
|
|
state.core.selected = [parentID];
|
|
$('#parentID').remove();
|
|
}
|
|
return state;
|
|
}
|
|
},
|
|
"types" : {
|
|
'default' : {
|
|
'icon' : 'fa fa-building'
|
|
},
|
|
'location' : {
|
|
'icon' : 'fa fa-building'
|
|
},
|
|
'pod' : {
|
|
'icon' : 'zmdi zmdi-group-work'
|
|
},
|
|
'cabinet' : {
|
|
'icon' : 'fa fa-server'
|
|
},
|
|
'floorplan' : {
|
|
'icon' : 'fa fa-map-o'
|
|
}
|
|
},
|
|
"plugins" : [ "search", "state", "types", "wholerow" ]
|
|
});
|
|
|
|
}); |