48c839d927
This is the snapshot the production landing site (nibiru-framework.com) is deployed from. Brings together the recent splash + docs migration to the v4 "Cosmos" design system, the new in-framework AI module, and the framework groundwork that backs the framework-reference extraction. What lands: - docs/: Astro + Starlight site with the v4 dark cosmic palette, GalaxyHero canvas constellation, Mission Control chat (wired to /api/oracle → api.neuronetz.ai via providers.mjs Ollama), 5-panel MMVC stage (Model · AI · Module · Controller · View), translated EN/DE/JA/ES/FR content, PWA + sitemap + llms.txt + Umami analytics. - docs/design-system/: canonical mockup bundle (source/index-v2.html for splash, source/docs-system.html + preview/ for docs, SPEC.md, tokens). - docs/scripts/extraction/framework-reference-v2.md: deep framework reference (~1.6k lines, file:line citations, every public factory and idiom — basis for the LoRA training corpus. - application/module/ai/: AI module with chat / embed / RAG / agent plugins, plus pdoQuery / httpGet / fileRead tools and Modelfile + smoke-test in training/. - application/module/users/: user / ACL / form-factory traits used as the reference plugin pattern for the framework docs. - application/settings/config/database/: schema + seed migrations including the AI module tables (200–203). - Form factory + autogenerator changes the framework-reference-v2 covers. Production secrets stay out: docs/.env, settings.production.ini and ai.production.ini are all gitignored (.example files are in tree). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
1180 lines
29 KiB
JavaScript
1180 lines
29 KiB
JavaScript
|
|
/* jshint undef: true, unused: true, browser: true, strict: true */
|
|
/* global jQuery, Clipboard, videojs */
|
|
(function($){
|
|
"use strict";
|
|
|
|
// Module name: Header Fixed
|
|
// Dependencies: no dependencies
|
|
var HeaderFixed = (function(){
|
|
var header = $('.js-header-fixed');
|
|
var headerWrapper = $('<div class="header-fixed-wrapper">');
|
|
var pub = {};
|
|
|
|
// Public functions
|
|
pub.isPresent = function () { return header.length; };
|
|
pub.isOver = function () { return header.hasClass('header-over'); };
|
|
pub.getHeight = function () { return header.outerHeight(); };
|
|
pub.getOffset = function () { return pub.isPresent() ? pub.getHeight() : 0; };
|
|
|
|
// Private functions
|
|
var updateHeader = function (helper) {
|
|
if($(window).scrollTop() === 0){
|
|
header.removeClass('header-fixed').addClass(helper);
|
|
}else{
|
|
header.addClass('header-fixed').removeClass(helper);
|
|
}
|
|
};
|
|
|
|
var init = function () {
|
|
if (!pub.isOver()){
|
|
header.wrap(headerWrapper.height(header.outerHeight()));
|
|
header.addClass('header-fixed');
|
|
} else {
|
|
var helper = '';
|
|
|
|
if (header.hasClass('large')){ helper = 'large'; }
|
|
else if (header.hasClass('small')){ helper = 'small'; }
|
|
|
|
updateHeader(helper);
|
|
|
|
$(window).scroll(function () {
|
|
updateHeader(helper);
|
|
});
|
|
}
|
|
|
|
};
|
|
|
|
if(pub.isPresent()){
|
|
init();
|
|
}
|
|
|
|
return pub;
|
|
|
|
})();
|
|
|
|
// Get the correct copy message depending on client's OS.
|
|
var getCopyMessage = function (action) {
|
|
var actionMsg = '';
|
|
var actionKey = (action === 'cut' ? 'X' : 'C');
|
|
|
|
if(/iPhone|iPad/i.test(navigator.userAgent)) {
|
|
actionMsg = 'no support :(';
|
|
} else if (/Mac/i.test(navigator.userAgent)) {
|
|
actionMsg = 'press ⌘-' + actionKey + ' to ' + action;
|
|
} else {
|
|
actionMsg = 'press Ctrl-' + actionKey + ' to ' + action;
|
|
}
|
|
|
|
return actionMsg;
|
|
};
|
|
|
|
// Module name: Copy to clipboard
|
|
// Dependencies: clipboard.js.min.js
|
|
// Docs: https://github.com/zenorocha/clipboard.js/
|
|
(function(){
|
|
|
|
var clipboard = new Clipboard('.js-copy-to-clipboard', {
|
|
target: function (trigger) {
|
|
return $(trigger).parent().find('.js-code')[0];
|
|
}
|
|
});
|
|
|
|
clipboard.on('success', function (e) {
|
|
e.clearSelection();
|
|
|
|
$(e.trigger).text('copied');
|
|
setTimeout(function () {
|
|
$(e.trigger).text('copy');
|
|
}, 700);
|
|
|
|
});
|
|
|
|
clipboard.on('error', function (e) {
|
|
$(e.trigger).text(getCopyMessage(e.action)).addClass('copy-code-error');
|
|
setTimeout(function () {
|
|
$(e.trigger).text('copy').removeClass('copy-code-error');
|
|
}, 1400);
|
|
});
|
|
|
|
})();
|
|
|
|
// Module name: Filetree
|
|
// Dependencies: jquery.treeView.js
|
|
// Docs: https://github.com/samarjeet27/TreeViewJS
|
|
(function(){
|
|
$('.js-file-tree').each(function () {
|
|
var fileTree = $(this);
|
|
var expanded = fileTree.data('expanded');
|
|
fileTree.treeView();
|
|
|
|
if(expanded === true){
|
|
fileTree.treeView('expandAll');
|
|
}
|
|
|
|
$('.js-expand', fileTree.parent()).click(function () {
|
|
fileTree.treeView('expandAll');
|
|
});
|
|
|
|
$('.js-collapse', fileTree.parent()).click(function () {
|
|
fileTree.treeView('collapseAll');
|
|
});
|
|
});
|
|
})();
|
|
|
|
// Module name: Filetree Text
|
|
// Dependencies: no dependencies
|
|
(function(){
|
|
// Select all file trees on the page
|
|
$('.js-file-tree-text').each(function () {
|
|
var folderClass = '.file-tree-text-folder'; // Folder class, used to count the number of parents
|
|
var nameClass = '.file-tree-text-name'; // Folder/File name class, used to prepend the tree prefix
|
|
var fileTreeText = $(this);
|
|
var space = '\u2502 ';
|
|
var folder = '\u251C\u2500\u2500 ';
|
|
|
|
var getPrefix = function (level) {
|
|
var prefix = '';
|
|
|
|
for (var i = 0; i < level; i++) {
|
|
prefix += (i === level-1) ? folder : space;
|
|
}
|
|
|
|
return prefix;
|
|
};
|
|
|
|
fileTreeText.find('li').each(function () {
|
|
var level = $(this).parents(folderClass).length;
|
|
|
|
$(this).children(nameClass).first().prepend(getPrefix(level));
|
|
});
|
|
});
|
|
})();
|
|
|
|
|
|
// Module name: Modal
|
|
// Dependencies: jquery.bPopup.js
|
|
// Docs: https://github.com/dinbror/bpopup
|
|
(function(){
|
|
$('.js-open-modal').click(function(event) {
|
|
event.preventDefault();
|
|
|
|
var button = $(this),
|
|
target = $(button.data('target')),
|
|
options = button.data('config'),
|
|
defaults = {
|
|
closeClass: 'js-close-modal-button'
|
|
};
|
|
|
|
$.extend(defaults, options);
|
|
|
|
target.bPopup(defaults);
|
|
});
|
|
})();
|
|
|
|
// Module name: Before and After
|
|
// Dependencies: jquery.twentytwenty.js
|
|
// Docs: https://github.com/zurb/twentytwenty
|
|
(function(){
|
|
$(window).load(function () {
|
|
$('.js-ba').twentytwenty();
|
|
});
|
|
})();
|
|
|
|
// Module name: Accordion
|
|
// Dependencies: no dependencies
|
|
(function(){
|
|
var accordions = $('.js-accordion');
|
|
|
|
accordions.each(function () {
|
|
var accordion = $(this);
|
|
var title = accordion.find('.accordion-title');
|
|
|
|
title.click(function (event) {
|
|
event.preventDefault();
|
|
|
|
var title = $(this);
|
|
var scope = title.closest('.accordion-item');
|
|
var description = $('.accordion-description', scope);
|
|
|
|
if(description.hasClass('active')){
|
|
scope.removeClass('active');
|
|
description.stop().slideUp().removeClass('active');
|
|
}else{
|
|
scope.addClass('active');
|
|
description.stop().slideDown().addClass('active');
|
|
}
|
|
});
|
|
});
|
|
})();
|
|
|
|
// Module name: FAQ
|
|
// Dependencies: jquery.fastLiveFilter.js
|
|
// Docs: https://github.com/awbush/jquery-fastLiveFilter
|
|
(function(){
|
|
var faqFilters = $('.js-faq-filter');
|
|
var faqs = $('.js-faq');
|
|
|
|
faqFilters.each(function() {
|
|
var faqFilter = $(this);
|
|
var faqFilterInput = faqFilter.find('input');
|
|
var target = faqFilter.data('target');
|
|
|
|
if(typeof target !== 'undefined'){
|
|
faqFilterInput.fastLiveFilter(target, {
|
|
selector: $(target).find('.faq-question')
|
|
});
|
|
}
|
|
|
|
});
|
|
|
|
faqs.each(function() {
|
|
var faq = $(this);
|
|
var questions = faq.find('.faq-question');
|
|
|
|
questions.click(function (event) {
|
|
event.preventDefault();
|
|
|
|
var question = $(this);
|
|
var scope = question.closest('.faq-item');
|
|
var answer = $('.faq-answer', scope);
|
|
|
|
if(answer.hasClass('active')){
|
|
question.removeClass('active');
|
|
answer.stop().slideUp().removeClass('active');
|
|
}else{
|
|
question.addClass('active');
|
|
answer.stop().slideDown().addClass('active');
|
|
}
|
|
});
|
|
});
|
|
})();
|
|
|
|
// Module name: Interactive steps
|
|
// Dependencies: jquery.steps.js
|
|
// Docs: https://github.com/rstaib/jquery-steps
|
|
(function(){
|
|
var steps = $('.js-steps-interactive');
|
|
|
|
steps.each(function() {
|
|
var step = $(this);
|
|
var config = {
|
|
headerTag: "h4",
|
|
transitionEffect: "fade",
|
|
enableAllSteps: true,
|
|
labels: {
|
|
current: ''
|
|
}
|
|
};
|
|
var userConfig = step.data('config');
|
|
|
|
$.extend(true, config, userConfig);
|
|
steps.steps(config);
|
|
});
|
|
})();
|
|
|
|
// Module name: Tabs
|
|
// Dependencies: jquery.steps.js
|
|
// Docs: https://github.com/rstaib/jquery-steps
|
|
(function(){
|
|
var tabsList = $('.js-tabs');
|
|
|
|
tabsList.each(function() {
|
|
var tab = $(this);
|
|
var config = {
|
|
headerTag: "h4",
|
|
bodyTag: "div",
|
|
titleTemplate: '#title#',
|
|
transitionEffect: "fade",
|
|
enableFinishButton: false,
|
|
enablePagination: false,
|
|
enableAllSteps: true,
|
|
labels: {
|
|
current: ''
|
|
}
|
|
};
|
|
var userConfig = tab.data('config');
|
|
|
|
$.extend(true, config, userConfig);
|
|
tab.steps(config);
|
|
});
|
|
})();
|
|
|
|
// Module name: Video
|
|
// Dependencies: jquery.fitvids.js
|
|
// Docs: https://github.com/davatron5000/FitVids.js
|
|
(function(){
|
|
$('body').fitVids();
|
|
})();
|
|
|
|
// Module name: Video Advanced
|
|
// Dependencies: jquery.ytv.js
|
|
// Docs: https://github.com/Giorgio003/Youtube-TV
|
|
(function(){
|
|
var vids = $('.js-video-advanced');
|
|
|
|
vids.each(function() {
|
|
var vid = $(this);
|
|
var config = {
|
|
apiKey: vid.data('api')
|
|
};
|
|
var userConfig = vid.data('config');
|
|
$.extend(true, config, userConfig);
|
|
|
|
vid.ytv(config);
|
|
|
|
vid.removeAttr('data-api');
|
|
});
|
|
|
|
})();
|
|
|
|
// Module name: Menu Mobile
|
|
// Dependencies: jquery.slicknav.js
|
|
// Docs: https://github.com/ComputerWolf/SlickNav
|
|
(function(){
|
|
var menus = $('.js-menu');
|
|
|
|
menus.each(function() {
|
|
var menu = $(this);
|
|
var config = {
|
|
label: '',
|
|
prependTo: menu.parent(),
|
|
closedSymbol: '',
|
|
openedSymbol: '',
|
|
allowParentLinks: true
|
|
};
|
|
|
|
var userConfig = menu.data('config');
|
|
|
|
// Merge default and user's configurations
|
|
$.extend(true, config, userConfig);
|
|
|
|
// Initialize SlickNav
|
|
menu.slicknav(config);
|
|
|
|
// Initialize SuperFish
|
|
menu.superfish({
|
|
delay: 300,
|
|
autoArrows: false,
|
|
speed: 'fast',
|
|
disableHI: true
|
|
});
|
|
|
|
// Switch to light menu on mobiles if necessary
|
|
if(menu.hasClass('menu-light')){
|
|
$('.slicknav_menu').addClass('menu-light');
|
|
}
|
|
|
|
// Close menu on offclick
|
|
$('body').click(function() {
|
|
if($('.slicknav_btn').hasClass('slicknav_open')){
|
|
menu.slicknav('close');
|
|
}
|
|
});
|
|
|
|
$('.slicknav_btn, .slicknav_nav').on('click', function(event) {
|
|
event.stopPropagation();
|
|
});
|
|
|
|
});
|
|
})();
|
|
|
|
// Module name: Menu Side
|
|
// Dependencies: jquery.sidr.js
|
|
// Docs: https://github.com/artberri/sidr
|
|
(function(){
|
|
var position = 'left';
|
|
var button = $('.js-menu-side');
|
|
|
|
if(button.length){
|
|
if(button.data('position') === 'right'){
|
|
position = 'right';
|
|
}
|
|
|
|
button.sidr({
|
|
source: '.js-menu-side-content',
|
|
side: position
|
|
});
|
|
|
|
$('.page').click(function() {
|
|
if($('#sidr').is(':visible')){
|
|
$.sidr('close');
|
|
}
|
|
});
|
|
|
|
button.click(function(event) {
|
|
event.stopPropagation();
|
|
});
|
|
}
|
|
|
|
|
|
})();
|
|
|
|
// Module menu: Fixed sidebar
|
|
// Dependencies: no dependencies
|
|
var FixedSidebar = (function(){
|
|
if (!HeaderFixed.isPresent()) {
|
|
var sidebars = $('.js-sidebar-fixed');
|
|
var additionalOffset = 30;
|
|
var pub = {};
|
|
|
|
pub.updateSidebarWidth = function (sidebar) {
|
|
if(sidebar){
|
|
sidebar.outerWidth(sidebar.parent().outerWidth());
|
|
}
|
|
};
|
|
pub.updateFixedSidebar = function (sidebar) {
|
|
var topDistance = $(window).scrollTop();
|
|
var layout = sidebar.closest('.js-layout');
|
|
var layoutHeight = layout.outerHeight();
|
|
var layoutOffset = layout.offset().top - additionalOffset;
|
|
var sidebarHeight = sidebar.outerHeight();
|
|
var heightLeft = topDistance + sidebarHeight - layoutHeight - layoutOffset;
|
|
|
|
// Update wrapper height - act as a placeholder
|
|
sidebar.closest('.js-sidebar-wrapper').height(sidebar.outerHeight());
|
|
|
|
// If sidebar should be fixed
|
|
if(topDistance > layoutOffset && heightLeft <= 0){
|
|
sidebar.addClass('sidebar-is-fixed').removeClass('sidebar-is-bottom');
|
|
pub.updateSidebarWidth(sidebar);
|
|
|
|
// If sidebar should be sticked to the bottom
|
|
}else if(topDistance > layoutOffset && heightLeft > 0){
|
|
sidebar.removeClass('sidebar-is-fixed').addClass('sidebar-is-bottom');
|
|
pub.updateSidebarWidth(sidebar);
|
|
|
|
// If sidebar should be static
|
|
}else{
|
|
sidebar.removeClass('sidebar-is-fixed sidebar-is-bottom');
|
|
}
|
|
};
|
|
|
|
sidebars.each(function() {
|
|
var sidebar = $(this);
|
|
var resizeTimer;
|
|
|
|
// Wrap all the sidebars
|
|
sidebar.wrap('<div class="js-sidebar-wrapper">');
|
|
|
|
pub.updateFixedSidebar(sidebar);
|
|
pub.updateSidebarWidth(sidebar);
|
|
|
|
$(window).on('resize', function() {
|
|
clearTimeout(resizeTimer);
|
|
resizeTimer = setTimeout(function() {
|
|
if (sidebar.is(':visible')) {
|
|
pub.updateSidebarWidth(sidebar);
|
|
pub.updateFixedSidebar(sidebar);
|
|
}
|
|
}, 250);
|
|
});
|
|
|
|
$(window).scroll(function () {
|
|
if (sidebar.is(':visible')) {
|
|
pub.updateFixedSidebar(sidebar);
|
|
}
|
|
});
|
|
});
|
|
|
|
return pub;
|
|
}
|
|
|
|
})();
|
|
|
|
// Module name: Menu Vertical
|
|
// Dependencies: tendina.min.js, jquery.resmenu.js
|
|
// Docs:
|
|
// https://github.com/iprignano/tendina
|
|
// https://github.com/micc83/ReSmenu
|
|
(function(){
|
|
var menus = $('.js-menu-vertical');
|
|
|
|
menus.each(function() {
|
|
var menu = $(this);
|
|
var prependTo = menu.data('prepend-to');
|
|
var select = menu.data('select');
|
|
|
|
menu.find('li').each(function() {
|
|
if ($(this).has('ul').length) {
|
|
$(this).addClass('has-children');
|
|
}
|
|
});
|
|
|
|
menu.tendina({
|
|
animate: false,
|
|
activeMenu: '.selected',
|
|
openCallback: function() {
|
|
if(FixedSidebar){
|
|
FixedSidebar.updateFixedSidebar(menu.closest('.js-sidebar-fixed'));
|
|
}
|
|
|
|
}
|
|
});
|
|
|
|
|
|
menu.ReSmenu({
|
|
maxWidth: 974,
|
|
prependTo: prependTo,
|
|
menuClass: "vertical-menu-select",
|
|
selectId: "vertical-menu-dropdown",
|
|
activeClass: "selected",
|
|
selectOption: select
|
|
});
|
|
});
|
|
})();
|
|
|
|
// Module name: Search Minimal
|
|
// Dependencies: no dependencies
|
|
(function(){
|
|
var searchIcons = $('.js-search-minimal-icon');
|
|
|
|
searchIcons.each(function () {
|
|
var btn = $(this);
|
|
var scope = btn.closest('.js-search-minimal');
|
|
var input = scope.find('.js-search-minimal-input');
|
|
|
|
btn.click(function () {
|
|
if(!input.is(':visible')){
|
|
input.fadeIn('fast');
|
|
$('input', input).focus();
|
|
}else{
|
|
input.fadeOut('fast');
|
|
}
|
|
});
|
|
});
|
|
})();
|
|
|
|
// Module name: Scroll Top
|
|
// Dependencies: no dependencies
|
|
(function(){
|
|
var scrollButton = $('.js-scroll-top');
|
|
|
|
scrollButton.click(function(e) {
|
|
e.preventDefault();
|
|
$("html, body").animate({ scrollTop: "0px" });
|
|
});
|
|
})();
|
|
|
|
// Module name: Full Page Section
|
|
// Dependencies: no dependencies
|
|
(function(){
|
|
var elems = $('.js-full-page');
|
|
var height = $(window).height();
|
|
var doit;
|
|
|
|
elems.outerHeight(height);
|
|
|
|
function resizedw(){
|
|
height = $(window).height();
|
|
elems.outerHeight(height);
|
|
}
|
|
|
|
window.onresize = function(){
|
|
clearTimeout(doit);
|
|
doit = setTimeout(resizedw, 100);
|
|
};
|
|
})();
|
|
|
|
// Module name: Scroll To
|
|
// Dependencies: no dependencies
|
|
(function(){
|
|
var buttons = $('.js-scroll-to');
|
|
|
|
|
|
|
|
buttons.each(function () {
|
|
var button = $(this);
|
|
var target = button.data('target');
|
|
var speed = button.data('speed') ? button.data('speed') : 1000;
|
|
|
|
if(typeof target !== 'undefined' && $(target).length){
|
|
button.click(function(event) {
|
|
event.preventDefault();
|
|
|
|
$('html, body').animate({
|
|
scrollTop: $(target).first().offset().top - HeaderFixed.getOffset()
|
|
}, speed);
|
|
});
|
|
}
|
|
});
|
|
})();
|
|
|
|
// Module name: Documentation version
|
|
// Dependencies: no dependencies
|
|
(function(){
|
|
var scope = $('.js-docs-version');
|
|
var currentBtn = scope.find('.js-docs-current-version');
|
|
var versionList = scope.find('.js-docs-version-list');
|
|
|
|
if(scope.length){
|
|
currentBtn.click(function (e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
if(versionList.is(':visible')){
|
|
versionList.fadeOut('fast');
|
|
}else{
|
|
versionList.fadeIn('fast');
|
|
}
|
|
});
|
|
|
|
$('body').click(function() {
|
|
if(versionList.is(':visible')){
|
|
versionList.fadeOut('fast');
|
|
}
|
|
});
|
|
}
|
|
})();
|
|
|
|
// Module name: Notes
|
|
// Dependencies: no dependencies
|
|
(function(){
|
|
var elems = $('.js-note');
|
|
|
|
elems.each(function () {
|
|
var note = $(this);
|
|
var close = note.find('.js-close');
|
|
close.click(function(e) {
|
|
e.preventDefault();
|
|
note.fadeOut();
|
|
});
|
|
});
|
|
})();
|
|
|
|
// Module name: Grid View
|
|
// Dependencies: jquery.equalHeight.js
|
|
// Docs: https://github.com/Sam152/Javascript-Equal-Height-Responsive-Rows
|
|
(function(){
|
|
var grid = $('.js-grid-view');
|
|
var elems = grid.find('.js-grid-view-elem');
|
|
|
|
elems.responsiveEqualHeightGrid();
|
|
})();
|
|
|
|
// Module name: Steps Slider
|
|
// Dependencies: owl.carousel.min.js
|
|
// Docs: https://github.com/smashingboxes/OwlCarousel2
|
|
(function(){
|
|
var slider = $('.js-steps-slider');
|
|
|
|
slider.owlCarousel({
|
|
items: 1,
|
|
margin: 5,
|
|
nav: true,
|
|
navText: ['',''],
|
|
navSpeed: 600,
|
|
dragEndSpeed: 600
|
|
});
|
|
})();
|
|
|
|
// Module name: Gif Player
|
|
// Dependencies: jquery.gifplayer.js
|
|
// Docs: https://github.com/rubentd/gifplayer
|
|
(function(){
|
|
var gifs = $('.js-gif-player');
|
|
|
|
gifs.gifplayer({
|
|
label: ''
|
|
});
|
|
})();
|
|
|
|
// Module name: Rotator
|
|
// Dependencies: morphext.js
|
|
// Docs: https://github.com/MrSaints/Morphext
|
|
(function(){
|
|
var rotators = $('.js-rotator');
|
|
|
|
rotators.Morphext({
|
|
animation: "bounceIn",
|
|
separator: ",",
|
|
speed: 2000
|
|
});
|
|
})();
|
|
|
|
// Module name: Notification
|
|
// Dependencies: no dependencies
|
|
(function(){
|
|
var notifications = $('.js-notification');
|
|
|
|
notifications.each(function () {
|
|
var elem = $(this);
|
|
var close = elem.find('.js-close');
|
|
|
|
close.click(function (e) {
|
|
e.preventDefault();
|
|
elem.slideUp(500);
|
|
});
|
|
});
|
|
})();
|
|
|
|
|
|
// Module name: Languages
|
|
// Dependencies: no dependencies
|
|
(function(){
|
|
var languages = $('.js-languages');
|
|
|
|
languages.each(function() {
|
|
var language = $(this);
|
|
var list = language.find('.js-languages-list');
|
|
|
|
language.mouseenter(function() {
|
|
list.stop().fadeIn();
|
|
}).mouseleave(function () {
|
|
list.stop().fadeOut();
|
|
});
|
|
});
|
|
})();
|
|
|
|
// Module name: Parallax
|
|
// Dependencies: no dependencies
|
|
(function(){
|
|
var elems = $('.js-parallax');
|
|
|
|
elems.each(function () {
|
|
var elem = $(this);
|
|
var height = elem.outerHeight();
|
|
var percent = height * 0.4;
|
|
|
|
elem.css('background-size', '120%');
|
|
|
|
$(window).scroll(function () {
|
|
var top = $(window).scrollTop();
|
|
var offsetBottom = elem.offset().top + height;
|
|
var scrolledPercents = (top * 100) / height;
|
|
var move = -(percent * scrolledPercents) / 100;
|
|
|
|
|
|
if (top < offsetBottom){
|
|
elem.css('background-position', 'center '+ move + "px");
|
|
}
|
|
|
|
});
|
|
});
|
|
})();
|
|
|
|
// Module name: Animate numbers
|
|
// Dependencies: jquery.animateNumbers.js
|
|
// Docs: https://github.com/talmand/jquery-animate-numbers
|
|
(function(){
|
|
var elems = $('.js-animate-number');
|
|
var animateNumbers = function (elem) {
|
|
if(elem.data('animated') !== true){
|
|
var scrollTop = $(window).scrollTop() + $(window).outerHeight();
|
|
var elemOffset = elem.offset().top + elem.outerHeight();
|
|
|
|
if(scrollTop > elemOffset){
|
|
elem.data('animated', true);
|
|
elem.animateNumbers(elem.data('number'), false, 2000, "swing");
|
|
}
|
|
}
|
|
};
|
|
|
|
elems.each(function() {
|
|
var elem = $(this);
|
|
animateNumbers(elem);
|
|
|
|
$(window).scroll(function () {
|
|
animateNumbers(elem);
|
|
});
|
|
});
|
|
|
|
})();
|
|
|
|
// Module name: Placeholder fix for old browsers
|
|
// Dependencies: jquery.placeholder.js
|
|
// Docs: https://github.com/mathiasbynens/jquery-placeholder
|
|
(function(){
|
|
$('input, textarea').placeholder();
|
|
})();
|
|
|
|
// Module name: Info
|
|
// Dependencies: no dependencies
|
|
(function(){
|
|
var infos = $('.js-info');
|
|
|
|
infos.each(function () {
|
|
var info = $(this);
|
|
var closeBtn = info.find('.js-info-close');
|
|
closeBtn.click(function (e) {
|
|
e.preventDefault();
|
|
info.slideUp();
|
|
});
|
|
});
|
|
})();
|
|
|
|
// Module name: Changelog
|
|
// Dependencies: jquery.instafilta.js
|
|
// Docs: https://github.com/chromawoods/instaFilta/
|
|
(function(){
|
|
var changelogs = $('.js-changelog');
|
|
|
|
changelogs.each(function() {
|
|
var changelog = $(this);
|
|
var changelogItems = changelog.find('.js-changelog-item');
|
|
|
|
var changelogFilter = changelog.find('.js-changelog-input').instaFilta({
|
|
scope: '.js-changelog',
|
|
targets: '.js-changelog-update-description'
|
|
});
|
|
|
|
var changelogCheckBox = changelog.find('.js-changelog-checkbox');
|
|
|
|
changelogItems.each(function() {
|
|
var changelogItem = $(this);
|
|
var switchBtn = changelogItem.find('.js-changelog-switch');
|
|
var fileFilters = changelogItem.find('.js-changelog-file-filter');
|
|
var filesScope = changelogItem.find('.js-changelog-files-scope').instaFilta({
|
|
targets: '.js-changelog-file',
|
|
scope: '.js-changelog-files-scope'
|
|
});
|
|
|
|
fileFilters.click(function () {
|
|
var filters = [];
|
|
$(this).toggleClass('inactive');
|
|
|
|
fileFilters.each(function () {
|
|
if(!$(this).hasClass('inactive')){
|
|
filters.push($(this).data('type'));
|
|
}
|
|
});
|
|
|
|
filesScope.filterCategory(filters);
|
|
});
|
|
|
|
switchBtn.click(function(e) {
|
|
e.preventDefault();
|
|
changelogItem.toggleClass('changelog-view-files');
|
|
});
|
|
});
|
|
|
|
changelogCheckBox.on('change', function () {
|
|
var checkedCategories = [];
|
|
|
|
changelogCheckBox.each(function() {
|
|
if ($(this).prop('checked')) {
|
|
checkedCategories.push($(this).val());
|
|
}
|
|
});
|
|
|
|
changelogFilter.filterCategory(checkedCategories);
|
|
});
|
|
|
|
|
|
|
|
|
|
});
|
|
})();
|
|
|
|
// Module name: Video Playlist Custom
|
|
// Dependencies: video.js, videojs-playlist.js
|
|
// Docs: https://github.com/videojs/video.js
|
|
// https://github.com/tim-peterson/videojs-playlist
|
|
(function(){
|
|
var videoPlaylists = $('.js-video-playlist');
|
|
|
|
videoPlaylists.each(function() {
|
|
var video = $(this);
|
|
var videoId = video.attr('id');
|
|
var config = video.data('config');
|
|
|
|
videojs(videoId, {
|
|
controlBar: {
|
|
// Remove the full screen toggle button from the panel
|
|
// It's a workaround, since there's no way to add custom buttons at specific index
|
|
fullscreenToggle: false
|
|
}
|
|
}).ready(function(){
|
|
var myPlayer = this;
|
|
var myPlaylist = null;
|
|
|
|
if (config) {
|
|
myPlaylist = myPlayer.playlist(config);
|
|
}else{
|
|
myPlaylist = myPlayer.playlist();
|
|
}
|
|
|
|
// Create and add the previous button to the panel
|
|
myPlayer.controlBar.addChild('button').addClass('vjs-prev-button').on('click', function () {
|
|
myPlaylist.prev();
|
|
});
|
|
|
|
// Create and add the next button to the panel
|
|
myPlayer.controlBar.addChild('button').addClass('vjs-next-button').on('click', function () {
|
|
myPlaylist.next();
|
|
});
|
|
|
|
// Add the full screen toggle button to the panel
|
|
// It's a workaround, since there's no way to add custom buttons at specific index
|
|
myPlayer.controlBar.addChild('fullscreenToggle');
|
|
|
|
});
|
|
|
|
});
|
|
|
|
$('.js-video-playlist-item-download').click(function(event) {
|
|
event.stopPropagation();
|
|
});
|
|
|
|
})();
|
|
|
|
// Module name: Video Trigger
|
|
// Dependencies: jquery.bpopup.js
|
|
// Docs: https://github.com/dinbror/bpopup/
|
|
(function() {
|
|
$('.js-video-trigger').click(function (e) {
|
|
e.preventDefault();
|
|
var trigger = $(this);
|
|
var url = trigger.data('video');
|
|
var content = $('.js-video-trigger-modal-content');
|
|
|
|
$('.js-video-trigger-modal').bPopup({
|
|
onOpen: function() {
|
|
content.html(url || '');
|
|
},
|
|
onClose: function() {
|
|
content.empty();
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
var self = $(this); //button
|
|
var content = $('.content');
|
|
|
|
$('element_to_pop_up').bPopup({
|
|
onOpen: function() {
|
|
content.html(self.data('bpopup') || '');
|
|
},
|
|
onClose: function() {
|
|
content.empty();
|
|
}
|
|
});
|
|
|
|
|
|
})();
|
|
|
|
// Module name: Fragment Identifier
|
|
// Dependencies: clipboard.js.min.js
|
|
// Docs: https://github.com/zenorocha/clipboard.js/
|
|
(function(){
|
|
|
|
var clipboard = new Clipboard('.js-fragment-identifier', {
|
|
text: function (trigger) {
|
|
return window.location.host + window.location.pathname + $(trigger).attr('href');
|
|
}
|
|
});
|
|
|
|
clipboard.on('success', function (e) {
|
|
e.clearSelection();
|
|
|
|
$(e.trigger).addClass('fragment-identifier-copied');
|
|
setTimeout(function () {
|
|
$(e.trigger).removeClass('fragment-identifier-copied');
|
|
}, 1000);
|
|
|
|
});
|
|
|
|
clipboard.on('error', function (e) {
|
|
$(e.trigger).addClass('fragment-identifier-error');
|
|
setTimeout(function () {
|
|
$(e.trigger).removeClass('fragment-identifier-error');
|
|
}, 1400);
|
|
});
|
|
|
|
$('.js-fragment-identifier').click(function(event) {
|
|
event.preventDefault();
|
|
|
|
var btn = $(this);
|
|
var href = btn.attr('href');
|
|
|
|
if (btn.hasClass('fragment-identifier-scroll')) {
|
|
$('html, body').animate({
|
|
scrollTop: $(href).offset().top - HeaderFixed.getOffset()
|
|
}, 500);
|
|
}
|
|
|
|
});
|
|
})();
|
|
|
|
// Module name: Contact Form
|
|
// Dependencies: jquery.form-validator.min.js
|
|
// Docs: https://github.com/victorjonsson/jQuery-Form-Validator
|
|
(function(){
|
|
var form = $('#js-contact-form');
|
|
|
|
if(form.length){
|
|
var submitForm = function ($form) {
|
|
var formURL = $form.attr("action"); // Get the form's action
|
|
var postData = $form.serialize(); // Serialize the form's data
|
|
var successMessage = $('.js-contacts-success'); // Select the success modal
|
|
|
|
// Submit an AJAX request
|
|
$.ajax({
|
|
url : formURL,
|
|
type: "POST",
|
|
data : postData,
|
|
success:function() {
|
|
// On success clear the data from the inputs
|
|
$form.find('input:text, textarea').val('');
|
|
// Show the success modal for 2 seconds
|
|
successMessage.fadeIn().delay(2000).fadeOut();
|
|
}
|
|
});
|
|
|
|
// Prevent form default behavior
|
|
return false;
|
|
};
|
|
|
|
// Validate the contact form, if succeeded, call the submitForm function
|
|
$.validate({
|
|
form : form,
|
|
onSuccess: submitForm
|
|
});
|
|
}
|
|
})();
|
|
|
|
// Module name: Footer Fixed
|
|
// Dependencies: no dependencies
|
|
(function(){
|
|
var footerFixed = $('.js-footer-is-fixed'); // Select the fixed footer
|
|
var page = $('.js-page'); // Select the page
|
|
var resizeTimer; // Define the timer
|
|
|
|
// Calculate the footer height and set it as a padding-bottom to the page
|
|
var updateHeight = function () {
|
|
var footerHeight = footerFixed.outerHeight();
|
|
page.css('padding-bottom', footerHeight + 'px');
|
|
};
|
|
|
|
// Check if fixed footer is enabled of disabled
|
|
if (footerFixed.length) {
|
|
footerFixed.addClass('footer-is-fixed');
|
|
updateHeight();
|
|
|
|
// Update the height on window resize
|
|
$(window).on('resize', function() {
|
|
clearTimeout(resizeTimer);
|
|
resizeTimer = setTimeout(function() {
|
|
updateHeight();
|
|
}, 250);
|
|
});
|
|
}
|
|
})();
|
|
|
|
// Module name: Video Background
|
|
// Dependencies: jquery.vide.min.js
|
|
// Docs: https://github.com/VodkaBears/Vide
|
|
(function(){
|
|
if ($('.js-video-background').length) {
|
|
var video = $('.js-video-background');
|
|
var videoSrc = video.data('video');
|
|
|
|
|
|
video.vide(videoSrc, {
|
|
posterType: 'jpg',
|
|
bgColor: '#000'
|
|
});
|
|
}
|
|
})();
|
|
|
|
// Module name: Custom Scrollbar
|
|
// Dependencies: jquery.jscrollpane.js, jquery.mousewheel-3.0.6.js
|
|
// Docs: https://github.com/vitch/jScrollPane
|
|
// Settings: http://jscrollpane.kelvinluck.com/settings.html
|
|
(function(){
|
|
// Select the custom scrollable areas
|
|
var customScrollbars = $('.js-custom-scrollbar');
|
|
|
|
customScrollbars.each(function() {
|
|
var customScrollbar = $(this);
|
|
var resizeTimer;
|
|
var api;
|
|
|
|
// Initialize the plugin
|
|
customScrollbar.jScrollPane({
|
|
mouseWheelSpeed: 40
|
|
});
|
|
|
|
// Accessing the plugin's API
|
|
api = customScrollbar.data('jsp');
|
|
|
|
$(window).on('resize', function() {
|
|
clearTimeout(resizeTimer);
|
|
resizeTimer = setTimeout(function() {
|
|
// On Window resize done, update the plugin
|
|
api.reinitialise();
|
|
}, 250);
|
|
});
|
|
|
|
});
|
|
|
|
})();
|
|
|
|
// Module name: One Page Navigation
|
|
// Dependencies: jquery.nav.js
|
|
// Docs: https://github.com/davist11/jQuery-One-Page-Nav
|
|
(function(){
|
|
// Select one page navigation elements
|
|
var navs = $('.js-one-page-nav');
|
|
|
|
navs.each(function() {
|
|
var nav = $(this);
|
|
|
|
// Initialize the plugin
|
|
nav.onePageNav({
|
|
currentClass: "is-active",
|
|
filter: ':not(.is-external)',
|
|
scrollOffset: HeaderFixed.getOffset()
|
|
});
|
|
});
|
|
})();
|
|
|
|
// Module name: Rating
|
|
// Dependencies: jquery.rating.js
|
|
// Docs: https://github.com/dreyescat/bootstrap-rating
|
|
(function(){
|
|
var rateWrappers = $('.js-rate-wrapper');
|
|
|
|
rateWrappers.each(function() {
|
|
var rateWrapper = $(this);
|
|
var rate = rateWrapper.find('.js-rate');
|
|
var rateCurrent = rateWrapper.find('.js-rate-current');
|
|
|
|
rate.rating({
|
|
extendSymbol: function () {
|
|
// On hovering a rating, update the current number.
|
|
$(this).on('rating.rateenter', function (e, rateNumber) {
|
|
rateCurrent.text(rateNumber);
|
|
|
|
// On mouse leave, set the current number to the selected one.
|
|
}).on('rating.rateleave', function () {
|
|
if (rate.val()) {
|
|
rateCurrent.text(rate.val());
|
|
}else{
|
|
rateCurrent.text('-');
|
|
}
|
|
});
|
|
}
|
|
});
|
|
});
|
|
|
|
})();
|
|
|
|
// Module name: Preloader
|
|
// Dependencies: no dependencies
|
|
(function(){
|
|
var preloader = $('.js-preloader');
|
|
var preload = $('.js-preload-me').length;
|
|
|
|
// Check if the preloader is active
|
|
if(preload){
|
|
$(window).load(function () {
|
|
preloader.fadeOut('slow',function () {
|
|
$(this).remove();
|
|
});
|
|
});
|
|
}
|
|
})();
|
|
|
|
})(jQuery); |