accurator/commit

added new search page - broken at the moment

authorCristina-Iulia Bucur
Thu Dec 3 11:21:44 2015 +0100
committerCristina-Iulia Bucur
Thu Dec 3 11:21:44 2015 +0100
commitfdd40bdb44245d4c51b539a248015b67e66994ef
tree45c5ca53b8c650155c5cbb04b0e81482a59f748b
parent9f9f619447cc71510289813dfb6722d757884d55
Diff style: patch stat
diff --git a/web/html/search.html b/web/html/search.html
new file mode 100644
index 0000000..fdd1c56
--- /dev/null
+++ b/web/html/search.html
@@ -0,0 +1,130 @@
+<!doctype html>
+<html>
+<head>
+	<title>Search Accurator</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="shortcut icon" href="img/favicon.ico">
+	<link type="text/css" rel="stylesheet" media="screen" href="css/accurator.bootstrap.min.css" />
+	<link type="text/css" rel="stylesheet" media="screen" href="css/accurator.css" />
+</head>
+
+<body class="search">
+	<!-- Navbar -->
+	<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+		<div class="container-fluid">
+			<div class="navbar-header">
+				 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbarDivMenu">
+					<span class="sr-only">Toggle navigation</span>
+					<span class="icon-bar"></span>
+				 </button>
+				 <a class="navbar-brand" href="intro.html">
+				 	<img id="navbarImgLogo" src="img/accurator.png" alt="Accurator">
+				 </a>
+			</div>
+			<div class="collapse navbar-collapse" id="navbarDivMenu">
+				<ul class="nav navbar-nav navbar-right navbarLstFlag">
+				</ul>
+				<ul class="nav navbar-nav navbar-right navbarLstUser">
+				</ul>
+				<div class="navbar-form navbar-nav" id="navbarFrmSearch">
+					<div class="form-group">
+						<input type="text" autocomplete="off" class="form-control" id="navbarInpSearch">
+					</div>
+					<button id="navbarBtnSearch" class="btn btn-default">
+					</button>
+				</div>
+			</div>
+		</div>
+	</nav>
+
+	<!-- Search possibilities -->
+	<div class="container-fluid noGutter searchDiv">
+		<div class="row">
+			<div class="col-md-8 col-md-offset-2">
+				<h2 id="searchHdrSlogan">BAU
+				</h2>
+			</div>
+		</div>
+	</div>
+
+	<!-- Logos -->
+	<div class="footerDiv container">
+		<div class="logo col-md-2 col-xs-4">
+			<a href="http://commit-nl.nl/">
+				<img src="img/logos/commit.png" class="footerImgLogo" id="footerImgCommitLogo" alt="Logo of ">
+				</img>
+			</a>
+		</div>
+      	<div class="logo col-md-2 col-xs-4">
+			<a href="http://www.cwi.nl">
+				<img src="img/logos/cwi.png" class="footerImgLogo" alt="Logo of CWI">
+				</img>
+			</a>
+		</div>
+		<div class="logo col-md-2 col-xs-4">
+			<a href="http://www.tudelft.nl">
+				<img src="img/logos/tud.png" class="footerImgLogo" alt="Logo of TU Delft">
+				</img>
+			</a>
+		</div>
+		<div class="logo col-md-2 col-xs-4">
+			<a href="http://vu.nl/">
+				<img src="img/logos/vu.png" class="footerImgLogo" alt="Logo of VU University Amsterdam">
+				</img>
+			</a>
+		</div>
+		<div class="logo col-md-2 col-xs-4">
+			<a href="http://rijksmuseum.nl">
+				<img src="img/logos/rma.png" class="footerImgLogo" id="footerImgRijksmuseumLogo" alt="Logo of Rijksmuseum">
+				</img>
+			</a>
+		</div>
+		<div class="logo col-md-2 col-xs-4">
+			<a href="http://www.naturalis.nl/">
+				<img src="img/logos/naturalis.png" class="footerImgLogo" alt="Logo of Naturalis">
+				</img>
+			</a>
+		</div>
+	</div>
+
+	<!-- Login modal -->
+	<div class="modal fade" id="loginDivLogin">
+		<div class="modal-dialog">
+			<div class="modal-content">
+				<div class="modal-header">
+					<button type="button" class="close" id="loginBtnClose">&times;</button>
+					<h4 id="loginHdrTitle">
+					</h4>
+				</div>
+ 				<div class="modal-body">
+					<form role="form">
+						<div class="form-group">
+							<label id="loginLblUsername" for="loginInpUsername">
+							</label>
+							<input type="text" class="form-control" id="loginInpUsername">
+						</div>
+						<div class="form-group">
+							<label id="loginLblPassword" for="password">
+							</label>
+							<input type="password" class="form-control" id="loginInpPassword">
+						</div>
+						<p class="text-warning" id="loginTxtWarning">
+						</p>
+					</form>
+				</div>
+				<div class="modal-footer">
+					<button class="btn btn-primary" id="loginBtnLogin">
+					</button>
+				</div>
+			</div>
+		</div>
+	</div>
+
+	<script type="text/javascript" src="js/accurator.jquery.min.js"></script>
+	<script type="text/javascript" src="js/accurator.bootstrap.min.js"></script>
+	<script type="text/javascript" src="js/accurator.laconic.js"></script>
+	<script type="text/javascript" src="js/accurator_utilities.js"></script>
+	<script type="text/javascript" src="js/accurator_search.js"></script>
+	<script>searchInit()</script>
+</body>
+</html>
diff --git a/web/js/accurator_search.js b/web/js/accurator_search.js
new file mode 100644
index 0000000..359cc8a
--- /dev/null
+++ b/web/js/accurator_search.js
@@ -0,0 +1,103 @@
+/*******************************************************************************
+Accurator Search
+This code loads possible search queries into the page, where the search options
+depend on the search queries loaded in the triple store.
+*******************************************************************************/
+var locale, domain, experiment, ui;
+
+function searchInit() {
+	locale = getLocale();
+	// Be domain agnostic on domain selection screen
+	domain = "generic";
+	experiment = getExperiment();
+
+	// Add language switch to navbar
+	populateFlags(locale);
+
+	onLoggedIn = function(loginData) {
+		setLinkLogo("profile");
+		onDomains = function(data){
+			//populateDomains(data);
+
+			// Get generic domain settings before populating ui
+			onDomain = function(domainSettings) {
+				ui = getUI(domainSettings, "search");
+				populateUI();
+				var userName = getUserName(loginData.user);
+				populateNavbar(userName, [{link:"profile.html", name:"Profile"}]);
+			};
+			domainSettings(domain, onDomain);
+		};
+		// Get a list of the available domain (utilities function)
+		//getAvailableDomains(onDomains);
+	};
+	// If user is not logged go to intro page
+	onDismissal = function(){document.location.href="intro.html";};
+	logUserIn(onLoggedIn, onDismissal);
+}
+
+function nextPage() {
+	return function(){document.location.href="expertise.html"};
+}
+
+function populateUI() {
+	$.getJSON("ui_elements", {locale:locale, ui:ui, type:"labels"})
+		.done(function(labels){
+			document.title = labels.searchPageTitle;
+			$("#navbarBtnSearch").append(labels.navbarBtnSearch);
+			$("#searchHdrSlogan").append(labels.searchHdrSlogan);
+		});
+}
+
+// function populateDomains(domainLabels) {
+// 	var row;
+//
+// 	// Get domain settings for all the domains
+// 	for(var i=0; i<domainLabels.length; i++) {
+// 		if(!(i%2===0)) {
+// 			row = parseInt((i/2) + 0.5);
+// 			// Add a new row for every two domains
+// 			$(".domainDiv").append(
+// 				$.el.div({'class':'row',
+// 						  'id':'domain' + row}));
+// 		}
+//
+// 		// Add domain specific html to rows
+// 		$.getJSON("domains", {domain:domainLabels[i]})
+// 			.done(function(data){
+// 				if(!(data.domain === "generic")) {
+// 					domainHtml(data, row);
+// 				}
+// 			});
+// 	}
+// }
+
+// function domainHtml(domainData, row) {
+// 	var domain = domainData.domain;
+// 	$.getJSON("ui_elements",
+// 			  {locale:locale,
+// 			   ui:domainData.ui + "domain",
+// 			   type:"labels"})
+// 		.done(function(data){
+// 			$("#domain" + row).append(
+// 				$.el.div({'class':'noPadding col-md-6'},
+// 					$.el.h3({'class':'domainHdr',
+// 							 'id':'domainTxt' + domain},
+// 							 data.domainLabel),
+// 					$.el.img({'class':'domainImg',
+// 							  'id':'domainImg' + domain,
+// 							  'src':domainData.image})));
+// 			if(domainData.image_brightness === "dark")
+// 				$("#domainTxt" + domainData.domain).css('color', '#fff');
+// 			addDomainEvent(domain);
+// 		});
+// }
+//
+// function addDomainEvent(domain) {
+// 	$("#domainImg"+domain).click(function() {
+// 		setDomain(domain, nextPage());
+// 	});
+// 	$("#domainTxt"+domain).click(function() {
+// 		setDomain(domain, nextPage());
+// 	});
+//}