Skip to content
Snippets Groups Projects
Commit f913ab58 authored by khawkins98's avatar khawkins98
Browse files

Initial work on: Break apart script.js #82 

breaks into non-self invoking functions and allows reusability.
parent c78412a8
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 189 additions and 177 deletions
js/script.js
+ 189
− 177
View file @ f913ab58
/* Copyright (c) EMBL-EBI 2017 */
(function fixes() {
// mark pdf/doc/txt links with link-pdf/link-doc/link-txt classes
// exclude links with images
// include only links to own domains
(function externalLinks() {
function isOwnDomain(url) {
return (url.indexOf('//') === -1 ||
url.indexOf('//www.ebi.ac.uk') !== -1 ||
url.indexOf('//wwwdev.ebi.ac.uk') !== -1 ||
url.indexOf('//srs.ebi.ac.uk') !== -1 ||
url.indexOf('//ftp.ebi.ac.uk') !== -1 ||
url.indexOf('//intranet.ebi.ac.uk') !== -1 ||
url.indexOf('//pdbe.org') !== -1 ||
url.indexOf('//' + document.domain) !== -1);
}
function isFileType(url, type) {
return url.indexOf(type, url.length-type.length)!==-1;
}
try {
var alist = document.getElementsByTagName('a');
var fileTypes = ['pdf', 'doc', 'txt'];
var i, icon;
for (i=0; i<alist.length; i++) {
for (var type in fileTypes) {
if (alist[i].innerHTML.indexOf('<span class="link-' + fileTypes[type] + '"></span>') === -1 && alist[i].innerHTML.indexOf('<img') === -1 && isFileType(alist[i].href, fileTypes[type]) && isOwnDomain(alist[i].href)) {
icon = document.createElement('span');
icon.className = 'link-' + fileTypes[type];
alist[i].appendChild(icon);
}
// mark pdf/doc/txt links with link-pdf/link-doc/link-txt classes
// exclude links with images
// include only links to own domains
function ebiFrameworkExternalLinks() {
function isOwnDomain(url) {
return (url.indexOf('//') === -1 ||
url.indexOf('//www.ebi.ac.uk') !== -1 ||
url.indexOf('//wwwdev.ebi.ac.uk') !== -1 ||
url.indexOf('//srs.ebi.ac.uk') !== -1 ||
url.indexOf('//ftp.ebi.ac.uk') !== -1 ||
url.indexOf('//intranet.ebi.ac.uk') !== -1 ||
url.indexOf('//pdbe.org') !== -1 ||
url.indexOf('//' + document.domain) !== -1);
}
function isFileType(url, type) {
return url.indexOf(type, url.length-type.length)!==-1;
}
try {
var alist = document.getElementsByTagName('a');
var fileTypes = ['pdf', 'doc', 'txt'];
var i, icon;
for (i=0; i<alist.length; i++) {
for (var type in fileTypes) {
if (alist[i].innerHTML.indexOf('<span class="link-' + fileTypes[type] + '"></span>') === -1 && alist[i].innerHTML.indexOf('<img') === -1 && isFileType(alist[i].href, fileTypes[type]) && isOwnDomain(alist[i].href)) {
icon = document.createElement('span');
icon.className = 'link-' + fileTypes[type];
alist[i].appendChild(icon);
}
}
}
catch(err) {}
})();
}
catch(err) {}
}
// Disable the global search if a page defines a local search.
// Can also be disable by adding class 'no-global-search' to the body element.
(function manageGlobalSearch() {
try {
var hasLocalSearch = document.getElementById('local-search') !== null;
var hasLocalEBISearch = document.getElementById('ebi_search') !== null;
if (hasLocalSearch || hasLocalEBISearch) {
document.body.className += ' no-global-search';
} else {
// If the page gets a global search, we specify how the dropdown box should be. #RespectMyAuthoriti
var html = '<form id="global-search" name="global-search" action="/ebisearch/search.ebi" method="GET" class="large-8 large-push-2">' +
'<fieldset>' +
'<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="masthead-black-bar" checked="checked">' +
'</div>' +
// Disable the global search if a page defines a local search.
// Can also be disable by adding class 'no-global-search' to the body element.
function ebiFrameworkManageGlobalSearch() {
try {
var hasLocalSearch = document.getElementById('local-search') !== null;
var hasLocalEBISearch = document.getElementById('ebi_search') !== null;
if (hasLocalSearch || hasLocalEBISearch) {
document.body.className += ' no-global-search';
} else {
// If the page gets a global search, we specify how the dropdown box should be. #RespectMyAuthoriti
var html = '<form id="global-search" name="global-search" action="/ebisearch/search.ebi" method="GET" class="large-8 large-push-2">' +
'<fieldset>' +
'<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="masthead-black-bar" checked="checked">' +
'</div>' +
'</fieldset>' +
'</form>';
try {
var gloablSearch = document.getElementById('search-global-dropdown');
gloablSearch.innerHTML = html;
} catch (err) {
setTimeout(init, 500);
}
'</div>' +
'</fieldset>' +
'</form>';
try {
var gloablSearch = document.getElementById('search-global-dropdown');
gloablSearch.innerHTML = html;
} catch (err) {
setTimeout(init, 500);
}
}
catch (err) {}
})();
}
catch (err) {}
}
// Add error alerts for 'no input' on search boxes.
// Todo: this, perhaps, shoule be moved to a value-add script file
(function searchNullError() {
try {
var disabled = document.body.className.indexOf('no-search-error') !== -1;
// Array of search box definition objects, specify inputNode, defaultText (optional, default ''), errorText (optional, default 'Please enter a search term')
var searchBoxes = [
{ inputNode: document.getElementById('global-searchbox') }, // in global masthead
{ inputNode: document.getElementById('local-searchbox') }, // in local masthead
{ inputNode: document.body.className.indexOf('front') !== -1 ? document.getElementById('query') : null }, // on home page
{ inputNode: document.getElementById('people-groups') ? document.getElementById('people-groups').getElementsByTagName('input')[0] : null } // on people and group page
];
// Add error alerts for 'no input' on search boxes.
// Todo: this, perhaps, shoule be moved to a value-add script file
function ebiFrameworkSearchNullError() {
try {
var disabled = document.body.className.indexOf('no-search-error') !== -1;
// Array of search box definition objects, specify inputNode, defaultText (optional, default ''), errorText (optional, default 'Please enter a search term')
var searchBoxes = [
{ inputNode: document.getElementById('global-searchbox') }, // in global masthead
{ inputNode: document.getElementById('local-searchbox') }, // in local masthead
{ inputNode: document.body.className.indexOf('front') !== -1 ? document.getElementById('query') : null }, // on home page
{ inputNode: document.getElementById('people-groups') ? document.getElementById('people-groups').getElementsByTagName('input')[0] : null } // on people and group page
];
if (!disabled) {
for (searchBox in searchBoxes) {
var searchInput = searchBoxes[searchBox].inputNode;
var searchForm = (searchInput) ? searchInput.form : null;
var searchInputDefault = searchBoxes[searchBox].defaultText || '';
var searchError = searchBoxes[searchBox].errorText || 'Please enter a search term';
var searchAction = (searchForm) ? searchForm.action : '';
var isEbiSearch = searchAction.indexOf('/ebisearch/') !== -1;
if (!disabled) {
for (searchBox in searchBoxes) {
var searchInput = searchBoxes[searchBox].inputNode;
var searchForm = (searchInput) ? searchInput.form : null;
var searchInputDefault = searchBoxes[searchBox].defaultText || '';
var searchError = searchBoxes[searchBox].errorText || 'Please enter a search term';
var searchAction = (searchForm) ? searchForm.action : '';
var isEbiSearch = searchAction.indexOf('/ebisearch/') !== -1;
if (searchForm && searchInput && isEbiSearch) {
// add reference to other items for onsubmit anonymous function
searchForm.searchInput = searchInput;
searchForm.searchInputDefault = searchInputDefault;
searchForm.searchError = searchError;
if (searchForm && searchInput && isEbiSearch) {
// add reference to other items for onsubmit anonymous function
searchForm.searchInput = searchInput;
searchForm.searchInputDefault = searchInputDefault;
searchForm.searchError = searchError;
searchForm.onsubmit = function() {
searchInput = this.searchInput;
searchInputDefault = this.searchInputDefault;
searchError = this.searchError;
searchForm.onsubmit = function() {
searchInput = this.searchInput;
searchInputDefault = this.searchInputDefault;
searchError = this.searchError;
// Ensure input is trimmed
searchInput.value = searchInput.value.trim();
// Ensure input is trimmed
searchInput.value = searchInput.value.trim();
if (searchInput.value === searchInputDefault || searchInput.value === '') {
alert(searchError);
return false;
}
};
if (searchInput.value === searchInputDefault || searchInput.value === '') {
alert(searchError);
return false;
}
};
}
}
}
}
catch (err) {}
})();
}
catch (err) {}
}
// Remove global-nav/global-nav-expanded from header/footer
// if body.no-global-nav is set
(function hideGlobalNav() {
try {
var hasGlobalMasthead = document.getElementById('masthead-black-bar') !== null;
var disabled = document.body.className.indexOf('no-global-nav') !== -1;
var elem;
// Remove global-nav/global-nav-expanded from header/footer
// if body.no-global-nav is set
function ebiFrameworkHideGlobalNav() {
try {
var hasGlobalMasthead = document.getElementById('masthead-black-bar') !== null;
var disabled = document.body.className.indexOf('no-global-nav') !== -1;
var elem;
if (hasGlobalMasthead && disabled) {
if ((elem=document.getElementById('global-nav')) !== null) {
elem.parentNode.removeChild(elem);
}
if ((elem=document.getElementById('global-nav-expanded')) !== null) {
elem.parentNode.removeChild(elem);
}
if (hasGlobalMasthead && disabled) {
if ((elem=document.getElementById('global-nav')) !== null) {
elem.parentNode.removeChild(elem);
}
if ((elem=document.getElementById('global-nav-expanded')) !== null) {
elem.parentNode.removeChild(elem);
}
}
catch (err) {}
})();
// Assign global nav background images through meta tags
(function assignImageByMetaTags() {
var masthead = document.getElementById('masthead');
// check for both ebi: and ebi- formatted meta tags
var mastheadColor = document.querySelector("meta[name='ebi:masthead-color']") || document.querySelector("meta[name='ebi-masthead-color']");
var mastheadImage = document.querySelector("meta[name='ebi:masthead-image']") || document.querySelector("meta[name='ebi-masthead-image']");
}
catch (err) {}
}
if (mastheadColor != null) {
masthead.style.backgroundColor = mastheadColor.getAttribute("content");
masthead.className += ' meta-background-color';
}
if (mastheadImage != null) {
masthead.style.backgroundImage = 'url(' + mastheadImage.getAttribute("content") + ')';
masthead.className += ' meta-background-image';
}
})();
// Assign global nav background images through meta tags
function ebiFrameworkAssignImageByMetaTags() {
var masthead = document.getElementById('masthead');
// check for both ebi: and ebi- formatted meta tags
var mastheadColor = document.querySelector("meta[name='ebi:masthead-color']") || document.querySelector("meta[name='ebi-masthead-color']");
var mastheadImage = document.querySelector("meta[name='ebi:masthead-image']") || document.querySelector("meta[name='ebi-masthead-image']");
// Insert EMBL dropdown menu
(function insertEMBLdropdown() {
if (mastheadColor != null) {
masthead.style.backgroundColor = mastheadColor.getAttribute("content");
masthead.className += ' meta-background-color';
}
if (mastheadImage != null) {
masthead.style.backgroundImage = 'url(' + mastheadImage.getAttribute("content") + ')';
masthead.className += ' meta-background-image';
}
}
try {
// remove any current dropdown
if ((elem=document.getElementById('embl-dropdown')) !== null) {
document.getElementById('embl-dropdown').remove();
}
// Insert EMBL dropdown menu
function ebiFrameworkInsertEMBLdropdown() {
try {
// remove any current dropdown
if ((elem=document.getElementById('embl-dropdown')) !== null) {
document.getElementById('embl-dropdown').remove();
}
var dropdownDiv = document.createElement("div");
dropdownDiv.innerHTML = '<div id="embl-dropdown" class="embl-dropdown dropdown-pane bottom" data-dropdown>' +
'<p>EMBL-EBI in Hinxton is one of five EMBL locations across europe.<br/> <a href="//www.ebi.ac.uk/about" class="small readmore">More about EMBL-EBI</a></p>' +
'<h6>Connect to another EMBL location</h6>' +
'<div class="small-collapse small-up-2 padding-bottom-large clearfix">' +
'<div class="column padding-bottom-medium">' +
'<a href="http://www.embl.fr/" class="">Grenoble</a>' +
'<div class="small">Structural Biology</div>' +
'</div>' +
'<div class="column padding-bottom-medium">' +
'<a href="http://www.embl-hamburg.de/" class="">Hamburg</a>' +
'<div class="small">Structural Biology</div>' +
'</div>' +
'<div class="column padding-bottom-medium">' +
'<a href="http://www.embl.de/" class="">Heidelberg</a>' +
'<div class="small">Main Laboratory</div>' +
'</div>' +
'<div class="column padding-bottom-medium">' +
'<a href="http://www.embl.it/" class="">Monterotondo</a>' +
'<div class="small">Mouse Biology</div>' +
'</div>' +
var dropdownDiv = document.createElement("div");
dropdownDiv.innerHTML = '<div id="embl-dropdown" class="embl-dropdown dropdown-pane bottom" data-dropdown>' +
'<p>EMBL-EBI in Hinxton is one of five EMBL locations across europe.<br/> <a href="//www.ebi.ac.uk/about" class="small readmore">More about EMBL-EBI</a></p>' +
'<h6>Connect to another EMBL location</h6>' +
'<div class="small-collapse small-up-2 padding-bottom-large clearfix">' +
'<div class="column padding-bottom-medium">' +
'<a href="http://www.embl.fr/" class="">Grenoble</a>' +
'<div class="small">Structural Biology</div>' +
'</div>' +
'<p><a href="http://embl.org/" class="button readmore">Or learn more about EMBL</a></p>' +
'</div>';
document.getElementById("masthead-black-bar").appendChild(dropdownDiv);
// We don't invoke the dropdown here, as that method depends on how you're using the Framework
}
catch(err) {};
})();
})();
'<div class="column padding-bottom-medium">' +
'<a href="http://www.embl-hamburg.de/" class="">Hamburg</a>' +
'<div class="small">Structural Biology</div>' +
'</div>' +
'<div class="column padding-bottom-medium">' +
'<a href="http://www.embl.de/" class="">Heidelberg</a>' +
'<div class="small">Main Laboratory</div>' +
'</div>' +
'<div class="column padding-bottom-medium">' +
'<a href="http://www.embl.it/" class="">Monterotondo</a>' +
'<div class="small">Mouse Biology</div>' +
'</div>' +
'</div>' +
'<p><a href="http://embl.org/" class="button readmore">Or learn more about EMBL</a></p>' +
'</div>';
document.getElementById("masthead-black-bar").appendChild(dropdownDiv);
// We don't invoke the dropdown here, as that method depends on how you're using the Framework
}
catch(err) {};
}
(function updateFoot() {
function ebiFrameworkUpdateFoot() {
var html = '<div class="columns small-6 medium-2 ">' +
'<a href="//www.ebi.ac.uk" title="EMBL-EBI"><span class="ebi-logo"></span></a>' +
'</div>' +
......@@ -220,9 +217,9 @@
}
}
init();
})();
}
(function updateFooterMeta() {
function ebiFrameworkUpdateFooterMeta() {
var d = new Date();
var html = '<div class="columns">' +
'<p class="address">EMBL-EBI, Wellcome Genome Campus, Hinxton, Cambridgeshire, CB10 1SD, UK. +44 (0)1223 49 44 44</p> <p class="legal">Copyright &copy; EMBL-EBI ' + d.getFullYear() + ' | EMBL-EBI is <a href="http://www.embl.org/">part of the European Molecular Biology Laboratory</a> | <a href="//www.ebi.ac.uk/about/terms-of-use">Terms of use</a>' +
......@@ -236,11 +233,11 @@
} catch (err) { setTimeout(init, 500); }
}
init();
})();
(function includeScripts() {
}
function ebiFrameworkIncludeScripts() {
var requireScripts = ['//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js', // make sure we have script.js from where we expect
'//www.ebi.ac.uk/web_guidelines/js/downtime.js?' + Math.round(new Date().getTime() / 3600000)]; // refresh downtime.js once an hour
function init() {
try {
var existingScripts = document.getElementsByTagName('script');
......@@ -261,10 +258,10 @@
} catch (err) { setTimeout(init, 500); }
}
init();
})();
}
(function cookieBanner() {
function setCookie(c_name, value, exdays) {
function ebiFrameworkCookieBanner() {
function setCookie(c_name, value, exdays) {
var exdate = new Date();
var c_value;
exdate.setDate(exdate.getDate() + exdays);
......@@ -331,4 +328,19 @@
catch(err) { setTimeout(init, 100); }
}
init();
})();
}
function ebiFrameworkInvokeScriptJS() {
ebiFrameworkExternalLinks();
ebiFrameworkManageGlobalSearch();
ebiFrameworkSearchNullError();
ebiFrameworkHideGlobalNav();
ebiFrameworkAssignImageByMetaTags();
ebiFrameworkInsertEMBLdropdown();
ebiFrameworkUpdateFoot();
ebiFrameworkUpdateFooterMeta();
ebiFrameworkIncludeScripts();
ebiFrameworkCookieBanner();
}
ebiFrameworkInvokeScriptJS(); // init
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