root
2 years ago
parent
436f889192
commit
8ea1084eb4
@ -1,153 +1,21 @@
|
|||||||
/**
|
function loadEventListeners() {
|
||||||
* Initializes variables and event listeners after the DOM content is loaded.
|
// Add click event listeners to toggle display of settings submenus
|
||||||
*/
|
let labels = [...document.getElementsByClassName("submenuLabel")]
|
||||||
let canvas, parent, legend, dataDiv, table
|
labels.forEach(label => {
|
||||||
|
label.addEventListener('click', e => {
|
||||||
let rcTarget = {}
|
let submenuDiv = e.target.nextElementSibling
|
||||||
|
|
||||||
$(document).ready( function () {
|
// Toggle display of submenu
|
||||||
canvas = document.getElementById("graphCanvas")
|
if (getComputedStyle(submenuDiv).display == "block") {
|
||||||
parent = document.getElementById("graphDiv")
|
submenuDiv.style.display = "none"
|
||||||
legend = document.getElementById("graphLegend")
|
label.classList.remove("arrow-up")
|
||||||
dataDiv = document.getElementById("dataDiv")
|
label.classList.add("arrow-down")
|
||||||
table = new Table(document.getElementById("dataTable"))
|
}
|
||||||
|
else {
|
||||||
document.getElementById('upload').addEventListener('change', handleFileSelect, false)
|
submenuDiv.style.display = "block"
|
||||||
|
label.classList.remove("arrow-down")
|
||||||
load_data()
|
label.classList.add("arrow-up")
|
||||||
table.reloadEvLi()
|
}
|
||||||
reloadShares()
|
})
|
||||||
|
})
|
||||||
//Click
|
}
|
||||||
document.addEventListener('mousemove', (e) => {
|
|
||||||
const pos = {
|
|
||||||
x: e.clientX - canvas.offsetLeft,
|
|
||||||
y: e.clientY - canvas.offsetTop
|
|
||||||
}
|
|
||||||
let obj = checkHit(pos)
|
|
||||||
|
|
||||||
//show point value
|
|
||||||
if (obj !== null) {
|
|
||||||
dataDiv.style.left = pos.x + canvas.offsetLeft + "px"
|
|
||||||
dataDiv.style.top = pos.y + canvas.offsetTop + "px"
|
|
||||||
dataDiv.style.display = "block"
|
|
||||||
dataDiv.innerHTML = "<b>" + obj.name + "</b><br><p>" + obj.value + "</p>"
|
|
||||||
} else {
|
|
||||||
dataDiv.style.display = "none"
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
/*$("#exportBtn").on('click', function (e) {
|
|
||||||
table.reloadData()
|
|
||||||
exportData('tableData')
|
|
||||||
})
|
|
||||||
|
|
||||||
$("#saveBtn").on('click', function (e) {
|
|
||||||
table.reloadData()
|
|
||||||
save_data()
|
|
||||||
})
|
|
||||||
|
|
||||||
$("#drawBtn").on('click', function (e) {
|
|
||||||
table.reloadData()
|
|
||||||
submitData()
|
|
||||||
})
|
|
||||||
|
|
||||||
//RIGHT CLICK menu
|
|
||||||
$(document).bind("click", function(event) {
|
|
||||||
document.getElementById("rcMenu").style.display = "none"
|
|
||||||
})
|
|
||||||
|
|
||||||
//odebere řádek
|
|
||||||
$("#rcDelRow").on('click', function (e) {
|
|
||||||
e.preventDefault()
|
|
||||||
if (rcTarget.parentElement.parentElement.tagName === "THEAD")
|
|
||||||
return
|
|
||||||
table.removeRow(rcTarget.parentElement)
|
|
||||||
})
|
|
||||||
|
|
||||||
//přidá řádek
|
|
||||||
$("#rcAddRow").on('click', function (e) {
|
|
||||||
e.preventDefault()
|
|
||||||
table.addRow(table, rcTarget)
|
|
||||||
})
|
|
||||||
|
|
||||||
//odebere sloupec
|
|
||||||
$('#rcDelCol').on('click', function (e) {
|
|
||||||
e.preventDefault()
|
|
||||||
|
|
||||||
table.removeCol(getCellIndex(rcTarget))
|
|
||||||
})
|
|
||||||
|
|
||||||
//přidá sloupec
|
|
||||||
$('#rcAddCol').on('click', function (e) {
|
|
||||||
e.preventDefault()
|
|
||||||
|
|
||||||
table.addCol(getCellIndex(rcTarget))
|
|
||||||
})
|
|
||||||
|
|
||||||
//Sharing
|
|
||||||
$('#shareBtn').on('click', function (e) {
|
|
||||||
e.preventDefault()
|
|
||||||
|
|
||||||
let username = document.getElementById("shareUsername").value
|
|
||||||
addShare(username)
|
|
||||||
})*/
|
|
||||||
})
|
|
||||||
|
|
||||||
/*function handleFileSelect(evt) {
|
|
||||||
let files = evt.target.files
|
|
||||||
table.importData(files[0], table)
|
|
||||||
}
|
|
||||||
|
|
||||||
function submitData() {
|
|
||||||
table.reloadData()
|
|
||||||
drawChart(getSettings(), table.data)
|
|
||||||
}
|
|
||||||
|
|
||||||
function save_data() {
|
|
||||||
table.reloadData()
|
|
||||||
let settings = getSettings()
|
|
||||||
$.ajax({
|
|
||||||
url: "php/save_data.php",
|
|
||||||
type: "post",
|
|
||||||
dataType: "text",
|
|
||||||
data: {code: graph_code, data: JSON.stringify(table.data), settings: JSON.stringify(settings), name:settings.title},
|
|
||||||
success: function (result) {
|
|
||||||
//alert("Saved successfully " + result)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function load_data() {
|
|
||||||
$.ajax({
|
|
||||||
url: "php/load_data.php",
|
|
||||||
type: "post",
|
|
||||||
dataType: "json",
|
|
||||||
data: {code: graph_code},
|
|
||||||
success: function (result) {
|
|
||||||
if (result.data == null) {
|
|
||||||
alert("Error: no data found")
|
|
||||||
return
|
|
||||||
}
|
|
||||||
table.data = JSON.parse(result.data)
|
|
||||||
table.updateTable()
|
|
||||||
if (result.settings == null) {
|
|
||||||
alert("Error: no graph settings found")
|
|
||||||
} else {
|
|
||||||
loadSettings(JSON.parse(result.settings))
|
|
||||||
}
|
|
||||||
drawChart(getSettings(), table.data)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function getCellIndex(cell) {
|
|
||||||
let parent = cell.parentElement
|
|
||||||
|
|
||||||
let children = Array.from(parent.children)
|
|
||||||
for (let i = 0; i < children.length; i++){
|
|
||||||
if (children[i] === cell) {
|
|
||||||
return i
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}*/
|
|
||||||
|
|||||||
@ -0,0 +1,153 @@
|
|||||||
|
/**
|
||||||
|
* Initializes variables and event listeners after the DOM content is loaded.
|
||||||
|
*/
|
||||||
|
let canvas, parent, legend, dataDiv, table
|
||||||
|
|
||||||
|
let rcTarget = {}
|
||||||
|
|
||||||
|
$(document).ready( function () {
|
||||||
|
canvas = document.getElementById("graphCanvas")
|
||||||
|
parent = document.getElementById("graphDiv")
|
||||||
|
legend = document.getElementById("graphLegend")
|
||||||
|
dataDiv = document.getElementById("dataDiv")
|
||||||
|
table = new Table(document.getElementById("dataTable"))
|
||||||
|
|
||||||
|
document.getElementById('upload').addEventListener('change', handleFileSelect, false)
|
||||||
|
|
||||||
|
load_data()
|
||||||
|
table.reloadEvLi()
|
||||||
|
reloadShares()
|
||||||
|
|
||||||
|
//Click
|
||||||
|
document.addEventListener('mousemove', (e) => {
|
||||||
|
const pos = {
|
||||||
|
x: e.clientX - canvas.offsetLeft,
|
||||||
|
y: e.clientY - canvas.offsetTop
|
||||||
|
}
|
||||||
|
let obj = checkHit(pos)
|
||||||
|
|
||||||
|
//show point value
|
||||||
|
if (obj !== null) {
|
||||||
|
dataDiv.style.left = pos.x + canvas.offsetLeft + "px"
|
||||||
|
dataDiv.style.top = pos.y + canvas.offsetTop + "px"
|
||||||
|
dataDiv.style.display = "block"
|
||||||
|
dataDiv.innerHTML = "<b>" + obj.name + "</b><br><p>" + obj.value + "</p>"
|
||||||
|
} else {
|
||||||
|
dataDiv.style.display = "none"
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
/*$("#exportBtn").on('click', function (e) {
|
||||||
|
table.reloadData()
|
||||||
|
exportData('tableData')
|
||||||
|
})
|
||||||
|
|
||||||
|
$("#saveBtn").on('click', function (e) {
|
||||||
|
table.reloadData()
|
||||||
|
save_data()
|
||||||
|
})
|
||||||
|
|
||||||
|
$("#drawBtn").on('click', function (e) {
|
||||||
|
table.reloadData()
|
||||||
|
submitData()
|
||||||
|
})
|
||||||
|
|
||||||
|
//RIGHT CLICK menu
|
||||||
|
$(document).bind("click", function(event) {
|
||||||
|
document.getElementById("rcMenu").style.display = "none"
|
||||||
|
})
|
||||||
|
|
||||||
|
//odebere řádek
|
||||||
|
$("#rcDelRow").on('click', function (e) {
|
||||||
|
e.preventDefault()
|
||||||
|
if (rcTarget.parentElement.parentElement.tagName === "THEAD")
|
||||||
|
return
|
||||||
|
table.removeRow(rcTarget.parentElement)
|
||||||
|
})
|
||||||
|
|
||||||
|
//přidá řádek
|
||||||
|
$("#rcAddRow").on('click', function (e) {
|
||||||
|
e.preventDefault()
|
||||||
|
table.addRow(table, rcTarget)
|
||||||
|
})
|
||||||
|
|
||||||
|
//odebere sloupec
|
||||||
|
$('#rcDelCol').on('click', function (e) {
|
||||||
|
e.preventDefault()
|
||||||
|
|
||||||
|
table.removeCol(getCellIndex(rcTarget))
|
||||||
|
})
|
||||||
|
|
||||||
|
//přidá sloupec
|
||||||
|
$('#rcAddCol').on('click', function (e) {
|
||||||
|
e.preventDefault()
|
||||||
|
|
||||||
|
table.addCol(getCellIndex(rcTarget))
|
||||||
|
})
|
||||||
|
|
||||||
|
//Sharing
|
||||||
|
$('#shareBtn').on('click', function (e) {
|
||||||
|
e.preventDefault()
|
||||||
|
|
||||||
|
let username = document.getElementById("shareUsername").value
|
||||||
|
addShare(username)
|
||||||
|
})*/
|
||||||
|
})
|
||||||
|
|
||||||
|
/*function handleFileSelect(evt) {
|
||||||
|
let files = evt.target.files
|
||||||
|
table.importData(files[0], table)
|
||||||
|
}
|
||||||
|
|
||||||
|
function submitData() {
|
||||||
|
table.reloadData()
|
||||||
|
drawChart(getSettings(), table.data)
|
||||||
|
}
|
||||||
|
|
||||||
|
function save_data() {
|
||||||
|
table.reloadData()
|
||||||
|
let settings = getSettings()
|
||||||
|
$.ajax({
|
||||||
|
url: "php/save_data.php",
|
||||||
|
type: "post",
|
||||||
|
dataType: "text",
|
||||||
|
data: {code: graph_code, data: JSON.stringify(table.data), settings: JSON.stringify(settings), name:settings.title},
|
||||||
|
success: function (result) {
|
||||||
|
//alert("Saved successfully " + result)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function load_data() {
|
||||||
|
$.ajax({
|
||||||
|
url: "php/load_data.php",
|
||||||
|
type: "post",
|
||||||
|
dataType: "json",
|
||||||
|
data: {code: graph_code},
|
||||||
|
success: function (result) {
|
||||||
|
if (result.data == null) {
|
||||||
|
alert("Error: no data found")
|
||||||
|
return
|
||||||
|
}
|
||||||
|
table.data = JSON.parse(result.data)
|
||||||
|
table.updateTable()
|
||||||
|
if (result.settings == null) {
|
||||||
|
alert("Error: no graph settings found")
|
||||||
|
} else {
|
||||||
|
loadSettings(JSON.parse(result.settings))
|
||||||
|
}
|
||||||
|
drawChart(getSettings(), table.data)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function getCellIndex(cell) {
|
||||||
|
let parent = cell.parentElement
|
||||||
|
|
||||||
|
let children = Array.from(parent.children)
|
||||||
|
for (let i = 0; i < children.length; i++){
|
||||||
|
if (children[i] === cell) {
|
||||||
|
return i
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}*/
|
||||||
@ -0,0 +1,16 @@
|
|||||||
|
{% extends 'base.html.twig' %}
|
||||||
|
|
||||||
|
{% block title %}
|
||||||
|
List
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
{% block body %}
|
||||||
|
{{ parent() }}
|
||||||
|
<main>
|
||||||
|
<ul>
|
||||||
|
{% for chart in charts %}
|
||||||
|
<li><a href={{ chart.id ~ "/edit" }}>{{ chart.name }}</a></li>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
|
{% endblock %}
|
||||||
Loading…
Reference in new issue