gerar_ficha.html

por portal última modificação 30/03/2022 16h05

text/html gerar_ficha.html — 11 KB

Conteúdo do arquivo

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br" xml:lang="pt-br">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>
		// CSS
		.header, .header-space,
		.footer, .footer-space {
		  height: 100px;
		}
		.header {
		  position: fixed;
		  top: 0;
		  z-index: 1;
		  width: 100%;
		}
		.footer {
		  position: fixed;
		  bottom: 0;
		  /*left: 70px;*/
		}
    </style>
</head>
<body>

	&nbsp;
	
	<div class="header">
		<center><button id="btn">Clique aqui para imprimir</button></center>
		<script>
				document.getElementById('btn').onclick = function() {
					var x = document.getElementById("btn"); 
					x.style.display = "none"; 
					window.print()
				};
		</script>
	</div>
	<div class="footer">
		<div id="pageFooter">
			<style type="text/css"> 
				.tg  {border-spacing:0;border-width:1px;border-style:solid;border-color:black;}
				.tg td{word-wrap: break-word; vertical-align:top; padding:0px 5px; border-style:solid; border-width:0px; overflow:hidden; word-break:normal;}
				.courier{font-size:13px; font-family:"Courier New", Courier, monospace;}
				.helvetica{font-size:15px; font-family:"Helvetica", "Arial", sans-serif; text-align: center;}
			</style>
			<!-- <style type="text/css" media="print">-->
			<style type="text/css">
				@page{size:auto; margin: 0mm; } 
				.d-ficha{  
					/*border: solid 1px blue ;*/
					margin: 0mm 30mm 0mm 30mm;    
				}
			</style>
			 
			<div id="fichaTable" class="d-ficha">
				<p class="helvetica">
					Catalogação na fonte - Sisbi/UFVJM
				</p> 
				<table class="tg" style="width:100%;"> 		
					<tbody>
						<tr>			
							<td class="tg" style="max-width:22mm;">      
								<p class="courier" style="text-align: center;">
									<span id="cutter">&#9608;&#9608;&#9608;&#9608;</span>
									<br>
									<span id="ano_c">&#9608;&#9608;&#9608;&#9608;</span>
								</p>
							</td>			
							<td class="tg" style="padding-right: 20px;"> 
								<p class="courier">
									<span id="sobrenome">&#9608;&#9608;&#9608;&#9608;</span>, <span id="nome">&#9608;&#9608;&#9608;&#9608;</span>
									<br>
									
									&nbsp;&nbsp;&nbsp;<span id="titulo">&#9608;&#9608;&#9608;&#9608;</span> [manuscrito] <span id="subtitulo"></span>
									/ <span id="nome_completo">&#9608;&#9608;&#9608;&#9608;</span>. -- <span id="cidade">&#9608;&#9608;&#9608;&#9608;</span>, 
									<span id="ano">&#9608;&#9608;&#9608;&#9608;</span>.
									<br>
									
									&nbsp;&nbsp;&nbsp;<span id="pags">&#9608;&#9608;&#9608;&#9608;</span> p. <span id="ilustracao">&#9608;&#9608;&#9608;&#9608;</span>
									<br><br>
									
									&nbsp;&nbsp;&nbsp;<span id="nome_completo_orientador">&#9608;&#9608;&#9608;&#9608;</span>
									<span id="nome_completo_coorientador_1"></span> 
									<span id="nome_completo_coorientador_2"></span> 
									<br><br>

									&nbsp;&nbsp;&nbsp;<span id="trabalho">&#9608;&#9608;&#9608;&#9608;</span> 
									(<span id="curso">&#9608;&#9608;&#9608;&#9608;</span>) -- 
									Universidade Federal dos Vales do Jequitinhonha e Mucuri, 
									<span id="programa">&#9608;&#9608;&#9608;&#9608;</span>,
									<span id="cidade_pro">&#9608;&#9608;&#9608;&#9608;</span>, <span id="ano_pro">&#9608;&#9608;&#9608;&#9608;</span>.	
									<br><br>
									
									&nbsp;&nbsp;&nbsp;<span id="assunto1">&#9608;&#9608;&#9608;&#9608;</span> 
									<span id="assunto2"></span> 
									<span id="assunto3"></span> 
									<span id="assunto4"></span> 
									<span id="assunto5"></span> 
									<span id="orientador_fim">&#9608;&#9608;&#9608;&#9608;</span>  
									<span id="coorientador_1_fim"></span>  
									<span id="coorientador_2_fim"></span>  
									<span id="universidade_fim"></span>   
									<span id="titulo_fim"></span>    
									<br><br>
								</p>
								<!--
								<p class="courier" style="text-align: right;">
									<b>CDD 543.55</b>
								</p>
								-->
							</td>  		
						</tr> 	
					</tbody>
				</table>
				<p class="helvetica" style="text-align: center;font-size:13px;">
					Elaborada pelo Sistema de Geração Automática de Ficha Catalográfica da UFVJM com os dados fornecidos pelo(a) autor(a).<br>
					Este produto é resultado do trabalho conjunto entre o bibliotecário Rodrigo Martins Cruz/CRB6-2886<br>
					e a equipe do setor Portal/Diretoria de Comunicação Social da UFVJM
				</p>
			</div>
			<br/><br/><br/><br/> 
		</div>
	</div>
 
	
	<script>
	function integer_to_roman(num) {
		if (typeof num !== 'number') 
		return false; 

		var digits = String(+num).split(""),
		key = ["","C","CC","CCC","CD","D","DC","DCC","DCCC","CM",
		"","X","XX","XXX","XL","L","LX","LXX","LXXX","XC",
		"","I","II","III","IV","V","VI","VII","VIII","IX"],
		roman_num = "",
		i = 3;
		while (i--)
			roman_num = (key[+digits.pop() + (i * 10)] || "") + roman_num;
		return Array(+digits.join("") + 1).join("M") + roman_num;
	}
	</script>
	<script> 
		const queryString = window.location.search;
		console.log(queryString);
		const urlParams = new URLSearchParams(queryString);
  
		var nome          = urlParams.get("nome");
		var sobrenome     = urlParams.get("sobrenome");
		var titulo        = urlParams.get("titulo");
		var titIngles     = urlParams.get("titIngles");
		var subtitulo     = urlParams.get("subtitulo"); 
		var cutter        = urlParams.get("cutter");
		var trabalho      = urlParams.get("trabalho"); 
		var curso         = urlParams.get("curso");  
		var programa      = urlParams.get("programa");  
		var cidade        = urlParams.get("cidade");  
		
		
		var nome_ori      = urlParams.get("nome_ori"); 
		var sobrenome_ori = urlParams.get("sobrenome_ori"); 
		var orientadora   = urlParams.get("orientadora"); 

		var nome_coori_1      = urlParams.get("nome_coori_1"); 
		var sobrenome_coori_1 = urlParams.get("sobrenome_coori_1");
		var coorientadora_1   = urlParams.get("coorientadora_1");
		
		var nome_coori_2      = urlParams.get("nome_coori_2"); 
		var sobrenome_coori_2 = urlParams.get("sobrenome_coori_2");
		var coorientadora_2   = urlParams.get("coorientadora_2");

		var ano_defesa     = urlParams.get("ano_defesa");  
		var ano_publicacao = urlParams.get("ano_publicacao");  
		var pags           = urlParams.get("pags");  
		var ilustracao     = urlParams.get("ilustracao");  
		var assunto1       = urlParams.get("assunto1");    
		var assunto2       = urlParams.get("assunto2");   
		var assunto3       = urlParams.get("assunto3");   
		var assunto4       = urlParams.get("assunto4");    
		var assunto5       = urlParams.get("assunto5");
		
		var orientador_fim     =""
		var coorientador_1_fim =""
		var coorientador_2_fim =""
		
		//Preenche o campo cutter
		if( cutter != null && cutter.trim() != "") 
			document.getElementById("cutter").innerText = cutter.trim();
		//Preenche os campos de ano
		if( ano_publicacao != null){ 
			document.getElementById("ano_c").innerText   = ano_publicacao.trim();
			document.getElementById("ano").innerText     = ano_publicacao.trim(); 
		}
		if( ano_defesa != null){  
			document.getElementById("ano_pro").innerText = ano_defesa.trim();
		}
		//Preenche o campo nome
		if( nome != null && nome.trim() != "") 
			document.getElementById("nome").innerText      = nome.trim();
		//Preenche o campo sobrenome
		if( sobrenome != null && sobrenome.trim() != "") 
			document.getElementById("sobrenome").innerText = sobrenome.trim();
		//Preenche o campo titulo
		if( titulo != null && titulo.trim() != "") 
			document.getElementById("titulo").innerText = titulo.trim();
		//Preenche o campo de nome completo
		if( nome != null && sobrenome != null) 
			document.getElementById("nome_completo").innerText = nome.trim() +" "+sobrenome.trim();
		//Preenche o campo subtitulo
		if( subtitulo != null && subtitulo.trim() != "") 
			document.getElementById("subtitulo").innerText= " : " + subtitulo.trim();
		//Preenche o campo de cidades
		if( cidade != null ){ 
			document.getElementById("cidade").innerText = cidade.trim();
			document.getElementById("cidade_pro").innerText = cidade.trim();
		}
		//Preenche o campo paginas
		if( pags != null && pags.trim() != "") 
			document.getElementById("pags").innerText = pags.trim();
		//Preenche o campo ilustracao
		if( ilustracao != null && ilustracao.trim() != ""){  
			if( ilustracao.trim() == "Sim"){ 
				document.getElementById("ilustracao").innerText = ": il.";
			}
			if( ilustracao.trim() == "Não"){ 
				document.getElementById("ilustracao").innerText = "";
			}
		}
		//Preenche o campo Orientador
		if( nome_ori != null && sobrenome_ori != null && nome_ori.trim() != "" && sobrenome_ori.trim() != ""){ 
			temp_str = ""
			if(orientadora == "a")
				temp_str += "Orientadora: Prof.&#170; "
			else
				temp_str += "Orientador: Prof. "
				
			document.getElementById("nome_completo_orientador").innerHTML= temp_str+nome_ori+" "+sobrenome_ori+".";
			orientador_fim = sobrenome_ori+", "+nome_ori;
		} 
		//Preenche o campo do primeiro Coorientador			
		if( nome_coori_1 != null && sobrenome_coori_1 != null && nome_coori_1.trim() != "" && sobrenome_coori_1.trim() != ""){ 
			temp_str = "<br/>&nbsp;&nbsp;&nbsp;"
			if(coorientadora_1 == "a")
				temp_str += "Coorientadora: Prof.&#170; "
			else
				temp_str += "Coorientador: Prof. "
			document.getElementById("nome_completo_coorientador_1").innerHTML= temp_str+" "+nome_coori_1+" "+sobrenome_coori_1+".";
			coorientador_1_fim = sobrenome_coori_1+", "+nome_coori_1;
		} 
		//Preenche o campo do segundo Coorientador	
		if( nome_coori_2 != null && sobrenome_coori_2 != null && nome_coori_2.trim() != "" && sobrenome_coori_2.trim() != ""){ 
			temp_str = "<br/>&nbsp;&nbsp;&nbsp;"
			if(coorientadora_2 == "a")
				temp_str += "Coorientadora: Prof.&#170; "
			else
				temp_str += "Coorientador: Prof. "
			document.getElementById("nome_completo_coorientador_2").innerHTML= temp_str+" "+nome_coori_2+" "+sobrenome_coori_2+".";
			coorientador_2_fim = sobrenome_coori_2+", "+nome_coori_2;
		}  
		//Preenche o campo tipo do trabalho
		if( trabalho != null && trabalho.trim() != "")
			document.getElementById("trabalho").innerText = trabalho.trim();
		//Preenche o campo curso
		if( curso != null && curso.trim() != "")
			document.getElementById("curso").innerText = curso.trim();
		//Preenche o campo programa
		if( programa != null)
			document.getElementById("programa").innerText = programa.trim();
		//Preenche de assuntos
		if( assunto1 != null && assunto1.trim() != "") 
			document.getElementById("assunto1").innerText = "1. "+assunto1.trim()+". ";
		if( assunto2 != null && assunto2.trim() != "") 
			document.getElementById("assunto2").innerText = "2. "+assunto2.trim()+". ";
		if( assunto3 != null && assunto3.trim() != "") 
			document.getElementById("assunto3").innerText = "3. "+assunto3.trim()+". ";
		if( assunto4 != null && assunto4.trim() != "") 
			document.getElementById("assunto4").innerText = "4. "+assunto4.trim()+". ";
		if( assunto5 != null && assunto5.trim() != "") 
			document.getElementById("assunto5").innerText = "5. "+assunto5.trim()+". ";
		 
		num = 1;	
		document.getElementById("orientador_fim").innerText = integer_to_roman(num++)+". "+orientador_fim+". ";  

		if( coorientador_1_fim != "")
			document.getElementById("coorientador_1_fim").innerText = integer_to_roman(num++)+". "+coorientador_1_fim+". "; 
		if( coorientador_2_fim != "")
			document.getElementById("coorientador_2_fim").innerText = integer_to_roman(num++)+". "+coorientador_2_fim+". "; 
		
		document.getElementById("universidade_fim").innerText = integer_to_roman(num++)+". Universidade Federal dos Vales do Jequitinhonha e Mucuri. "; 
		document.getElementById("titulo_fim").innerText       = integer_to_roman(num++)+". Título. "; 	
		
	</script>
	
</body>
</html>