Skip to content
Snippets Groups Projects
Commit 4b5eb09d authored by Francesco Giacomini's avatar Francesco Giacomini
Browse files

waiting for a sane deployment model, push also js files

parent 68e3f14d
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
loaddir.js
+ 102
− 120
View file @ 4b5eb09d
......@@ -2,23 +2,24 @@
//Sono definiti quindi l'albero e il bottone per l'importazione da locale
function setImportFile() {
//genero e leggo il contenuto della directory "filesystem"
var jsonResponse;
var xmlDoc;
var xmlListingFile = new XMLHttpRequest();
xmlListingFile.open("GET", "https://baltig.infn.it/api/v4/projects/819/repository/tree?recursive=1&path=XRF-File-System", false);
xmlListingFile.open("PROPFIND", "CHNET/", false);
xmlListingFile.setRequestHeader("Depth", "infinity");
xmlListingFile.onreadystatechange = function () {
if (xmlListingFile.readyState === 4) {
if (xmlListingFile.status === 200) {
jsonResponse = JSON.parse(xmlListingFile.responseText);
if (xmlListingFile.status === 207) {
var parser = new DOMParser();
xmlDoc = parser.parseFromString(xmlListingFile.responseText, "text/xml");
}
}
};
xmlListingFile.send(null);
//ora genero l'albero e definisco l'evento in caso di selezione di un nodo
$('#FileTreeview').treeview({ data: generateTree(jsonResponse) });
$('#FileTreeview').treeview({ data: generateTree(xmlDoc) });
$('#FileTreeview').on('nodeSelected', function (e, node) {
if (node['url'] != undefined) {
$("#load-spinner").css("display", "inline");
$("#wrapper").css("opacity", "0.25");
openFileFromServer(node['url']);
}
});
......@@ -26,7 +27,6 @@ function setImportFile() {
var fileInputButton = document.getElementById('myImport');
fileInputButton.onchange = function () {
$("#load-spinner").css("display", "inline");
$("#wrapper").css("opacity", "0.25");
var fileName = fileInputButton.files[0];
var readerObject = new FileReader();
readerObject.readAsBinaryString(fileName);
......@@ -37,140 +37,122 @@ function setImportFile() {
};
}
//funzione che genera automaticamente l'albero
function generateTree(jsonDoc) {
var tree = [{
text: "XRF-File-System",
nodes: []
}];
//scorro ogni elemento dell'albero
for (var i = 0; i < jsonDoc.length; i++) {
if (jsonDoc[i].type == "tree") {
function generateTree(xmlDoc) {
var tree = [];
var first = true;
var oldFolderParent = "";
var oldFolder = "";
//inizio leggendo tutti gli elementi da inserire nell'albero (caratterizzati
//dall'avere un url di riferimento)
var entry = xmlDoc.getElementsByTagName("D:href");
//per ogni elemento controllo se si tratta di una cartella o di un documento
for (var i = 0; i < entry.length; i++) {
var path = entry[i].childNodes[0].nodeValue.split("");
//cartella, creo l'oggetto corrsipondente
if (path[path.length - 1] == "/") {
var folderName = entry[i].childNodes[0].nodeValue.split("/");
var Folder = {
text: jsonDoc[i].name,
relativePath: jsonDoc[i].path,
text: folderName[folderName.length - 2],
nodes: []
};
insertOBJinFS(Folder, tree);
//posiziono la radice del file system, ne memorizzo il path e il padre
if (first) {
tree.push(Folder);
first = false;
oldFolder = entry[i].childNodes[0].nodeValue;
oldFolderParent =
oldFolder.slice(0, oldFolder.lastIndexOf(folderName[folderName.length - 2]));
//per ogni cartella determino la relazione con la cartella precedente
}
else {
var newFolder = entry[i].childNodes[0].nodeValue;
var newFolderParent = newFolder.slice(0, newFolder.lastIndexOf(folderName[folderName.length - 2]));
//cartella sorella con quella memorizzata
if (newFolderParent == oldFolderParent) {
oldFolder = newFolder;
insertOBJinFS(Folder, tree, folderName, 0);
//cartella figlia di quella memorizzata
}
else if (newFolderParent == oldFolder) {
oldFolder = newFolder;
oldFolderParent = newFolderParent;
insertOBJinFS(Folder, tree, folderName, 0);
//nessuno dei casi precedenti
}
else {
//arretro nell'albero fino a trovare lo stesso padre. Per fare questo
//tolgo al padre memorizzato in precedenza prima "/" poi il nome dell'
//ultima cartella
while (newFolderParent != oldFolderParent) {
oldFolderParent = oldFolderParent.slice(0, oldFolderParent.length - 1);
oldFolderParent = oldFolderParent.slice(0, (oldFolderParent.lastIndexOf("/") + 1));
}
oldFolder = newFolder;
insertOBJinFS(Folder, tree, folderName, 0);
}
}
//documento, creo l'oggetto corrispondente e lo inserisco nell'albero
}
else {
var fileName = entry[i].childNodes[0].nodeValue.split("/");
var filePath = entry[i].childNodes[0].nodeValue;
var File = {
text: jsonDoc[i].name,
relativePath: jsonDoc[i].path,
text: fileName[fileName.length - 1],
icon: "glyphicon glyphicon-file",
selectedIcon: "glyphicon glyphicon-file",
url: jsonDoc[i].path
url: filePath
};
//inserisco il file nella giusta posizione
insertOBJinFS(File, tree);
insertOBJinFS(File, tree, fileName, 1);
}
}
return tree;
}
//funzione che posiziona l'oggetto passato in input nell'albero
function insertOBJinFS(objfs, tree) {
//tree[0].nodes.push(objfs);
var parentPath = objfs.relativePath.slice(0, objfs.relativePath.lastIndexOf("/"));
//se l'oggetto è figlio della radice lo colloco subito
if (parentPath == tree[0].text) {
tree[0].nodes.push(objfs);
}
else {
//ricavo la profondità e posiziono l'oggetto
var splitPath = parentPath.split("/");
var depth = splitPath.length;
switch (depth) {
case 2:
var partialParentPath = splitPath[0] + "/" + splitPath[1];
for (var i = 0; i < tree[0].nodes.length; i++) {
if (partialParentPath == tree[0].nodes[i].relativePath) {
tree[0].nodes[i].nodes.push(objfs);
break;
}
}
break;
case 3:
var partialParentPath = splitPath[0] + "/" + splitPath[1];
for (var i = 0; i < tree[0].nodes.length; i++) {
if (partialParentPath == tree[0].nodes[i].relativePath) {
partialParentPath = splitPath[0] + "/" + splitPath[1] + "/" + splitPath[2];
for (var j = 0; j < tree[0].nodes[i].nodes.length; j++) {
if (partialParentPath == tree[0].nodes[i].nodes[j].relativePath) {
tree[0].nodes[i].nodes[j].nodes.push(objfs);
break;
}
}
break;
}
}
break;
case 4:
var partialParentPath = splitPath[0] + "/" + splitPath[1];
for (var i = 0; i < tree[0].nodes.length; i++) {
if (partialParentPath == tree[0].nodes[i].relativePath) {
partialParentPath = splitPath[0] + "/" + splitPath[1] + "/" + splitPath[2];
for (var j = 0; j < tree[0].nodes[i].nodes.length; j++) {
if (partialParentPath == tree[0].nodes[i].nodes[j].relativePath) {
partialParentPath = splitPath[0] + "/" + splitPath[1] + "/" + splitPath[2] + "/" + splitPath[3];
for (var k = 0; k < tree[0].nodes[i].nodes[j].nodes.length; k++) {
if (partialParentPath == tree[0].nodes[i].nodes[j].nodes[k].relativePath) {
tree[0].nodes[i].nodes[j].nodes[k].nodes.push(objfs);
break;
}
}
break;
}
}
break;
}
}
break;
case 5:
var partialParentPath = splitPath[0] + "/" + splitPath[1];
for (var i = 0; i < tree[0].nodes.length; i++) {
if (partialParentPath == tree[0].nodes[i].relativePath) {
partialParentPath = splitPath[0] + "/" + splitPath[1] + "/" + splitPath[2];
for (var j = 0; j < tree[0].nodes[i].nodes.length; j++) {
if (partialParentPath == tree[0].nodes[i].nodes[j].relativePath) {
partialParentPath = splitPath[0] + "/" + splitPath[1] + "/" + splitPath[2] + "/" + splitPath[3];
for (var k = 0; k < tree[0].nodes[i].nodes[j].nodes.length; k++) {
if (partialParentPath == tree[0].nodes[i].nodes[j].nodes[k].relativePath) {
partialParentPath = splitPath[0] + "/" + splitPath[1] + "/" + splitPath[2] + "/" + splitPath[3] + "/" + splitPath[4];
for (var l = 0; l < tree[0].nodes[i].nodes[j].nodes[k].nodes.length; l++) {
if (partialParentPath == tree[0].nodes[i].nodes[j].nodes[k].nodes[l].relativePath) {
tree[0].nodes[i].nodes[j].nodes[k].nodes[l].nodes.push(objfs);
break;
}
}
break;
}
}
break;
}
}
break;
}
}
break;
}
function insertOBJinFS(objfs, tree, objfsName, type) {
//determino la profondità dell'oggetto (se è un file devo aggiungere 1 a causa di "/")
var depth = objfsName.length;
if (type)
depth++;
//in base alla profondità determino a quale oggetto agganciare quello in input
var treePosition;
var l = tree.length - 1;
switch (depth) {
case 6:
treePosition = tree;
break;
case 7:
treePosition = tree[l].nodes;
break;
case 8:
treePosition =
tree[l].nodes[tree[l].nodes.length - 1].nodes;
break;
case 9:
treePosition =
tree[l].nodes[tree[l].nodes.length - 1].nodes[tree[l].nodes[tree[l].nodes.length - 1].nodes.length - 1].nodes;
break;
case 10:
treePosition =
tree[l].nodes[tree[l].nodes.length - 1].nodes[tree[l].nodes[tree[l].nodes.length - 1].nodes.length - 1].nodes[tree[l].nodes[tree[l].nodes.length - 1].nodes[tree[l].nodes[tree[l].nodes.length - 1].nodes.length - 1].nodes.length - 1].nodes;
break;
default: break;
}
treePosition[treePosition.length - 1].nodes.push(objfs);
}
//funzione che dato l'url di un file, lo apre e lo legge passandone il contenuto
//alla funzione readData(). Questa funzione è invocata quando viene selezionato
//un file dall'albero
function openFileFromServer(url) {
console.log("Try to open " + url.slice(url.lastIndexOf("/") + 1, url.length));
url = "https://baltig.infn.it/api/v4/projects/819/repository/files/" + encodeURIComponent(url) + "?ref=master";
var jsonContentFile = new XMLHttpRequest();
jsonContentFile.open("GET", url, false);
jsonContentFile.onreadystatechange = function () {
if (jsonContentFile.readyState === 4) {
if (jsonContentFile.status === 200) {
var jsonResponse = jsonContentFile.responseText;
var startPoint = jsonResponse.indexOf("content") + 10;
var endPoint = jsonResponse.indexOf("\", :ref");
readData(atob(jsonResponse.slice(startPoint, endPoint)));
var fileName = url.split("/");
console.log("Try to open " + fileName[fileName.length - 1] + " ...");
var txtFile = new XMLHttpRequest();
txtFile.open("GET", url, true);
txtFile.onreadystatechange = function () {
if (txtFile.readyState === 4) {
if (txtFile.status === 200) {
readData((txtFile.responseText));
}
}
};
jsonContentFile.send(null);
txtFile.send(null);
}
start.js
+ 15
− 14
View file @ 4b5eb09d
......@@ -16,10 +16,11 @@ var channelDepth = round3(((depth + 1) * a - b) / 1000); //profondità massima i
var globalxMinRange = 0, globalxMaxRange = channelDepth;
//INIZIO DELLO SCRIPT
$(document).ready(function () {
//abilito tooltip
$('[data-toggle="tooltip"]').tooltip();
//creazione dell'albero e gestione barre laterali
setImportFile();
compressingSidenavFS();
compressingSidenav();
//abilitazione drag&drop
var droppableArea = document.querySelector('.droppable');
makeDroppable(droppableArea, callback);
......@@ -28,24 +29,26 @@ $(document).ready(function () {
zPixel2 = { xp: 0, yp: 0 };
});
//funzione per la compressione della sidenav sx
function compressingSidenavFS() {
var fsLabel = $('.fs-label');
function compressingSidenav() {
var fsLabel = $('.sidebar-label');
var isClosedfs = false;
fsLabel.click(function () { fsLabel_cross(); });
function fsLabel_cross() {
if (isClosedfs == true) {
isClosedfs = false;
fsLabel.removeClass('is-open');
fsLabel.addClass('is-closed');
$('#mySidenavfs').css('width', "0");
$('#fsbtn').css('marginLeft', "-2px");
$('.w3-bar-block').css('width', "65px");
$('.text-sidenav').css('display', 'none');
$('#collapse-symbol').attr('title', 'Open Sidebar');
$("#collapse-symbol").removeClass("fa-angle-double-left");
$("#collapse-symbol").addClass("fa-angle-double-right");
}
else {
isClosedfs = true;
fsLabel.removeClass('is-closed');
fsLabel.addClass('is-open');
$('#mySidenavfs').css('width', "250px");
$('#fsbtn').css('marginLeft', "248px");
$('.w3-bar-block').css('width', "200px");
$('.text-sidenav').css('display', 'inline');
$('#collapse-symbol').attr('title', 'Close Sidebar');
$("#collapse-symbol").removeClass("fa-angle-double-right");
$("#collapse-symbol").addClass("fa-angle-double-left");
}
}
}
......@@ -82,7 +85,6 @@ function makeDroppable(droppableArea, callback) {
//della sua lettura e del passaggio del suo contenuto alla funzione readData()
function callback(files) {
$("#load-spinner").css("display", "inline");
$("#wrapper").css("opacity", "0.25");
console.log("Try to open " + files[files.length - 1].name + " ...");
var readerObject = new FileReader();
readerObject.readAsBinaryString(files[files.length - 1]);
......@@ -372,7 +374,6 @@ function readData(fileString) {
drawImg({ xp: 0, yp: 0 }, { xp: xDim - 1, yp: yDim - 1 }, 0, channelDepth);
drawChart({ xp: 0, yp: 0 }, { xp: xDim - 1, yp: yDim - 1 }, 0, channelDepth);
$("#load-spinner").css("display", "none");
$("#wrapper").css("opacity", "1");
}
//la funzione disegna il rettangolo durante la selezione di un'area della mappa
function zoomRect() {
......@@ -557,7 +558,7 @@ function drawImg(pixel1, pixel2, xMinRange, xMaxRange) {
$("#TrasparencySlider").mouseup(function () {
drawImg(pixel1, pixel2, xMinRange, xMaxRange);
});
$(".reset").click(function () {
$("#reset").click(function () {
newOrigin = { xp: 0, yp: 0 };
rePrint = false;
calibrated = false;
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment