RESTORE_FE/js/results.js

//Parametri da passare alla funzione onclick

queryChoice = queryLettere;
tipoRisorsa = "scambio epistolare";
mittente = "Bellandi Simone di Andrea";
uri_mittente = "http://www.archiviodistato.prato.it/accedi-e-consulta/aspoMV001/scheda/IT-ASPO-AU00003-0000806";
destinatario = "Compagnia di Datini Francesco di Marco & co";
uri_destinatario = "http://www.archiviodistato.prato.it/accedi-e-consulta/aspoMV001/scheda/IT-ASPO-AU00003-0001817";
//////

query = prepareQueryURL(queryChoice);

response = $.ajax({

    url: query,
    dataType: "json",
    success: function (data){
      handle_Letters(data, mittente, uri_mittente, destinatario, uri_destinatario);
    },
    error: function (e) {}
});

function handle_Letters(json, mittente, uri_mittente, destinatario, uri_destinatario){

	thead = '<div class="row def_res"> \
				<div class="col-4">Documento</div> \
				<div class="col-2">Data di partenza</div> \
				<div class="col-2">Data di arrivo</div> \
				<div class="col-2">Luogo di partenza</div> \
				<div class="col-2">Luogo di arrivo</div> \
				</div>';

	var EventsTable = thead;

	$.each(
		json['results']['bindings'],
		function (index, value) {
		  	var uri_document = "";
			var doc = "";
			var time_span_from = "";
			var time_span_to = "";
			var uri_place_from = "";
			var place_from = "";
			var uri_place_to = "";
			var place_to = "";
		
			if(value.hasOwnProperty('uri_document')) {
				uri_document = value['uri_document']['value'];	
			}
			if(value.hasOwnProperty('document')) {
				doc = value['document']['value'];
			}
			if(value.hasOwnProperty('time_span_from')) {
				time_span_from = value['time_span_from']['value'];
			}
			if(value.hasOwnProperty('time_span_to')) {
				time_span_to = value['time_span_to']['value'];
			}
			if(value.hasOwnProperty('uri_place_from')) {
				uri_place_from = value['uri_place_from']['value'];
			}
			if(value.hasOwnProperty('place_from')) {
				place_from = value['place_from']['value'];
			}
			if(value.hasOwnProperty('uri_place_to')) {
				uri_place_to = value['uri_place_to']['value'];
			}
			if(value.hasOwnProperty('place_to')) {
				place_to = value['place_to']['value'];
			}

			EventsTable += '<div class="row">' +
			'<div id="' + uri_document + '" class="col-4 object">' + doc + '</div>' +
			'<div class="col-2">' + time_span_from + '</div>' +
			'<div class="col-2">' + time_span_to + '</div>' +
			'<div id="' + uri_place_from + '" class="col-2 luogo">' + place_from + '</div>' +
			'<div id="' + uri_place_to + '" class="col-2 luogo">' + place_to + '</div>' +
			'</div>';

	});
		

		document.getElementById("results_table").innerHTML = EventsTable;
		document.getElementById("results_title").innerHTML = "Lettere da " + mittente + " a " + destinatario;
		
}

	/*if(pageInfo.query1){
		document.getElementById("mittente_id").innerHTML = pageInfo.query1.mittente.value;
		//document.getElementById("mittente_btn").innerHTML = createButton("fa fa-user", "Scheda persona", "schedaPersona('PERS')".replace("PERS", pageInfo.query1.mittente.value));
	}
	if(pageInfo.query1){
		document.getElementById("destinatario_id").innerHTML = pageInfo.query1.destinatario.value;
		//document.getElementById("destinatario_btn").innerHTML = createButton("fa fa-user", "Scheda persona", "schedaPersona('PERS')".replace("PERS", pageInfo.query1.destinatario.value));
	}
	if(pageInfo.query1){
		document.getElementById("imageASPO").innerHTML = createEmbed(pageInfo.query1.subject.value);
	}
	if(pageInfo.query1){
		document.getElementById("luogo_partenza_id").innerHTML = pageInfo.query1.luogo_partenza.value;
		document.getElementById("luogo_partenza_btn").innerHTML = createButton("fa fa-map", "Vedi mappa", "schedaMappa('LUOGO')".replace("LUOGO", pageInfo.query1.uriLuogoPartenza.value));
	}
	if(pageInfo.query1){
		document.getElementById("luogo_arrivo_id").innerHTML = pageInfo.query1.luogo_arrivo.value;
		document.getElementById("luogo_arrivo_btn").innerHTML = createButton("fa fa-map", "Vedi mappa", "schedaMappa('LUOGO')".replace("LUOGO", pageInfo.query1.uriLuogoArrivo.value));
	}
	if(pageInfo.query1) document.getElementById("data_partenza_id").innerHTML = pageInfo.query1.data_partenza.value;
	if(pageInfo.query1) document.getElementById("data_arrivo_id").innerHTML = pageInfo.query1.data_arrivo.value;
	if(pageInfo.descrizione) document.getElementById("descrizione_id").innerHTML = pageInfo.descrizione.descrizione.value;
	if(pageInfo.areaLinguistica) document.getElementById("lingua_id").innerHTML = pageInfo.areaLinguistica.lingua.value;
	if(pageInfo.areaLinguistica) document.getElementById("area_linguistica_id").innerHTML = pageInfo.areaLinguistica.area_linguistica.value;
	if(pageInfo.sigla) document.getElementById("sigla_OVI").innerHTML = pageInfo.sigla.sigla_OVI.value;
	if(pageInfo.segnatura){
		document.getElementById("segnatura_id").innerHTML = pageInfo.segnatura.segnatura_OVI.value;
		document.getElementById("segnatura_btn").innerHTML = createButton("fa fa-link", "Link ASPO", "schedaASPO('SEGN')".replace("SEGN", thisUrlParams.link));
	}
	if(pageInfo.edizione){
		document.getElementById("edizione_id").innerHTML = pageInfo.edizione.edizione.value;
		document.getElementById("edizione_btn").innerHTML = createButton("fa fa-comments", "Cita Edizione", "schedaEdizione('EDIZ')".replace("EDIZ", pageInfo.edizione.edizione.value));
	}
	if(pageInfo.testo) document.getElementById("trascrizione_id").innerHTML = pageInfo.testo.testo_lemmatizzato.value;
	//
	if(pageInfo.antroponimi && pageInfo.antroponimi.length){
		const listaAntroponimi = pageInfo.antroponimi.map(elem => elem.antroponimo.value);
		document.getElementById("antroponimi").innerHTML = formatListAsLi(listaAntroponimi);
	}
	if(pageInfo.toponimi && pageInfo.toponimi.length){
		const listaToponimi = pageInfo.toponimi.map(elem => elem.toponimo.value);
		document.getElementById("toponimi").innerHTML = formatListAsLi(listaToponimi);
	}

	if(pageInfo.query2) {
		if(pageInfo.query2.hasOwnProperty('mittente')) document.getElementById("mittente_id_ASPO").innerHTML = pageInfo.query2.mittente.value;
		if(pageInfo.query2.hasOwnProperty('uriSender')) document.getElementById("mittente_btn_ASPO").innerHTML = createButton("fa fa-user", "Scheda persona", "schedaPersona('PERS')".replace("PERS", pageInfo.query2.uriSender.value));
		if(pageInfo.query2.hasOwnProperty('destinatario')) document.getElementById("destinatario_id_ASPO").innerHTML = pageInfo.query2.destinatario.value;
		if(pageInfo.query2.hasOwnProperty('uriReceiver')) document.getElementById("destinatario_btn_ASPO").innerHTML = createButton("fa fa-user", "Scheda persona", "schedaPersona('PERS')".replace("PERS", pageInfo.query2.uriReceiver.value));
		if(pageInfo.query2.hasOwnProperty('placeSend')) document.getElementById("luogo_partenza_id_ASPO").innerHTML = pageInfo.query2.placeSend.value;
		if(pageInfo.query2.hasOwnProperty('placeReceive')) document.getElementById("luogo_arrivo_id_ASPO").innerHTML = pageInfo.query2.placeReceive.value;
		if(pageInfo.query2.hasOwnProperty('timeSpanSend')) document.getElementById("data_partenza_id_ASPO").innerHTML = pageInfo.query2.timeSpanSend.value;
		if(pageInfo.query2.hasOwnProperty('timeSpanReceive')) document.getElementById("data_arrivo_id_ASPO").innerHTML = pageInfo.query2.timeSpanReceive.value;
		if(pageInfo.query2.hasOwnProperty('material')) document.getElementById("consistenzaASPO").innerHTML = pageInfo.query2.material.value;
		if(pageInfo.query2.hasOwnProperty('dimension')) document.getElementById("dimensioneASPO").innerHTML = pageInfo.query2.dimension.value;
		if(pageInfo.query2.hasOwnProperty('identifier')) document.getElementById("segnatura_id_ASPO").innerHTML = pageInfo.query2.identifier.value;
		if(pageInfo.query2.hasOwnProperty('currentLocation')) document.getElementById("ownerASPO").innerHTML = pageInfo.query2.currentLocation.value;
		
	}

	
	if(pageInfo.sigla){
		document.getElementById("evt_button").innerHTML = createButtonEVT(pageInfo.sigla.sigla_OVI.value);
	}*/

// Mini-utility per formattare liste
function formatListAsLi(thisList){
	toRet = "";
	thisList.forEach(value => toRet += "<li>" + value + "</li>");
	return toRet;
}

// Buttons
function createButton(buttonClass, text, onClickFunction){
	htmlCode = '\
		<button class="btn btn-default" type="button" onclick="<FUNCTION>">\
		<i class="<CLASS>" aria-hidden="true">\
			<p class="btn-text"><TEXT></p>\
		</i>\
		</button>\
		'.replace("<CLASS>", buttonClass).replace("<TEXT>", text).replace("<FUNCTION>", onClickFunction);
	return htmlCode;
}

function createButtonEVT(sigla){
	htmlCode = '\
		<button type="button" class="btn btn-secondary" onclick="loadPageEVT(\'<SIGLA>\')">\
		Button EVT</button>\
		'.replace("<SIGLA>", sigla);
	return htmlCode;
}
//<button type="button" class="btn btn-secondary" onclick="loadPageLOD()">Button LOD</button> 

function loadPageEVT(sigla)
{
     window.location="http://restore.ovi.cnr.it/mockup/evt/#/imageText?p=" + sigla + "_01&el=diplomatic";
}  		 

function createEmbed(link) {
	image = link.replace("scheda", "imageView") + "/#main";
	htmlCode = '\
		<embed id="imageEmb" src="<LINK>"> \
		'.replace("<LINK", image);
	return htmlCode;
}

function schedaPersona(info){
	window.open("Persona.html?link="+info);
}

function schedaMappa(info){
	window.open("Luogo.html?link="+info);
}

function schedaASPO(info){
	window.open(info);
}

function schedaEdizione(info){
	$("#myModal").empty();
	$("#myModal").css("display", "block");
	$('#myModal').append("<div class='modal-content'><div class='modal-close'><span class='close'>&times;</span></div><div id='myInput'>" + 
		info + "</div><button id='copy_btn' class='btn btn-theme-primary btn-md' onclick='myFunction()'>Copia</button>");

		
}

function show_OVI(){
	document.getElementById("OVI_info").style.display = "block";
  document.getElementById("ASPO_info").style.display = "none";
}

function show_ASPO(){
	document.getElementById("OVI_info").style.display = "none";
  document.getElementById("ASPO_info").style.display = "block";
}

$(document).on("click", ".close", function (ev) {

		var link = this.id;
		//alert(nome_autore);
		//$('#myModal').text("");
		$("#myModal").css("display", "none");

	});

$(document).on("click", ".hyp", function (ev) {

	var baseurl = window.location.origin+window.location.pathname;
	let slash = baseurl.lastIndexOf("/");
	var type = $(this).val() + '.html';
	var link = this.id;
	var url = baseurl.substr(0, slash+1) + type + "?link="+link;
	var link = this.id;
	$("#myModal").empty();
	$("#myModal").css("display", "block");
	$('#myModal').append("<div class='modal-content'><div class='modal-close'><span class='close'>&times;</span></div><div id='myInput'>" +
		url + "</div><button id='copy_btn' class='btn btn-theme-primary btn-md' onclick='myFunction()'>Copia</button>");
	
	});

$(document).on("click", ".cit", function (ev) {

	var author ="RESTORE. smart access to digital heritage and memory"
	
	var year = new Date().getFullYear()
	
	var today = new Date();
	var dd = String(today.getDate()).padStart(2, '0');
	var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
	var yyyy = today.getFullYear();
	
	today = dd + '/' + mm + '/' + yyyy;
	
	var baseurl = window.location.origin+window.location.pathname;
	let slash = baseurl.lastIndexOf("/");
	var type = $(this).val() + '.html';
	var link = this.id;
	var url = baseurl.substr(0, slash+1) + type + "?link="+link;
	//alert(nome_autore);
	//$('#myModal').text("");
	$("#myModal").empty();
	$("#myModal").css("display", "block");
	$('#myModal').append("<div class='modal-content'><div class='modal-close'><span class='close'>&times;</span></div><div id='myInput'>" + 
		author + " " + year + ", accesso effettuato: " + today + ", &lt;" + url + "&gt;</div><button id='copy_btn' class='btn btn-theme-primary btn-md' onclick='myFunction()'>Copia</button>");
	
	});

function copyToClipboard(text) {
    var sampleTextarea = document.createElement("textarea");
    document.body.appendChild(sampleTextarea);
    sampleTextarea.value = text; //save main text in it
    sampleTextarea.select(); //select textarea contenrs
    document.execCommand("copy");
    document.body.removeChild(sampleTextarea);
}

function myFunction(){
    var copy = document.getElementById("myInput");
    copyText = copy.textContent;
    copyToClipboard(copyText);

    //copyToClipboard(copyText.value);
}

$(document).on("click", ".luogo", function (ev) {

    var link = this.id;
    //alert(nome_autore);
    //$('#myModal').text("");
    window.open("Luogo.html?link="+this.id);
    

  });

$(document).on("click", ".persona", function (ev) {

    var link = this.id;
    window.open("Persona.html?link="+this.id);
    

  });

$(document).on("click", ".lettera", function (ev) {

  var link = this.id;
  //alert(nome_autore);
  //$('#myModal').text("");
  window.open("lettera.html?link="+this.id);
  

});

$(document).on("click", ".object", function (ev) {

  var link = this.id;
  //alert(nome_autore);
  //$('#myModal').text("");
  window.open("object.html?link="+this.id);
  

});