-/**
- * Handle responsive menu.
- * Source: http://purecss.io/layouts/tucked-menu-vertical/
- */
-(function (window, document) {
- var menu = document.getElementById('shaarli-menu'),
- WINDOW_CHANGE_EVENT = ('onorientationchange' in window) ? 'orientationchange':'resize';
-
- function toggleHorizontal() {
- [].forEach.call(
- document.getElementById('shaarli-menu').querySelectorAll('.menu-transform'),
- function(el){
- el.classList.toggle('pure-menu-horizontal');
- }
- );
- };
-
- function toggleMenu() {
- // set timeout so that the panel has a chance to roll up
- // before the menu switches states
- if (menu.classList.contains('open')) {
- setTimeout(toggleHorizontal, 500);
+window.onload = function () {
+
+ /**
+ * Retrieve an element up in the tree from its class name.
+ */
+ function getParentByClass(el, className) {
+ var p = el.parentNode;
+ if (p == null || p.classList.contains(className)) {
+ return p;
}
- else {
- toggleHorizontal();
+ return getParentByClass(p, className);
+ }
+
+
+ /**
+ * Handle responsive menu.
+ * Source: http://purecss.io/layouts/tucked-menu-vertical/
+ */
+ (function (window, document) {
+ var menu = document.getElementById('shaarli-menu'),
+ WINDOW_CHANGE_EVENT = ('onorientationchange' in window) ? 'orientationchange':'resize';
+
+ function toggleHorizontal() {
+ [].forEach.call(
+ document.getElementById('shaarli-menu').querySelectorAll('.menu-transform'),
+ function(el){
+ el.classList.toggle('pure-menu-horizontal');
+ }
+ );
+ };
+
+ function toggleMenu() {
+ // set timeout so that the panel has a chance to roll up
+ // before the menu switches states
+ if (menu.classList.contains('open')) {
+ setTimeout(toggleHorizontal, 500);
+ }
+ else {
+ toggleHorizontal();
+ }
+ menu.classList.toggle('open');
+ document.getElementById('menu-toggle').classList.toggle('x');
+ };
+
+ function closeMenu() {
+ if (menu.classList.contains('open')) {
+ toggleMenu();
+ }
}
- menu.classList.toggle('open');
- document.getElementById('menu-toggle').classList.toggle('x');
- };
- function closeMenu() {
- if (menu.classList.contains('open')) {
+ document.getElementById('menu-toggle').addEventListener('click', function (e) {
toggleMenu();
+ });
+
+ window.addEventListener(WINDOW_CHANGE_EVENT, closeMenu);
+ })(this, this.document);
+
+ /**
+ * Fold/Expand shaares description and thumbnail.
+ */
+ var foldAllButtons = document.getElementsByClassName('fold-all');
+ var foldButtons = document.getElementsByClassName('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');
+ thumbnail = linklistItem.querySelector('.linklist-item-thumbnail');
+ if (description != null || thumbnail != null) {
+ foldButton.style.display = 'inline';
+ }
}
- }
- document.getElementById('menu-toggle').addEventListener('click', function (e) {
- toggleMenu();
+ foldButton.addEventListener('click', function (event) {
+ event.preventDefault();
+ toggleFold(event.target, description, thumbnail);
+ });
});
- window.addEventListener(WINDOW_CHANGE_EVENT, closeMenu);
-})(this, this.document);
+ if (foldAllButtons != null) {
+ [].forEach.call(foldAllButtons, function (foldAllButton) {
+ foldAllButton.addEventListener('click', function (event) {
+ event.preventDefault();
+ [].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');
+ thumbnail = linklistItem.querySelector('.linklist-item-thumbnail');
+ if (description != null || thumbnail != null) {
+ foldButton.style.display = 'inline';
+ }
+ }
+
+ toggleFold(foldButton.firstElementChild, description, thumbnail);
+ });
+ foldAllButton.firstElementChild.classList.toggle('fa-chevron-down');
+ foldAllButton.firstElementChild.classList.toggle('fa-chevron-up');
+ });
+ });
+ }
+
+ function toggleFold(button, description, thumb)
+ {
+ // Switch fold/expand - up = fold
+ if (button.classList.contains('fa-chevron-up')) {
+ button.title = 'Expand';
+ if (description != null) {
+ description.style.display = 'none';
+ }
+ if (thumb != null) {
+ thumb.style.display = 'none';
+ }
+ }
+ else {
+ button.title = 'Fold';
+ if (description != null) {
+ description.style.display = 'block';
+ }
+ if (thumb != null) {
+ thumb.style.display = 'block';
+ }
+ }
+ button.classList.toggle('fa-chevron-down');
+ button.classList.toggle('fa-chevron-up');
+ }
-var searchInputs = document.querySelectorAll('#search input[type="text"]');
-[].forEach.call(searchInputs, function(searchInput) {
- searchInput.addEventListener('focus', function(event) {
- event.target.style.width = '250px';
+ /**
+ * Confirmation message before deletion.
+ */
+ var deleteLinks = document.querySelectorAll('.confirm-delete');
+ [].forEach.call(deleteLinks, function(deleteLink) {
+ deleteLink.addEventListener('click', function(event) {
+ if(! confirm('Are you sure you want to delete this link ?')) {
+ event.preventDefault();
+ }
+ });
});
- searchInput.addEventListener('blur', function(event) {
- event.target.style.width = '140px';
+
+ /**
+ * Close alerts
+ */
+ var closeLinks = document.querySelectorAll('.pure-alert-close');
+ [].forEach.call(closeLinks, function(closeLink) {
+ closeLink.addEventListener('click', function(event) {
+ var alert = getParentByClass(event.target, 'pure-alert-closable');
+ alert.style.display = 'none';
+ });
});
-});
\ No newline at end of file
+
+ /**
+ * New version dismiss.
+ * Hide the message for one week using localStorage.
+ */
+ var newVersionDismiss = document.getElementById('new-version-dismiss');
+ var newVersionMessage = document.querySelector('.new-version-message');
+ if (newVersionMessage != null
+ && localStorage.getItem('newVersionDismiss') != null
+ && parseInt(localStorage.getItem('newVersionDismiss')) + 7*24*60*60*1000 > (new Date()).getTime()
+ ) {
+ newVersionMessage.style.display = 'none';
+ }
+ if (newVersionDismiss != null) {
+ newVersionDismiss.addEventListener('click', function () {
+ localStorage.setItem('newVersionDismiss', (new Date()).getTime());
+ });
+ }
+
+ var hiddenReturnurl = document.getElementsByName('returnurl');
+ if (hiddenReturnurl != null) {
+ hiddenReturnurl.value = window.location.href;
+ }
+
+ /**
+ * Autofocus text fields
+ */
+ var autofocusElements = document.querySelector('.autofocus');
+ if (autofocusElements != null) {
+ autofocusElements.focus();
+ }
+
+ /**
+ * Handle sub menus/forms
+ */
+ var openers = document.getElementsByClassName('subheader-opener');
+ if (openers != null) {
+ [].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|$)'), ' ');
+ }
+
+ /**
+ * Remove CSS target padding (for fixed bar)
+ */
+ if (location.hash != '') {
+ var anchor = document.querySelector(location.hash);
+ if (anchor != null) {
+ var padsize = anchor.clientHeight;
+ console.log(document.querySelector(location.hash).clientHeight);
+ this.window.scroll(0, this.window.scrollY - padsize);
+ anchor.style.paddingTop = 0;
+ }
+ }
+};