-
+
@@ -79,9 +85,18 @@
//
+ var languageSelect = document.getElementById( 'language' );
+ languageSelect.value = language;
+ languageSelect.addEventListener( 'change', function ( event ) {
+
+ setLanguage( this.value );
+
+ } );
+
function setLanguage( value ) {
language = value;
+
createNavigation();
updateFilter();
autoChangeUrlLanguage( language );
@@ -90,9 +105,10 @@
var panel = document.getElementById( 'panel' );
var content = document.getElementById( 'content' );
- var clearFilterButton = document.getElementById( 'clearFilterButton' );
var expandButton = document.getElementById( 'expandButton' );
- var filterInput = document.getElementById( 'filterInput' );
+ var exitSearchButton = document.getElementById( 'exitSearchButton' );
+ var panelScrim = document.getElementById( 'panelScrim' );
+ var filterInput = document.getElementById( 'filter' );
var iframe = document.querySelector( 'iframe' );
var pageProperties = {};
@@ -107,28 +123,44 @@
expandButton.onclick = function ( event ) {
event.preventDefault();
- panel.classList.toggle( 'collapsed' );
+ panel.classList.toggle( 'open' );
};
+ panelScrim.onclick = function ( event ) {
- // Functionality for search/filter input field
+ event.preventDefault();
+ panel.classList.toggle( 'open' );
- filterInput.oninput = function ( event ) {
+ };
- updateFilter();
- };
+ // Functionality for search/filter input field
+ filterInput.onfocus = function ( event ) {
+ panel.classList.add('searchFocused');
- // Functionality for filter clear button
+ }
- clearFilterButton.onclick = function ( event ) {
+ filterInput.onblur = function ( event ) {
- event.preventDefault();
+ if(filterInput.value === '') {
+ panel.classList.remove('searchFocused');
+ }
+
+ }
+
+ exitSearchButton.onclick = function( event ) {
filterInput.value = '';
updateFilter();
+ panel.classList.remove('searchFocused');
+
+ }
+
+ filterInput.oninput = function ( event ) {
+
+ updateFilter();
};
@@ -154,7 +186,16 @@
if ( event.button !== 0 || event.ctrlKey || event.altKey || event.metaKey ) return;
window.location.hash = pageURL;
- panel.classList.add( 'collapsed' );
+ panel.classList.remove( 'open' );
+
+
+ content.querySelectorAll( 'a' ).forEach( function ( item ) {
+
+ item.classList.remove( 'selected' );
+
+ } );
+
+ link.classList.add('selected');
} );
@@ -447,9 +488,6 @@
-
-
-
