mkrieger/patchcablemgr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

0.3.12

Browse Source
This commit is contained in:
Garrett K 2021-01-17 06:27:06 +00:00
parent 57bdd24fd9
commit 73cd6f7fba
1 changed files with 28 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
assets/pages/jquery.drawConnections.js
View File

@ -117,6 +117,25 @@ function drawConnection(elementArray){
context.stroke(); context.stroke();
} }
function drawConnectionDiagram(){
var pathDiagramData = $(document).data('pathDiagram');
context.strokeStyle = 'LightSkyBlue';
context.lineWidth = 3;
context.beginPath();
$.each(pathDiagramData, function(index, element){
var elemA = element[0];
var elemB = element[1];
var elemADimensions = getDimensions(elemA);
var elemBDimensions = getDimensions(elemB);
context.moveTo(elemADimensions.centerX, elemADimensions.centerY);
context.lineTo(elemBDimensions.centerX, elemBDimensions.centerY);
});
context.stroke();
}
function drawTrunk(elementArray){ function drawTrunk(elementArray){
context.strokeStyle = 'MidnightBlue'; context.strokeStyle = 'MidnightBlue';
context.lineWidth = 3; context.lineWidth = 3;
@ -297,27 +316,26 @@ function crawlPath(selectedPort){
} }
function crawlPathDiagram(){ function crawlPathDiagram(){
var pathElementArray = {}; var pathDiagram = {};
var connectorElementArray = $('#containerFullPath').find('.port'); var connectorElementArray = $('#containerFullPath').find('.port');
$.each(connectorElementArray, function(index, element){ $.each(connectorElementArray, function(index, element){
console.log('here1'); console.log('here1');
if($(element).data('connectionPairId') !== undefined) { if($(element).data('connectionPairId') !== undefined) {
console.log('here2'); console.log('here2');
var connectionPairID = $(element).data('connectionPairId'); var connectionPairID = $(element).data('connectionPairId');
if(pathElementArray[connectionPairID] === undefined) { if(pathDiagram[connectionPairID] === undefined) {
console.log('here3'); console.log('here3');
pathElementArray[connectionPairID] = []; pathDiagram[connectionPairID] = [];
} }
pathElementArray[connectionPairID].push($(element)); pathDiagram[connectionPairID].push($(element));
} }
}); });
return pathElementArray; $(document).data('pathDiagram', pathDiagram);
} }
function drawPathDiagram(){ function drawPathDiagram(){
var pathElementArray = crawlPathDiagram(); crawlPathDiagram();
console.log(JSON.stringify(pathElementArray)); drawConnectionDiagram();
drawConnection(pathElementArray);
} }
function makePortsHoverable(){ function makePortsHoverable(){
@ -473,6 +491,7 @@ function redraw() {
highlightElement(path['portArray'], 'LightSkyBlue'); highlightElement(path['portArray'], 'LightSkyBlue');
}); });
} }
drawConnectionDiagram();
} }
function initializeCanvas() { function initializeCanvas() {
@ -484,6 +503,7 @@ function initializeCanvas() {
canvasInset = 10; canvasInset = 10;
context.lineWidth = 10; context.lineWidth = 10;
pathData = {}; pathData = {};
$(document).data('pathDiagram', {});
pathID = 0; pathID = 0;
} }