lettera.js 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  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.areaLinguistica = await doJsonQuery(queryAreaLinguistica, true);
  19. out.descrizione = await doJsonQuery(queryDescrizione, true);
  20. out.testo = await doJsonQuery(queryTestoLemmatizzato, true);
  21. out.edizione = await doJsonQuery(queryEdizione, true);
  22. out.toponimi = await doJsonQuery(queryToponimi);
  23. out.antroponimi = await doJsonQuery(queryAntroponimi);
  24. // out.tipo = await doJsonQuery(queryTipo);
  25. // out.siglaOVI = await doJsonQuery(querySiglaOVI);
  26. // out.raccolta = await doJsonQuery(queryRaccolta);
  27. } catch(err){
  28. console.log(err);
  29. }
  30. console.log('out', out)
  31. return out;
  32. }
  33. // Aggiorna la pagina usando l'oggetto-info passato come parametro
  34. function updatePage(){
  35. if(pageInfo.titolo) document.getElementById("title").innerHTML = pageInfo.titolo.titolo.value;
  36. if(pageInfo.query1){
  37. document.getElementById("mittente_id").innerHTML = pageInfo.query1.mittente.value;
  38. //document.getElementById("mittente_btn").innerHTML = createButton("fa fa-user", "Scheda persona", "schedaPersona('PERS')".replace("PERS", pageInfo.query1.mittente.value));
  39. }
  40. if(pageInfo.query1){
  41. document.getElementById("destinatario_id").innerHTML = pageInfo.query1.destinatario.value;
  42. //document.getElementById("destinatario_btn").innerHTML = createButton("fa fa-user", "Scheda persona", "schedaPersona('PERS')".replace("PERS", pageInfo.query1.destinatario.value));
  43. }
  44. if(pageInfo.query1){
  45. document.getElementById("imageASPO").innerHTML = createEmbed(pageInfo.query1.subject.value);
  46. }
  47. if(pageInfo.query1){
  48. document.getElementById("luogo_partenza_id").innerHTML = pageInfo.query1.luogo_partenza.value;
  49. document.getElementById("luogo_partenza_btn").innerHTML = createButton("fa fa-map", "Vedi mappa", "schedaMappa('LUOGO')".replace("LUOGO", pageInfo.query1.uriLuogoPartenza.value));
  50. }
  51. if(pageInfo.query1){
  52. document.getElementById("luogo_arrivo_id").innerHTML = pageInfo.query1.luogo_arrivo.value;
  53. document.getElementById("luogo_arrivo_btn").innerHTML = createButton("fa fa-map", "Vedi mappa", "schedaMappa('LUOGO')".replace("LUOGO", pageInfo.query1.uriLuogoArrivo.value));
  54. }
  55. if(pageInfo.query1) document.getElementById("data_partenza_id").innerHTML = pageInfo.query1.data_partenza.value;
  56. if(pageInfo.query1) document.getElementById("data_arrivo_id").innerHTML = pageInfo.query1.data_arrivo.value;
  57. if(pageInfo.descrizione) document.getElementById("descrizione_id").innerHTML = pageInfo.descrizione.descrizione.value;
  58. if(pageInfo.areaLinguistica) document.getElementById("lingua_id").innerHTML = pageInfo.areaLinguistica.lingua.value;
  59. if(pageInfo.areaLinguistica) document.getElementById("area_linguistica_id").innerHTML = pageInfo.areaLinguistica.area_linguistica.value;
  60. if(pageInfo.segnatura){
  61. document.getElementById("segnatura_id").innerHTML = pageInfo.segnatura.segnatura_OVI.value;
  62. document.getElementById("segnatura_btn").innerHTML = createButton("fa fa-link", "Link ASPO", "schedaASPO('SEGN')".replace("SEGN", thisUrlParams.link));
  63. }
  64. if(pageInfo.edizione){
  65. document.getElementById("edizione_id").innerHTML = pageInfo.edizione.edizione.value;
  66. document.getElementById("edizione_btn").innerHTML = createButton("fa fa-comments", "Cita Edizione", "schedaEdizione('EDIZ')".replace("EDIZ", pageInfo.edizione.edizione.value));
  67. }
  68. if(pageInfo.testo) document.getElementById("trascrizione_id").innerHTML = pageInfo.testo.testo_lemmatizzato.value;
  69. //
  70. if(pageInfo.antroponimi && pageInfo.antroponimi.length){
  71. const listaAntroponimi = pageInfo.antroponimi.map(elem => elem.antroponimo.value);
  72. document.getElementById("antroponimi").innerHTML = formatListAsLi(listaAntroponimi);
  73. }
  74. if(pageInfo.toponimi && pageInfo.toponimi.length){
  75. const listaToponimi = pageInfo.toponimi.map(elem => elem.toponimo.value);
  76. document.getElementById("toponimi").innerHTML = formatListAsLi(listaToponimi);
  77. }
  78. if(pageInfo.query2) {
  79. if(pageInfo.query2.hasOwnProperty('mittente')) document.getElementById("mittente_id_ASPO").innerHTML = pageInfo.query2.mittente.value;
  80. 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));
  81. if(pageInfo.query2.hasOwnProperty('destinatario')) document.getElementById("destinatario_id_ASPO").innerHTML = pageInfo.query2.destinatario.value;
  82. 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));
  83. if(pageInfo.query2.hasOwnProperty('placeSend')) document.getElementById("luogo_partenza_id_ASPO").innerHTML = pageInfo.query2.placeSend.value;
  84. if(pageInfo.query2.hasOwnProperty('placeReceive')) document.getElementById("luogo_arrivo_id_ASPO").innerHTML = pageInfo.query2.placeReceive.value;
  85. if(pageInfo.query2.hasOwnProperty('timeSpanSend')) document.getElementById("data_partenza_id_ASPO").innerHTML = pageInfo.query2.timeSpanSend.value;
  86. if(pageInfo.query2.hasOwnProperty('timeSpanReceive')) document.getElementById("data_arrivo_id_ASPO").innerHTML = pageInfo.query2.timeSpanReceive.value;
  87. if(pageInfo.query2.hasOwnProperty('material')) document.getElementById("consistenzaASPO").innerHTML = pageInfo.query2.material.value;
  88. if(pageInfo.query2.hasOwnProperty('dimension')) document.getElementById("dimensioneASPO").innerHTML = pageInfo.query2.dimension.value;
  89. if(pageInfo.query2.hasOwnProperty('identifier')) document.getElementById("segnatura_id_ASPO").innerHTML = pageInfo.query2.identifier.value;
  90. if(pageInfo.query2.hasOwnProperty('currentLocation')) document.getElementById("ownerASPO").innerHTML = pageInfo.query2.currentLocation.value;
  91. }
  92. }
  93. // Mini-utility per formattare liste
  94. function formatListAsLi(thisList){
  95. toRet = "";
  96. thisList.forEach(value => toRet += "<li>" + value + "</li>");
  97. return toRet;
  98. }
  99. // Buttons
  100. function createButton(buttonClass, text, onClickFunction){
  101. htmlCode = '\
  102. <button class="btn btn-default" type="button" onclick="<FUNCTION>">\
  103. <i class="<CLASS>" aria-hidden="true">\
  104. <p class="btn-text"><TEXT></p>\
  105. </i>\
  106. </button>\
  107. '.replace("<CLASS>", buttonClass).replace("<TEXT>", text).replace("<FUNCTION>", onClickFunction);
  108. return htmlCode;
  109. }
  110. function createEmbed(link) {
  111. image = link.replace("scheda", "imageView") + "/#main";
  112. htmlCode = '\
  113. <embed id="imageEmb" src="<LINK>"> \
  114. '.replace("<LINK", image);
  115. return htmlCode;
  116. }
  117. function schedaPersona(info){
  118. window.open("Persona.html?link="+info);
  119. }
  120. function schedaMappa(info){
  121. window.open("Luogo.html?link="+info);
  122. }
  123. function schedaASPO(info){
  124. window.open(info);
  125. }
  126. function schedaEdizione(info){
  127. alert("Hi! I've been clicked.\n I've been passed: '" + info + "' as a paramater");
  128. }
  129. function show_OVI(){
  130. document.getElementById("OVI_info").style.display = "block";
  131. document.getElementById("ASPO_info").style.display = "none";
  132. }
  133. function show_ASPO(){
  134. document.getElementById("OVI_info").style.display = "none";
  135. document.getElementById("ASPO_info").style.display = "block";
  136. }
  137. var header = document.getElementById("choice_buttons");
  138. var btns = header.getElementsByClassName("btn");
  139. for (var i = 0; i < btns.length; i++) {
  140. btns[i].addEventListener("click", function() {
  141. var current = document.getElementsByClassName("active");
  142. current[0].className = current[0].className.replace(" active", "");
  143. this.className += " active";
  144. });
  145. }