<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8"></meta>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/css/bootstrap4-toggle.min.css"/>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css"/>
<link rel="stylesheet" id="style2-Boot" href="../css/bootstrap.min.lida2.css"/>
<link rel="stylesheet" id="style2-Custom" href="../css/custom2_4.3.css"/>
<link rel="stylesheet" href="../css/collapsemod.css" />
<link href="yasgui.mio.css" rel="stylesheet" type="text/css" />
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
					<script
						src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"
						integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF"
						crossorigin="anonymous"></script>
<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js" defer></script>
<script src="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/js/bootstrap4-toggle.min.js"></script>
<script src="yasgui.min.js"></script>
<script type="text/javascript" src="../js/sparqltemplates.js"></script>
<style>
.yasgui .autocompleteWrapper {
	display: none !important;
}
</style>
<title>LiDa SPARQL Editor</title>
</head>
<body class="body-vis">

	<div class="h-100 container-fluid">
		<div>
			<nav
				class="navbar border navbar-expand-lg navbar-light bg-light justify-content-between fixed-top">
			<button class="navbar-toggler" type="button" data-toggle="collapse"
				data-target="#bs-example-navbar-collapse-1"
				aria-controls="bs-example-navbar-collapse-1" aria-expanded="false"
				aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<a class="navbar-brand font-weight-bold" href="#">LiDa</a>
			<div class="collapse navbar-collapse"
				id="bs-example-navbar-collapse-1">
				<ul class="navbar-nav">
					<li class="nav-item"><a class="nav-link disabled" href="#">
							- SPARQL query editor - </a></li>
				</ul>
				<ul class="navbar-nav ml-md-auto">
					<li class="nav-item dropdown pt-1"><a
						class="nav-link dropdown-toggle" href="#" id="navbarDropdown"
						role="button" data-toggle="dropdown" aria-haspopup="true"
						aria-expanded="false"> Info </a>
						<div class="dropdown-menu" aria-labelledby="navbarDropdown">
							<a class="dropdown-item disabled" href="#" id="visAiuto">Aiuto</a>
							<a class="dropdown-item" href="#" id="visAbout">About</a>
						</div></li>
				</ul>
			</div>


			</nav>
		</div>

		<div id="rigaContenuti" class="row no-gutters">

			<div class="d-table w-100 tableMain">
				<div id="colVisualizza"
					class="d-table-cell tableVis bg-lida-vis border-right border-bottom border-left align-top">
					<div class="distanziatore">&nbsp;</div>
					<div id="yasgui"></div>
					<script>
						
						const yasgui = new Yasgui(
								document.getElementById("yasgui"),
								{
									//yasr :{maxPersistentResponseSize: 100},
									yasqe : {
										value: defaultEditorQuery
									},
									requestConfig : {
										endpoint : "https://hdnlab1.isti.cnr.it/fuseki/commedia/query"
									},
									copyEndpointOnNewTab : false,
									resizeable : true,
									
								});
						const yasqe=  yasgui.getTab().yasqe
						const yasr=  yasgui.getTab().yasr
						//yasqe.setValue(defaultEditorQuery)
						/* console.log(yasgui.config);
						console.log(yasqe);
						console.log(yasr); */
						
						
						
					</script>
				</div>
			</div>

		</div>
	</div>



	<!-- <div id="yasgui"></div> -->

</body>
</html>