RESTORE_FE/js/object.js

// Raccatto i parametri dall'URL -- mi aspetto un parametro di nome 'link'!
thisUrlParams = {};
window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
    thisUrlParams[key] = value;
});
console.log('URL get params: ', thisUrlParams);

// Funzioni per eseguire le queries
function prepareQueryURL(query){
    sparqlEndpoint = 'http://dev.restore.ovi.cnr.it:8890/sparql/';
    sparqlUrlParams = '?default-graph-uri=&query=' + encodeURIComponent(query) + '&output=json&callback=?';
    return sparqlEndpoint + sparqlUrlParams;
}

function doJsonQuery(query){

    queryURL = prepareQueryURL(query);

    response = $.ajax({//OGGETTO

        url: queryURL,
        dataType: "json",
        success: function (data){},
        error: function (e) {}
    });

    return response;

}

// Funzioni per raccattare + stringhificare l'output
queryStringOutput = "";
function stringifyResponse(val){
    resultArray = val['results']['bindings'];
    out = "";
    for(i = 0; i < resultArray.length; i++){
        out = out + JSON.stringify(resultArray[i])
    }
    queryStringOutput = (queryStringOutput + out).replace("}{",",");
}

prefixes = "PREFIX rdfs: <http://www.w3.org/2000/01/rdf-schema#> \
PREFIX rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#> \
PREFIX crm: <http://www.cidoc-crm.org/cidoc-crm/> \
PREFIX owl: <http://www.w3.org/2002/07/owl#> \
PREFIX schema: <http://schema.org/> \
PREFIX foaf: <http://xmlns.com/foaf/0.1/> \
PREFIX person: <http://www.w3.org/ns/person#>"

queryInfo = prefixes + " SELECT DISTINCT ?g AS ?graph ?uri ?label ?dimension ?consistency ?id ?sigla_registro (group_concat(distinct ?dimension ; separator='<br />') as ?dimensions) ?material (group_concat(distinct ?time_span ;separator='-') as ?time_span) ?location ?uri_owner ?owner ?note \
WHERE { \
VALUES ?uri {<" + thisUrlParams.link + ">} \
GRAPH ?g { ?uri rdfs:label ?label } \
OPTIONAL {?uri crm:P1_is_identified_by ?uri_id . \
?uri_id rdfs:label ?id ; \
crm:P2_has_type 'Segnatura' .} \
OPTIONAL { ?uri crm:P43_has_dimension ?uri_consistency . \
?uri_consistency crm:P2_has_type 'Consistenza carte' ; \
rdfs:label ?consistency } \
OPTIONAL { ?uri crm:P43_has_dimension ?uri_dimension . \
?uri_dimension crm:P2_has_type 'Dimensioni' ; \
rdfs:label ?dimension } \
OPTIONAL { ?uri crm:P139_has_alternative_form ?uri_registro . \
?uri_registro rdfs:label ?sigla_registro; \
crm:P2_has_type 'Sigla registro' . } \
OPTIONAL { ?uri crm:P45_consist_of ?uri_material . \
?uri_material rdfs:label ?material } \
OPTIONAL { ?uri crm:P52_has_current_owner ?uri_owner . \
?uri_owner rdfs:label ?owner . } \
OPTIONAL { ?uri crm:P54_has_current_permanent_location ?location } \
OPTIONAL { ?uri crm:P3_has_note ?uri_note . \
?uri_note rdfs:label ?note } \
OPTIONAL { ?uri crm:P92i_was_brought_into_existence_by ?creation . \
?creation crm:P4_has_time-span ?uri_time_span . \
?uri_time_span rdfs:label ?time_span . } \
} "

queryContent = prefixes + " SELECT DISTINCT ?g AS ?graph ?uri ?titolo ?tipo (group_concat(distinct ?ref ; separator='<br />') as ?ref) \
WHERE { \
VALUES ?object {<" + thisUrlParams.link + ">} \
?object crm:P128_carries ?uri . \
?uri rdf:type crm:E73_Information_Object . \
GRAPH ?g { ?uri rdfs:label ?label } \
OPTIONAL {?uri crm:P1_is_identified_by ?uri_titolo . \
?uri_titolo rdfs:label ?titolo ; \
rdf:type crm:E35_Title . } \
OPTIONAL { ?uri crm:P2_has_type ?uri_tipo . \
?uri_tipo rdfs:label ?tipo . } \
OPTIONAL { ?uri crm:P67_refers_to ?uri_ref . \
?uri_ref rdfs:label ?ref . } \
FILTER NOT EXISTS {GRAPH <http://dev.restore.ovi.cnr.it:8890/ovi/datini> { ?uri rdfs:label ?label }}. \
}"

queryOviLetter = prefixes + " SELECT DISTINCT ?otherId ?InfObj \
WHERE {  \
VALUES ?uri {<" + thisUrlParams.link + ">}   \
?uri crm:P1_is_identified_by ?uri_id .  \
?uri_id crm:P2_has_type 'Segnatura' ; \
crm:P139_has_alternative_form ?other_id . \
?other_id crm:P2_has_type ?uri_type ; \
rdfs:label ?otherId . \
?uri_type rdfs:label 'Segnatura OVI' . \
OPTIONAL { ?uri crm:P128_carries ?InfObj . \
GRAPH <http://dev.restore.ovi.cnr.it:8890/ovi/datini> {?InfObj rdf:type crm:E73_Information_Object } } \
} "

queryPersone = prefixes + " SELECT DISTINCT ?uri_person ?name ?p_type ?note \
WHERE { \
VALUES ?uri {<" + thisUrlParams.link + ">} \
{?uri crm:P46_is_composed_of ?card . \
?card crm:P2_has_type 'Scheda anagrafica' . \
?document crm:P141_assigned ?card ; \
crm:P67_refers_to ?uri_person . \
?uri_person foaf:name ?name ; \
crm:P2_has_type ?person_type . \
?person_type rdfs:label ?p_type . \
} UNION { \
?document crm:P141_assigned ?uri ; \
crm:P67_refers_to ?uri_person . \
?uri_person foaf:name ?name ; \
crm:P2_has_type ?person_type . \
?person_type rdfs:label ?p_type . \
} UNION { \
?uri crm:P92i_was_brought_into_existence_by ?creation . \
?creation crm:P67_refers_to ?uri_person . \
?uri_person foaf:name ?name ; \
crm:P67.1_type ?person_type . \
OPTIONAL {?uri_person crm:P3_has_note ?note } \
?person_type rdfs:label ?p_type . \
} \
}"

queryAssocDocs = prefixes + " SELECT DISTINCT ?card ?doc_type ?name_card \
WHERE { \
VALUES ?uri {<" + thisUrlParams.link + ">} \
?uri crm:P46_is_composed_of ?card . \
?card rdfs:label ?name_card . \
OPTIONAL {?card crm:P2_has_type ?doc_type } \
OPTIONAL {?document crm:P141_assigned ?card ; \
crm:P67_refers_to ?uri_person . \
?uri_person foaf:name ?name ; \
crm:P2_has_type ?person_type . \
?person_type rdfs:label ?type . \
} \
}"

queryURL = prepareQueryURL(queryInfo);

queryINF = prepareQueryURL(queryContent);

queryOVI = prepareQueryURL(queryOviLetter);

queryPERS = prepareQueryURL(queryPersone);

queryDOC = prepareQueryURL(queryAssocDocs);


response = $.ajax({

    url: queryURL,
    dataType: "json",
    success: function (data){
      handle_objectData(data);
    },
    error: function (e) {}
});

response_info = $.ajax({

    url: queryINF,
    dataType: "json",
    success: function (data){
    	handle_objectInfo(data);
    },
    error: function (e) {}
});

response_info = $.ajax({

    url: queryOVI,
    dataType: "json",
    success: function (data){
      handle_oviLetter(data);
    },
    error: function (e) {}
});

response_people = $.ajax({

  url: queryPERS,
  dataType: "json",
  success: function (data){
    handle_citedPeople(data);
  },
  error: function (e) {}
});

response_documents = $.ajax({

  url: queryDOC,
  dataType: "json",
  success: function (data){
    handle_associatedDocuments(data);
  },
  error: function (e) {}
});


function handle_objectData(json) {

  console.log(json['results']['bindings']);

  $.each(
      json['results']['bindings'],
      function (index, value) {
        var graph = value['graph']['value'];
        var label = value['label']['value'];
        var uri = value['uri']['value'];
        var identifier = "";
        var dimensions = "";
        var consistence = "";
        var materials = "";
        var description = "";
        var button_ext = "";
        var button_owner = "";
        var current_owner = "";
        var uri_owner = "";
        var dates = "";

        var dataset = get_graph_name(graph);

        if (value.hasOwnProperty('id')) {
          $("#ID").css("display", "flex");
          identifier = value['id']['value'];
        }
        if (value.hasOwnProperty('dimension')) {
            $("#dimensione").css("display", "flex");
            dimensions = value['dimensions']['value'];
        }
        if (value.hasOwnProperty('consistency')) {
            $("#consistenza").css("display", "flex");
            consistence = value['consistency']['value'];
        }
        if (value.hasOwnProperty('condition')) {
          $("#STCC").css("display", "flex");
          condition = value['condition']['value'];
        }
        if (value.hasOwnProperty('material')) {
          $("#materia").css("display", "flex");
          materials = value['material']['value'];
        }
        if (value.hasOwnProperty('uri_owner')) {
          $("#current_owner").css("display", "flex");
          current_owner = value['owner']['value'];
          uri_owner = value['uri_owner']['value'];
        }
        if (value.hasOwnProperty('time_span')) {
          if (value['time_span']['value'] != ""){
            $("#time_span_object").css("display", "flex");
            dates = value['time_span']['value'];
          }
        }
        if (value.hasOwnProperty('note')) {
          $("#notes").css("display", "flex");
          description = value['note']['value'];
        }

        if (identifier != "") {
          button_ext = '<button class="btn btn-default" type="button" onclick="schedaASPO(\'' + uri + '\')"> \
          <i class="fa fa-link" aria-hidden="true">	<p class="btn-text">Link</p></i></button>';
        }

        if (owner != "") {
          button_owner = '<button class="btn btn-default" type="button" onclick="schedaASPO(\'' + uri_owner + '\')"> \
          <i class="fa fa-link" aria-hidden="true">	<p class="btn-text">Link</p></i></button>';
        }

        document.getElementById("grafo").innerHTML = dataset;
        document.getElementById("nome_oggetto").innerHTML = label;
        document.getElementById("identifier").innerHTML = identifier;
        document.getElementById("btn_identifier").innerHTML = button_ext;
        document.getElementById("nota").innerHTML = description;
        document.getElementById("dimensions").innerHTML = dimensions;
        document.getElementById("materials").innerHTML = materials;
        document.getElementById("consistence").innerHTML = consistence;
        document.getElementById("owner").innerHTML = current_owner;
        document.getElementById("btn_owner").innerHTML = button_owner;
        document.getElementById("timeSpan").innerHTML = dates;
       
        
      });
  
}

function get_graph_name(graph) {
  var dataset = "Scheda Oggetto";

  if (graph == "http://dev.restore.ovi.cnr.it:8890/aspo/ospedale") {
    dataset = dataset + " / Ospedale";
  } else if (graph == "http://dev.restore.ovi.cnr.it:8890/aspo/datini") {
    dataset = dataset + " / Datini";
  } else if (graph == "http://dev.restore.ovi.cnr.it:8890/aspo/marcovaldi") {
    dataset = dataset + " / Marcovaldi";
  } else if (graph == "http://dev.restore.ovi.cnr.it:8890/aspo/gettatelli") {
    dataset = dataset + " / Gettatelli";
  } else {
    dataset = dataset;
  }
  return dataset;
}

function handle_objectInfo(json) {

  console.log(json['results']['bindings']);

  $.each(
      json['results']['bindings'],
      function (index, value) {

        var title = "";
        var type = "";
        var subject = "";
        

        if (value.hasOwnProperty('titolo')) {
          $("#titolo").css("display", "flex");
          title = value['titolo']['value'];
        }
        if (value.hasOwnProperty('tipo')) {
          $("#tipo").css("display", "flex");
          type = value['tipo']['value'];
        }

        if (value.hasOwnProperty('ref')) {
          if (value['ref']['value'] != "") {
            $("#argomento").css("display", "flex");
            subject = value['ref']['value'];
          }
        }
        
        document.getElementById("title").innerHTML = title;
        document.getElementById("type").innerHTML = type;
        document.getElementById("subject").innerHTML = subject;
        
        
      });
  
}

function handle_oviLetter(json) {

  console.log(json['results']['bindings']);

  $.each(
      json['results']['bindings'],
      function (index, value) {

        var other_id = "";
        var uri = "";
        var button_letter = "";

        if (value.hasOwnProperty('otherId')) {
          $("#IDbis").css("display", "flex");
          other_id = value['otherId']['value'];
        }
        if (value.hasOwnProperty('InfObj')) {
          uri = value['InfObj']['value'];
        }

        if (uri != "") {
          button_letter = '<button type="button" id="' + uri + 
					'" class="lettera btn btn-default" alt="lettera"><i class="fa fa-envelope"></i><p class="btn-text">Scheda Lettera</p></button>';
        }
        
        document.getElementById("other_identifier").innerHTML = other_id;
        document.getElementById("btn_other_identifier").innerHTML = button_letter;
        
      });

}

/*
function handle_citedPeople(json) {
  
  console.log(json);

  var Relazioni = "";
  const myArray = []

  $.each(
    json['results']['bindings'],
    function (index, value) {
        var uri_person = value['uri_person']['value'];
        var name = value['name']['value'];
        var tipo = "";
        var nota = "";
      
        if (value.hasOwnProperty('p_type')) {
          tipo = value['p_type']['value'];
        }
        if (value.hasOwnProperty('note')) {
          nota = "<br /><span class='nota_menzione'><i>" + value['note']['value'] + "</i></span>";
        }
      
      var string = name + nota; 

      myArray.push([tipo, string, uri_person, nota]);
   
    });

  if (myArray.length == 0) {
    $("#placeholder_people").css("display", "none");
  }

  const checkRel = [];

  for (var i=0; i<myArray.length; i++) {
      var key = myArray[i][0];
      checkRel.push(key);
  }

  var params = [];
  $.each(checkRel, function(i, el){
    if($.inArray(el, params) === -1) params.push(el);
  });

  for (var i=0; i<params.length; i++) {
    var par = params[i];
    var par_id = par.replaceAll(" ", "_");
    var rel = createDivRelazione(par, par_id);
    Relazioni = Relazioni + rel;
  }

  $(Relazioni).insertAfter( "#placeholder_people" );

  for (var j=0; j<params.length; j++) {
      var el = params[j];
      var par = el.replaceAll(" ", "_");
      var Colums = ""; 
      for (var i=0; i<myArray.length; i++) {
          var text = myArray[i][1];
          var link = myArray[i][2];
          var declaration = "" 
          if (myArray[i][3] != "") {
            declaration = "myMargin";
          }
          var rel = myArray[i][0].replaceAll(" ", "_");
          if (par == rel) {
              var col = createColRelazione(text, link, "persona", "fa fa-user", "Scheda Persona", declaration);
              Colums = Colums + col;
          }
      }
      document.getElementById(par).innerHTML = Colums;
  }

}

function handle_associatedDocuments(json) {
  
  console.log(json);

  var Sezioni = "";
  const myArray = []

  $.each(
    json['results']['bindings'],
    function (index, value) {
        var uri = value['card']['value'];
        var name = value['name_card']['value'];
        var tipo = "";
      
        if (value.hasOwnProperty('doc_type')) {
          tipo = value['doc_type']['value'];
        }
        
      myArray.push([tipo, name, uri]);
   
    });

  if (myArray.length == 0) {
    $("#placeholder_documents").css("display", "none");
  }

  const checkRel = [];

  for (var i=0; i<myArray.length; i++) {
      var key = myArray[i][0];
      checkRel.push(key);
  }

  var params = [];
  $.each(checkRel, function(i, el){
    if($.inArray(el, params) === -1) params.push(el);
  });

  for (var i=0; i<params.length; i++) {
    var par = params[i];
    var par_id = par.replaceAll(" ", "_");
    var rel = createDivRelazione(par, par_id);
    Sezioni = Sezioni + rel;
  }

  $(Sezioni).insertAfter( "#placeholder_documents" );

  for (var j=0; j<params.length; j++) {
      var el = params[j];
      var par = el.replaceAll(" ", "_");
      var Colums = ""; 
      for (var i=0; i<myArray.length; i++) {
          var text = myArray[i][1];
          var link = myArray[i][2];
          var rel = myArray[i][0].replaceAll(" ", "_");
          if (par == rel) {
              var col = createColRelazione(text, link, "object", "fa fa-book", "Scheda Oggetto", "");
              Colums = Colums + col;
          }
      }
      document.getElementById(par).innerHTML = Colums;
  }

} */

function handle_citedPeople(json) {

  console.log(json);

  const people = [];

  $.each(
    json['results']['bindings'],
    function (index, value) {
        var uri = value['uri_person']['value'];
        var name = value['name']['value'];
        var tipo = "";
        var nota = "";
      
        if (value.hasOwnProperty('p_type')) {
          tipo = value['p_type']['value'];
        }
        if (value.hasOwnProperty('note')) {
          nota = value['note']['value'];
        } 

      people.push([uri, name, tipo, nota]);
      
    });

    var Person = "";

    for (var i=0; i<people.length; i++) {
      var object = '<a href=' + people[i][0] + ' target="_blank">' + people[i][1] + '</a>';
      if (people[i][2] != "") {
        object = object + "<br />Ruolo: " + people[i][2];
      }
      if (people[i][3] != "") {
        object = object + "<br />Nota: " + people[i][3];
      }
    
    Person += /*INIZIO DIV*/ '<div class="row res"><div class="col-8">' +
      object + '</div>' +
      '<div class="col d-flex align-items-start justify-content-end"><button type="button" id="' + people[i][0] + '" class="persona btn btn-default" alt="persona" title="' +
      people[i][1] + '"><i class="fa fa-user"></i><p class="btn-text">Scheda Persona</p></button>' +
      '<button type="button" id="' + people[i][0] + '" class="cit btn btn-default" alt="scheda" title="Info"><i class="fa fa-quote-right"></i><p class="btn-text">Citazione</p></button>' +
      /*DA QUI HYPERLINK ->*/'<button type="button" id="' + people[i][0] + '" class="hyp btn btn-default" alt="scheda" title="Info"><i class="fa fa-link"></i><p class="btn-text">Hyperlink</p></button>' +
      /*DA QUI LOD ->*/'<a href="http://dev.restore.ovi.cnr.it/lodlive/?' + people[i][0] + '" target="_blank"><button type="button" class="btn btn-default info" alt="LOD"><i class="fa fa-share-alt"></i><p class="btn-text">Lod</p></button></a></div></div>';

      
    }
  
    document.getElementById("n_pp").innerHTML = people.length;
    document.getElementById("cited_people").innerHTML = Person;
  
    if (people.length==0) {
      var messaggio = "<p class='no-results'>Nessun risultato trovato</p>";
      document.getElementById("cited_people").innerHTML = messaggio;
    }

}

function handle_associatedDocuments(json) {

  console.log(json);

  const docs = [];

  $.each(
      json['results']['bindings'],
      function (index, value) {
        var uri = value['card']['value'];
        var label = value['name_card']['value'];
        var tipo = "";
      
        if (value.hasOwnProperty('doc_type')) {
          tipo = value['doc_type']['value'];
        }

        docs.push([uri, label, tipo]);
        
      });

  var Docs = "";

  for (var i=0; i<docs.length; i++) {
    var object = '<a href=' + docs[i][0] + ' target="_blank">' + docs[i][1] + '</a>';
    if (docs[i][2] != "") {
      object = object + "<br />Documento: " + docs[i][2];
    }

    var object_button  = '<button type="button" id="' + docs[i][0] + 
      '" class="object btn btn-default" alt="oggetto" title="' + docs[i][1] + 
      '"><i class="fa fa-book"></i><p class="btn-text">Scheda Oggetto</p></button>';

      Docs += '<div class="row res"><div class="col-8"><p>'+ object +'</p></div>' + 
    '<div class="col d-flex align-items-start justify-content-end">' + object_button +
    '<button type="button" id="' + docs[i][0] + '" class="cit btn btn-default" alt="scheda" title="Info"><i class="fa fa-quote-right"></i><p class="btn-text">Citazione</p></button>' +
    '<button type="button" id="' + docs[i][0] + '" class="hyp btn btn-default" alt="scheda" title="Info"><i class="fa fa-link"></i><p class="btn-text">Hyperlink</p></button>' +
    '<a href="http://dev.restore.ovi.cnr.it/lodlive/?' + docs[i][0] + '" target="_blank"><button type="button" class="btn btn-default info" alt="LOD"><i class="fa fa-share-alt"></i><p class="btn-text">Lod</p></button></a></div></div>';
  }

  document.getElementById("n_sec").innerHTML = docs.length;
  document.getElementById("section_documents").innerHTML = Docs;

  if (docs.length==0) {
    var messaggio = "<p class='no-results'>Nessun risultato trovato</p>";
    document.getElementById("section_documents").innerHTML = messaggio;
  }
  
}

function createDivRelazione(type, id){
	htmlCode = '\
      <div class="row mb-2"> \
      <div class="col-sm-4"> \
        <span class="label"><RELATIONSHIP></span> \
      </div> \
      <div class="col record_box" id="<ID_RELATIONSHIP>"></div> \
    </div> \
		'.replace("<RELATIONSHIP>", type).replace("<ID_RELATIONSHIP>", id);
	return htmlCode;
}

function createColRelazione(text, link, tipo, fa, tab, decl) {
  htmlCode = '\
    <div class="row"> \
        <div class="col <CLASS>"><NAME></div> \
        <div class="col-auto"> \
            <button class="<TIPO> btn btn-default" type="button" id="<URI>">\
	            	<i class="<BUTTON>" aria-hidden="true">\
			              <p class="btn-text"><TAB></p>\
	        	    </i>\
		          </button>\</div> \
    </div>\
		'.replace("<NAME>", text).replace("<URI>", link).replace("<TIPO>", tipo).replace("<BUTTON>", fa).replace("<TAB>", tab).replace("<CLASS>", decl);
	return htmlCode;
}

$(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", ".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;
    //alert(nome_autore);
    //$('#myModal').text("");
    window.open("Persona.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);
    
  
  });

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