kora 2 yıl önce
ebeveyn
işleme
e2b186dc4d
2 değiştirilmiş dosya ile 79 ekleme ve 27 silme
  1. 55 10
      js/lettera.js
  2. 24 17
      lettera.html

+ 55 - 10
js/lettera.js

@@ -43,25 +43,43 @@ async function getPageInfo(){
 function updatePage(){
 
 	if(pageInfo.titolo) document.getElementById("title").innerHTML = pageInfo.titolo.titolo.value;
-	if(pageInfo.query1) document.getElementById("mittente_id").innerHTML = pageInfo.query1.mittente.value;
-	if(pageInfo.query1) document.getElementById("destinatario_id").innerHTML = pageInfo.query1.destinatario.value;
-	if(pageInfo.query1) document.getElementById("luogo_partenza_id").innerHTML = pageInfo.query1.luogo_partenza.value;
-	if(pageInfo.query1) document.getElementById("luogo_arrivo_id").innerHTML = pageInfo.query1.luogo_arrivo.value;
+	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("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.luogo_partenza.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.luogo_arrivo.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.segnatura) document.getElementById("segnatura_id").innerHTML = pageInfo.segnatura.segnatura_OVI.value;
-	if(pageInfo.edizione) document.getElementById("edizione_id").innerHTML = pageInfo.edizione.edizione.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 && queryOutput.antroponimi.length){
-		const listaAntroponimi = queryOutput.antroponimi.map(elem => elem.antroponimo.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 && queryOutput.toponimi.length){
-		const listaToponimi = queryOutput.toponimi.map(elem => elem.toponimo.value);
+	if(pageInfo.toponimi && pageInfo.toponimi.length){
+		const listaToponimi = pageInfo.toponimi.map(elem => elem.toponimo.value);
 		document.getElementById("toponimi").innerHTML = formatListAsLi(listaToponimi);
 	}
 }
@@ -73,3 +91,30 @@ function formatListAsLi(thisList){
 	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 schedaPersona(info){
+	alert("Hi! I've been clicked.\n I've been passed: '" + info + "' as a paramater");
+}
+
+function schedaMappa(info){
+	alert("Hi! I've been clicked.\n I've been passed: '" + info + "' as a paramater");
+}
+
+function schedaASPO(info){
+	window.open(info);
+}
+
+function schedaEdizione(info){
+	alert("Hi! I've been clicked.\n I've been passed: '" + info + "' as a paramater");
+}

+ 24 - 17
lettera.html

@@ -47,70 +47,77 @@
 	  		</div>
 	  	</div>
 	  	<div id="all_info">
-		  	<div class="row" id="mittente_id">
+		  	<div class="row">
 		  		<div class="col">
 		  			Mittente: 
 		  		</div>
+				<div id="mittente_id" class="col-6"></div>
+				<div id="mittente_btn" class="col-2"></div>
 		  	</div>
-		  	<div class="row" id="destinatario_id">
+		  	<div class="row">
 		  		<div class="col">
 		  			Destinatario: 
 		  		</div>
+				<div id="destinatario_id" class="col-6"></div>
+				<div id="destinatario_btn" class="col-2"></div>
 		  	</div>
 		  	<div class="row">
 		  		<div class="col">
 		  			Descrizione: 
 		  		</div>
-		  		<div id="descrizione_id" class="col-8">
-		  		</div>
+		  		<div id="descrizione_id" class="col-8"></div>
 		  	</div>
-		  	<div class="row" id="luogo_partenza_id">
+		  	<div class="row">
 		  		<div class="col">
 		  			Luogo di partenza: 
 		  		</div>
+				<div id="luogo_partenza_id" class="col-6"></div>
+				<div id="luogo_partenza_btn" class="col-2"></div>
 		  	</div>
-		  	<div class="row" id="luogo_arrivo_id">
+		  	<div class="row">
 		  		<div class="col">
 		  			Luogo di arrivo: 
 		  		</div>
-		  	</div>
+				<div id="luogo_arrivo_id" class="col-6"></div>
+				<div id="luogo_arrivo_btn" class="col-2"></div>
+			</div>
 		  	<div class="row">
 		  		<div class="col">
 		  			Data di partenza: 
 		  		</div>
-		  		<div id="data_partenza_id" class="col-8">
-		  		</div>
+		  		<div id="data_partenza_id" class="col-8"></div>
 		  	</div>
 		  	<div class="row">
 		  		<div class="col">
 		  			Data di arrivo: 
 		  		</div>
-		  		<div id="data_arrivo_id" class="col-8">
-		  		</div>
+		  		<div id="data_arrivo_id" class="col-8"></div>
 		  	</div>
-		  	<div class="row" id="segnatura_id">
+		  	<div class="row">
 		  		<div class="col">
 		  			Segnatura: 
 		  		</div>
+				<div id="segnatura_id" class="col-6"></div>
+				<div id="segnatura_btn" class="col-2"></div>
 		  	</div>
 		  	<div class="row">
 		  		<div class="col">
 		  			Lingua: 
 		  		</div>
-		  		<div id="lingua_id" class="col-8">
-		  		</div>
+		  		<div id="lingua_id" class="col-8"></div>
 		  	</div>
 		  	<div class="row">
 		  		<div class="col">
 		  			Area linguistica: 
 		  		</div>
-		  		<div id="area_linguistica_id" class="col-8">
-		  		</div>
+		  		<div id="area_linguistica_id" class="col-8"></div>
 		  	</div>
-		  	<div class="row" id="edizione_id">
+		  	<div class="row">
 		  		<div class="col">
 		  			Edizione: 
 		  		</div>
+				<div id="edizione_id" class="col-6"></div>
+				<div id="edizione_btn" class="col-2"></div>
 		  	</div>
 		</div>
   </div>