Commit 29776b53 authored by Ken Hawkins's avatar Ken Hawkins Committed by GitHub
Browse files

Use injection for templating

parent 1a102cef
<!DOCTYPE html>
<script src="injectEBIFramework.js"></script>
<script type="text/javascript">injectEBIFramework();</script>
<meta charset="utf-8">
<title> Analytics dashboards &lt; EBI Pattern library &lt; EMBL-EBI</title>
<meta name="description" content="EMBL-EBI"><!-- Describe what this page is about -->
<meta name="keywords" content="analytics bioinformatics, europe, institute, ebi"><!-- A few keywords that relate to the content of THIS PAGE (not the whol project) -->
<meta name="author" content="EMBL-EBI"><!-- Your [project-name] here -->
<meta name="HandheldFriendly" content="true" />
<meta name="MobileOptimized" content="width" />
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="#70BDBD"> <!-- Android Chrome mobile browser tab color -->
<!-- Add information on the life cycle of this page -->
<meta name="ebi:owner" content="Web Development"> <!-- Who should be contacted about changes -->
<meta name="ebi:review-cycle" content="180"> <!-- In days, how often should the content be reviewed -->
<meta name="ebi:last-review" content="2016-11-10"> <!-- The last time the content was reviewed -->
<meta name="ebi:expiry" content="2018-11-10"> <!-- When this content is no longer relevant -->
<!-- If you link to any other sites frequently, consider optimising performance with a DNS prefetch -->
<link rel="dns-prefetch" href="//" />
<!-- If you have custom icon, replace these as appropriate.
You can generate them at -->
<link rel="icon" type="image/x-icon" href="" />
<link rel="icon" type="image/png" href="" />
<link rel="icon" type="image/png" sizes="192×192" href="" /> <!-- Android (192px) -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href=""> <!-- For iPhone 4 Retina display (114px) -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href=""> <!-- For iPad (72px) -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href=""> <!-- For iPad retinat (144px) -->
<link rel="apple-touch-icon-precomposed" href=""> <!-- For iPhone (57px) -->
<link rel="mask-icon" href="" color="#ffffff"> <!-- Safari icon for pinned tab -->
<meta name="msapplication-TileColor" content="#2b5797"> <!-- MS Icons -->
<meta name="msapplication-TileImage" content="">
<!-- CSS: implied media=all -->
<!-- CSS concatenated and minified via ant build script-->
<link rel="stylesheet" href="//" type="text/css" media="all">
<link rel="stylesheet" href="//" type="text/css" media="all">
<link rel="stylesheet" href="//" type="text/css" media="all">
<!-- Use this CSS file for any custom styling -->
<link rel="stylesheet" href="css/custom.css" type="text/css" media="all">
<!-- If you have a custom header image or colour -->
<meta name="ebi:localmasthead-color" content="#091314">
<meta name="ebi:localmasthead-image" content="//">
<!-- you can replace this with theme-[projectname].css. See for details of how to do this -->
<!-- also inform ES so we can host your colour palette file -->
<link rel="stylesheet" href="//" type="text/css" media="all">
<!-- for production the above can be replaced with -->
<link rel="stylesheet" href="//">
<!-- end CSS-->
<!-- All JavaScript at the bottom, except for Modernizr -->
<script src="//"></script>
<script src="//"></script>
<script src="//"></script>
<div id="skip-to">
<li><a href="#content">Skip to main content</a></li>
<li><a href="#local-nav">Skip to local navigation</a></li>
<li><a href="#global-nav">Skip to EBI global navigation menu</a></li>
<li><a href="#global-nav-expanded">Skip to expanded EBI global navigation menu (includes all sub-sections)</a></li>
<div data-sticky-container>
<div id="local-masthead" data-sticky data-sticky-on="large" data-top-anchor="180" data-btm-anchor="300000">
<div id="global-masthead" class="clearfix">
<!--This has to be one line and no newline characters-->
<a href="//" title="Go to the EMBL-EBI homepage"><span class="ebi-logo"></span></a>
<div class="row">
<ul id="global-nav" class="menu">
<!-- set active class as appropriate -->
<li id="home-mobile" class=""><a href="//"></a></li>
<li id="home" class="active"><a href="//"><i class="icon icon-generic" data-icon="H"></i> EMBL-EBI</a></li>
<li id="services"><a href="//"><i class="icon icon-generic" data-icon="("></i> Services</a></li>
<li id="research"><a href="//"><i class="icon icon-generic" data-icon=")"></i> Research</a></li>
<li id="training"><a href="//"><i class="icon icon-generic" data-icon="t"></i> Training</a></li>
<li id="about"><a href="//"><i class="icon icon-generic" data-icon="i"></i> About us</a></li>
<li id="search">
<a href="#" data-toggle="search-global-dropdown"><i class="icon icon-functional" data-icon="1"></i> <span class="show-for-small-only">Search</span></a>
<div id="search-global-dropdown" class="dropdown-pane" data-dropdown data-options="closeOnClick:true;">
<form id="global-search" name="global-search" action="/ebisearch/search.ebi" method="GET">
<div class="input-group">
<input type="text" name="query" id="global-searchbox" class="input-group-field" placeholder="Search all of EMBL-EBI">
<div class="input-group-button">
<input type="submit" name="submit" value="Search" class="button">
<input type="hidden" name="db" value="allebi" checked="checked">
<input type="hidden" name="requestFrom" value="global-masthead" checked="checked">
<li class="float-right show-for-medium embl-selector">
<button class="button float-right" type="button" data-toggle="embl-dropdown">Hinxton</button>
<!-- The dropdown menu will be programatically added by script.js -->
<div class="masthead row">
<!-- local-title -->
<div class="columns medium-7" id="local-title">
<h1><a href="//" title="Back to EBI Pattern library homepage">EMBL Weekly news dashbaord</a></h1>
<!-- /local-title -->
<!-- local-nav -->
<nav >
<ul class="dropdown menu float-left" data-description="navigational" data-dropdown-menu>
<li class="active"><a href="//" class="active">Dashboard</a></li>
<!-- /local-nav -->
<div id="content" role="main" class="row">
<h2><a href="//" title="Back to EBI Pattern library homepage">EMBL Weekly news dashbaord</a></h2>
<!-- Your menu structure should make a breadcrumb redundant, but if a breadcrump is needed uncomment the below -->
......@@ -168,6 +34,8 @@
<div class="row" id="main-content-area">
<ul class="accordion" data-accordion data-multi-expand="true">
<li class="accordion-item" data-accordion-item>
......@@ -234,7 +102,7 @@ {
max-width: 400px;
overflow: hidden;
display: block;
display: block;
......@@ -257,7 +125,9 @@
<!-- Include the CSS that styles the charts. -->
<!-- <link rel="stylesheet" href=""> -->
<script defer="defer" src="//"></script>
......@@ -304,6 +174,7 @@
<div class="referer-test"></div>
<!-- charting stuff -->
<script src=""></script>
<link rel="stylesheet" href="">
......@@ -314,6 +185,9 @@
$(document).ready(function() {
// Initialise all the queries.
// This gets invoke when google is ready and when the user calls a refresh by selecting a date
// requestedOriginDate = YYYYMMDD format, ie: 20170122
......@@ -337,7 +211,7 @@
// allow the user to change the query
......@@ -357,7 +231,7 @@
var userChangedDateTimeoutID;
$('#originDate').change( function () {
window.clearTimeout(userChangedDateTimeoutID); // delete any pending change that occured before the timeout cleared
userChangedDateTimeoutID = window.setTimeout(userChangedDate, 750);
userChangedDateTimeoutID = window.setTimeout(userChangedDate, 750);
......@@ -369,9 +243,12 @@
......@@ -387,37 +264,8 @@
<!-- End optional local footer -->
<div id="global-footer">
<nav id="global-nav-expanded" class="row">
<!-- Footer will be automatically inserted by footer.js -->
<section id="ebi-footer-meta" class="row">
<!-- Footer meta will be automatically inserted by footer.js -->
<!-- JavaScript -->
<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
<script>window.jQuery || document.write('<script src="../js/libs/jquery-1.10.2.min.js"><\/script>')</script>
<script src="//"></script>
<!-- Your custom JavaScript file scan go here... change names accordingly -->
<script defer="defer" src="//"></script>
<script defer="defer" src="//"></script>
<script defer="defer" src="//"></script>
<!-- The Foundation theme JavaScript -->
<script src="//"></script>
<script src="//"></script>
<script type="text/JavaScript">$(document).foundation();</script>
<script type="text/JavaScript">$(document).foundationExtendEBI();</script>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment