resources/js/modules/core.js
/**
* Docweaver - Core
* */
export default class Core {
/**
* Constructor
*/
constructor() {
// set props
this.$wrapper = $('.docweaver-wrapper');
// init parts
this.initAnchors()
.initBlockquotes()
.initNavbar()
.initSidebar();
};
/**
* Setup anchors
*/
initAnchors() {
let $wrapper = this.$wrapper;
// Smooth scroll to anchor
$wrapper.find('a[href*="#"]:not([href="#"])').click(function () {
if (
location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '')
&& location.hostname == this.hostname
) {
let target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
// gheading links
$wrapper.find('a[name]').each(function () {
let anchor = $('<a href="#' + this.name + '"/>');
$(this).parent().next('h2').wrapInner(anchor);
});
return this;
};
/**
* Setup blockquotes
*/
initBlockquotes() {
// It's nice to just write in Markdown, so this will adjust
// our blockquote style to fill in the icon flag and label
this.$wrapper.find('.docs blockquote p:first-child').each(function () {
let str = $(this).html(),
match = str.match(/\{(.*?)\}/),
icon = false,
word = false;
if (match) {
icon = match[1];
word = match[1];
}
if (icon) {
switch (icon) {
case "note":
icon = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" version="1.1" x="0px" y="0px" width="90px" height="90px" viewBox="0 0 90 90" enable-background="new 0 0 90 90" xml:space="preserve"><path fill="#FFFFFF" d="M45 0C20.1 0 0 20.1 0 45s20.1 45 45 45 45-20.1 45-45S69.9 0 45 0zM45 74.5c-3.6 0-6.5-2.9-6.5-6.5s2.9-6.5 6.5-6.5 6.5 2.9 6.5 6.5S48.6 74.5 45 74.5zM52.1 23.9l-2.5 29.6c0 2.5-2.1 4.6-4.6 4.6 -2.5 0-4.6-2.1-4.6-4.6l-2.5-29.6c-0.1-0.4-0.1-0.7-0.1-1.1 0-4 3.2-7.2 7.2-7.2 4 0 7.2 3.2 7.2 7.2C52.2 23.1 52.2 23.5 52.1 23.9z"/></svg>';
break;
case "tip":
icon = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" version="1.1" x="0px" y="0px" width="56.6px" height="87.5px" viewBox="0 0 56.6 87.5" enable-background="new 0 0 56.6 87.5" xml:space="preserve"><path fill="#FFFFFF" d="M28.7 64.5c-1.4 0-2.5-1.1-2.5-2.5v-5.7 -5V41c0-1.4 1.1-2.5 2.5-2.5s2.5 1.1 2.5 2.5v10.1 5 5.8C31.2 63.4 30.1 64.5 28.7 64.5zM26.4 0.1C11.9 1 0.3 13.1 0 27.7c-0.1 7.9 3 15.2 8.2 20.4 0.5 0.5 0.8 1 1 1.7l3.1 13.1c0.3 1.1 1.3 1.9 2.4 1.9 0.3 0 0.7-0.1 1.1-0.2 1.1-0.5 1.6-1.8 1.4-3l-2-8.4 -0.4-1.8c-0.7-2.9-2-5.7-4-8 -1-1.2-2-2.5-2.7-3.9C5.8 35.3 4.7 30.3 5.4 25 6.7 14.5 15.2 6.3 25.6 5.1c13.9-1.5 25.8 9.4 25.8 23 0 4.1-1.1 7.9-2.9 11.2 -0.8 1.4-1.7 2.7-2.7 3.9 -2 2.3-3.3 5-4 8L41.4 53l-2 8.4c-0.3 1.2 0.3 2.5 1.4 3 0.3 0.2 0.7 0.2 1.1 0.2 1.1 0 2.2-0.8 2.4-1.9l3.1-13.1c0.2-0.6 0.5-1.2 1-1.7 5-5.1 8.2-12.1 8.2-19.8C56.4 12 42.8-1 26.4 0.1zM43.7 69.6c0 0.5-0.1 0.9-0.3 1.3 -0.4 0.8-0.7 1.6-0.9 2.5 -0.7 3-2 8.6-2 8.6 -1.3 3.2-4.4 5.5-7.9 5.5h-4.1H28h-0.5 -3.6c-3.5 0-6.7-2.4-7.9-5.7l-0.1-0.4 -1.8-7.8c-0.4-1.1-0.8-2.1-1.2-3.1 -0.1-0.3-0.2-0.5-0.2-0.9 0.1-1.3 1.3-2.1 2.6-2.1H41C42.4 67.5 43.6 68.2 43.7 69.6zM37.7 72.5H26.9c-4.2 0-7.2 3.9-6.3 7.9 0.6 1.3 1.8 2.1 3.2 2.1h4.1 0.5 0.5 3.6c1.4 0 2.7-0.8 3.2-2.1L37.7 72.5z"/></svg>'
break;
case "laracast":
case "video":
icon = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" version="1.1" x="0px" y="0px" width="68.9px" height="59.9px" viewBox="0 0 68.9 59.9" enable-background="new 0 0 68.9 59.9" xml:space="preserve"><path fill="#FFFFFF" d="M63.7 0H5.3C2.4 0 0 2.4 0 5.3v49.3c0 2.9 2.4 5.3 5.3 5.3h58.3c2.9 0 5.3-2.4 5.3-5.3V5.3C69 2.4 66.6 0 63.7 0zM5.3 4h58.3c0.7 0 1.3 0.6 1.3 1.3V48H4V5.3C4 4.6 4.6 4 5.3 4zM13 52v4h-2v-4H13zM17 52h2v4h-2V52zM23 52h2v4h-2V52zM29 52h2v4h-2V52zM35 52h2v4h-2V52zM41 52h2v4h-2V52zM4 54.7V52h3v4H5.3C4.6 56 4 55.4 4 54.7zM63.7 56H47v-4h18v2.7C65 55.4 64.4 56 63.7 56zM26 38.7c0.3 0.2 0.7 0.3 1 0.3 0.4 0 0.7-0.1 1-0.3l17-10c0.6-0.4 1-1 1-1.7s-0.4-1.4-1-1.7l-17-10c-0.6-0.4-1.4-0.4-2 0s-1 1-1 1.7v20C25 37.7 25.4 38.4 26 38.7zM29 20.5L40.1 27 29 33.5V20.5z"/></svg>';
break;
}
$(this).html(str.replace(/\{(.*?)\}/, '<div class="flag"><span class="svg">' + icon + '</span></div>'));
$(this).parent().addClass('has-icon ' + word);
}
});
return this;
};
/**
* Setup navbar
*/
initNavbar() {
let _self = this,
$navbar = this.$wrapper.find('.docweaver-product-bar'),
$docsHomeLink = $navbar.find('.docweaver-docs-home-link'),
$versionSelector = $navbar.find('select.docweaver-version-selector');
if ($navbar.length) {
$docsHomeLink.off('click').on('click', () => {
$docsHomeLink.addClass('active');
});
$versionSelector.off('change').on('change', () => {
let url = $versionSelector.find('option:selected').data('link');
window.location.replace(url);
});
}
return _self;
};
/**
* Setup sidebar
*/
initSidebar() {
let _self = this,
$sidebar = this.$wrapper.find('.docweaver-sidebar'),
$sidebarPopper = $sidebar.find('.docweaver-sidebar-popper'),
$activeLink = $sidebar.find('li a[href="' + decodeURIComponent(window.location.pathname) + '"]');
if ($sidebar.length) {
// highlight active link
$activeLink.parent('li').addClass('is-active')
.parent('ul').prev('h2').addClass('is-active');
// toggle/pop entire sidebar - small screens
$sidebarPopper.off('click').on('click', ev => {
ev.preventDefault();
$sidebar.toggleClass('popped');
});
// allow clicking empty space to close
$sidebarPopper.parent().off('click').on('click', ev => {
if ($(ev.target).is($sidebar) && $sidebar.hasClass('popped')) {
$sidebar.removeClass('popped');
}
});
// expand/collapse single section
$sidebar.find('h2').off('click').on('click', function (ev) {
ev.preventDefault();
$(this).toggleClass('is-expanded');
});
// expand/collapse all sidebar sections
$sidebar.find('a.docweaver-doc-expand').off('click').on('click', ev => {
ev.preventDefault();
_self.expandSidebarSections(!$(ev.target).hasClass('is-expanded'));
});
// sidebar all-section status storage key
_self.sidebarSectionsExpandedKey = 'dw-sbexp';
// restore sidebar state if persisted
try {
let s = localStorage.getItem(this.sidebarSectionsExpandedKey) === 'true';
_self.expandSidebarSections(s, null);
} catch (e) {
}
}
return _self;
};
/**
*
* @param {boolean} expand
* @param {any} $sidebar Sidebar instance.
*/
expandSidebarSections(expand, $sidebar) {
$sidebar = $sidebar || this.$wrapper.find('section.docweaver-sidebar');
let $toggle = $sidebar.find('a.docweaver-doc-expand'),
expandedClasses = 'is-expanded';
if (expand) {
$toggle.addClass(expandedClasses);
$sidebar.find('h2').addClass(expandedClasses);
} else {
$toggle.removeClass(expandedClasses);
$sidebar.find('h2').removeClass(expandedClasses);
}
// persist in local storage
try {
localStorage.setItem(this.sidebarSectionsExpandedKey, expand);
} catch (e) {
}
return this;
}
}