lettera.js 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346
  1. // Oggetto che raccoglie le info necessarie per la pagina
  2. pageInfo = {};
  3. // Inizializzazione della pagina
  4. initPage();
  5. // Def. funzione di inizializzazione
  6. async function initPage(){
  7. pageInfo = await getPageInfo();
  8. updatePage();
  9. }
  10. // Esegue le queries, restituisce un oggetto con tutte le info per completare la pagina
  11. async function getPageInfo(){
  12. var out = {};
  13. try{
  14. out.query1 = await doJsonQuery(query1, true);
  15. out.query2 = await doJsonQuery(query2, true);
  16. out.titolo = await doJsonQuery(queryTitolo, true);
  17. out.segnatura = await doJsonQuery(querySegnatura, true);
  18. out.sigla = await doJsonQuery(querySiglaOVI, true);
  19. out.areaLinguistica = await doJsonQuery(queryAreaLinguistica, true);
  20. out.descrizione = await doJsonQuery(queryDescrizione, true);
  21. out.testo = await doJsonQuery(queryTestoLemmatizzato, true);
  22. out.edizione = await doJsonQuery(queryEdizione, true);
  23. out.toponimi = await doJsonQuery(queryToponimi);
  24. out.antroponimi = await doJsonQuery(queryAntroponimi);
  25. out.lemmi = await doJsonQuery(queryLemmi);
  26. } catch(err){
  27. console.log(err);
  28. }
  29. console.log('out', out)
  30. return out;
  31. }
  32. // Aggiorna la pagina usando l'oggetto-info passato come parametro
  33. function updatePage(){
  34. if(pageInfo.titolo) document.getElementById("title").innerHTML = pageInfo.titolo.titolo.value;
  35. if(pageInfo.query1) {
  36. if(pageInfo.query1.hasOwnProperty('mittente')) document.getElementById("mittente_id").innerHTML = pageInfo.query1.mittente.value;
  37. if(pageInfo.query1.hasOwnProperty('destinatario')) document.getElementById("destinatario_id").innerHTML = pageInfo.query1.destinatario.value;
  38. if(pageInfo.query1.hasOwnProperty('luogo_partenza')) document.getElementById("luogo_partenza_id").innerHTML = pageInfo.query1.luogo_partenza.value;
  39. if(pageInfo.query1.hasOwnProperty('uriLuogoPartenza')) document.getElementById("luogo_partenza_btn").innerHTML = createButton("fa fa-map", "Vedi mappa", "schedaMappa('LUOGO')".replace("LUOGO", pageInfo.query1.uriLuogoPartenza.value));
  40. if(pageInfo.query1.hasOwnProperty('luogo_arrivo')) document.getElementById("luogo_arrivo_id").innerHTML = pageInfo.query1.luogo_arrivo.value;
  41. if(pageInfo.query1.hasOwnProperty('uriLuogoArrivo')) document.getElementById("luogo_arrivo_btn").innerHTML = createButton("fa fa-map", "Vedi mappa", "schedaMappa('LUOGO')".replace("LUOGO", pageInfo.query1.uriLuogoArrivo.value));
  42. if(pageInfo.query1.hasOwnProperty('data_partenza')) document.getElementById("data_partenza_id").innerHTML = pageInfo.query1.data_partenza.value;
  43. if(pageInfo.query1.hasOwnProperty('data_arrivo')) document.getElementById("data_arrivo_id").innerHTML = pageInfo.query1.data_arrivo.value;
  44. if(pageInfo.query1.hasOwnProperty('subject')) {
  45. var uri = pageInfo.query1.subject.value;
  46. var Buttons = '<button title="Apri risorsa originale" class="btn btn-default" type="button" onclick="schedaASPO(\'' + uri + '\')"> \
  47. <i class="fas fa-external-link-alt" aria-hidden="true"></i></button> \
  48. <button title="Citazione" type="button" value="object" id="' + uri + '" class="cit btn btn-default" alt="scheda" title="Citazione"><i class="fa fa-quote-right"></i></button> \
  49. <button title="Permalink" type="button" value="object" id="' + uri + '" class="hyp btn btn-default" alt="scheda" title="Hyperlink"><i class="fa fa-link"></i></button> \
  50. <a href="http://dev.restore.ovi.cnr.it/lodlive/?' + uri + '" target="_blank"><button title="Naviga il grafo" type="button" class="btn btn-default info" alt="LOD" title="LodLive"><i class="fa fa-share-alt"></i></button></a></div></div>';
  51. document.getElementById("link_buttons").innerHTML = Buttons;
  52. }
  53. }
  54. if(pageInfo.descrizione) document.getElementById("descrizione_id").innerHTML = pageInfo.descrizione.descrizione.value;
  55. if(pageInfo.areaLinguistica) document.getElementById("lingua_id").innerHTML = pageInfo.areaLinguistica.lingua.value;
  56. if(pageInfo.areaLinguistica) document.getElementById("area_linguistica_id").innerHTML = pageInfo.areaLinguistica.area_linguistica.value;
  57. if(pageInfo.sigla) document.getElementById("sigla_OVI").innerHTML = pageInfo.sigla.sigla_OVI.value;
  58. if(pageInfo.segnatura){
  59. document.getElementById("segnatura_id").innerHTML = pageInfo.segnatura.segnatura_OVI.value;
  60. document.getElementById("segnatura_btn").innerHTML = createButton("fa fa-link", "Link ASPO", "schedaASPO('SEGN')".replace("SEGN", thisUrlParams.link));
  61. }
  62. if(pageInfo.edizione){
  63. document.getElementById("edizione_id").innerHTML = pageInfo.edizione.edizione.value;
  64. document.getElementById("edizione_btn").innerHTML = createButton("fa fa-comments", "Cita Edizione", "schedaEdizione('EDIZ')".replace("EDIZ", pageInfo.edizione.edizione.value));
  65. }
  66. if(pageInfo.testo) document.getElementById("trascrizione_id").innerHTML = pageInfo.testo.testo_lemmatizzato.value;
  67. //
  68. /*if(pageInfo.antroponimi && pageInfo.antroponimi.length){
  69. const listaAntroponimi = pageInfo.antroponimi.map(elem => elem.lemma.value);
  70. document.getElementById("antroponimi").innerHTML = formatListAsLi(listaAntroponimi);
  71. }
  72. if(pageInfo.toponimi && pageInfo.toponimi.length){
  73. const listaToponimi = pageInfo.toponimi.map(elem => elem.lemma.value);
  74. document.getElementById("toponimi").innerHTML = formatListAsLi(listaToponimi);
  75. }*/
  76. if(pageInfo.antroponimi){
  77. handle_lemmi(pageInfo.antroponimi, "Antroponimo", "n.p.");
  78. }
  79. if(pageInfo.toponimi){
  80. handle_lemmi(pageInfo.toponimi, "Toponimo", "n.g.");
  81. }
  82. if(pageInfo.lemmi){
  83. handle_lemmi(pageInfo.lemmi, "", "");
  84. }
  85. if(pageInfo.query2) {
  86. if(pageInfo.query2.hasOwnProperty('mittente')) document.getElementById("mittente_id_ASPO").innerHTML = pageInfo.query2.mittente.value;
  87. 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));
  88. if(pageInfo.query2.hasOwnProperty('destinatario')) document.getElementById("destinatario_id_ASPO").innerHTML = pageInfo.query2.destinatario.value;
  89. 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));
  90. if(pageInfo.query2.hasOwnProperty('placeSend')) document.getElementById("luogo_partenza_id_ASPO").innerHTML = pageInfo.query2.placeSend.value;
  91. if(pageInfo.query2.hasOwnProperty('placeReceive')) document.getElementById("luogo_arrivo_id_ASPO").innerHTML = pageInfo.query2.placeReceive.value;
  92. if(pageInfo.query2.hasOwnProperty('timeSpanSend')) document.getElementById("data_partenza_id_ASPO").innerHTML = pageInfo.query2.timeSpanSend.value;
  93. if(pageInfo.query2.hasOwnProperty('timeSpanReceive')) document.getElementById("data_arrivo_id_ASPO").innerHTML = pageInfo.query2.timeSpanReceive.value;
  94. if(pageInfo.query2.hasOwnProperty('material')) document.getElementById("consistenzaASPO").innerHTML = pageInfo.query2.material.value;
  95. if(pageInfo.query2.hasOwnProperty('dimension')) document.getElementById("dimensioneASPO").innerHTML = pageInfo.query2.dimension.value;
  96. if(pageInfo.query2.hasOwnProperty('identifier')) document.getElementById("segnatura_id_ASPO").innerHTML = pageInfo.query2.identifier.value;
  97. if(pageInfo.query2.hasOwnProperty('currentLocation')) document.getElementById("ownerASPO").innerHTML = pageInfo.query2.currentLocation.value;
  98. }
  99. if(pageInfo.sigla){
  100. document.getElementById("evt_button").innerHTML = createButtonEVT(pageInfo.sigla.sigla_OVI.value);
  101. }
  102. }
  103. // Mini-utility per formattare liste
  104. function formatListAsLi(thisList){
  105. toRet = "";
  106. thisList.forEach(value => toRet += "<li>" + value + "</li>");
  107. return toRet;
  108. }
  109. // Buttons
  110. function createButton(buttonClass, text, onClickFunction){
  111. htmlCode = '\
  112. <button class="btn btn-default" type="button" onclick="<FUNCTION>">\
  113. <i class="<CLASS>" aria-hidden="true">\
  114. <p class="btn-text"><TEXT></p>\
  115. </i>\
  116. </button>\
  117. '.replace("<CLASS>", buttonClass).replace("<TEXT>", text).replace("<FUNCTION>", onClickFunction);
  118. return htmlCode;
  119. }
  120. function createButtonEVT(sigla){
  121. htmlCode = '\
  122. <button title="Edition Visualization Technology" type="button" class="btn btn-secondary" onclick="loadPageEVT(\'<SIGLA>\')">\
  123. Apri EVT</button>\
  124. '.replace("<SIGLA>", sigla);
  125. return htmlCode;
  126. }
  127. //<button type="button" class="btn btn-secondary" onclick="loadPageLOD()">Button LOD</button>
  128. function loadPageEVT(sigla)
  129. {
  130. window.location="http://restore.ovi.cnr.it/mockup/evt/#/imageText?p=" + sigla + "_01&el=diplomatic";
  131. }
  132. function createEmbed(link) {
  133. image = link.replace("scheda", "imageView") + "/#main";
  134. htmlCode = '\
  135. <embed id="imageEmb" src="<LINK>"> \
  136. '.replace("<LINK", image);
  137. return htmlCode;
  138. }
  139. function schedaPersona(info){
  140. window.open("Persona.html?link="+info);
  141. }
  142. function schedaMappa(info){
  143. window.open("Luogo.html?link="+info);
  144. }
  145. function schedaASPO(info){
  146. window.open(info);
  147. }
  148. function openTLIO(info){
  149. window.open(info);
  150. }
  151. function schedaEdizione(info){
  152. alert("Hello");
  153. $("#myModal").empty();
  154. $("#myModal").css("display", "block");
  155. $('#myModal').append("<div class='modal-content'><div class='modal-close'><span class='close'>&times;</span></div><div id='myInput'>" +
  156. info + "</div><button id='copy_btn' class='btn btn-theme-primary btn-md' onclick='myFunction()'>Copia</button>");
  157. }
  158. function show_OVI(){
  159. document.getElementById("OVI_info").style.display = "block";
  160. document.getElementById("ASPO_info").style.display = "none";
  161. }
  162. function show_ASPO(){
  163. document.getElementById("OVI_info").style.display = "none";
  164. document.getElementById("ASPO_info").style.display = "block";
  165. }
  166. var header = document.getElementById("choice_buttons");
  167. var btns = header.getElementsByClassName("btn");
  168. for (var i = 0; i < btns.length; i++) {
  169. btns[i].addEventListener("click", function() {
  170. var current = document.getElementsByClassName("active");
  171. current[0].className = current[0].className.replace(" active", "");
  172. this.className += " active";
  173. });
  174. }
  175. function handle_lemmi(array, type, partOfSpeech) {
  176. lemmi = [];
  177. $.each(
  178. array,
  179. function (index, value) {
  180. var uri_lemma = value['uri_lemma']['value'];
  181. var lemma = value['lemma']['value'];
  182. var tipo = type;
  183. var pos = partOfSpeech;
  184. var uri_iperlemma = "";
  185. var iperlemma = "";
  186. var place = "";
  187. if (value.hasOwnProperty('tipo')) {
  188. tipo = value['tipo']['value'];
  189. }
  190. if (value.hasOwnProperty('pos')) {
  191. pos = value['pos']['value'];
  192. }
  193. if (value.hasOwnProperty('uri_iperlemma')) {
  194. uri_iperlemma = value['uri_iperlemma']['value'];
  195. }
  196. if (value.hasOwnProperty('iperlemma')) {
  197. iperlemma = value['iperlemma']['value'];
  198. }
  199. if (value.hasOwnProperty('uri_place')) {
  200. place = value['uri_place']['value'];
  201. }
  202. const cells = [uri_lemma, lemma, tipo, pos, uri_iperlemma, iperlemma, place];
  203. lemmi.push(cells);
  204. });
  205. for (var i=0; i<lemmi.length; i++) {
  206. var button_tlio = "";
  207. var button_place = "";
  208. if (lemmi[i][0].includes("tlio")) {
  209. button_tlio = '<button type="button" class="btn btn-default explore" onclick="openTLIO(\'' + lemmi[i][0] + '\')">TLIO</button>';
  210. }
  211. if (lemmi[i][6] != "") {
  212. button_place = createButton("explore fa fa-map", "", "schedaMappa('LUOGO')".replace("LUOGO", lemmi[i][6]));
  213. }
  214. var new_lemma = '<tr class="res">' +
  215. '<th class="col-4">' + lemmi[i][1] + '</th>' +
  216. '<th class="col-2">' + lemmi[i][2] + '</th>' +
  217. '<th class="col-2">' + lemmi[i][3] + '</th>' +
  218. '<th class="col-2">' + lemmi[i][5] + '</th>' +
  219. '<th class="col-2">' +
  220. '<button onclick="exploreDocuments(\'' + lemmi[i][0] + '\', \''+ lemmi[i][1] + '\');" class="btn btn-default explore"><i class="fa fa-search" aria-hidden="true"></i></button>' +
  221. button_tlio + button_place + '</th>' +
  222. '</tr>';
  223. $('#lemmi').append(new_lemma);
  224. }
  225. }
  226. $(document).on("click", ".close", function (ev) {
  227. var link = this.id;
  228. //alert(nome_autore);
  229. //$('#myModal').text("");
  230. $("#myModal").css("display", "none");
  231. });
  232. $(document).on("click", ".hyp", function (ev) {
  233. var baseurl = window.location.origin+window.location.pathname;
  234. let slash = baseurl.lastIndexOf("/");
  235. var type = $(this).val() + '.html';
  236. var link = this.id;
  237. var url = baseurl.substr(0, slash+1) + type + "?link="+link;
  238. var link = this.id;
  239. $("#myModal").empty();
  240. $("#myModal").css("display", "block");
  241. $('#myModal').append("<div class='modal-content'><div class='modal-close'><span class='close'>&times;</span></div><div id='myInput'>" +
  242. url + "</div><button id='copy_btn' class='btn btn-theme-primary btn-md' onclick='myFunction()'>Copia</button>");
  243. });
  244. $(document).on("click", ".cit", function (ev) {
  245. var author ="RESTORE. smart access to digital heritage and memory"
  246. var year = new Date().getFullYear()
  247. var today = new Date();
  248. var dd = String(today.getDate()).padStart(2, '0');
  249. var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
  250. var yyyy = today.getFullYear();
  251. today = dd + '/' + mm + '/' + yyyy;
  252. var baseurl = window.location.origin+window.location.pathname;
  253. let slash = baseurl.lastIndexOf("/");
  254. var type = $(this).val() + '.html';
  255. var link = this.id;
  256. var url = baseurl.substr(0, slash+1) + type + "?link="+link;
  257. //alert(nome_autore);
  258. //$('#myModal').text("");
  259. $("#myModal").empty();
  260. $("#myModal").css("display", "block");
  261. $('#myModal').append("<div class='modal-content'><div class='modal-close'><span class='close'>&times;</span></div><div id='myInput'>" +
  262. author + " " + year + ", accesso effettuato: " + today + ", &lt;" + url + "&gt;</div><button id='copy_btn' class='btn btn-theme-primary btn-md' onclick='myFunction()'>Copia</button>");
  263. });
  264. function copyToClipboard(text) {
  265. var sampleTextarea = document.createElement("textarea");
  266. document.body.appendChild(sampleTextarea);
  267. sampleTextarea.value = text; //save main text in it
  268. sampleTextarea.select(); //select textarea contenrs
  269. document.execCommand("copy");
  270. document.body.removeChild(sampleTextarea);
  271. }
  272. function myFunction(){
  273. var copy = document.getElementById("myInput");
  274. copyText = copy.textContent;
  275. copyToClipboard(copyText);
  276. //copyToClipboard(copyText.value);
  277. }
  278. function exploreDocuments(uri_lemma, lemma) {
  279. var params = "lemma" + ";" + uri_lemma + ";" + lemma;
  280. window.open("results.html?params="+ params);
  281. }