accurator/commit
added new search page - broken at the moment
author | Cristina-Iulia Bucur |
---|---|
Thu Dec 3 11:21:44 2015 +0100 | |
committer | Cristina-Iulia Bucur |
Thu Dec 3 11:21:44 2015 +0100 | |
commit | fdd40bdb44245d4c51b539a248015b67e66994ef |
tree | 45c5ca53b8c650155c5cbb04b0e81482a59f748b |
parent | 9f9f619447cc71510289813dfb6722d757884d55 |
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">×</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()); +// }); +//}