Skip to content

Commit

Permalink
removed clickable image stuff
Browse files Browse the repository at this point in the history
  • Loading branch information
@CatonQ
CatonQ committed Feb 26, 2024
1 parent ef66362 commit 7495b7e
Showing 1 changed file with 187 additions and 187 deletions.
374 changes: 187 additions & 187 deletions resources/js/scoutingPASS.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -214,190 +214,190 @@ function addCounter(table, idx, name, data) {
return idx + 1;
}

function addClickableImage(table, idx, name, data) {
var row = table.insertRow(idx);
var cell = row.insertCell(0);
cell.setAttribute("colspan", 2);
cell.setAttribute("style", "text-align: center;");
cell.classList.add("title");
if (!data.hasOwnProperty('code')) {
cell1.innerHTML = `Error: No code specified for ${name}`;
return idx + 1;
}
cell.innerHTML = name;
if (data.hasOwnProperty('tooltip')) {
cell.setAttribute("title", data.tooltip);
}

let showFlip = true;
if (data.hasOwnProperty('showFlip')) {
if (data.showFlip.toLowerCase() == 'false') {
showFlip = false;
}
}

let showUndo = true;
if (data.hasOwnProperty('showUndo')) {
if (data.showUndo.toLowerCase() == 'false') {
showUndo = false;
}
}

if (showFlip || showUndo) {
idx += 1
row = table.insertRow(idx);
cell = row.insertCell(0);
cell.setAttribute("colspan", 2);
cell.setAttribute("style", "text-align: center;");

if (showUndo) {
// Undo button
let undoButton = document.createElement("input");
undoButton.setAttribute("type", "button");
undoButton.setAttribute("onclick", "undo(this.parentElement)");
undoButton.setAttribute("value", "Undo");
undoButton.setAttribute("id", "undo_" + data.code);
undoButton.setAttribute("class", "undoButton");
cell.appendChild(undoButton);
}

if (showFlip) {
// Flip button
let flipButton = document.createElement("input");
flipButton.setAttribute("type", "button");
flipButton.setAttribute("onclick", "flip(this.parentElement)");
flipButton.setAttribute("value", "Flip Image");
flipButton.setAttribute("id", "flip_" + data.code);
flipButton.setAttribute("class", "flipButton");
if (showUndo) {
flipButton.setAttribute("margin-left", '8px');
}
cell.appendChild(flipButton);
}
}

idx += 1;
row = table.insertRow(idx);
cell = row.insertCell(0);
cell.setAttribute("colspan", 2);
cell.setAttribute("style", "text-align: center;");
var canvas = document.createElement('canvas');
//canvas.onclick = onFieldClick;
canvas.setAttribute("onclick", "onFieldClick(event)");
canvas.setAttribute("class", "field-image-src");
canvas.setAttribute("id", "canvas_" + data.code);
canvas.innerHTML = "No canvas support";
cell.appendChild(canvas);

idx += 1;
row = table.insertRow(idx);
row.setAttribute("style", "display:none");
cell = row.insertCell(0);
cell.setAttribute("colspan", 2);
var inp = document.createElement('input');
inp.setAttribute("type", "hidden");
inp.setAttribute("id", "XY_" + data.code);
inp.setAttribute("value", "[]");
cell.appendChild(inp);
inp = document.createElement('input');
inp.setAttribute("hidden", "");
if (enableGoogleSheets && data.hasOwnProperty('gsCol')) {
inp.setAttribute("name", data.gsCol);
} else {
inp.setAttribute("name", data.code);
}
inp.setAttribute("id", "input_" + data.code);
inp.setAttribute("value", "[]");
inp.setAttribute("class", "clickableImage");

cell.appendChild(inp);

// TODO: Make these more efficient/elegant
inp = document.createElement('input');
inp.setAttribute("hidden", "");
inp.setAttribute("id", "clickRestriction_" + data.code);
inp.setAttribute("value", "none");
if (data.hasOwnProperty('clickRestriction')) {
if ((data.clickRestriction == "one") ||
(data.clickRestriction == "onePerBox")) {
inp.setAttribute("value", data.clickRestriction);
}
}
cell.appendChild(inp);

inp = document.createElement('input');
inp.setAttribute("hidden", "");
inp.setAttribute("id", "allowableResponses_" + data.code);
inp.setAttribute("value", "none");
if (data.hasOwnProperty('allowableResponses')) {
let responses = data.allowableResponses.split(' ').map(Number)
console.log(responses)
inp.setAttribute("value", responses);
}
cell.appendChild(inp);

inp = document.createElement('input');
inp.setAttribute("hidden", "");
inp.setAttribute("id", "dimensions_" + data.code);
inp.setAttribute("value", "12 6");
if (data.hasOwnProperty('dimensions')) {
if (data.dimensions != "") {
// TODO: Add validation for "X Y" format
inp.setAttribute("value", data.dimensions);
}
}
cell.appendChild(inp);

inp = document.createElement('input');
inp.setAttribute("hidden", "");
inp.setAttribute("id", "shape_" + data.code);
// Default shape: white circle of size 5 not filled in
inp.setAttribute("value", "circle 5 white white true");
if (data.hasOwnProperty('shape')) {
if (data.shape != "") {
// TODO: Add validation for "shape size color fill" format
inp.setAttribute("value", data.shape);
}
}
cell.appendChild(inp);

inp = document.createElement('input');
inp.setAttribute("hidden", "");
inp.setAttribute("id", "toggleClick_" + data.code);
inp.setAttribute("value", "false");
if (data.hasOwnProperty('toggleClick')) {
if (data.toggleClick != "") {
// TODO: Add validation for true/false format
inp.setAttribute("value", data.toggleClick);
}
}
cell.appendChild(inp);

if (data.hasOwnProperty('cycleTimer')) {
if (data.cycleTimer != "") {
inp = document.createElement('input');
inp.setAttribute("hidden", "");
inp.setAttribute("id", "cycleTimer_" + data.code);
inp.setAttribute("value", data.cycleTimer);
cell.appendChild(inp);
}
}

idx += 1
row = table.insertRow(idx);
row.setAttribute("style", "display:none");
cell = row.insertCell(0);
cell.setAttribute("colspan", 2);
var img = document.createElement('img');
img.src = data.filename;
img.setAttribute("id", "img_" + data.code);
img.setAttribute("class", "field-image-src");
img.setAttribute("onload", "drawFields()");
img.setAttribute("hidden", "");
cell.appendChild(img);

return idx + 1
}
// function addClickableImage(table, idx, name, data) {
// var row = table.insertRow(idx);
// var cell = row.insertCell(0);
// cell.setAttribute("colspan", 2);
// cell.setAttribute("style", "text-align: center;");
// cell.classList.add("title");
// if (!data.hasOwnProperty('code')) {
// cell1.innerHTML = `Error: No code specified for ${name}`;
// return idx + 1;
// }
// cell.innerHTML = name;
// if (data.hasOwnProperty('tooltip')) {
// cell.setAttribute("title", data.tooltip);
// }

// let showFlip = true;
// if (data.hasOwnProperty('showFlip')) {
// if (data.showFlip.toLowerCase() == 'false') {
// showFlip = false;
// }
// }

// let showUndo = true;
// if (data.hasOwnProperty('showUndo')) {
// if (data.showUndo.toLowerCase() == 'false') {
// showUndo = false;
// }
// }

// if (showFlip || showUndo) {
// idx += 1
// row = table.insertRow(idx);
// cell = row.insertCell(0);
// cell.setAttribute("colspan", 2);
// cell.setAttribute("style", "text-align: center;");

// if (showUndo) {
// // Undo button
// let undoButton = document.createElement("input");
// undoButton.setAttribute("type", "button");
// undoButton.setAttribute("onclick", "undo(this.parentElement)");
// undoButton.setAttribute("value", "Undo");
// undoButton.setAttribute("id", "undo_" + data.code);
// undoButton.setAttribute("class", "undoButton");
// cell.appendChild(undoButton);
// }

// if (showFlip) {
// // Flip button
// let flipButton = document.createElement("input");
// flipButton.setAttribute("type", "button");
// flipButton.setAttribute("onclick", "flip(this.parentElement)");
// flipButton.setAttribute("value", "Flip Image");
// flipButton.setAttribute("id", "flip_" + data.code);
// flipButton.setAttribute("class", "flipButton");
// if (showUndo) {
// flipButton.setAttribute("margin-left", '8px');
// }
// cell.appendChild(flipButton);
// }
// }

// idx += 1;
// row = table.insertRow(idx);
// cell = row.insertCell(0);
// cell.setAttribute("colspan", 2);
// cell.setAttribute("style", "text-align: center;");
// var canvas = document.createElement('canvas');
// //canvas.onclick = onFieldClick;
// canvas.setAttribute("onclick", "onFieldClick(event)");
// canvas.setAttribute("class", "field-image-src");
// canvas.setAttribute("id", "canvas_" + data.code);
// canvas.innerHTML = "No canvas support";
// cell.appendChild(canvas);

// idx += 1;
// row = table.insertRow(idx);
// row.setAttribute("style", "display:none");
// cell = row.insertCell(0);
// cell.setAttribute("colspan", 2);
// var inp = document.createElement('input');
// inp.setAttribute("type", "hidden");
// inp.setAttribute("id", "XY_" + data.code);
// inp.setAttribute("value", "[]");
// cell.appendChild(inp);
// inp = document.createElement('input');
// inp.setAttribute("hidden", "");
// if (enableGoogleSheets && data.hasOwnProperty('gsCol')) {
// inp.setAttribute("name", data.gsCol);
// } else {
// inp.setAttribute("name", data.code);
// }
// inp.setAttribute("id", "input_" + data.code);
// inp.setAttribute("value", "[]");
// inp.setAttribute("class", "clickableImage");

// cell.appendChild(inp);

// // TODO: Make these more efficient/elegant
// inp = document.createElement('input');
// inp.setAttribute("hidden", "");
// inp.setAttribute("id", "clickRestriction_" + data.code);
// inp.setAttribute("value", "none");
// if (data.hasOwnProperty('clickRestriction')) {
// if ((data.clickRestriction == "one") ||
// (data.clickRestriction == "onePerBox")) {
// inp.setAttribute("value", data.clickRestriction);
// }
// }
// cell.appendChild(inp);

// inp = document.createElement('input');
// inp.setAttribute("hidden", "");
// inp.setAttribute("id", "allowableResponses_" + data.code);
// inp.setAttribute("value", "none");
// if (data.hasOwnProperty('allowableResponses')) {
// let responses = data.allowableResponses.split(' ').map(Number)
// console.log(responses)
// inp.setAttribute("value", responses);
// }
// cell.appendChild(inp);

// inp = document.createElement('input');
// inp.setAttribute("hidden", "");
// inp.setAttribute("id", "dimensions_" + data.code);
// inp.setAttribute("value", "12 6");
// if (data.hasOwnProperty('dimensions')) {
// if (data.dimensions != "") {
// // TODO: Add validation for "X Y" format
// inp.setAttribute("value", data.dimensions);
// }
// }
// cell.appendChild(inp);

// inp = document.createElement('input');
// inp.setAttribute("hidden", "");
// inp.setAttribute("id", "shape_" + data.code);
// // Default shape: white circle of size 5 not filled in
// inp.setAttribute("value", "circle 5 white white true");
// if (data.hasOwnProperty('shape')) {
// if (data.shape != "") {
// // TODO: Add validation for "shape size color fill" format
// inp.setAttribute("value", data.shape);
// }
// }
// cell.appendChild(inp);

// inp = document.createElement('input');
// inp.setAttribute("hidden", "");
// inp.setAttribute("id", "toggleClick_" + data.code);
// inp.setAttribute("value", "false");
// if (data.hasOwnProperty('toggleClick')) {
// if (data.toggleClick != "") {
// // TODO: Add validation for true/false format
// inp.setAttribute("value", data.toggleClick);
// }
// }
// cell.appendChild(inp);

// if (data.hasOwnProperty('cycleTimer')) {
// if (data.cycleTimer != "") {
// inp = document.createElement('input');
// inp.setAttribute("hidden", "");
// inp.setAttribute("id", "cycleTimer_" + data.code);
// inp.setAttribute("value", data.cycleTimer);
// cell.appendChild(inp);
// }
// }

// idx += 1
// row = table.insertRow(idx);
// row.setAttribute("style", "display:none");
// cell = row.insertCell(0);
// cell.setAttribute("colspan", 2);
// var img = document.createElement('img');
// img.src = data.filename;
// img.setAttribute("id", "img_" + data.code);
// img.setAttribute("class", "field-image-src");
// img.setAttribute("onload", "drawFields()");
// img.setAttribute("hidden", "");
// cell.appendChild(img);

// return idx + 1
// }

function addText(table, idx, name, data) {
var row = table.insertRow(idx);
Expand Down Expand Up @@ -646,9 +646,9 @@ function addElement(table, idx, data) {
(data.type == 'number')
) {
idx = addNumber(table, idx, name, data);
} else if ((data.type == 'field_image') ||
(data.type == 'clickable_image')) {
idx = addClickableImage(table, idx, name, data);
// } else if ((data.type == 'field_image') ||
// (data.type == 'clickable_image')) {
// idx = addClickableImage(table, idx, name, data);
} else if ((data.type == 'bool') ||
(data.type == 'checkbox') ||
(data.type == 'pass_fail')
Expand Down

0 comments on commit 7495b7e

Please sign in to comment.