window.addEventListener(WINDOW_CHANGE_EVENT, closeMenu);
})(this, this.document);
-
-/**
- * Expend search fields on focus.
- */
-var searchInputs = document.querySelectorAll('#search input[type="text"]');
-[].forEach.call(searchInputs, function(searchInput) {
- searchInput.addEventListener('focus', function(event) {
- event.target.style.width = '250px';
- });
- searchInput.addEventListener('blur', function(event) {
- event.target.style.width = '140px';
- });
-});
-
/**
- * Fold/Expand shaares description.
+ * Fold/Expand shaares description and thumbnail.
*/
var foldButtons = document.querySelectorAll('.fold-button');
[].forEach.call(foldButtons, function(foldButton) {
// Retrieve description
var description = null;
+ var thumbnail = null;
var linklistItem = getParentByClass(foldButton, 'linklist-item');
if (linklistItem != null) {
description = linklistItem.querySelector('.linklist-item-description');
- if (description != null) {
+ thumbnail = linklistItem.querySelector('.linklist-item-thumbnail');
+ if (description != null || thumbnail != null) {
foldButton.style.display = 'inline';
}
}
// Switch fold/expand - up = fold
if (event.target.classList.contains('fa-chevron-up')) {
event.target.title = 'Expand';
- description.style.display = 'none';
+ if (description != null) {
+ description.style.display = 'none';
+ }
+ if (thumbnail != null) {
+ thumbnail.style.display = 'none';
+ }
}
else {
event.target.title = 'Fold';
- description.style.display = 'block';
+ if (description != null) {
+ description.style.display = 'block';
+ }
+ if (thumbnail != null) {
+ thumbnail.style.display = 'block';
+ }
}
event.target.classList.toggle('fa-chevron-down');
event.target.classList.toggle('fa-chevron-up');
});
}
-/**
- * Login button
- */
-var loginButton = document.getElementById('login-button');
-var loginBlock = document.getElementById('header-login-form');
-
-if (loginButton != null) {
- loginButton.addEventListener('click', function(event) {
- event.preventDefault();
- loginBlock.classList.toggle('open');
- document.getElementById('content').style.boxShadow = 'none';
- });
-}
-
-// Focus on login field.
-if (loginBlock != null) {
- loginBlock.addEventListener('transitionend', function () {
- loginBlock.firstElementChild.focus();
- });
-}
-
var hiddenReturnurl = document.getElementsByName('returnurl');
if (hiddenReturnurl != null) {
hiddenReturnurl.value = window.location.href;
var autofocusElements = document.querySelector('.autofocus');
if (autofocusElements != null) {
autofocusElements.focus();
+}
+
+/**
+ * Hide search bar
+ */
+var search = document.getElementById('search');
+if (search != null) {
+ removeClass(search, 'open');
+}
+
+/**
+ * Handle sub menus/forms
+ */
+var openers = document.getElementsByClassName('subheader-opener');
+if (openers != null) {
+ console.log(openers);
+ [].forEach.call(openers, function(opener) {
+ opener.addEventListener('click', function(event) {
+ event.preventDefault();
+
+ var id = opener.getAttribute('data-open-id');
+ var sub = document.getElementById(id);
+
+ if (sub != null) {
+ [].forEach.call(document.getElementsByClassName('subheader-form'), function (element) {
+ if (element != sub) {
+ removeClass(element, 'open')
+ }
+ });
+
+ sub.classList.toggle('open');
+ }
+ });
+ });
+}
+
+function removeClass(element, classname) {
+ element.className = element.className.replace(new RegExp('(?:^|\\s)'+ classname + '(?:\\s|$)'), ' ');
}
\ No newline at end of file