root
2 years ago
parent
436f889192
commit
8ea1084eb4
@ -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