first commit
This commit is contained in:
346
resources/public/js/___theme.init.js
Normal file
346
resources/public/js/___theme.init.js
Normal file
@ -0,0 +1,346 @@
|
||||
// Commom Plugins
|
||||
(($ => {
|
||||
|
||||
'use strict';
|
||||
|
||||
// Scroll to Top Button.
|
||||
if (typeof theme.PluginScrollToTop !== 'undefined') {
|
||||
theme.PluginScrollToTop.initialize();
|
||||
}
|
||||
|
||||
// Tooltips
|
||||
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
|
||||
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
|
||||
return new bootstrap.Tooltip(tooltipTriggerEl)
|
||||
});
|
||||
|
||||
// Popovers
|
||||
var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
|
||||
var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
|
||||
return new bootstrap.Popover(popoverTriggerEl)
|
||||
});
|
||||
|
||||
// Validations
|
||||
if ( $.isFunction($.validator) && typeof theme.PluginValidation !== 'undefined') {
|
||||
theme.PluginValidation.initialize();
|
||||
}
|
||||
|
||||
// Animate
|
||||
if ($.isFunction($.fn['themePluginAnimate']) && $('[data-appear-animation]').length) {
|
||||
theme.fn.dynIntObsInit( '[data-appear-animation], [data-appear-animation-svg]', 'themePluginAnimate', theme.PluginAnimate.defaults );
|
||||
}
|
||||
|
||||
// Animated Content
|
||||
if ($.isFunction($.fn['themePluginAnimatedContent'])) {
|
||||
theme.fn.intObsInit( '[data-plugin-animated-letters]:not(.manual), .animated-letters', 'themePluginAnimatedContent' );
|
||||
theme.fn.intObsInit( '[data-plugin-animated-words]:not(.manual), .animated-words', 'themePluginAnimatedContent' );
|
||||
}
|
||||
|
||||
// Before / After
|
||||
if ($.isFunction($.fn['themePluginBeforeAfter']) && $('[data-plugin-before-after]').length) {
|
||||
theme.fn.intObsInit( '[data-plugin-before-after]:not(.manual)', 'themePluginBeforeAfter' );
|
||||
}
|
||||
|
||||
// Carousel Light
|
||||
if ($.isFunction($.fn['themePluginCarouselLight']) && $('.owl-carousel-light').length) {
|
||||
theme.fn.intObsInit( '.owl-carousel-light', 'themePluginCarouselLight' );
|
||||
}
|
||||
|
||||
// Carousel
|
||||
if ($.isFunction($.fn['themePluginCarousel']) && $('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').length) {
|
||||
theme.fn.intObsInit( '[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)', 'themePluginCarousel' );
|
||||
}
|
||||
|
||||
// Chart.Circular
|
||||
if ($.isFunction($.fn['themePluginChartCircular']) && ( $('[data-plugin-chart-circular]').length || $('.circular-bar-chart').length )) {
|
||||
theme.fn.dynIntObsInit( '[data-plugin-chart-circular]:not(.manual), .circular-bar-chart:not(.manual)', 'themePluginChartCircular', theme.PluginChartCircular.defaults );
|
||||
}
|
||||
|
||||
// Countdown
|
||||
if ($.isFunction($.fn['themePluginCountdown']) && ( $('[data-plugin-countdown]').length || $('.countdown').length )) {
|
||||
theme.fn.intObsInit( '[data-plugin-countdown]:not(.manual), .countdown', 'themePluginCountdown' );
|
||||
}
|
||||
|
||||
// Counter
|
||||
if ($.isFunction($.fn['themePluginCounter']) && ( $('[data-plugin-counter]').length || $('.counters [data-to]').length )) {
|
||||
theme.fn.dynIntObsInit( '[data-plugin-counter]:not(.manual), .counters [data-to]', 'themePluginCounter', theme.PluginCounter.defaults );
|
||||
}
|
||||
|
||||
// Cursor Effect
|
||||
if ($.isFunction($.fn['themePluginCursorEffect']) && $('[data-plugin-cursor-effect]').length ) {
|
||||
theme.fn.intObsInit( '[data-plugin-cursor-effect]:not(.manual)', 'themePluginCursorEffect' );
|
||||
}
|
||||
|
||||
// Float Element
|
||||
if ($.isFunction($.fn['themePluginFloatElement']) && $('[data-plugin-float-element]').length) {
|
||||
theme.fn.intObsInit( '[data-plugin-float-element], [data-plugin-float-element-svg]', 'themePluginFloatElement' );
|
||||
}
|
||||
|
||||
// GDPR
|
||||
if ($.isFunction($.fn['themePluginGDPR']) && $('[data-plugin-gdpr]').length) {
|
||||
|
||||
$(() => {
|
||||
$('[data-plugin-gdpr]:not(.manual)').each(function() {
|
||||
const $this = $(this);
|
||||
let opts;
|
||||
|
||||
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
|
||||
if (pluginOptions)
|
||||
opts = pluginOptions;
|
||||
|
||||
$this.themePluginGDPR(opts);
|
||||
});
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
// GDPR Wrapper
|
||||
if ($.isFunction($.fn['themePluginGDPRWrapper']) && $('[data-plugin-gdpr-wrapper]').length) {
|
||||
|
||||
$(() => {
|
||||
$('[data-plugin-gdpr-wrapper]:not(.manual)').each(function() {
|
||||
const $this = $(this);
|
||||
let opts;
|
||||
|
||||
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
|
||||
if (pluginOptions)
|
||||
opts = pluginOptions;
|
||||
|
||||
$this.themePluginGDPRWrapper(opts);
|
||||
});
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
// Hover Effect
|
||||
if ($.isFunction($.fn['themePluginHoverEffect']) && $('[data-plugin-hover-effect], .hover-effect-3d').length) {
|
||||
theme.fn.intObsInit( '[data-plugin-hover-effect]:not(.manual), .hover-effect-3d:not(.manual)', 'themePluginHoverEffect' );
|
||||
}
|
||||
|
||||
// Animated Icon
|
||||
if ($.isFunction($.fn['themePluginIcon']) && $('[data-icon]').length) {
|
||||
theme.fn.dynIntObsInit( '[data-icon]:not(.svg-inline--fa)', 'themePluginIcon', theme.PluginIcon.defaults );
|
||||
}
|
||||
|
||||
// In Viewport Style
|
||||
if ($.isFunction($.fn['themePluginInViewportStyle']) && $('[data-inviewport-style]').length) {
|
||||
|
||||
$(() => {
|
||||
$('[data-inviewport-style]:not(.manual)').each(function() {
|
||||
const $this = $(this);
|
||||
let opts;
|
||||
|
||||
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
|
||||
if (pluginOptions)
|
||||
opts = pluginOptions;
|
||||
|
||||
$this.themePluginInViewportStyle(opts);
|
||||
});
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
// Lightbox
|
||||
if ($.isFunction($.fn['themePluginLightbox']) && ( $('[data-plugin-lightbox]').length || $('.lightbox').length )) {
|
||||
theme.fn.execOnceTroughEvent( '[data-plugin-lightbox]:not(.manual), .lightbox:not(.manual)', 'mouseover.trigger.lightbox', function(){
|
||||
const $this = $(this);
|
||||
let opts;
|
||||
|
||||
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
|
||||
if (pluginOptions)
|
||||
opts = pluginOptions;
|
||||
|
||||
$this.themePluginLightbox(opts);
|
||||
});
|
||||
}
|
||||
|
||||
// Masonry
|
||||
if ($.isFunction($.fn['themePluginMasonry']) && $('[data-plugin-masonry]').length) {
|
||||
|
||||
$(() => {
|
||||
$('[data-plugin-masonry]:not(.manual)').each(function() {
|
||||
const $this = $(this);
|
||||
let opts;
|
||||
|
||||
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
|
||||
if (pluginOptions)
|
||||
opts = pluginOptions;
|
||||
|
||||
$this.themePluginMasonry(opts);
|
||||
});
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
if ($('[data-masonry]').length) {
|
||||
const $masonryItems = $('[data-masonry]');
|
||||
|
||||
$(window).on('load', () => {
|
||||
setTimeout(() => {
|
||||
$masonryItems.each(function() {
|
||||
$(this).masonry('layout');
|
||||
});
|
||||
}, 1);
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// Match Height
|
||||
if ($.isFunction($.fn['themePluginMatchHeight']) && $('[data-plugin-match-height]').length) {
|
||||
|
||||
$(() => {
|
||||
$('[data-plugin-match-height]:not(.manual)').each(function() {
|
||||
const $this = $(this);
|
||||
let opts;
|
||||
|
||||
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
|
||||
if (pluginOptions)
|
||||
opts = pluginOptions;
|
||||
|
||||
$this.themePluginMatchHeight(opts);
|
||||
});
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
// Parallax
|
||||
if ($.isFunction($.fn['themePluginParallax']) && $('[data-plugin-parallax]').length) {
|
||||
theme.fn.intObsInit( '[data-plugin-parallax]:not(.manual)', 'themePluginParallax' );
|
||||
}
|
||||
|
||||
// Progress Bar
|
||||
if ($.isFunction($.fn['themePluginProgressBar']) && ( $('[data-plugin-progress-bar]') || $('[data-appear-progress-animation]').length )) {
|
||||
theme.fn.dynIntObsInit( '[data-plugin-progress-bar]:not(.manual), [data-appear-progress-animation]', 'themePluginProgressBar', theme.PluginProgressBar.defaults );
|
||||
}
|
||||
|
||||
// Random Images
|
||||
if ($.isFunction($.fn['themePluginRandomImages']) && $('[data-plugin-random-images]').length) {
|
||||
theme.fn.dynIntObsInit( '.plugin-random-images', 'themePluginRandomImages', theme.PluginRandomImages.defaults );
|
||||
}
|
||||
|
||||
// Read More
|
||||
if ($.isFunction($.fn['themePluginReadMore']) && $('[data-plugin-readmore]').length) {
|
||||
theme.fn.intObsInit( '[data-plugin-readmore]:not(.manual)', 'themePluginReadMore' );
|
||||
}
|
||||
|
||||
// Revolution Slider
|
||||
if ($.isFunction($.fn['themePluginRevolutionSlider']) && ( $('[data-plugin-revolution-slider]').length || $('.slider-container .slider').length )) {
|
||||
|
||||
$(() => {
|
||||
$('[data-plugin-revolution-slider]:not(.manual), .slider-container .slider:not(.manual)').each(function() {
|
||||
const $this = $(this);
|
||||
let opts;
|
||||
|
||||
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
|
||||
if (pluginOptions)
|
||||
opts = pluginOptions;
|
||||
|
||||
$this.themePluginRevolutionSlider(opts);
|
||||
});
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
// Scroll Spy
|
||||
if ($.isFunction($.fn['themePluginScrollSpy']) && $('[data-plugin-scroll-spy]').length) {
|
||||
|
||||
$(() => {
|
||||
$('[data-plugin-scroll-spy]:not(.manual)').each(function() {
|
||||
const $this = $(this);
|
||||
let opts;
|
||||
|
||||
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
|
||||
if (pluginOptions)
|
||||
opts = pluginOptions;
|
||||
|
||||
$this.themePluginScrollSpy(opts);
|
||||
});
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
// Scrollable
|
||||
if ( $.isFunction($.fn[ 'nanoScroller' ]) && $('[data-plugin-scrollable]').length ) {
|
||||
theme.fn.intObsInit( '[data-plugin-scrollable]', 'themePluginScrollable' );
|
||||
}
|
||||
|
||||
// Section Scroll
|
||||
if ($.isFunction($.fn['themePluginSectionScroll']) && $('[data-plugin-section-scroll]').length) {
|
||||
|
||||
$(() => {
|
||||
$('[data-plugin-section-scroll]:not(.manual)').each(function() {
|
||||
const $this = $(this);
|
||||
let opts;
|
||||
|
||||
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
|
||||
if (pluginOptions)
|
||||
opts = pluginOptions;
|
||||
|
||||
$this.themePluginSectionScroll(opts);
|
||||
});
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
// Sort
|
||||
if ($.isFunction($.fn['themePluginSort']) && ( $('[data-plugin-sort]').length || $('.sort-source').length )) {
|
||||
theme.fn.intObsInit( '[data-plugin-sort]:not(.manual), .sort-source:not(.manual)', 'themePluginSort' );
|
||||
}
|
||||
|
||||
// Star Rating
|
||||
if ($.isFunction($.fn['themePluginStarRating']) && $('[data-plugin-star-rating]').length) {
|
||||
theme.fn.intObsInit( '[data-plugin-star-rating]:not(.manual)', 'themePluginStarRating' );
|
||||
}
|
||||
|
||||
// Sticky
|
||||
if ($.isFunction($.fn['themePluginSticky']) && $('[data-plugin-sticky]').length) {
|
||||
theme.fn.execOnceTroughWindowEvent( window, 'scroll.trigger.sticky', () => {
|
||||
$('[data-plugin-sticky]:not(.manual)').each(function() {
|
||||
const $this = $(this);
|
||||
let opts;
|
||||
|
||||
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
|
||||
if (pluginOptions)
|
||||
opts = pluginOptions;
|
||||
|
||||
$this.themePluginSticky(opts);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// Toggle
|
||||
if ($.isFunction($.fn['themePluginToggle']) && $('[data-plugin-toggle]').length) {
|
||||
theme.fn.intObsInit( '[data-plugin-toggle]:not(.manual)', 'themePluginToggle' );
|
||||
}
|
||||
|
||||
// Video Background
|
||||
if ($.isFunction($.fn['themePluginVideoBackground']) && $('[data-plugin-video-background]').length) {
|
||||
theme.fn.intObsInit( '[data-plugin-video-background]:not(.manual)', 'themePluginVideoBackground' );
|
||||
}
|
||||
|
||||
// Sticky Header
|
||||
if (typeof theme.StickyHeader !== 'undefined') {
|
||||
theme.StickyHeader.initialize();
|
||||
}
|
||||
|
||||
// Nav Menu
|
||||
if (typeof theme.Nav !== 'undefined') {
|
||||
theme.Nav.initialize();
|
||||
}
|
||||
|
||||
// Search
|
||||
if (typeof theme.Search !== 'undefined' && ( $('#searchForm').length || $('.header-nav-features-search-reveal').length )) {
|
||||
theme.Search.initialize();
|
||||
}
|
||||
|
||||
// Newsletter
|
||||
if (typeof theme.Newsletter !== 'undefined' && $('#newsletterForm').length) {
|
||||
theme.fn.intObs( '#newsletterForm', 'theme.Newsletter.initialize();', {} );
|
||||
}
|
||||
|
||||
// Account
|
||||
if (typeof theme.Account !== 'undefined' && ( $('#headerAccount').length || $('#headerSignUp').length || $('#headerSignIn').length || $('#headerRecover').length || $('#headerRecoverCancel').length )) {
|
||||
theme.Account.initialize();
|
||||
}
|
||||
|
||||
})).apply( this, [ jQuery ]);
|
11
resources/public/js/demos/demo-accounting-1.js
Normal file
11
resources/public/js/demos/demo-accounting-1.js
Normal file
@ -0,0 +1,11 @@
|
||||
/*
|
||||
Name: Demo Accounting 1
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
|
||||
|
||||
|
||||
})).apply( this, [ jQuery ]);
|
5
resources/public/js/demos/demo-app-landing.js
Normal file
5
resources/public/js/demos/demo-app-landing.js
Normal file
@ -0,0 +1,5 @@
|
||||
/*
|
||||
Name: App Landing
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
156
resources/public/js/demos/demo-architecture-2.js
Normal file
156
resources/public/js/demos/demo-architecture-2.js
Normal file
@ -0,0 +1,156 @@
|
||||
/*
|
||||
Name: Architecture 2
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
* Slider Background
|
||||
*/
|
||||
const $slider = $('#slider');
|
||||
|
||||
let direction = '';
|
||||
|
||||
$slider.on('click', '.owl-next', () => {
|
||||
direction = 'next';
|
||||
});
|
||||
|
||||
$slider.on('click', '.owl-prev', () => {
|
||||
direction = 'prev';
|
||||
});
|
||||
|
||||
$slider.on('changed.owl.carousel', ({item}) => {
|
||||
|
||||
$('.custom-slider-background .custom-slider-background-image-stage').each(function(){
|
||||
const $stage = $(this), $stageOuter = $stage.closest('.custom-slider-background-image-stage-outer'), $currentItem = $stage.find('.custom-slider-background-image-item').eq( item.index ), nItems = $stage.find('.custom-slider-background-image-item').length;
|
||||
|
||||
const distance = $stage.hasClass('reverse') ? ( $currentItem.outerHeight() * nItems ) - ( $currentItem.outerHeight() * ( item.index + 1 ) ) : $currentItem.outerHeight() * item.index, mathSymbol = $stage.hasClass('reverse') ? '-' : '-';
|
||||
|
||||
$stage.css({
|
||||
transform: 'translate3d(0, '+ mathSymbol + distance +'px, 0)'
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
// Once we have all ready, show the slider
|
||||
$slider.on('initialized.owl.carousel', () => {
|
||||
setTimeout(() => {
|
||||
$('.custom-slider-background').addClass('show');
|
||||
}, 800);
|
||||
});
|
||||
|
||||
// Hide nav on first load of page
|
||||
$slider.on('initialized.owl.carousel', () => {
|
||||
setTimeout(() => {
|
||||
$slider.find('.owl-nav').addClass('hide');
|
||||
}, 200);
|
||||
});
|
||||
|
||||
// Show nav once the slider animation is completed
|
||||
$('.custom-slider-background').parent().on('transitionend', () => {
|
||||
setTimeout(() => {
|
||||
$slider.find('.owl-nav').addClass('show');
|
||||
$('.custom-slider-background').addClass('custom-box-shadow-1');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
/*
|
||||
* Page Header
|
||||
*/
|
||||
$('.custom-page-header-1-wrapper > div').on('animationend', () => {
|
||||
setTimeout(() => {
|
||||
$('.custom-page-header-1-wrapper').addClass('custom-box-shadow-1');
|
||||
}, 1000);
|
||||
});
|
||||
|
||||
/*
|
||||
* Load More - Projects
|
||||
*/
|
||||
const loadMore = {
|
||||
|
||||
pages: 0,
|
||||
currentPage: 1,
|
||||
$wrapper: $('#loadMoreWrapper'),
|
||||
$btn: $('#loadMore'),
|
||||
$btnWrapper: $('#loadMoreBtnWrapper'),
|
||||
$loader: $('#loadMoreLoader'),
|
||||
|
||||
build() {
|
||||
|
||||
const self = this;
|
||||
|
||||
self.pages = self.$wrapper.data('total-pages');
|
||||
|
||||
if(self.pages <= 1) {
|
||||
|
||||
self.$btnWrapper.remove();
|
||||
return;
|
||||
|
||||
} else {
|
||||
|
||||
// init isotope
|
||||
self.$wrapper.isotope();
|
||||
|
||||
self.$btn.on('click', () => {
|
||||
self.loadMore();
|
||||
});
|
||||
|
||||
// Lazy Load
|
||||
if(self.$btn.hasClass('btn-lazy-load')) {
|
||||
theme.fn.intObs( '#loadMore', "$('#loadMore').trigger('click');", {
|
||||
rootMargin: '0px 0px 0px 0px'
|
||||
} );
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
loadMore() {
|
||||
|
||||
const self = this;
|
||||
|
||||
self.$btn.css({
|
||||
opacity: 0
|
||||
});
|
||||
self.$loader.show();
|
||||
|
||||
// Ajax
|
||||
$.ajax({
|
||||
url: 'ajax/demo-architecture-2-ajax-projects-load-more-' + (parseInt(self.currentPage)+1) + '.html',
|
||||
complete({responseText}) {
|
||||
|
||||
const $items = $(responseText);
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
self.$wrapper.append($items)
|
||||
|
||||
self.$wrapper.isotope('appended', $items);
|
||||
|
||||
self.currentPage++;
|
||||
|
||||
if(self.currentPage < self.pages) {
|
||||
self.$btn.css({
|
||||
opacity: 1
|
||||
}).blur();
|
||||
} else {
|
||||
self.$btnWrapper.remove();
|
||||
}
|
||||
|
||||
self.$loader.hide();
|
||||
|
||||
}, 1000);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
if($('#loadMoreWrapper').get(0)) {
|
||||
loadMore.build();
|
||||
}
|
||||
})).apply( this, [ jQuery ]);
|
214
resources/public/js/demos/demo-architecture-interior.js
Normal file
214
resources/public/js/demos/demo-architecture-interior.js
Normal file
@ -0,0 +1,214 @@
|
||||
/*
|
||||
Name: Architecture & Interior Design
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
// Custom Content Rotator
|
||||
$('.custom-content-rotator').each(function(){
|
||||
$(this).textRotator({
|
||||
fadeSpeed: 500,
|
||||
pauseSpeed: 5000
|
||||
});
|
||||
});
|
||||
|
||||
// Load More - Projects
|
||||
var portfolioLoadMore = {
|
||||
|
||||
pages: 0,
|
||||
currentPage: 1,
|
||||
$wrapper: $('#portfolioLoadMoreWrapper'),
|
||||
$btn: $('#portfolioLoadMore'),
|
||||
$btnWrapper: $('#portfolioLoadMoreBtnWrapper'),
|
||||
$loader: $('#portfolioLoadMoreLoader'),
|
||||
|
||||
build() {
|
||||
|
||||
const self = this;
|
||||
|
||||
self.pages = self.$wrapper.data('total-pages');
|
||||
|
||||
if(self.pages <= 1) {
|
||||
|
||||
self.$btnWrapper.remove();
|
||||
return;
|
||||
|
||||
} else {
|
||||
|
||||
self.$btn.on('click', () => {
|
||||
self.loadMore();
|
||||
});
|
||||
|
||||
// Infinite Scroll
|
||||
if(self.$btn.hasClass('btn-portfolio-infinite-scroll')) {
|
||||
theme.fn.intObs( '#portfolioLoadMore', "$('#portfolioLoadMore').trigger('click');", {
|
||||
rootMargin: '0px 0px 0px 0px'
|
||||
} );
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
loadMore() {
|
||||
|
||||
const self = this, ajax_url = ( self.$wrapper.data('ajax-url') ) ? self.$wrapper.data('ajax-url') : 'ajax/portfolio-ajax-load-more-';
|
||||
|
||||
self.$btn.parent().find('.btn').hide();
|
||||
self.$loader.addClass('portfolio-load-more-loader-showing').show();
|
||||
|
||||
// Ajax
|
||||
$.ajax({
|
||||
url: ajax_url + (parseInt(self.currentPage)+1) + '.html',
|
||||
complete({responseText}) {
|
||||
|
||||
const $items = $(responseText);
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
self.$wrapper.append($items);
|
||||
|
||||
self.currentPage++;
|
||||
|
||||
if(self.currentPage < self.pages) {
|
||||
self.$btn.parent().find('.btn').show().blur();
|
||||
} else {
|
||||
self.$btnWrapper.remove();
|
||||
}
|
||||
|
||||
// Carousel
|
||||
$(() => {
|
||||
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
|
||||
const $this = $(this);
|
||||
let opts;
|
||||
|
||||
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
|
||||
if (pluginOptions)
|
||||
opts = pluginOptions;
|
||||
|
||||
$this.themePluginCarousel(opts);
|
||||
});
|
||||
});
|
||||
|
||||
self.$loader.removeClass('portfolio-load-more-loader-showing').hide();
|
||||
|
||||
}, 1000);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
if($('#portfolioLoadMoreWrapper').get(0)) {
|
||||
portfolioLoadMore.build();
|
||||
}
|
||||
|
||||
// Load More - Blog
|
||||
var portfolioLoadMore = {
|
||||
|
||||
pages: 0,
|
||||
currentPage: 1,
|
||||
$wrapper: $('#portfolioLoadMoreWrapperBlog'),
|
||||
$btn: $('#portfolioLoadMoreBlog'),
|
||||
$btnWrapper: $('#portfolioLoadMoreBtnWrapperBlog'),
|
||||
$loader: $('#portfolioLoadMoreLoaderBlog'),
|
||||
|
||||
build() {
|
||||
|
||||
const self = this;
|
||||
|
||||
self.pages = self.$wrapper.data('total-pages');
|
||||
|
||||
if(self.pages <= 1) {
|
||||
|
||||
self.$btnWrapper.remove();
|
||||
return;
|
||||
|
||||
} else {
|
||||
|
||||
self.$btn.on('click', () => {
|
||||
self.loadMore();
|
||||
});
|
||||
|
||||
// Infinite Scroll
|
||||
if(self.$btn.hasClass('btn-portfolio-infinite-scroll')) {
|
||||
theme.fn.intObs( '#portfolioLoadMoreBlog', "$('#portfolioLoadMoreBlog').trigger('click');", {
|
||||
rootMargin: '0px 0px 0px 0px'
|
||||
} );
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
loadMore() {
|
||||
|
||||
const self = this, ajax_url = ( self.$wrapper.data('ajax-url') ) ? self.$wrapper.data('ajax-url') : 'ajax/portfolio-ajax-load-more-';
|
||||
|
||||
self.$btn.parent().find('.btn').hide();
|
||||
self.$loader.addClass('portfolio-load-more-loader-showing').show();
|
||||
|
||||
// Ajax
|
||||
$.ajax({
|
||||
url: ajax_url + (parseInt(self.currentPage)+1) + '.html',
|
||||
complete({responseText}) {
|
||||
|
||||
const $items = $(responseText);
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
self.$wrapper.append($items);
|
||||
|
||||
self.currentPage++;
|
||||
|
||||
if(self.currentPage < self.pages) {
|
||||
self.$btn.parent().find('.btn').show().blur();
|
||||
} else {
|
||||
self.$btnWrapper.remove();
|
||||
}
|
||||
|
||||
// Carousel
|
||||
$(() => {
|
||||
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
|
||||
const $this = $(this);
|
||||
let opts;
|
||||
|
||||
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
|
||||
if (pluginOptions)
|
||||
opts = pluginOptions;
|
||||
|
||||
$this.themePluginCarousel(opts);
|
||||
});
|
||||
});
|
||||
|
||||
self.$loader.removeClass('portfolio-load-more-loader-showing').hide();
|
||||
|
||||
}, 1000);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
if($('#portfolioLoadMoreWrapperBlog').get(0)) {
|
||||
portfolioLoadMore.build();
|
||||
}
|
||||
|
||||
/*
|
||||
Services Ajax
|
||||
*/
|
||||
$('.simple-ajax-popup').magnificPopup({
|
||||
type: 'ajax',
|
||||
callbacks: {
|
||||
open() {
|
||||
$('html').addClass('lightbox-opened');
|
||||
},
|
||||
close() {
|
||||
$('html').removeClass('lightbox-opened');
|
||||
}
|
||||
}
|
||||
});
|
||||
})).apply( this, [ jQuery ]);
|
51
resources/public/js/demos/demo-auto-services.js
Normal file
51
resources/public/js/demos/demo-auto-services.js
Normal file
@ -0,0 +1,51 @@
|
||||
/*
|
||||
Name: Auto Services
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
* Datepicker
|
||||
*/
|
||||
|
||||
// Fix datepicker issue when using body with margin (notice top bar)
|
||||
const datepicker = $.fn.datepicker;
|
||||
$.fn.datepicker = function(...args) {
|
||||
const result = datepicker.apply(this, args);
|
||||
|
||||
this.on('show', function (e) {
|
||||
const $target = $(this);
|
||||
const $picker = $target.data('datepicker').picker;
|
||||
let top;
|
||||
|
||||
if ($picker.hasClass('datepicker-orient-top')) {
|
||||
top = $target.offset().top - $picker.outerHeight() - parseInt($picker.css('marginTop'));
|
||||
} else {
|
||||
top = $target.offset().top + $target.outerHeight() + parseInt($picker.css('marginTop'));
|
||||
}
|
||||
|
||||
$picker.offset({top});
|
||||
});
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
// Initialize Datepickers on the page
|
||||
$('.custom-datepicker').each(function(){
|
||||
$(this).datepicker();
|
||||
});
|
||||
|
||||
/*
|
||||
* Timepicker
|
||||
*/
|
||||
$('.custom-timepicker').each(function(){
|
||||
$(this).timepicker({
|
||||
disableMousewheel: true,
|
||||
icons: {
|
||||
up: 'fas fa-chevron-up',
|
||||
down: 'fas fa-chevron-down'
|
||||
}
|
||||
});
|
||||
});
|
||||
})).apply( this, [ jQuery ]);
|
51
resources/public/js/demos/demo-band.js
Normal file
51
resources/public/js/demos/demo-band.js
Normal file
@ -0,0 +1,51 @@
|
||||
/*
|
||||
Name: Band
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
* Add "active" class to animate Custom Porto SVG Logo
|
||||
*/
|
||||
$(window).on('load', () => {
|
||||
setTimeout(() => {
|
||||
$('.custom-porto-svg-logo').addClass('active');
|
||||
}, 1000);
|
||||
});
|
||||
|
||||
/*
|
||||
* Scroll and Focus
|
||||
*/
|
||||
function scrollAndFocus($this, scrollTarget, focusTarget, scrollOffset, scrollAgain) {
|
||||
($ => {
|
||||
|
||||
$('body').addClass('scrolling');
|
||||
|
||||
// if it's inside a header menu
|
||||
if( $($this).closest('#mainNav').length ) {
|
||||
$($this).parents('.collapse.show').collapse('hide');
|
||||
}
|
||||
|
||||
$('html, body').animate({
|
||||
scrollTop: $(scrollTarget).offset().top - (scrollOffset ? scrollOffset : 0)
|
||||
}, 300, () => {
|
||||
$('body').removeClass('scrolling');
|
||||
|
||||
setTimeout(() => {
|
||||
$(focusTarget).focus();
|
||||
}, 500);
|
||||
|
||||
if( scrollAgain ) {
|
||||
$('html, body').animate({
|
||||
scrollTop: $(scrollTarget).offset().top - (scrollOffset ? scrollOffset : 0)
|
||||
});
|
||||
}
|
||||
});
|
||||
})(jQuery);
|
||||
}
|
||||
|
||||
$('[data-scroll-and-focus]').on('click', function() {
|
||||
scrollAndFocus($(this), '#contact', '#name', 70, true);
|
||||
});
|
||||
})).apply( this, [ jQuery ]);
|
5
resources/public/js/demos/demo-barber.js
Normal file
5
resources/public/js/demos/demo-barber.js
Normal file
@ -0,0 +1,5 @@
|
||||
/*
|
||||
Name: Barber
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
5
resources/public/js/demos/demo-beauty-salon.js
Normal file
5
resources/public/js/demos/demo-beauty-salon.js
Normal file
@ -0,0 +1,5 @@
|
||||
/*
|
||||
Name: Demo Beauty Salon
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
17
resources/public/js/demos/demo-business-consulting-2.js
Normal file
17
resources/public/js/demos/demo-business-consulting-2.js
Normal file
@ -0,0 +1,17 @@
|
||||
/*
|
||||
Name: Business Consulting 2
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
// Accordion
|
||||
$("[data-parent='#accordionServices']").on("click", function() {
|
||||
const trigger = $(this);
|
||||
$("#accordionServices .collapse.show").each(function() {
|
||||
if (trigger.attr("href") != ("#" + $(this).attr("id"))) {
|
||||
$(this).removeClass("show");
|
||||
}
|
||||
});
|
||||
});
|
||||
})).apply( this, [ jQuery ]);
|
120
resources/public/js/demos/demo-business-consulting-4.js
Normal file
120
resources/public/js/demos/demo-business-consulting-4.js
Normal file
@ -0,0 +1,120 @@
|
||||
/*
|
||||
Name: Demo Business Consulting 4
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
|
||||
(($ => {
|
||||
// Particles 1
|
||||
particlesJS("particles-1", {
|
||||
"particles": {
|
||||
"number": {
|
||||
"value": 30,
|
||||
"density": {
|
||||
"enable": true,
|
||||
"value_area": 800
|
||||
}
|
||||
},
|
||||
"color": {
|
||||
"value": "#ffffff"
|
||||
},
|
||||
"shape": {
|
||||
"type": "image",
|
||||
"stroke": {
|
||||
"width": 0,
|
||||
"color": "#000000"
|
||||
},
|
||||
"polygon": {
|
||||
"nb_sides": 5
|
||||
},
|
||||
"image": {
|
||||
"src": "img/demos/business-consulting-4/generic/generic-7.png",
|
||||
"width": 100,
|
||||
"height": 100
|
||||
}
|
||||
},
|
||||
"opacity": {
|
||||
"value": 1,
|
||||
"random": true,
|
||||
"anim": {
|
||||
"enable": true,
|
||||
"speed": 1,
|
||||
"opacity_min": 0,
|
||||
"sync": false
|
||||
}
|
||||
},
|
||||
"size": {
|
||||
"value": 48.10236182596568,
|
||||
"random": true,
|
||||
"anim": {
|
||||
"enable": false,
|
||||
"speed": 4,
|
||||
"size_min": 0.3,
|
||||
"sync": false
|
||||
}
|
||||
},
|
||||
"line_linked": {
|
||||
"enable": false,
|
||||
"distance": 150,
|
||||
"color": "#ffffff",
|
||||
"opacity": 0.4,
|
||||
"width": 1
|
||||
},
|
||||
"move": {
|
||||
"enable": true,
|
||||
"speed": 1,
|
||||
"direction": "none",
|
||||
"random": true,
|
||||
"straight": false,
|
||||
"out_mode": "out",
|
||||
"bounce": false,
|
||||
"attract": {
|
||||
"enable": false,
|
||||
"rotateX": 600,
|
||||
"rotateY": 600
|
||||
}
|
||||
}
|
||||
},
|
||||
"interactivity": {
|
||||
"detect_on": "canvas",
|
||||
"events": {
|
||||
"onhover": {
|
||||
"enable": true,
|
||||
"mode": "bubble"
|
||||
},
|
||||
"onclick": {
|
||||
"enable": true,
|
||||
"mode": "repulse"
|
||||
},
|
||||
"resize": true
|
||||
},
|
||||
"modes": {
|
||||
"grab": {
|
||||
"distance": 400,
|
||||
"line_linked": {
|
||||
"opacity": 1
|
||||
}
|
||||
},
|
||||
"bubble": {
|
||||
"distance": 250,
|
||||
"size": 0,
|
||||
"duration": 2,
|
||||
"opacity": 0,
|
||||
"speed": 3
|
||||
},
|
||||
"repulse": {
|
||||
"distance": 400,
|
||||
"duration": 0.4
|
||||
},
|
||||
"push": {
|
||||
"particles_nb": 4
|
||||
},
|
||||
"remove": {
|
||||
"particles_nb": 2
|
||||
}
|
||||
}
|
||||
},
|
||||
"retina_detect": true
|
||||
});
|
||||
})).apply( this, [ jQuery ]);
|
5
resources/public/js/demos/demo-business-consulting-5.js
Normal file
5
resources/public/js/demos/demo-business-consulting-5.js
Normal file
@ -0,0 +1,5 @@
|
||||
/*
|
||||
Name: Demo Business Consulting 5
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
130
resources/public/js/demos/demo-church.js
Normal file
130
resources/public/js/demos/demo-church.js
Normal file
@ -0,0 +1,130 @@
|
||||
/*
|
||||
Name: Church
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
* Validate
|
||||
*/
|
||||
if($('#contactFormMessage').get(0) ) {
|
||||
$('#contactFormMessage').validate({
|
||||
onkeyup: false,
|
||||
onclick: false,
|
||||
onfocusout: false,
|
||||
errorPlacement(error, element) {
|
||||
if (element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
|
||||
error.appendTo(element.parent().parent());
|
||||
} else {
|
||||
error.insertAfter(element);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/*
|
||||
* Ajax on Page
|
||||
*/
|
||||
const ajaxOnPagePortfolioDetails = {
|
||||
|
||||
pages: [],
|
||||
$ajaxBox: $('#galleryAjaxBox'),
|
||||
$ajaxBoxContent: $('#galleryAjaxBoxContent'),
|
||||
|
||||
build() {
|
||||
|
||||
const self = this;
|
||||
|
||||
$('a[data-ajax-on-page]').each(function() {
|
||||
self.add($(this));
|
||||
});
|
||||
|
||||
$(document).on('mousedown', 'a[data-ajax-on-page]', ev => {
|
||||
if (ev.which == 2) {
|
||||
ev.preventDefault();
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
add($el) {
|
||||
|
||||
const self = this, href = $el.attr('data-href');
|
||||
|
||||
self.pages.push(href);
|
||||
|
||||
$el.on('click', function(e) {
|
||||
e.preventDefault();
|
||||
self.show(self.pages.indexOf(href));
|
||||
|
||||
// Remove active from all items
|
||||
$('a[data-ajax-on-page]').find('.thumb-info-wrapper').removeClass('active');
|
||||
|
||||
// Set active current selected item
|
||||
$(this).find('.thumb-info-wrapper').addClass('active');
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
events() {
|
||||
|
||||
const self = this;
|
||||
|
||||
// Carousel
|
||||
if ($.isFunction($.fn['themePluginCarousel'])) {
|
||||
|
||||
$(() => {
|
||||
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
|
||||
const $this = $(this);
|
||||
let opts;
|
||||
|
||||
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
|
||||
if (pluginOptions)
|
||||
opts = pluginOptions;
|
||||
|
||||
$this.themePluginCarousel(opts);
|
||||
});
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
show(i) {
|
||||
|
||||
const self = this;
|
||||
|
||||
self.$ajaxBoxContent.empty();
|
||||
self.$ajaxBox.removeClass('ajax-box-init').addClass('ajax-box-loading');
|
||||
|
||||
$('html, body').animate({
|
||||
scrollTop: self.$ajaxBox.offset().top - 100
|
||||
}, 300, 'easeOutQuad');
|
||||
|
||||
// Ajax
|
||||
$.ajax({
|
||||
url: self.pages[i],
|
||||
complete({responseText}) {
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
self.$ajaxBoxContent.html(responseText);
|
||||
self.$ajaxBox.removeClass('ajax-box-loading');
|
||||
|
||||
self.events();
|
||||
|
||||
}, 1000);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
if($('#galleryAjaxBox').get(0)) {
|
||||
ajaxOnPagePortfolioDetails.build();
|
||||
}
|
||||
})).apply( this, [ jQuery ]);
|
27
resources/public/js/demos/demo-cleaning-services.js
Normal file
27
resources/public/js/demos/demo-cleaning-services.js
Normal file
@ -0,0 +1,27 @@
|
||||
/*
|
||||
Name: Cleaning Services
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
* SVG Aspect Ratio
|
||||
*/
|
||||
function aspectRatioSVG() {
|
||||
if( $(window).width() < 2000 ) {
|
||||
$('svg[preserveAspectRatio]').each(function(){
|
||||
$(this).attr('preserveAspectRatio', 'xMinYMin');
|
||||
});
|
||||
} else {
|
||||
$('svg[preserveAspectRatio]').each(function(){
|
||||
$(this).attr('preserveAspectRatio', 'none');
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
aspectRatioSVG();
|
||||
$(window).on('resize', () => {
|
||||
aspectRatioSVG();
|
||||
});
|
||||
})).apply( this, [ jQuery ]);
|
135
resources/public/js/demos/demo-construction-2.js
Normal file
135
resources/public/js/demos/demo-construction-2.js
Normal file
@ -0,0 +1,135 @@
|
||||
/*
|
||||
Name: Construction 2
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
// Load More - Projects
|
||||
const loadMore = {
|
||||
|
||||
pages: 0,
|
||||
currentPage: 1,
|
||||
$wrapper: $('#loadMoreWrapper'),
|
||||
$btn: $('#loadMore'),
|
||||
$btnWrapper: $('#loadMoreBtnWrapper'),
|
||||
$loader: $('#loadMoreLoader'),
|
||||
|
||||
build() {
|
||||
|
||||
const self = this;
|
||||
|
||||
self.pages = self.$wrapper.data('total-pages');
|
||||
|
||||
if(self.pages <= 1) {
|
||||
|
||||
self.$btnWrapper.remove();
|
||||
return;
|
||||
|
||||
} else {
|
||||
|
||||
// init isotope
|
||||
self.$wrapper.isotope();
|
||||
|
||||
self.$btn.on('click', () => {
|
||||
self.loadMore();
|
||||
});
|
||||
|
||||
// Lazy Load
|
||||
if(self.$btn.hasClass('btn-lazy-load')) {
|
||||
theme.fn.intObs( '#loadMore', "$('#loadMore').trigger('click');", {
|
||||
rootMargin: '0px 0px 0px 0px'
|
||||
} );
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
loadMore() {
|
||||
|
||||
const self = this;
|
||||
|
||||
self.$btn.css('visibility', 'hidden');
|
||||
self.$loader.show();
|
||||
|
||||
// Ajax
|
||||
$.ajax({
|
||||
url: 'ajax/demo-construction-2-ajax-projects-load-more-' + (parseInt(self.currentPage)+1) + '.html',
|
||||
complete({responseText}) {
|
||||
|
||||
const $items = $(responseText);
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
self.$wrapper.append($items)
|
||||
|
||||
self.$wrapper.isotope('appended', $items);
|
||||
|
||||
self.currentPage++;
|
||||
|
||||
if(self.currentPage < self.pages) {
|
||||
self.$btn.css('visibility', 'visible').blur();
|
||||
} else {
|
||||
self.$btnWrapper.remove();
|
||||
}
|
||||
|
||||
self.$loader.hide();
|
||||
|
||||
}, 1000);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
if($('#loadMoreWrapper').get(0)) {
|
||||
loadMore.build();
|
||||
}
|
||||
|
||||
// Thumb Gallery
|
||||
const $customThumbGalleryDetail = $('#customThumbGalleryDetail');
|
||||
|
||||
const $customThumbGalleryThumbs = $('#customThumbGalleryThumbs');
|
||||
let flag = false;
|
||||
const duration = 300;
|
||||
|
||||
$customThumbGalleryDetail
|
||||
.owlCarousel({
|
||||
items: 1,
|
||||
margin: 10,
|
||||
nav: false,
|
||||
dots: false,
|
||||
loop: false,
|
||||
navText: [],
|
||||
rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
|
||||
})
|
||||
.on('changed.owl.carousel', ({item}) => {
|
||||
if (!flag) {
|
||||
flag = true;
|
||||
$customThumbGalleryThumbs.trigger('to.owl.carousel', [item.index-1, duration, true]);
|
||||
flag = false;
|
||||
}
|
||||
});
|
||||
|
||||
$customThumbGalleryThumbs
|
||||
.owlCarousel({
|
||||
margin: 15,
|
||||
items: 4,
|
||||
nav: false,
|
||||
center: false,
|
||||
dots: false,
|
||||
rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
|
||||
})
|
||||
.on('click', '.owl-item', function() {
|
||||
$customThumbGalleryDetail.trigger('to.owl.carousel', [$(this).index(), duration, true]);
|
||||
})
|
||||
.on('changed.owl.carousel', ({item}) => {
|
||||
if (!flag) {
|
||||
flag = true;
|
||||
$customThumbGalleryDetail.trigger('to.owl.carousel', [item.index, duration, true]);
|
||||
flag = false;
|
||||
}
|
||||
});
|
||||
})).apply(this, [jQuery]);
|
74
resources/public/js/demos/demo-creative-agency-1.js
Normal file
74
resources/public/js/demos/demo-creative-agency-1.js
Normal file
@ -0,0 +1,74 @@
|
||||
/*
|
||||
Name: Demo Creative Agency 1
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
// Disable Scroll to Top
|
||||
theme.PluginScrollToTop.initialize = () => {};
|
||||
|
||||
(($ => {
|
||||
|
||||
if (typeof LocomotiveScroll !== 'undefined') {
|
||||
|
||||
window.scrollTo(0,0);
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
/*
|
||||
Horizontal Scroll
|
||||
*/
|
||||
let scroller;
|
||||
|
||||
let initLocoScroll = () => {
|
||||
|
||||
window.scrollTo(0,0);
|
||||
|
||||
scroller = new LocomotiveScroll({
|
||||
el: document.querySelector('[data-scroll-container]'),
|
||||
smooth: true,
|
||||
direction: (window.innerWidth > 1199 ? "horizontal" : "vertical"),
|
||||
mobile: {
|
||||
breakpoint: 0,
|
||||
smooth: true,
|
||||
direction: (window.innerWidth > 1199 ? "horizontal" : "vertical")
|
||||
},
|
||||
tablet: {
|
||||
breakpoint: 0,
|
||||
smooth: true,
|
||||
direction: (window.innerWidth > 1199 ? "horizontal" : "vertical")
|
||||
}
|
||||
});
|
||||
|
||||
scroller.on("scroll", () => {
|
||||
ScrollTrigger.update();
|
||||
});
|
||||
}
|
||||
|
||||
initLocoScroll();
|
||||
|
||||
$('[data-hash]').off().on('click', function(e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
const anchor = $($(this).attr('href')).get(0);
|
||||
|
||||
scroller.scrollTo(anchor);
|
||||
});
|
||||
|
||||
$(window).afterResize(() => {
|
||||
scroller.destroy();
|
||||
initLocoScroll();
|
||||
});
|
||||
|
||||
}, 100);
|
||||
|
||||
window.onbeforeunload = () => {
|
||||
window.scrollTo(0,0);
|
||||
};
|
||||
|
||||
} else {
|
||||
|
||||
theme.fn.showErrorMessage('Failed to Load File', 'Failed to load: Locomotive Scroll - Include the following file(s): (vendor/locomotive-scroll/locomotive-scroll.min.js)');
|
||||
|
||||
}
|
||||
})).apply( this, [ jQuery ]);
|
14
resources/public/js/demos/demo-creative-agency-2.js
Normal file
14
resources/public/js/demos/demo-creative-agency-2.js
Normal file
@ -0,0 +1,14 @@
|
||||
/*
|
||||
Name: Demo Creative Agency 2
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
$(window).on('load', () => {
|
||||
setTimeout(() => {
|
||||
$('.custom-hero-bg').addClass('loaded');
|
||||
}, 500);
|
||||
|
||||
});
|
||||
})).apply( this, [ jQuery ]);
|
62
resources/public/js/demos/demo-dentist.js
Normal file
62
resources/public/js/demos/demo-dentist.js
Normal file
@ -0,0 +1,62 @@
|
||||
/*
|
||||
Name: Demo Dentist
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
const owlTestimonials = $('#textimonialsCarousel');
|
||||
|
||||
owlTestimonials.on('initialized.owl.carousel', event => {
|
||||
|
||||
if ($.isFunction($.fn['themePluginBeforeAfter'])) {
|
||||
|
||||
$(() => {
|
||||
$('[data-plugin-before-after]:not(.manual)').each(function() {
|
||||
const $this = $(this);
|
||||
let opts;
|
||||
|
||||
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
|
||||
if (pluginOptions)
|
||||
opts = pluginOptions;
|
||||
|
||||
$this.themePluginBeforeAfter(opts);
|
||||
});
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
|
||||
owlTestimonials.owlCarousel({
|
||||
loop: false,
|
||||
responsive: {
|
||||
0: {
|
||||
items: 1
|
||||
},
|
||||
479: {
|
||||
items: 1
|
||||
},
|
||||
768: {
|
||||
items: 1
|
||||
},
|
||||
979: {
|
||||
items: 1
|
||||
},
|
||||
1199: {
|
||||
items: 1
|
||||
}
|
||||
},
|
||||
mouseDrag: false,
|
||||
touchDrag: false,
|
||||
nav: true,
|
||||
dots: false,
|
||||
navText: [],
|
||||
margin: 0,
|
||||
autoWidth: false,
|
||||
autoHeight: false,
|
||||
items: 1,
|
||||
rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
|
||||
});
|
||||
})).apply( this, [ jQuery ]);
|
28
resources/public/js/demos/demo-event.js
Normal file
28
resources/public/js/demos/demo-event.js
Normal file
@ -0,0 +1,28 @@
|
||||
/*
|
||||
Name: Event
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
Dialog with CSS animation
|
||||
*/
|
||||
theme.fn.execOnceTroughEvent( $('.popup-with-zoom-anim'), 'mouseover.trigger.zoom.lightbox', function(){
|
||||
$(this).magnificPopup({
|
||||
type: 'inline',
|
||||
|
||||
fixedContentPos: false,
|
||||
fixedBgPos: true,
|
||||
|
||||
overflowY: 'auto',
|
||||
|
||||
closeBtnInside: true,
|
||||
preloader: false,
|
||||
|
||||
midClick: true,
|
||||
removalDelay: 300,
|
||||
mainClass: 'my-mfp-zoom-in'
|
||||
});
|
||||
});
|
||||
})).apply( this, [ jQuery ]);
|
105
resources/public/js/demos/demo-gym.js
Normal file
105
resources/public/js/demos/demo-gym.js
Normal file
@ -0,0 +1,105 @@
|
||||
/*
|
||||
Name: Gym
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
// Slider Options
|
||||
const sliderOptions = {
|
||||
sliderType: 'standard',
|
||||
sliderLayout: 'fullscreen',
|
||||
responsiveLevels: [4096,1200,992,420],
|
||||
gridwidth:[1170,970,750],
|
||||
delay: 5000,
|
||||
disableProgressBar: 'on',
|
||||
lazyType: "none",
|
||||
shadow: 0,
|
||||
spinner: "off",
|
||||
shuffle: "off",
|
||||
autoHeight: "off",
|
||||
fullScreenAlignForce: "off",
|
||||
fullScreenOffset: "",
|
||||
hideThumbsOnMobile: "off",
|
||||
hideSliderAtLimit: 0,
|
||||
hideCaptionAtLimit: 0,
|
||||
hideAllCaptionAtLilmit: 0,
|
||||
debugMode: false,
|
||||
fallbacks: {
|
||||
simplifyAll: "off",
|
||||
nextSlideOnWindowFocus: "off",
|
||||
disableFocusListener: false,
|
||||
},
|
||||
navigation: {
|
||||
keyboardNavigation: "on",
|
||||
keyboard_direction: "horizontal",
|
||||
mouseScrollNavigation: "off",
|
||||
onHoverStop: "off",
|
||||
touch: {
|
||||
touchenabled: "on",
|
||||
swipe_threshold: 75,
|
||||
swipe_min_touches: 1,
|
||||
swipe_direction: "horizontal",
|
||||
drag_block_vertical: false
|
||||
},
|
||||
arrows: {
|
||||
enable: false,
|
||||
},
|
||||
bullets: {
|
||||
style:"custom-tp-bullets",
|
||||
enable: true,
|
||||
container:"slider",
|
||||
rtl: false,
|
||||
hide_onmobile: false,
|
||||
hide_onleave: true,
|
||||
hide_delay: 200,
|
||||
hide_delay_mobile: 1200,
|
||||
hide_under: 0,
|
||||
hide_over: 9999,
|
||||
direction:"horizontal",
|
||||
space: 20,
|
||||
h_align: "center",
|
||||
v_align: "bottom",
|
||||
h_offset: 0,
|
||||
v_offset: 50
|
||||
}
|
||||
},
|
||||
parallax:{
|
||||
type:"on",
|
||||
levels:[20,40,60,80,100],
|
||||
origo:"enterpoint",
|
||||
speed:400,
|
||||
bgparallax:"on",
|
||||
disable_onmobile:"off"
|
||||
}
|
||||
};
|
||||
|
||||
// Slider Init
|
||||
$('#revolutionSlider').revolution(sliderOptions);
|
||||
|
||||
// Custom Menu Style
|
||||
if($('.custom-header-style-1').get(0)) {
|
||||
$('.header-nav-main nav > ul > li > a').each(function(){
|
||||
const parent = $(this).parent(), clone = $(this).clone(), clone2 = $(this).clone(), wrapper = $('<span class="wrapper-items-cloned"></span>');
|
||||
|
||||
// Config Classes
|
||||
$(this).addClass('item-original');
|
||||
clone2.addClass('item-two');
|
||||
|
||||
// Insert on DOM
|
||||
parent.prepend(wrapper);
|
||||
wrapper.append(clone).append(clone2);
|
||||
});
|
||||
}
|
||||
|
||||
// Isotope
|
||||
const $wrapper = $('#itemDetailGallery');
|
||||
|
||||
if( $wrapper.get(0) ) {
|
||||
$wrapper.waitForImages(() => {
|
||||
$wrapper.isotope({
|
||||
itemSelector: '.isotope-item'
|
||||
});
|
||||
});
|
||||
}
|
||||
})).apply( this, [ jQuery ]);
|
136
resources/public/js/demos/demo-hotel.js
Normal file
136
resources/public/js/demos/demo-hotel.js
Normal file
@ -0,0 +1,136 @@
|
||||
/*
|
||||
Name: Hotel
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
// Slider
|
||||
$('#revolutionSlider').revolution({
|
||||
sliderType: 'standard',
|
||||
sliderLayout: 'fullwidth',
|
||||
delay: 5000,
|
||||
gridwidth: 1170,
|
||||
gridheight: 530,
|
||||
spinner: 'off',
|
||||
disableProgressBar: 'on',
|
||||
parallax:{
|
||||
type:"on",
|
||||
levels:[5,10,15,20,25,30,35,40,45,50,55,60,65,70,75,80,85],
|
||||
origo:"enterpoint",
|
||||
speed:400,
|
||||
bgparallax:"on",
|
||||
disable_onmobile:"off"
|
||||
},
|
||||
navigation: {
|
||||
keyboardNavigation:"off",
|
||||
keyboard_direction: "horizontal",
|
||||
mouseScrollNavigation:"off",
|
||||
onHoverStop:"on",
|
||||
touch:{
|
||||
touchenabled:"on",
|
||||
swipe_threshold: 75,
|
||||
swipe_min_touches: 1,
|
||||
swipe_direction: "horizontal",
|
||||
drag_block_vertical: false
|
||||
},
|
||||
bullets: {
|
||||
enable:true,
|
||||
hide_onmobile:true,
|
||||
hide_under:778,
|
||||
style:"uranus",
|
||||
tmp: '<span class="tp-bullet-inner"></span>',
|
||||
hide_onleave:false,
|
||||
direction:"horizontal",
|
||||
h_align:"center",
|
||||
v_align:"bottom",
|
||||
h_offset:0,
|
||||
v_offset:45,
|
||||
space:7
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Header
|
||||
const $headerWrapper = $('#headerBookNow');
|
||||
|
||||
if( $(window).width() > 991 ) {
|
||||
$headerWrapper.on('mousedown', () => {
|
||||
$headerWrapper.addClass('open');
|
||||
});
|
||||
|
||||
$(document).mouseup(({target}) => {
|
||||
if (!$headerWrapper.is(target) && $headerWrapper.has(target).length === 0 && !$(target).parents('.datepicker').get(0)) {
|
||||
$headerWrapper.removeClass('open');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// DatePicker
|
||||
$('#bookNowArrivalHeader').datepicker({
|
||||
defaultDate: '+1d',
|
||||
startDate: '+1d',
|
||||
autoclose: true,
|
||||
orientation: (($('html[dir="rtl"]').get(0)) ? 'bottom right' : 'bottom'),
|
||||
container: '#header',
|
||||
rtl: (($('html[dir="rtl"]').get(0)) ? true : false)
|
||||
});
|
||||
|
||||
$('#bookNowDepartureHeader').datepicker({
|
||||
defaultDate: '+2d',
|
||||
startDate: '+2d',
|
||||
autoclose: true,
|
||||
orientation: (($('html[dir="rtl"]').get(0)) ? 'bottom right' : 'bottom'),
|
||||
container: '#header',
|
||||
rtl: (($('html[dir="rtl"]').get(0)) ? true : false)
|
||||
});
|
||||
|
||||
$(document).scroll(() => {
|
||||
$('#bookNowArrivalHeader, #bookNowDepartureHeader').datepicker('hide').blur();
|
||||
});
|
||||
|
||||
$('#bookNowArrival').datepicker({
|
||||
defaultDate: '+1d',
|
||||
startDate: '+1d',
|
||||
autoclose: true,
|
||||
orientation: (($('html[dir="rtl"]').get(0)) ? 'bottom left' : 'bottom left'),
|
||||
container: '#bookFormDetails',
|
||||
rtl: (($('html[dir="rtl"]').get(0)) ? true : false)
|
||||
});
|
||||
|
||||
$('#bookNowDeparture').datepicker({
|
||||
defaultDate: '+2d',
|
||||
startDate: '+2d',
|
||||
autoclose: true,
|
||||
orientation: (($('html[dir="rtl"]').get(0)) ? 'bottom left' : 'bottom left'),
|
||||
container: '#bookFormDetails',
|
||||
rtl: (($('html[dir="rtl"]').get(0)) ? true : false)
|
||||
});
|
||||
|
||||
// Book Form
|
||||
$('#bookFormHeader').validate({
|
||||
onkeyup: false,
|
||||
onclick: false,
|
||||
onfocusout: false,
|
||||
errorPlacement(error, element) {
|
||||
if (element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
|
||||
error.appendTo(element.parent().parent());
|
||||
} else {
|
||||
error.insertAfter(element);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$('#bookForm').validate({
|
||||
onkeyup: false,
|
||||
onclick: false,
|
||||
onfocusout: false,
|
||||
errorPlacement(error, element) {
|
||||
if (element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
|
||||
error.appendTo(element.parent().parent());
|
||||
} else {
|
||||
error.insertAfter(element);
|
||||
}
|
||||
}
|
||||
});
|
||||
})).apply( this, [ jQuery ]);
|
69
resources/public/js/demos/demo-industry-factory.js
Normal file
69
resources/public/js/demos/demo-industry-factory.js
Normal file
@ -0,0 +1,69 @@
|
||||
/*
|
||||
Name: Industry & Factory
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
* SVG Aspect Ratio
|
||||
*/
|
||||
function aspectRatioSVG() {
|
||||
if( $(window).width() < 2000 ) {
|
||||
$('svg[preserveAspectRatio]:not(.custom-svg-btn-background)').each(function(){
|
||||
$(this).attr('preserveAspectRatio', 'xMinYMin');
|
||||
});
|
||||
} else {
|
||||
$('svg[preserveAspectRatio]:not(.custom-svg-btn-background)').each(function(){
|
||||
$(this).attr('preserveAspectRatio', 'none');
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
aspectRatioSVG();
|
||||
$(window).on('resize', () => {
|
||||
aspectRatioSVG();
|
||||
});
|
||||
|
||||
/*
|
||||
* Play Video
|
||||
*/
|
||||
const $videoBox = $('.custom-featured-box-with-video');
|
||||
|
||||
$videoBox.find('.custom-trigger-play-video').on('click', function(e){
|
||||
e.preventDefault();
|
||||
|
||||
const $this = $(this);
|
||||
|
||||
// Show Loading Dots
|
||||
$this
|
||||
.css('height', $this.outerHeight())
|
||||
.html( '<div class="bounce-loader"><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></div>' );
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
// Hide Video Poster
|
||||
$videoBox
|
||||
.find('.featured-box-background')
|
||||
.addClass('hide');
|
||||
|
||||
// Hide Video Box Content
|
||||
$videoBox
|
||||
.find('.box-content')
|
||||
.addClass('hide');
|
||||
|
||||
// Turn the video active
|
||||
$videoBox
|
||||
.find('.custom-featured-box-video')
|
||||
.addClass('active');
|
||||
|
||||
// Play video
|
||||
setTimeout(() => {
|
||||
$videoBox
|
||||
.find('.custom-featured-box-video')
|
||||
.get(0)
|
||||
.play();
|
||||
}, 500);
|
||||
}, 1000);
|
||||
});
|
||||
})).apply( this, [ jQuery ]);
|
122
resources/public/js/demos/demo-it-services.js
Normal file
122
resources/public/js/demos/demo-it-services.js
Normal file
@ -0,0 +1,122 @@
|
||||
/*
|
||||
Name: it-services
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
* Load More - Cases
|
||||
*/
|
||||
const portfolioLoadMore = {
|
||||
|
||||
pages: 0,
|
||||
currentPage: 1,
|
||||
$wrapper: $('#portfolioLoadMoreWrapper'),
|
||||
$btn: $('#portfolioLoadMore'),
|
||||
$btnWrapper: $('#portfolioLoadMoreBtnWrapper'),
|
||||
$loader: $('#portfolioLoadMoreLoader'),
|
||||
|
||||
build() {
|
||||
|
||||
const self = this;
|
||||
|
||||
self.pages = self.$wrapper.data('total-pages');
|
||||
|
||||
if(self.pages <= 1) {
|
||||
|
||||
self.$btnWrapper.remove();
|
||||
return;
|
||||
|
||||
} else {
|
||||
|
||||
self.$btn.on('click', () => {
|
||||
self.loadMore();
|
||||
});
|
||||
|
||||
// Infinite Scroll
|
||||
if(self.$btn.hasClass('btn-portfolio-infinite-scroll')) {
|
||||
theme.fn.intObs( '#portfolioLoadMore', "$('#portfolioLoadMore').trigger('click');", {
|
||||
rootMargin: '0px 0px 0px 0px'
|
||||
} );
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
loadMore() {
|
||||
|
||||
const self = this, ajax_url = ( self.$wrapper.data('ajax-url') ) ? self.$wrapper.data('ajax-url') : 'ajax/portfolio-ajax-load-more-';
|
||||
|
||||
self.$btn.hide();
|
||||
self.$loader.addClass('portfolio-load-more-loader-showing').show();
|
||||
|
||||
// Ajax
|
||||
$.ajax({
|
||||
url: ajax_url + (parseInt(self.currentPage)+1) + '.html',
|
||||
complete({responseText}) {
|
||||
|
||||
const $items = $(responseText);
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
self.$wrapper.append($items)
|
||||
|
||||
self.$wrapper.isotope('appended', $items);
|
||||
|
||||
self.currentPage++;
|
||||
|
||||
if(self.currentPage < self.pages) {
|
||||
self.$btn.show().blur();
|
||||
} else {
|
||||
self.$btnWrapper.remove();
|
||||
}
|
||||
|
||||
// Carousel
|
||||
$(() => {
|
||||
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
|
||||
const $this = $(this);
|
||||
let opts;
|
||||
|
||||
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
|
||||
if (pluginOptions)
|
||||
opts = pluginOptions;
|
||||
|
||||
$this.themePluginCarousel(opts);
|
||||
});
|
||||
});
|
||||
|
||||
self.$loader.removeClass('portfolio-load-more-loader-showing').hide();
|
||||
|
||||
}, 1000);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
if($('#portfolioLoadMoreWrapper').get(0)) {
|
||||
portfolioLoadMore.build();
|
||||
}
|
||||
|
||||
/**
|
||||
* Custom Simple Form Validation
|
||||
*
|
||||
*/
|
||||
$('.custom-form-simple-validation').each(function(){
|
||||
$(this).validate({
|
||||
onkeyup: false,
|
||||
onclick: false,
|
||||
onfocusout: false,
|
||||
errorPlacement(error, element) {
|
||||
if (element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
|
||||
error.appendTo(element.closest('.form-group'));
|
||||
} else {
|
||||
error.insertAfter(element);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
})).apply( this, [ jQuery ]);
|
27
resources/public/js/demos/demo-law-firm-2.js
Normal file
27
resources/public/js/demos/demo-law-firm-2.js
Normal file
@ -0,0 +1,27 @@
|
||||
/*
|
||||
Name: Law Firm 2
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
* Custom See More Overlay
|
||||
*/
|
||||
$('.custom-seemore-overlay-button').on('click', function(e){
|
||||
e.preventDefault();
|
||||
|
||||
const $this = $(this), $wrapper = $this.closest('.custom-seemore-overlay');
|
||||
|
||||
$wrapper.addClass('active');
|
||||
|
||||
setTimeout(() => {
|
||||
$this.closest('.custom-seemore-overlay').animate({
|
||||
'max-height': $wrapper[0].scrollHeight
|
||||
}, () => {
|
||||
$this.remove();
|
||||
$wrapper.closest('.custom-seemore-overlay').css('max-height', 'none');
|
||||
});
|
||||
}, 200);
|
||||
});
|
||||
})).apply( this, [ jQuery ]);
|
87
resources/public/js/demos/demo-law-firm.js
Normal file
87
resources/public/js/demos/demo-law-firm.js
Normal file
@ -0,0 +1,87 @@
|
||||
/*
|
||||
Name: Law Firm
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
Combination Filters
|
||||
*/
|
||||
if($('#combinationFilters').get(0)) {
|
||||
|
||||
$(window).on('load', () => {
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
const $grid = $('.portfolio-list').isotope({
|
||||
itemSelector: '.isotope-item',
|
||||
layoutMode: 'masonry',
|
||||
filter: '*',
|
||||
hiddenStyle: {
|
||||
opacity: 0
|
||||
},
|
||||
visibleStyle: {
|
||||
opacity: 1
|
||||
},
|
||||
stagger: 30,
|
||||
isOriginLeft: ($('html').attr('dir') == 'rtl' ? false : true)
|
||||
});
|
||||
|
||||
const filters = {}, $loader = $('.sort-destination-loader');
|
||||
|
||||
$('.filters').on('click', 'a', function(e) {
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
const $this = $(this);
|
||||
|
||||
const $buttonGroup = $this.parents('.portfolio-filter-group');
|
||||
const filterGroup = $buttonGroup.attr('data-filter-group');
|
||||
|
||||
filters[filterGroup] = $this.parent().attr('data-option-value');
|
||||
|
||||
const filterValue = concatValues(filters);
|
||||
|
||||
$grid.isotope({
|
||||
filter: filterValue
|
||||
});
|
||||
});
|
||||
|
||||
$('.portfolio-filter-group').each((i, buttonGroup) => {
|
||||
const $buttonGroup = $(buttonGroup);
|
||||
$buttonGroup.on('click', 'a', function() {
|
||||
$buttonGroup.find('.active').removeClass('active');
|
||||
$(this).parent().addClass('active');
|
||||
$(this).addClass('active');
|
||||
});
|
||||
});
|
||||
|
||||
var concatValues = obj => {
|
||||
let value = '';
|
||||
for (const prop in obj) {
|
||||
value += obj[prop];
|
||||
}
|
||||
return value;
|
||||
}
|
||||
|
||||
$(window).on('resize', () => {
|
||||
setTimeout(() => {
|
||||
$grid.isotope('layout');
|
||||
}, 300);
|
||||
});
|
||||
|
||||
if ($loader) {
|
||||
$loader.removeClass('sort-destination-loader-showing');
|
||||
|
||||
setTimeout(() => {
|
||||
$loader.addClass('sort-destination-loader-loaded');
|
||||
}, 500);
|
||||
}
|
||||
|
||||
}, 1000);
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
})).apply( this, [ jQuery ]);
|
102
resources/public/js/demos/demo-marketing-1.js
Normal file
102
resources/public/js/demos/demo-marketing-1.js
Normal file
@ -0,0 +1,102 @@
|
||||
/*
|
||||
Name: Demo Marketing 1
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
gsap.registerPlugin(ScrollTrigger);
|
||||
|
||||
/*
|
||||
Section Scale
|
||||
*/
|
||||
gsap.utils.toArray(".gsap-section-scale").forEach((section, index) => {
|
||||
const tl1 = gsap.timeline({
|
||||
scrollTrigger: {
|
||||
trigger: section,
|
||||
start: "100% 100%",
|
||||
end: "bottom top",
|
||||
scrub: true
|
||||
},
|
||||
});
|
||||
|
||||
tl1.fromTo(
|
||||
section, {
|
||||
scale: 1,
|
||||
},
|
||||
{
|
||||
scale: 0.9,
|
||||
duration: 1,
|
||||
ease: "power2.out"
|
||||
}
|
||||
);
|
||||
});
|
||||
|
||||
/*
|
||||
Image Change
|
||||
*/
|
||||
gsap.defaults({ overwrite: 'auto'});
|
||||
|
||||
// Set up our scroll trigger
|
||||
const ST = ScrollTrigger.create({
|
||||
trigger: ".gsap-content-container",
|
||||
start: "top top",
|
||||
end: "bottom bottom",
|
||||
onUpdate: getCurrentSection
|
||||
});
|
||||
|
||||
const contentMarkers = gsap.utils.toArray(".gsap-content-marker");
|
||||
|
||||
// Set up our content behaviors
|
||||
contentMarkers.forEach(marker => {
|
||||
marker.content = document.querySelector(`#${marker.dataset.markerContent}`);
|
||||
|
||||
marker.content.enter = () => {
|
||||
gsap.fromTo(marker.content, {
|
||||
autoAlpha: 0
|
||||
}, {
|
||||
duration: 0.3,
|
||||
autoAlpha: 1
|
||||
});
|
||||
}
|
||||
|
||||
marker.content.leave = () => {
|
||||
gsap.to(marker.content, {
|
||||
duration: 0.1,
|
||||
autoAlpha: 0
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
// Handle the updated position
|
||||
let lastContent;
|
||||
|
||||
function getCurrentSection() {
|
||||
let newContent;
|
||||
const currScroll = scrollY;
|
||||
|
||||
// Find the current section
|
||||
contentMarkers.forEach(({offsetTop, content}) => {
|
||||
if (currScroll > (offsetTop - 100)) {
|
||||
newContent = content;
|
||||
}
|
||||
});
|
||||
|
||||
// If the current section is different than that last, animate in
|
||||
if (newContent &&
|
||||
(lastContent == null ||
|
||||
!newContent.isSameNode(lastContent))) {
|
||||
// Fade out last section
|
||||
if (lastContent) {
|
||||
lastContent.leave();
|
||||
}
|
||||
|
||||
// Animate in new section
|
||||
newContent.enter();
|
||||
|
||||
lastContent = newContent;
|
||||
}
|
||||
|
||||
}
|
||||
})).apply( this, [ jQuery ]);
|
104
resources/public/js/demos/demo-medical.js
Normal file
104
resources/public/js/demos/demo-medical.js
Normal file
@ -0,0 +1,104 @@
|
||||
/*
|
||||
Name: Medical
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
// Ajax on Page
|
||||
const ajaxOnPageMedical = {
|
||||
|
||||
pages: [],
|
||||
$ajaxBox: $('#porfolioAjaxBoxMedical'),
|
||||
$ajaxBoxContent: $('#porfolioAjaxBoxContentMedical'),
|
||||
|
||||
build() {
|
||||
|
||||
const self = this;
|
||||
|
||||
$('a[data-ajax-on-page]').each(function() {
|
||||
self.add($(this));
|
||||
});
|
||||
|
||||
$(document).on('mousedown', 'a[data-ajax-on-page]', ev => {
|
||||
if (ev.which == 2) {
|
||||
ev.preventDefault();
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
add($el) {
|
||||
|
||||
const self = this, href = $el.attr('data-href');
|
||||
|
||||
self.pages.push(href);
|
||||
|
||||
$el.on('click', e => {
|
||||
e.preventDefault();
|
||||
self.show(self.pages.indexOf(href));
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
events() {
|
||||
|
||||
const self = this;
|
||||
|
||||
// Carousel
|
||||
if ($.isFunction($.fn['themePluginCarousel'])) {
|
||||
|
||||
$(() => {
|
||||
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
|
||||
const $this = $(this);
|
||||
let opts;
|
||||
|
||||
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
|
||||
if (pluginOptions)
|
||||
opts = pluginOptions;
|
||||
|
||||
$this.themePluginCarousel(opts);
|
||||
});
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
show(i) {
|
||||
|
||||
const self = this;
|
||||
|
||||
self.$ajaxBoxContent.empty();
|
||||
self.$ajaxBox.removeClass('ajax-box-init').addClass('ajax-box-loading');
|
||||
|
||||
$('html, body').animate({
|
||||
scrollTop: self.$ajaxBox.offset().top - 100
|
||||
}, 300, 'easeOutQuad');
|
||||
|
||||
// Ajax
|
||||
$.ajax({
|
||||
url: self.pages[i],
|
||||
complete({responseText}) {
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
self.$ajaxBoxContent.html(responseText);
|
||||
self.$ajaxBox.removeClass('ajax-box-loading');
|
||||
|
||||
self.events();
|
||||
|
||||
}, 1000);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
if($('#porfolioAjaxBoxMedical').get(0)) {
|
||||
ajaxOnPageMedical.build();
|
||||
}
|
||||
})).apply( this, [ jQuery ]);
|
229
resources/public/js/demos/demo-one-page-agency.js
Normal file
229
resources/public/js/demos/demo-one-page-agency.js
Normal file
@ -0,0 +1,229 @@
|
||||
/*
|
||||
Name: One Page Agency
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
const $window = $(window);
|
||||
|
||||
/*
|
||||
* Header
|
||||
*/
|
||||
const $header = $('#header');
|
||||
|
||||
window.onscroll = () => {
|
||||
if (window.pageYOffset > $header.offset().top) {
|
||||
$('html').addClass('sticky-header-active');
|
||||
} else {
|
||||
$('html').removeClass('sticky-header-active');
|
||||
}
|
||||
};
|
||||
|
||||
/*
|
||||
* Collapse Menu Button
|
||||
*/
|
||||
$('.header-btn-collapse-nav').on('click', () => {
|
||||
$('html, body').animate({
|
||||
scrollTop: $(".header-btn-collapse-nav").offset().top - 18
|
||||
}, 300);
|
||||
});
|
||||
|
||||
/*
|
||||
* Isotope
|
||||
*/
|
||||
const $wrapper = $('#itemDetailGallery');
|
||||
|
||||
if( $wrapper.get(0) ) {
|
||||
$wrapper.waitForImages(() => {
|
||||
$wrapper.isotope({
|
||||
itemSelector: '.isotope-item'
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
/*
|
||||
Load More
|
||||
*/
|
||||
const portfolioLoadMore = {
|
||||
|
||||
pages: 0,
|
||||
currentPage: 1,
|
||||
$wrapper: $('#portfolioLoadMoreWrapper'),
|
||||
$btn: $('#portfolioLoadMore'),
|
||||
$btnWrapper: $('#portfolioLoadMoreBtnWrapper'),
|
||||
$loader: $('#portfolioLoadMoreLoader'),
|
||||
|
||||
build() {
|
||||
|
||||
const self = this;
|
||||
|
||||
self.pages = self.$wrapper.data('total-pages');
|
||||
|
||||
if(self.pages <= 1) {
|
||||
|
||||
self.$btnWrapper.remove();
|
||||
return;
|
||||
|
||||
} else {
|
||||
|
||||
self.$btn.on('click', () => {
|
||||
self.loadMore();
|
||||
});
|
||||
|
||||
// Infinite Scroll
|
||||
if(self.$btn.hasClass('btn-portfolio-infinite-scroll')) {
|
||||
theme.fn.intObs( '#portfolioLoadMore', "$('#portfolioLoadMore').trigger('click');", {
|
||||
rootMargin: '0px 0px 0px 0px'
|
||||
}, true );
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
loadMore() {
|
||||
|
||||
const self = this, ajax_url = ( self.$wrapper.data('ajax-url') ) ? self.$wrapper.data('ajax-url') : 'ajax/portfolio-ajax-load-more-';
|
||||
|
||||
self.$btn.hide();
|
||||
self.$loader.addClass('portfolio-load-more-loader-showing').show();
|
||||
|
||||
// Ajax
|
||||
$.ajax({
|
||||
url: ajax_url + (parseInt(self.currentPage)+1) + '.html',
|
||||
complete({responseText}) {
|
||||
|
||||
const $items = $(responseText);
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
self.$wrapper.append($items)
|
||||
|
||||
self.$wrapper.isotope('appended', $items);
|
||||
|
||||
self.currentPage++;
|
||||
|
||||
if(self.currentPage < self.pages) {
|
||||
self.$btn.show().blur();
|
||||
} else {
|
||||
self.$btnWrapper.remove();
|
||||
}
|
||||
|
||||
// Carousel
|
||||
$(() => {
|
||||
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
|
||||
const $this = $(this);
|
||||
let opts;
|
||||
|
||||
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
|
||||
if (pluginOptions)
|
||||
opts = pluginOptions;
|
||||
|
||||
$this.themePluginCarousel(opts);
|
||||
});
|
||||
});
|
||||
|
||||
self.$loader.removeClass('portfolio-load-more-loader-showing').hide();
|
||||
|
||||
self.$wrapper.waitForImages(() => {
|
||||
self.$wrapper.isotope('layout');
|
||||
});
|
||||
|
||||
}, 1000);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
if($('#portfolioLoadMoreWrapper').get(0)) {
|
||||
portfolioLoadMore.build();
|
||||
}
|
||||
|
||||
/*
|
||||
* Ajax on Modal
|
||||
*/
|
||||
theme.fn.execOnceTroughEvent( 'a[data-ajax-on-modal]', 'mouseover.trigger.ajax.on.modal', () => {
|
||||
$('a[data-ajax-on-modal]').magnificPopup({
|
||||
type: 'ajax',
|
||||
tLoading: '',
|
||||
mainClass: 'portfolio-ajax-modal',
|
||||
closeBtnInside: true,
|
||||
gallery: {
|
||||
enabled: true
|
||||
},
|
||||
callbacks: {
|
||||
ajaxContentAdded() {
|
||||
|
||||
// Wrapper
|
||||
const $wrapper = $('.portfolio-ajax-modal');
|
||||
|
||||
// Close
|
||||
$wrapper.find('a[data-ajax-portfolio-close]').on('click', e => {
|
||||
e.preventDefault();
|
||||
$.magnificPopup.close();
|
||||
});
|
||||
|
||||
// Remove Next and Close
|
||||
if($('a[data-ajax-on-modal]').length <= 1) {
|
||||
|
||||
$wrapper.find('a[data-ajax-portfolio-prev], a[data-ajax-portfolio-next]').remove();
|
||||
|
||||
} else {
|
||||
|
||||
// Prev
|
||||
$wrapper.find('a[data-ajax-portfolio-prev]').on('click', e => {
|
||||
e.preventDefault();
|
||||
$('.mfp-arrow-left').trigger('click');
|
||||
return false;
|
||||
});
|
||||
|
||||
// Next
|
||||
$wrapper.find('a[data-ajax-portfolio-next]').on('click', e => {
|
||||
e.preventDefault();
|
||||
$('.mfp-arrow-right').trigger('click');
|
||||
return false;
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
// Carousel
|
||||
$(() => {
|
||||
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
|
||||
const $this = $(this);
|
||||
let opts;
|
||||
|
||||
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
|
||||
if (pluginOptions)
|
||||
opts = pluginOptions;
|
||||
|
||||
$this.themePluginCarousel(opts);
|
||||
});
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/*
|
||||
* Dialog with CSS animation
|
||||
*/
|
||||
$('.popup-with-zoom-anim').magnificPopup({
|
||||
type: 'inline',
|
||||
|
||||
fixedContentPos: false,
|
||||
fixedBgPos: true,
|
||||
|
||||
overflowY: 'auto',
|
||||
|
||||
closeBtnInside: true,
|
||||
preloader: false,
|
||||
|
||||
midClick: true,
|
||||
removalDelay: 300,
|
||||
mainClass: 'my-mfp-zoom-in'
|
||||
});
|
||||
})).apply( this, [ jQuery ]);
|
134
resources/public/js/demos/demo-personal-portfolio-1.js
Normal file
134
resources/public/js/demos/demo-personal-portfolio-1.js
Normal file
@ -0,0 +1,134 @@
|
||||
/*
|
||||
Name: Demo Personal Portfolio 1
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
Horizontal Scroller Section
|
||||
*/
|
||||
if( $('.horizontal-scroller-item').length ) {
|
||||
if (typeof gsap !== 'undefined') {
|
||||
|
||||
// Copy Original HTML to clone on Resize.
|
||||
const originalScrollHTML = $('.horizontal-scroller').html();
|
||||
|
||||
// Generate Scroller
|
||||
const generateScroller = () => {
|
||||
|
||||
let images = gsap.utils.toArray('.horizontal-scroller-item');
|
||||
|
||||
gsap.to(images, {
|
||||
xPercent: -100 * (images.length - 1),
|
||||
ease: 'none',
|
||||
scrollTrigger: {
|
||||
trigger: '.horizontal-scroller',
|
||||
pin: true,
|
||||
scrub: 1,
|
||||
snap: 1 / (images.length - 1),
|
||||
end: () => '+=' + document.querySelector('.horizontal-scroller-images').offsetWidth
|
||||
}
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
// Resize Event removing and restarting
|
||||
$(window).afterResize(() => {
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
let Alltrigger = ScrollTrigger.getAll();
|
||||
|
||||
for (let i = 0; i < Alltrigger.length; i++) {
|
||||
Alltrigger[i].kill(true);
|
||||
}
|
||||
|
||||
$('.horizontal-scroller-wrapper').empty().html('<section class="horizontal-scroller bg-dark">' + originalScrollHTML + '</section>');
|
||||
|
||||
generateScroller();
|
||||
generateCircleExpand();
|
||||
|
||||
}, 500);
|
||||
|
||||
});
|
||||
|
||||
/*
|
||||
Circle Expand
|
||||
*/
|
||||
var generateCircleExpand = () => {
|
||||
|
||||
let section = document.getElementById('circleSection'),
|
||||
dot = document.getElementById("circleDot");
|
||||
|
||||
gsap.set(dot, {
|
||||
width: "142vmax",
|
||||
height: "142vmax",
|
||||
xPercent: -50,
|
||||
yPercent: -50,
|
||||
top: "50%",
|
||||
left: "50%"
|
||||
});
|
||||
|
||||
let tl1 = gsap.timeline({
|
||||
scrollTrigger: {
|
||||
trigger: section,
|
||||
start: "-50%",
|
||||
end: "0%",
|
||||
scrub: 2,
|
||||
invalidateOnRefresh: true,
|
||||
},
|
||||
defaults: {
|
||||
ease: "none"
|
||||
}
|
||||
});
|
||||
|
||||
tl1
|
||||
.fromTo(dot, {
|
||||
scale: 0
|
||||
}, {
|
||||
x: 0,
|
||||
y: 0,
|
||||
ease: "power3.in",
|
||||
scale: 1
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
// Init GSAP Elements
|
||||
generateScroller();
|
||||
generateCircleExpand();
|
||||
|
||||
|
||||
} else {
|
||||
|
||||
theme.fn.showErrorMessage('Failed to Load File', 'Failed to load: GSAP - Include the following file(s): (vendor/gsap/gsap.min.js)');
|
||||
|
||||
}
|
||||
|
||||
/*
|
||||
Spotlight Cursor Text - Credits: https://codepen.io/carolineartz/pen/rNaGQYo
|
||||
*/
|
||||
if( $('.spotlight-cursor-text').length ) {
|
||||
if (typeof gsap !== 'undefined') {
|
||||
|
||||
document.body.addEventListener('mousemove', ({clientX, clientY}) => {
|
||||
const mouseX = clientX;
|
||||
const mouseY = clientY;
|
||||
|
||||
gsap.to('.shape', {
|
||||
x: mouseX,
|
||||
y: mouseY,
|
||||
stagger: -0.1
|
||||
});
|
||||
});
|
||||
|
||||
} else {
|
||||
|
||||
theme.fn.showErrorMessage('Failed to Load File', 'Failed to load: GSAP - Include the following file(s): (vendor/gsap/gsap.min.js)');
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
})).apply( this, [ jQuery ]);
|
49
resources/public/js/demos/demo-personal-portfolio-2.js
Normal file
49
resources/public/js/demos/demo-personal-portfolio-2.js
Normal file
@ -0,0 +1,49 @@
|
||||
/*
|
||||
Name: Demo Personal Portfolio 2
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
Locomotive
|
||||
*/
|
||||
if (typeof LocomotiveScroll !== 'undefined') {
|
||||
|
||||
window.scrollTo(0,0);
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
const scroller = new LocomotiveScroll({
|
||||
el: document.querySelector("[data-scroll-container]"),
|
||||
smooth: true,
|
||||
mobile: {
|
||||
breakpoint: 0,
|
||||
smooth: true
|
||||
},
|
||||
tablet: {
|
||||
breakpoint: 0,
|
||||
smooth: true
|
||||
}
|
||||
});
|
||||
|
||||
$('[data-hash]').off().on('click', function(e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
const anchor = $($(this).attr('href')).get(0);
|
||||
|
||||
scroller.scrollTo(anchor);
|
||||
});
|
||||
|
||||
}, 100);
|
||||
|
||||
window.onbeforeunload = () => {
|
||||
window.scrollTo(0,0);
|
||||
};
|
||||
|
||||
} else {
|
||||
|
||||
theme.fn.showErrorMessage('Failed to Load File', 'Failed to load: Locomotive Scroll - Include the following file(s): (vendor/locomotive-scroll/locomotive-scroll.min.js)');
|
||||
|
||||
}
|
||||
})).apply( this, [ jQuery ]);
|
97
resources/public/js/demos/demo-personal-portfolio-3.js
Normal file
97
resources/public/js/demos/demo-personal-portfolio-3.js
Normal file
@ -0,0 +1,97 @@
|
||||
/*
|
||||
Name: Demo Personal Portfolio 3
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
// Disable Scroll to Top
|
||||
theme.PluginScrollToTop.initialize = () => {};
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
Locomotive
|
||||
*/
|
||||
if (typeof LocomotiveScroll !== 'undefined') {
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
const pageContainer = document.querySelector("[data-scroll-container]");
|
||||
pageContainer.setAttribute("data-scroll-container", "");
|
||||
|
||||
const scroller = new LocomotiveScroll({
|
||||
el: pageContainer,
|
||||
smooth: true,
|
||||
mobile: {
|
||||
breakpoint: 0,
|
||||
smooth: true
|
||||
},
|
||||
tablet: {
|
||||
breakpoint: 0,
|
||||
smooth: true
|
||||
}
|
||||
});
|
||||
|
||||
ScrollTrigger.scrollerProxy(pageContainer, {
|
||||
getBoundingClientRect() {
|
||||
return {
|
||||
left: 0,
|
||||
top: 0,
|
||||
width: window.innerWidth,
|
||||
height: window.innerHeight
|
||||
};
|
||||
},
|
||||
pinType: pageContainer.style.transform ? "transform" : "fixed"
|
||||
});
|
||||
|
||||
const scrollColorElems = document.querySelectorAll("[data-bgcolor]");
|
||||
|
||||
scrollColorElems.forEach((colorSection, i) => {
|
||||
const prevBg = i === 0 ? "" : scrollColorElems[i - 1].dataset.bgcolor;
|
||||
|
||||
ScrollTrigger.create({
|
||||
trigger: colorSection,
|
||||
scroller: "[data-scroll-container]",
|
||||
start: "33% 50%",
|
||||
onEnter: () =>
|
||||
gsap.to(".bg-color-changer", {
|
||||
backgroundColor: colorSection.dataset.bgcolor,
|
||||
overwrite: "auto"
|
||||
}),
|
||||
onLeaveBack: () =>
|
||||
gsap.to(".bg-color-changer", {
|
||||
backgroundColor: prevBg,
|
||||
overwrite: "auto"
|
||||
})
|
||||
});
|
||||
});
|
||||
|
||||
$('[data-hash]').off().on('click', function(e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
const anchor = $($(this).attr('href')).get(0);
|
||||
|
||||
$('.hamburguer-btn-side-header.active').trigger('click');
|
||||
|
||||
scroller.scrollTo(anchor);
|
||||
});
|
||||
|
||||
scroller.on("scroll", ScrollTrigger.update);
|
||||
|
||||
ScrollTrigger.addEventListener("refresh", () => scroller.update());
|
||||
|
||||
ScrollTrigger.refresh();
|
||||
|
||||
window.scrollTo(0,1);
|
||||
|
||||
}, 100);
|
||||
|
||||
window.onbeforeunload = () => {
|
||||
window.scrollTo(0,0);
|
||||
};
|
||||
|
||||
} else {
|
||||
|
||||
theme.fn.showErrorMessage('Failed to Load File', 'Failed to load: Locomotive Scroll - Include the following file(s): (vendor/locomotive-scroll/locomotive-scroll.min.js)');
|
||||
|
||||
}
|
||||
})).apply( this, [ jQuery ]);
|
879
resources/public/js/demos/demo-photography.js
Normal file
879
resources/public/js/demos/demo-photography.js
Normal file
@ -0,0 +1,879 @@
|
||||
/*
|
||||
Name: Photography
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
// Disable Scroll to Top
|
||||
theme.PluginScrollToTop.initialize = () => {};
|
||||
|
||||
(($ => {
|
||||
// Slider Options
|
||||
const sliderOptions = {
|
||||
sliderType: 'standard',
|
||||
sliderLayout: 'fullscreen',
|
||||
fullScreenOffsetContainer: '#header',
|
||||
delay: 5000,
|
||||
disableProgressBar: 'on',
|
||||
gridwidth: 1170,
|
||||
gridheight: 500,
|
||||
lazyType: "none",
|
||||
shadow: 0,
|
||||
spinner: "off",
|
||||
shuffle: "off",
|
||||
autoHeight: "off",
|
||||
fullScreenAlignForce: "off",
|
||||
fullScreenOffset: "",
|
||||
hideThumbsOnMobile: "off",
|
||||
hideSliderAtLimit: 0,
|
||||
hideCaptionAtLimit: 0,
|
||||
hideAllCaptionAtLilmit: 0,
|
||||
debugMode: false,
|
||||
fallbacks: {
|
||||
simplifyAll: "off",
|
||||
nextSlideOnWindowFocus: "off",
|
||||
disableFocusListener: false,
|
||||
},
|
||||
navigation: {
|
||||
keyboardNavigation: "on",
|
||||
keyboard_direction: "horizontal",
|
||||
mouseScrollNavigation: "on",
|
||||
onHoverStop: "off",
|
||||
touch: {
|
||||
touchenabled: "on",
|
||||
swipe_threshold: 75,
|
||||
swipe_min_touches: 1,
|
||||
swipe_direction: "horizontal",
|
||||
drag_block_vertical: false
|
||||
},
|
||||
arrows: {
|
||||
enable: true,
|
||||
style: "arrows-portfolio-detail-1",
|
||||
left : {
|
||||
container:"slider",
|
||||
h_align:"left",
|
||||
v_align:"center",
|
||||
h_offset:0,
|
||||
v_offset:0,
|
||||
},
|
||||
right : {
|
||||
v_align:"center",
|
||||
container:"slider",
|
||||
h_align:"right",
|
||||
h_offset:0,
|
||||
v_offset:0
|
||||
}
|
||||
}
|
||||
},
|
||||
parallax:{
|
||||
type:"on",
|
||||
levels:[20,40,60,80,100],
|
||||
origo:"enterpoint",
|
||||
speed:400,
|
||||
bgparallax:"on",
|
||||
disable_onmobile:"off"
|
||||
}
|
||||
};
|
||||
|
||||
if( $('.photography-demo-3').get(0) ) {
|
||||
sliderOptions.fullScreenOffsetContainer = null;
|
||||
sliderOptions.navigation.arrows.style = 'arrows-side-header-1';
|
||||
sliderOptions.navigation.arrows.hide_onleave = false;
|
||||
|
||||
if( $(window).width() < 992 ) {
|
||||
sliderOptions.fullScreenOffsetContainer = '#header';
|
||||
}
|
||||
}
|
||||
|
||||
if( $('.photography-demo-2').get(0) ) {
|
||||
sliderOptions.fullScreenOffsetContainer = null;
|
||||
sliderOptions.navigation.arrows.style = 'arrows-transparent-header-photography-1';
|
||||
sliderOptions.navigation.arrows.hide_onleave = false;
|
||||
sliderOptions.navigation.arrows.left.h_offset = 20;
|
||||
sliderOptions.navigation.arrows.right.h_offset = 20;
|
||||
}
|
||||
|
||||
if( $('.rev_about_us').get(0) ) {
|
||||
sliderOptions.navigation.mouseScrollNavigation = false;
|
||||
}
|
||||
|
||||
// Slider Init
|
||||
$(window).on('load', () => {
|
||||
$('#revolutionSlider').revolution(sliderOptions);
|
||||
});
|
||||
|
||||
/*
|
||||
Custom Portfolio Details Load More
|
||||
*/
|
||||
const portfolioDetailLoadMore = {
|
||||
|
||||
pages: 0,
|
||||
currentPage: 0,
|
||||
$wrapper: $('#portfolioDetailLoadMoreWrapper'),
|
||||
$btn: $('#portfolioDetailLoadMore'),
|
||||
$btnWrapper: $('#portfolioDetailLoadMoreBtnWrapper'),
|
||||
$loader: $('#portfolioDetailLoadMoreLoader'),
|
||||
|
||||
build() {
|
||||
|
||||
const self = this;
|
||||
|
||||
self.pages = self.$wrapper.data('total-pages');
|
||||
|
||||
if(self.pages <= 1) {
|
||||
|
||||
self.$btnWrapper.remove();
|
||||
return;
|
||||
|
||||
} else {
|
||||
|
||||
// init isotope
|
||||
self.$wrapper.isotope();
|
||||
|
||||
self.$btn.on('click', () => {
|
||||
self.loadMore();
|
||||
});
|
||||
|
||||
// Lazy Load
|
||||
if(self.$btn.hasClass('btn-portfolioDetail-lazy-load')) {
|
||||
theme.fn.intObs( '#portfolioDetailLoadMore', "$('#portfolioDetailLoadMore').trigger('click');", {
|
||||
rootMargin: '0px 0px 0px 0px'
|
||||
} );
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
loadMore() {
|
||||
|
||||
const self = this;
|
||||
|
||||
self.$btn.hide();
|
||||
self.$loader.show();
|
||||
|
||||
// Ajax
|
||||
$.ajax({
|
||||
url: 'ajax/demo-photography-portfolio-ajax-on-page-load-more.html',
|
||||
complete({responseText}) {
|
||||
|
||||
const $items = $(responseText);
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
self.$wrapper.append($items)
|
||||
|
||||
self.$wrapper.isotope('appended', $items);
|
||||
|
||||
self.$wrapper.isotope('layout');
|
||||
|
||||
self.currentPage++;
|
||||
|
||||
if(self.currentPage < self.pages) {
|
||||
self.$btn.show().blur();
|
||||
} else {
|
||||
self.$btnWrapper.remove();
|
||||
}
|
||||
|
||||
self.$wrapper.on( 'layoutComplete', laidOutItems => {
|
||||
|
||||
// Carousel
|
||||
$(() => {
|
||||
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
|
||||
const $this = $(this);
|
||||
let opts;
|
||||
|
||||
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
|
||||
if (pluginOptions)
|
||||
opts = pluginOptions;
|
||||
|
||||
$this.themePluginCarousel(opts);
|
||||
setTimeout(() => {
|
||||
$this.owlCarousel('refresh');
|
||||
}, 1);
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
// Ajax On Page
|
||||
ajaxOnPagePortfolioDetails.build();
|
||||
|
||||
self.$loader.hide();
|
||||
|
||||
// Refresh Parallax
|
||||
$(window).trigger('scroll');
|
||||
|
||||
}, 1000);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
if($('#portfolioDetailLoadMoreWrapper').get(0)) {
|
||||
portfolioDetailLoadMore.build();
|
||||
}
|
||||
|
||||
/*
|
||||
Custom Portfolio Infinite Scroll
|
||||
*/
|
||||
const portfolioInfiniteScroll = {
|
||||
|
||||
pages: 0,
|
||||
currentPage: 0,
|
||||
$wrapper: $('.portfolioInfiniteScrollWrapper'),
|
||||
$btn: $('#portfolioInfiniteScrollLoadMore'),
|
||||
$btnWrapper: $('#portfolioInfiniteScrollLoadMoreBtnWrapper'),
|
||||
$loader: $('#portfolioInfiniteScrollLoadMoreLoader'),
|
||||
|
||||
build() {
|
||||
|
||||
const self = this;
|
||||
|
||||
self.pages = self.$wrapper.data('total-pages');
|
||||
|
||||
if(self.pages <= 1) {
|
||||
|
||||
self.$btnWrapper.remove();
|
||||
return;
|
||||
|
||||
} else {
|
||||
|
||||
// init isotope
|
||||
self.$wrapper.isotope();
|
||||
|
||||
self.$btn.on('click', () => {
|
||||
self.loadMore();
|
||||
});
|
||||
|
||||
// Lazy Load
|
||||
if(self.$btn.hasClass('btn-portfolioInfiniteScroll-lazy-load')) {
|
||||
theme.fn.intObs( '#portfolioInfiniteScrollLoadMore', "$('#portfolioInfiniteScrollLoadMore').trigger('click');", {
|
||||
rootMargin: '0px 0px 0px 0px'
|
||||
}, true );
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
loadMore() {
|
||||
|
||||
const self = this;
|
||||
|
||||
self.$btn.hide();
|
||||
self.$loader.show();
|
||||
|
||||
// Ajax
|
||||
$.ajax({
|
||||
url: 'ajax/demo-photography-portfolio-infinite-scroll-load-more.html',
|
||||
complete({responseText}) {
|
||||
|
||||
const $items = $(responseText);
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
self.$wrapper.append($items)
|
||||
|
||||
self.$wrapper.isotope('appended', $items);
|
||||
|
||||
self.$wrapper.isotope('layout');
|
||||
|
||||
self.currentPage++;
|
||||
|
||||
if(self.currentPage < self.pages) {
|
||||
self.$btn.show().blur();
|
||||
} else {
|
||||
self.$btnWrapper.remove();
|
||||
}
|
||||
|
||||
self.$wrapper.on( 'layoutComplete', laidOutItems => {
|
||||
// Add new items to gallery
|
||||
self.$wrapper.find('.item-appended').each(function(){
|
||||
const imgsrc = $(this).find('.thumb-info-background').attr('data-src'), imgThumbsrc = $(this).find('.thumb-info-background').attr('data-thumb-src'), clone = $('#thumbGalleryDetail .owl-item > div').first().clone(), cloneThumb = $('#thumbGalleryThumbs .owl-item > div').first().clone();
|
||||
|
||||
// Create images
|
||||
clone.find('img').attr('src',imgsrc);
|
||||
cloneThumb.find('img').attr('src',imgThumbsrc);
|
||||
|
||||
// Add images
|
||||
$('#thumbGalleryDetail').owlCarousel().trigger('add.owl.carousel', [clone]);
|
||||
$('#thumbGalleryThumbs').owlCarousel().trigger('add.owl.carousel', [cloneThumb]);
|
||||
|
||||
$(this).removeClass('item-appended');
|
||||
});
|
||||
|
||||
// Carousel
|
||||
$(() => {
|
||||
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
|
||||
const $this = $(this);
|
||||
let opts;
|
||||
|
||||
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
|
||||
if (pluginOptions)
|
||||
opts = pluginOptions;
|
||||
|
||||
$this.themePluginCarousel(opts);
|
||||
setTimeout(() => {
|
||||
$this.owlCarousel('refresh');
|
||||
}, 1);
|
||||
});
|
||||
});
|
||||
|
||||
// Lightbox - Clicked Item
|
||||
$('a[href="#photographyLightbox"]').on('click', function(){
|
||||
if($('.grid-sizer').get(0)) {
|
||||
clickedItem = $(this).parent().parent().index() - 1;
|
||||
} else {
|
||||
clickedItem = $(this).parent().parent().index();
|
||||
}
|
||||
});
|
||||
|
||||
// Lightbox
|
||||
$('.popup-with-move-anim').magnificPopup(portfolioLightboxOptions);
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
self.$loader.hide();
|
||||
|
||||
// Refresh Parallax
|
||||
$(window).trigger('scroll');
|
||||
|
||||
}, 1000);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
if($('.portfolioInfiniteScrollWrapper').get(0)) {
|
||||
portfolioInfiniteScroll.build();
|
||||
}
|
||||
|
||||
/*
|
||||
* Ajax on Page
|
||||
*/
|
||||
var ajaxOnPagePortfolioDetails = {
|
||||
|
||||
pages: [],
|
||||
$ajaxBox: $('#porfolioDetailsAjaxBox'),
|
||||
$ajaxBoxContent: $('#porfolioDetailsAjaxBoxContent'),
|
||||
|
||||
build() {
|
||||
|
||||
const self = this;
|
||||
|
||||
$('a[data-ajax-on-page]').each(function() {
|
||||
self.add($(this));
|
||||
});
|
||||
|
||||
$(document).on('mousedown', 'a[data-ajax-on-page]', ev => {
|
||||
if (ev.which == 2) {
|
||||
ev.preventDefault();
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
add($el) {
|
||||
|
||||
const self = this, href = $el.attr('data-href');
|
||||
|
||||
self.pages.push(href);
|
||||
|
||||
$el.on('click', e => {
|
||||
e.preventDefault();
|
||||
self.show(self.pages.indexOf(href));
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
events() {
|
||||
|
||||
const self = this;
|
||||
|
||||
// Slider
|
||||
sliderOptions.navigation.mouseScrollNavigation = false;
|
||||
$('#revolutionSlider').revolution(sliderOptions);
|
||||
|
||||
// Carousel
|
||||
if ($.isFunction($.fn['themePluginCarousel'])) {
|
||||
|
||||
$(() => {
|
||||
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
|
||||
const $this = $(this);
|
||||
let opts;
|
||||
|
||||
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
|
||||
if (pluginOptions)
|
||||
opts = pluginOptions;
|
||||
|
||||
$this.themePluginCarousel(opts);
|
||||
});
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
show(i) {
|
||||
|
||||
const self = this;
|
||||
|
||||
self.$ajaxBoxContent.empty();
|
||||
self.$ajaxBox.removeClass('ajax-box-init').addClass('ajax-box-loading');
|
||||
|
||||
$('html, body').animate({
|
||||
scrollTop: self.$ajaxBox.offset().top - 100
|
||||
}, 300, 'easeOutQuad');
|
||||
|
||||
// Ajax
|
||||
$.ajax({
|
||||
url: self.pages[i],
|
||||
complete({responseText}) {
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
self.$ajaxBoxContent.html(responseText);
|
||||
self.$ajaxBox.removeClass('ajax-box-loading');
|
||||
|
||||
self.events();
|
||||
|
||||
}, 1000);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
if($('#porfolioDetailsAjaxBox').get(0)) {
|
||||
ajaxOnPagePortfolioDetails.build();
|
||||
}
|
||||
|
||||
/*
|
||||
* Portfolio Grid - Init isotope
|
||||
*/
|
||||
$(window).on('load', () => {
|
||||
const $portfolioGrid = $('#portfolioGrid'), $ourBlog = $('#ourBlog'), gridSizer = $portfolioGrid.attr('data-grid-sizer');
|
||||
|
||||
// Portfolio Grid
|
||||
if( $portfolioGrid.get(0) ) {
|
||||
$portfolioGrid.isotope({
|
||||
itemSelector: '.isotope-item',
|
||||
masonry: {
|
||||
columnWidth: gridSizer,
|
||||
gutter: 0
|
||||
}
|
||||
});
|
||||
|
||||
$portfolioGrid.isotope('layout');
|
||||
}
|
||||
|
||||
if( $ourBlog.get(0) ) {
|
||||
$ourBlog.isotope({
|
||||
itemSelector: '.isotope-item',
|
||||
masonry: {
|
||||
gutter: 0
|
||||
}
|
||||
});
|
||||
|
||||
$ourBlog.isotope('layout');
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
* Horizontal Scroll
|
||||
*/
|
||||
const $horizontalScroll = {
|
||||
$horizontalScrollWrapper : $('#horizontalScrollBox'),
|
||||
$horizontalScrollContent : $('#horizontalScrollBox .content'),
|
||||
$horizontalScrollItem : $('#horizontalScrollBox .content .horizontal-scroll-item-wrapper'),
|
||||
|
||||
build() {
|
||||
const self = this;
|
||||
|
||||
self.setContentWidth();
|
||||
self.buttonNavigation();
|
||||
self.disableEnableButtons();
|
||||
},
|
||||
setContentWidth() {
|
||||
const self = this;
|
||||
let totalWidth = 0;
|
||||
|
||||
$(self.$horizontalScrollItem).each(function(e){
|
||||
const boxImageWidth = $(this).outerWidth(true);
|
||||
|
||||
totalWidth = (totalWidth + boxImageWidth);
|
||||
});
|
||||
|
||||
self.$horizontalScrollContent.width( totalWidth );
|
||||
},
|
||||
isElementInView(element, fullyInView) {
|
||||
const pageLeft = $(window).scrollLeft(), pageRight = pageLeft + $(window).width(), elementLeft = $(element).offset().left, elementRight = elementLeft + $(element).width();
|
||||
|
||||
if (fullyInView === true) {
|
||||
return ((pageLeft < elementLeft) && (pageRight > elementRight));
|
||||
} else {
|
||||
return ((elementLeft <= pageRight) && (elementRight >= pageLeft));
|
||||
}
|
||||
},
|
||||
buttonNavigation() {
|
||||
const self = this;
|
||||
const nextButton = self.$horizontalScrollWrapper.find('.custom-portfolio-navigation .next');
|
||||
const prevButton = self.$horizontalScrollWrapper.find('.custom-portfolio-navigation .prev');
|
||||
const totalItems = self.$horizontalScrollItem.length - 1;
|
||||
let screen = 0;
|
||||
let distance = 0;
|
||||
let index = 0;
|
||||
let flag = false;
|
||||
let atualItem;
|
||||
|
||||
prevButton.on('click', () => {
|
||||
if( !flag ){
|
||||
flag = true;
|
||||
|
||||
if( index > 0 ) {
|
||||
index--;
|
||||
}
|
||||
atualItem = self.$horizontalScrollItem.eq(index);
|
||||
|
||||
// Check if Element in View
|
||||
const isElementInView = self.isElementInView(atualItem, false);
|
||||
if( !isElementInView ) {
|
||||
self.$horizontalScrollItem.each(function(){
|
||||
const inView = self.isElementInView($(this), false);
|
||||
|
||||
if( inView ) {
|
||||
atualItem = $(this);
|
||||
return false;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// If Demo 3
|
||||
if($('.photography-demo-3').get(0)) {
|
||||
screen = (($(window).width() - 255 ) - atualItem.outerWidth(true)) / 2;
|
||||
} else {
|
||||
screen = ($(window).width() - atualItem.outerWidth(true)) / 2;
|
||||
}
|
||||
|
||||
distance = (atualItem.position().left - screen);
|
||||
|
||||
$('#horizontalScrollBox').animate({ scrollLeft: distance }, 300, () => {
|
||||
flag = false;
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
nextButton.on('click', () => {
|
||||
if( !flag ){
|
||||
flag = true;
|
||||
|
||||
if( index < totalItems ) {
|
||||
index++;
|
||||
}
|
||||
atualItem = self.$horizontalScrollItem.eq(index);
|
||||
|
||||
// Check if Element in View
|
||||
const isElementInView = self.isElementInView(atualItem, false);
|
||||
if( !isElementInView ) {
|
||||
self.$horizontalScrollItem.each(function(){
|
||||
const inView = self.isElementInView($(this), false);
|
||||
|
||||
if( inView ) {
|
||||
atualItem = $(this);
|
||||
index = $(this).index();
|
||||
return false;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// If Demo 3
|
||||
if($('.photography-demo-3').get(0)) {
|
||||
screen = (($(window).width() - 255 ) - atualItem.outerWidth(true)) / 2;
|
||||
} else {
|
||||
screen = ($(window).width() - atualItem.outerWidth(true)) / 2;
|
||||
}
|
||||
|
||||
distance = (atualItem.position().left - screen);
|
||||
|
||||
$('#horizontalScrollBox').animate({ scrollLeft: distance }, 300, () => {
|
||||
flag = false;
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
disableEnableButtons() {
|
||||
const self = this, nextButton = self.$horizontalScrollWrapper.find('.custom-portfolio-navigation .next'), prevButton = self.$horizontalScrollWrapper.find('.custom-portfolio-navigation .prev');
|
||||
|
||||
self.$horizontalScrollWrapper.on('scroll', function(){
|
||||
if( $(this).scrollLeft() == 0 ) {
|
||||
prevButton.addClass('disable-button');
|
||||
} else {
|
||||
prevButton.removeClass('disable-button');
|
||||
}
|
||||
|
||||
if( $(this).scrollLeft() > ((self.$horizontalScrollContent.width() - $(window).width()) - 1) ) {
|
||||
nextButton.addClass('disable-button');
|
||||
} else {
|
||||
nextButton.removeClass('disable-button');
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
if($('#horizontalScrollBox').get(0)) {
|
||||
$horizontalScroll.build();
|
||||
|
||||
$(window).trigger('resize');
|
||||
|
||||
const $window = $(window);
|
||||
|
||||
// Mousewheel horizontal scroll
|
||||
$('#horizontalScrollBox').mousewheel(function(event, delta) {
|
||||
if ($window.width() > 991) {
|
||||
this.scrollLeft -= (delta * 60);
|
||||
event.preventDefault();
|
||||
}
|
||||
});
|
||||
|
||||
// Build $horizontalScroll on resize
|
||||
$window.on('load', () => {
|
||||
$(document).ready(() => {
|
||||
$(window).afterResize(() => {
|
||||
$horizontalScroll.setContentWidth();
|
||||
|
||||
if($('.photography-demo-2').get(0)) {
|
||||
$(".thumb-info-wrapper img").css('transition','ease all 5s');
|
||||
$(".thumb-info-wrapper img").on("webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend", e => {
|
||||
$horizontalScroll.setContentWidth();
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
if($('.photography-demo-2').get(0)) {
|
||||
$(window).on('resize', () => {
|
||||
$(".thumb-info-wrapper img").css('transition','none');
|
||||
});
|
||||
}
|
||||
|
||||
$(window).trigger('resize');
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
/*
|
||||
* Lightbox
|
||||
*/
|
||||
var clickedItem;
|
||||
|
||||
let removeShowThumbsTimeout;
|
||||
|
||||
var portfolioLightboxOptions = {
|
||||
type: 'inline',
|
||||
|
||||
fixedContentPos: true,
|
||||
fixedBgPos: true,
|
||||
|
||||
overflowY: 'hidden',
|
||||
|
||||
closeBtnInside: true,
|
||||
preloader: false,
|
||||
|
||||
midClick: true,
|
||||
removalDelay: 300,
|
||||
mainClass: 'photography-portfolio-gallery',
|
||||
|
||||
callbacks: {
|
||||
open() {
|
||||
$('#thumbGalleryDetail').owlCarousel().trigger('refresh.owl.carousel');
|
||||
$('#thumbGalleryDetail').owlCarousel().trigger('to.owl.carousel', [clickedItem, 0]);
|
||||
|
||||
$('#thumbGalleryThumbs').owlCarousel('refresh');
|
||||
|
||||
removeShowThumbsTimeout = setTimeout(() => {
|
||||
$('#thumbGalleryThumbs').removeClass('show-thumbs');
|
||||
}, 3000);
|
||||
|
||||
$(document).on('keydown', ({keyCode}) => {
|
||||
if(keyCode == 37) {
|
||||
$('#thumbGalleryDetail').trigger('prev.owl')
|
||||
}
|
||||
if(keyCode == 39) {
|
||||
$('#thumbGalleryDetail').trigger('next.owl')
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
},
|
||||
close() {
|
||||
clearTimeout(removeShowThumbsTimeout);
|
||||
$('#thumbGalleryThumbs').addClass('show-thumbs');
|
||||
$(document).off('keydown');
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
if($('a[href="#photographyLightbox"]').get(0)) {
|
||||
$('a[href="#photographyLightbox"]').on('click', function(){
|
||||
if($('.grid-sizer').get(0)) {
|
||||
clickedItem = $(this).parent().parent().index() - 1;
|
||||
} else {
|
||||
clickedItem = $(this).parent().parent().index();
|
||||
}
|
||||
});
|
||||
|
||||
$('a[href="#photographyLightbox"]').magnificPopup(portfolioLightboxOptions);
|
||||
}
|
||||
|
||||
/*
|
||||
Thumb Gallery
|
||||
*/
|
||||
if( $('#photographyLightbox').get(0) ) {
|
||||
var $thumbGalleryDetail = $('#thumbGalleryDetail'),
|
||||
$thumbGalleryThumbs = $('#thumbGalleryThumbs'),
|
||||
flag = false,
|
||||
duration = 300;
|
||||
|
||||
$thumbGalleryDetail
|
||||
.owlCarousel({
|
||||
items: 1,
|
||||
margin: 10,
|
||||
nav: true,
|
||||
dots: false,
|
||||
loop: false,
|
||||
navText: [],
|
||||
rtl: (($('html[dir="rtl"]').get(0)) ? true : false),
|
||||
onRefreshed(e) {
|
||||
setTimeout(() => {
|
||||
$('.mfp-wrap.photography-portfolio-gallery').css('opacity',1);
|
||||
}, 300);
|
||||
}
|
||||
})
|
||||
.on('changed.owl.carousel', ({item}) => {
|
||||
if (!flag) {
|
||||
flag = true;
|
||||
$thumbGalleryThumbs.trigger('to.owl.carousel', [item.index-1, duration, true]);
|
||||
|
||||
// add class to active thumb
|
||||
$thumbGalleryThumbs.find('.owl-item').removeClass('active-thumb');
|
||||
$thumbGalleryThumbs.find('.owl-item:eq('+ item.index +')').addClass('active-thumb');
|
||||
|
||||
flag = false;
|
||||
}
|
||||
});
|
||||
|
||||
$thumbGalleryThumbs
|
||||
.owlCarousel({
|
||||
margin: 15,
|
||||
items: 15,
|
||||
nav: false,
|
||||
center: false,
|
||||
dots: false,
|
||||
pagination: false,
|
||||
rtl: (($('html[dir="rtl"]').get(0)) ? true : false)
|
||||
})
|
||||
.on('click', '.owl-item', function() {
|
||||
$thumbGalleryDetail.trigger('to.owl.carousel', [$(this).index(), duration, true]);
|
||||
|
||||
// add class to active thumb
|
||||
$thumbGalleryThumbs.find('.owl-item').removeClass('active-thumb');
|
||||
$(this).addClass('active-thumb');
|
||||
});
|
||||
|
||||
// Set first item with active-thumb
|
||||
$thumbGalleryThumbs.find('.owl-item:eq(0)').addClass('active-thumb');
|
||||
|
||||
}
|
||||
|
||||
if( $('#portfolioSliderWithThumbs').get(0) ) {
|
||||
var $thumbGalleryDetail = $('#thumbGalleryDetail'),
|
||||
$thumbGalleryThumbs = $('#thumbGalleryThumbs'),
|
||||
flag = false,
|
||||
duration = 300;
|
||||
|
||||
$thumbGalleryDetail
|
||||
.owlCarousel({
|
||||
items: 1,
|
||||
margin: 10,
|
||||
nav: true,
|
||||
dots: false,
|
||||
loop: false,
|
||||
navText: [],
|
||||
rtl: (($('html[dir="rtl"]').get(0)) ? true : false),
|
||||
onRefreshed(e) {
|
||||
setTimeout(() => {
|
||||
$('.mfp-wrap.photography-portfolio-gallery').css('opacity',1);
|
||||
}, 300);
|
||||
}
|
||||
})
|
||||
.on('changed.owl.carousel', ({item}) => {
|
||||
if (!flag) {
|
||||
flag = true;
|
||||
$thumbGalleryThumbs.trigger('to.owl.carousel', [item.index-1, duration, true]);
|
||||
|
||||
// add class to active thumb
|
||||
$thumbGalleryThumbs.find('.owl-item').removeClass('active-thumb');
|
||||
$thumbGalleryThumbs.find('.owl-item:eq('+ item.index +')').addClass('active-thumb');
|
||||
|
||||
flag = false;
|
||||
}
|
||||
});
|
||||
|
||||
$thumbGalleryThumbs
|
||||
.owlCarousel({
|
||||
margin: 15,
|
||||
items: 8,
|
||||
nav: false,
|
||||
center: false,
|
||||
dots: false,
|
||||
pagination: false,
|
||||
rtl: (($('html[dir="rtl"]').get(0)) ? true : false),
|
||||
responsive:{
|
||||
0:{
|
||||
items:2
|
||||
},
|
||||
300:{
|
||||
items:3
|
||||
},
|
||||
767:{
|
||||
items:6,
|
||||
},
|
||||
991:{
|
||||
items:7,
|
||||
},
|
||||
1200:{
|
||||
items:8,
|
||||
}
|
||||
}
|
||||
})
|
||||
.on('click', '.owl-item', function() {
|
||||
$thumbGalleryDetail.trigger('to.owl.carousel', [$(this).index(), duration, true]);
|
||||
|
||||
// add class to active thumb
|
||||
$thumbGalleryThumbs.find('.owl-item').removeClass('active-thumb');
|
||||
$(this).addClass('active-thumb');
|
||||
});
|
||||
|
||||
// Set first item with active-thumb
|
||||
$thumbGalleryThumbs.find('.owl-item:eq(0)').addClass('active-thumb');
|
||||
|
||||
$(document).on('keydown', ({keyCode}) => {
|
||||
if(keyCode == 37) {
|
||||
$('#thumbGalleryDetail').trigger('prev.owl')
|
||||
}
|
||||
if(keyCode == 39) {
|
||||
$('#thumbGalleryDetail').trigger('next.owl')
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
})).apply(this, [jQuery]);
|
26
resources/public/js/demos/demo-product-landing.js
Normal file
26
resources/public/js/demos/demo-product-landing.js
Normal file
@ -0,0 +1,26 @@
|
||||
/*
|
||||
Name: Product Landing
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
Quantity
|
||||
*/
|
||||
$('.quantity .plus').on('click',function(){
|
||||
const $qty=$(this).parents('.quantity').find('.qty');
|
||||
const currentVal = parseInt($qty.val());
|
||||
if (!isNaN(currentVal)) {
|
||||
$qty.val(currentVal + 1);
|
||||
}
|
||||
});
|
||||
|
||||
$('.quantity .minus').on('click',function(){
|
||||
const $qty=$(this).parents('.quantity').find('.qty');
|
||||
const currentVal = parseInt($qty.val());
|
||||
if (!isNaN(currentVal) && currentVal > 0) {
|
||||
$qty.val(currentVal - 1);
|
||||
}
|
||||
});
|
||||
})).apply( this, [ jQuery ]);
|
82
resources/public/js/demos/demo-real-estate.js
Normal file
82
resources/public/js/demos/demo-real-estate.js
Normal file
@ -0,0 +1,82 @@
|
||||
/*
|
||||
Name: RealEstate
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
/*
|
||||
Header
|
||||
*/
|
||||
|
||||
// Search Properties
|
||||
const $headerWrapper = $('#headerSearchProperties'), $window = $(window);
|
||||
|
||||
$headerWrapper.on('click', () => {
|
||||
if ($window.width() > 992) {
|
||||
$headerWrapper.addClass('open');
|
||||
}
|
||||
});
|
||||
|
||||
$(document).mouseup(({target}) => {
|
||||
if (!$headerWrapper.is(target) && $headerWrapper.has(target).length === 0) {
|
||||
$headerWrapper.removeClass('open');
|
||||
}
|
||||
});
|
||||
|
||||
$('#propertiesFormHeader').validate({
|
||||
onkeyup: false,
|
||||
onclick: false,
|
||||
onfocusout: false,
|
||||
errorPlacement(error, element) {
|
||||
if (element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
|
||||
error.appendTo(element.parent().parent());
|
||||
} else {
|
||||
error.insertAfter(element);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Thumb Gallery
|
||||
const $thumbGalleryDetail1 = $('#thumbGalleryDetail');
|
||||
|
||||
const $thumbGalleryThumbs1 = $('#thumbGalleryThumbs');
|
||||
let flag = false;
|
||||
const duration = 300;
|
||||
|
||||
$thumbGalleryDetail1
|
||||
.owlCarousel({
|
||||
items: 1,
|
||||
margin: 10,
|
||||
nav: true,
|
||||
dots: false,
|
||||
loop: false,
|
||||
navText: [],
|
||||
rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
|
||||
})
|
||||
.on('changed.owl.carousel', ({item}) => {
|
||||
if (!flag) {
|
||||
flag = true;
|
||||
$thumbGalleryThumbs1.trigger('to.owl.carousel', [item.index-1, duration, true]);
|
||||
flag = false;
|
||||
}
|
||||
});
|
||||
|
||||
$thumbGalleryThumbs1
|
||||
.owlCarousel({
|
||||
margin: 15,
|
||||
items: 4,
|
||||
nav: false,
|
||||
center: false,
|
||||
dots: false,
|
||||
rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
|
||||
})
|
||||
.on('click', '.owl-item', function() {
|
||||
$thumbGalleryDetail1.trigger('to.owl.carousel', [$(this).index(), duration, true]);
|
||||
})
|
||||
.on('changed.owl.carousel', ({item}) => {
|
||||
if (!flag) {
|
||||
flag = true;
|
||||
$thumbGalleryDetail1.trigger('to.owl.carousel', [item.index, duration, true]);
|
||||
flag = false;
|
||||
}
|
||||
});
|
5
resources/public/js/demos/demo-renewable-energy.js
Normal file
5
resources/public/js/demos/demo-renewable-energy.js
Normal file
@ -0,0 +1,5 @@
|
||||
/*
|
||||
Name: Demo Renewable Energy
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
70
resources/public/js/demos/demo-resume.js
Normal file
70
resources/public/js/demos/demo-resume.js
Normal file
@ -0,0 +1,70 @@
|
||||
/*
|
||||
Name: Resume
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
// About Me
|
||||
$('#aboutMeMoreBtn').on('click', function() {
|
||||
$(this).hide();
|
||||
$('#aboutMeMore').toggleClass('about-me-more-visible');
|
||||
return false;
|
||||
});
|
||||
|
||||
/*
|
||||
* Timeline
|
||||
*/
|
||||
const timelineHeightAdjust = {
|
||||
$timeline: $('#timeline'),
|
||||
$timelineBar: $('#timeline .timeline-bar'),
|
||||
$firstTimelineItem: $('#timeline .timeline-box').first(),
|
||||
$lastTimelineItem: $('#timeline .timeline-box').last(),
|
||||
|
||||
build() {
|
||||
const self = this;
|
||||
|
||||
self.adjustHeight();
|
||||
},
|
||||
adjustHeight() {
|
||||
const self = this, calcFirstItemHeight = self.$firstTimelineItem.outerHeight(true) / 2, calcLastItemHeight = self.$lastTimelineItem.outerHeight(true) / 2;
|
||||
|
||||
// Set Timeline Bar Top and Bottom
|
||||
self.$timelineBar.css({
|
||||
top: calcFirstItemHeight,
|
||||
bottom: calcLastItemHeight
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
if( $('#timeline').get(0) ) {
|
||||
setTimeout(() => {
|
||||
// Adjust Timeline Height On Resize
|
||||
$(window).afterResize(() => {
|
||||
timelineHeightAdjust.build();
|
||||
});
|
||||
}, 1000);
|
||||
|
||||
timelineHeightAdjust.build();
|
||||
}
|
||||
|
||||
/*
|
||||
* Header Image Anim
|
||||
*/
|
||||
let lastScrollTop = 0;
|
||||
|
||||
$(window).on('scroll', function(){
|
||||
const st = $(this).scrollTop();
|
||||
|
||||
if (st > lastScrollTop){
|
||||
$('img[custom-anim]').css({
|
||||
transform: 'translate(0, -'+ st +'px)'
|
||||
});
|
||||
} else {
|
||||
$('img[custom-anim]').css({
|
||||
transform: 'translate(0, '+ -Math.abs(st) +'px)'
|
||||
});
|
||||
}
|
||||
lastScrollTop = st;
|
||||
});
|
||||
})).apply( this, [ jQuery ]);
|
26
resources/public/js/demos/demo-seo-2.js
Normal file
26
resources/public/js/demos/demo-seo-2.js
Normal file
@ -0,0 +1,26 @@
|
||||
/*
|
||||
Name: SEO 2
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/**
|
||||
* Custom Simple Form Validation
|
||||
*
|
||||
*/
|
||||
$('.custom-form-simple-validation').each(function(){
|
||||
$(this).validate({
|
||||
onkeyup: false,
|
||||
onclick: false,
|
||||
onfocusout: false,
|
||||
errorPlacement(error, element) {
|
||||
if (element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
|
||||
error.appendTo(element.closest('.form-group'));
|
||||
} else {
|
||||
error.insertAfter(element);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
})).apply( this, [ jQuery ]);
|
81
resources/public/js/demos/demo-seo-3.js
Normal file
81
resources/public/js/demos/demo-seo-3.js
Normal file
@ -0,0 +1,81 @@
|
||||
/*
|
||||
Name: Demo SEO 3
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
Mouse Hover Split
|
||||
*/
|
||||
const left = document.getElementById("side-left");
|
||||
|
||||
const handleMove = ({clientX}) => {
|
||||
left.style.width = `${clientX / window.innerWidth * 100}%`;
|
||||
}
|
||||
|
||||
document.onmousemove = e => handleMove(e);
|
||||
|
||||
document.ontouchmove = ({touches}) => handleMove(touches[0]);
|
||||
|
||||
$(window).on('load resize', () => {
|
||||
const height = $('.mouse-hover-split .side').height();
|
||||
$('.mouse-hover-split').css('min-height', height);
|
||||
});
|
||||
|
||||
/*
|
||||
Horizontal Scroller Section
|
||||
*/
|
||||
if( $('.horizontal-scroller-item').length ) {
|
||||
if (typeof gsap !== 'undefined') {
|
||||
|
||||
// Copy Original HTML to clone on Resize.
|
||||
const originalScrollHTML = $('.horizontal-scroller').html();
|
||||
|
||||
// Generate Scroller
|
||||
const generateScroller = () => {
|
||||
|
||||
let images = gsap.utils.toArray('.horizontal-scroller-item');
|
||||
|
||||
gsap.to(images, {
|
||||
xPercent: -100 * (images.length - ( $(window).width() > 991 ? 3 : 1 )),
|
||||
ease: 'none',
|
||||
scrollTrigger: {
|
||||
trigger: '.horizontal-scroller',
|
||||
pin: true,
|
||||
scrub: 1,
|
||||
snap: 1 / (images.length - 1),
|
||||
end: () => '+=' + document.querySelector('.horizontal-scroller-images').offsetWidth
|
||||
}
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
// Resize Event removing and restarting
|
||||
$(window).afterResize(() => {
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
let Alltrigger = ScrollTrigger.getAll();
|
||||
|
||||
for (let i = 0; i < Alltrigger.length; i++) {
|
||||
Alltrigger[i].kill(true);
|
||||
}
|
||||
|
||||
$('.horizontal-scroller-wrapper').empty().html('<section class="horizontal-scroller bg-dark">' + originalScrollHTML + '</section>');
|
||||
|
||||
generateScroller();
|
||||
|
||||
}, 500);
|
||||
|
||||
});
|
||||
|
||||
generateScroller();
|
||||
|
||||
} else {
|
||||
|
||||
theme.fn.showErrorMessage('Failed to Load File', 'Failed to load: GSAP - Include the following file(s): (vendor/gsap/gsap.min.js)');
|
||||
|
||||
}
|
||||
}
|
||||
})).apply( this, [ jQuery ]);
|
58
resources/public/js/demos/demo-seo.js
Normal file
58
resources/public/js/demos/demo-seo.js
Normal file
@ -0,0 +1,58 @@
|
||||
/*
|
||||
Name: SEO
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
SVG Morphing
|
||||
*/
|
||||
setTimeout(() => {
|
||||
if( $('#shape_one_start').get(0) ) {
|
||||
const shape1 = KUTE.fromTo('#shape_one_start', {
|
||||
path: '#shape_one_start'
|
||||
}, {
|
||||
path: '#shape_one_end'
|
||||
}, {
|
||||
duration: 10000,
|
||||
easing : 'easingQuadraticInOut',
|
||||
repeat: 20,
|
||||
repeatDelay: 1000,
|
||||
yoyo: true
|
||||
}).start();
|
||||
}
|
||||
|
||||
if( $('#shape_two_start').get(0) ) {
|
||||
const shape2 = KUTE.fromTo('#shape_two_start', {
|
||||
path: '#shape_two_start'
|
||||
}, {
|
||||
path: '#shape_two_end'
|
||||
}, {
|
||||
duration: 10000,
|
||||
easing : 'easingQuadraticInOut',
|
||||
repeat: 20,
|
||||
repeatDelay: 1000,
|
||||
yoyo: true
|
||||
}).start();
|
||||
}
|
||||
}, 100);
|
||||
|
||||
/*
|
||||
Form
|
||||
*/
|
||||
$('.popup-with-form').magnificPopup({
|
||||
type: 'inline',
|
||||
preloader: false,
|
||||
focus: '#name',
|
||||
mainClass: 'my-mfp-zoom-in',
|
||||
callbacks: {
|
||||
open() {
|
||||
$('html').addClass('lightbox-opened');
|
||||
},
|
||||
close() {
|
||||
$('html').removeClass('lightbox-opened');
|
||||
}
|
||||
}
|
||||
});
|
||||
})).apply( this, [ jQuery ]);
|
94
resources/public/js/demos/demo-startup-agency.js
Normal file
94
resources/public/js/demos/demo-startup-agency.js
Normal file
@ -0,0 +1,94 @@
|
||||
/*
|
||||
Name: Startup Agency
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
SVG Morphing
|
||||
*/
|
||||
$(window).on('load', () => {
|
||||
setTimeout(() => {
|
||||
|
||||
if( $('#st0_start').get(0) ) {
|
||||
var shape1 = KUTE.fromTo('#st0_start', {
|
||||
path: '#st0_start'
|
||||
}, {
|
||||
path: '#st0_end'
|
||||
}, {
|
||||
duration: 10000,
|
||||
easing : 'easingQuadraticInOut',
|
||||
repeat: 20,
|
||||
repeatDelay: 1000,
|
||||
yoyo: true
|
||||
}).start();
|
||||
}
|
||||
|
||||
if( $('#st1_start').get(0) ) {
|
||||
var shape1 = KUTE.fromTo('#st1_start', {
|
||||
path: '#st1_start'
|
||||
}, {
|
||||
path: '#st1_end'
|
||||
}, {
|
||||
duration: 10000,
|
||||
easing : 'easingQuadraticInOut',
|
||||
repeat: 20,
|
||||
repeatDelay: 1000,
|
||||
yoyo: true
|
||||
}).start();
|
||||
}
|
||||
|
||||
if( $('#st2_start').get(0) ) {
|
||||
var shape1 = KUTE.fromTo('#st2_start', {
|
||||
path: '#st2_start'
|
||||
}, {
|
||||
path: '#st2_end'
|
||||
}, {
|
||||
duration: 10000,
|
||||
easing : 'easingQuadraticInOut',
|
||||
repeat: 20,
|
||||
repeatDelay: 1000,
|
||||
yoyo: true
|
||||
}).start();
|
||||
}
|
||||
|
||||
if( $('#st3_start').get(0) ) {
|
||||
var shape1 = KUTE.fromTo('#st3_start', {
|
||||
path: '#st3_start'
|
||||
}, {
|
||||
path: '#st3_end'
|
||||
}, {
|
||||
duration: 10000,
|
||||
easing : 'easingQuadraticInOut',
|
||||
repeat: 20,
|
||||
repeatDelay: 1000,
|
||||
yoyo: true
|
||||
}).start();
|
||||
}
|
||||
|
||||
/*
|
||||
* SVG Aspect Ratio
|
||||
*/
|
||||
function aspectRatioSVG() {
|
||||
if( $(window).width() < 2000 ) {
|
||||
$('svg[preserveAspectRatio]').each(function(){
|
||||
$(this).attr('preserveAspectRatio', 'xMinYMin');
|
||||
});
|
||||
} else {
|
||||
$('svg[preserveAspectRatio]').each(function(){
|
||||
$(this).attr('preserveAspectRatio', 'none');
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
aspectRatioSVG();
|
||||
|
||||
$(window).on('resize', () => {
|
||||
aspectRatioSVG();
|
||||
});
|
||||
|
||||
}, 100);
|
||||
});
|
||||
|
||||
})).apply( this, [ jQuery ]);
|
@ -0,0 +1,5 @@
|
||||
/*
|
||||
Name: Demo Transportation Logistic
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
204
resources/public/js/demos/demo-wedding.js
Normal file
204
resources/public/js/demos/demo-wedding.js
Normal file
@ -0,0 +1,204 @@
|
||||
/*
|
||||
Name: Wedding
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
Slider
|
||||
*/
|
||||
$('#revolutionSlider').revolution({
|
||||
sliderType: 'standard',
|
||||
sliderLayout: 'fullwidth',
|
||||
delay: 9000,
|
||||
responsiveLevels: [1920, 1200, 992, 500],
|
||||
gridwidth: [1920, 1200, 992, 500],
|
||||
gridheight: 780,
|
||||
disableProgressBar: 'on',
|
||||
spinner: 'spinner3',
|
||||
parallax: {
|
||||
type: "mouse",
|
||||
origo: "slidercenter",
|
||||
speed: 2000,
|
||||
levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50],
|
||||
},
|
||||
navigation: {
|
||||
arrows: {
|
||||
style: "hades",
|
||||
enable: false,
|
||||
hide_onmobile: false,
|
||||
hide_onleave: false,
|
||||
tmp: '<div class="tp-arr-allwrapper"><div class="tp-arr-imgholder"></div></div>',
|
||||
left: {
|
||||
h_align: "left",
|
||||
v_align: "center",
|
||||
h_offset: 10,
|
||||
v_offset: 0
|
||||
},
|
||||
right: {
|
||||
h_align: "right",
|
||||
v_align: "center",
|
||||
h_offset: 10,
|
||||
v_offset: 0
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$('#revolutionSlider2').revolution({
|
||||
sliderType: 'standard',
|
||||
sliderLayout: 'fullwidth',
|
||||
delay: 9000,
|
||||
responsiveLevels: [1920, 1200, 992, 500],
|
||||
gridwidth: [1920, 1200, 992, 500],
|
||||
gridheight: 575,
|
||||
disableProgressBar: 'on',
|
||||
spinner: 'spinner3',
|
||||
parallax: {
|
||||
type: "mouse",
|
||||
origo: "slidercenter",
|
||||
speed: 2000,
|
||||
levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50],
|
||||
},
|
||||
navigation: {
|
||||
arrows: {
|
||||
style: "hades",
|
||||
enable: false,
|
||||
hide_onmobile: false,
|
||||
hide_onleave: false,
|
||||
tmp: '<div class="tp-arr-allwrapper"><div class="tp-arr-imgholder"></div></div>',
|
||||
left: {
|
||||
h_align: "left",
|
||||
v_align: "center",
|
||||
h_offset: 10,
|
||||
v_offset: 0
|
||||
},
|
||||
right: {
|
||||
h_align: "right",
|
||||
v_align: "center",
|
||||
h_offset: 10,
|
||||
v_offset: 0
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Our History Gallery
|
||||
var clickedItem;
|
||||
|
||||
let removeShowThumbsTimeout;
|
||||
|
||||
const portfolioLightboxOptions = {
|
||||
type: 'inline',
|
||||
|
||||
fixedContentPos: true,
|
||||
fixedBgPos: true,
|
||||
|
||||
overflowY: 'hidden',
|
||||
|
||||
closeBtnInside: true,
|
||||
preloader: false,
|
||||
|
||||
midClick: true,
|
||||
removalDelay: 300,
|
||||
mainClass: 'wedding-portfolio-gallery',
|
||||
|
||||
callbacks: {
|
||||
open() {
|
||||
$('#thumbGalleryDetail').owlCarousel().trigger('refresh.owl.carousel');
|
||||
$('#thumbGalleryDetail').owlCarousel().trigger('to.owl.carousel', [clickedItem, 0]);
|
||||
|
||||
$('#thumbGalleryThumbs').owlCarousel('refresh');
|
||||
|
||||
removeShowThumbsTimeout = setTimeout(() => {
|
||||
$('#thumbGalleryThumbs').removeClass('show-thumbs');
|
||||
}, 3000);
|
||||
|
||||
$(document).on('keydown', ({keyCode}) => {
|
||||
if(keyCode == 37) {
|
||||
$('#thumbGalleryDetail').trigger('prev.owl')
|
||||
}
|
||||
if(keyCode == 39) {
|
||||
$('#thumbGalleryDetail').trigger('next.owl')
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
},
|
||||
close() {
|
||||
clearTimeout(removeShowThumbsTimeout);
|
||||
$('#thumbGalleryThumbs').addClass('show-thumbs');
|
||||
$(document).off('keydown');
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
var clickedItem = '';
|
||||
if( $('a[href="#ourHistoryLightbox"]').length ) {
|
||||
$('a[href="#ourHistoryLightbox"]').on('click', function(){
|
||||
clickedItem = $(this).parent().index();
|
||||
});
|
||||
|
||||
$('a[href="#ourHistoryLightbox"]').magnificPopup(portfolioLightboxOptions);
|
||||
}
|
||||
|
||||
/*
|
||||
Thumb Gallery
|
||||
*/
|
||||
if( $('#ourHistoryLightbox').get(0) ) {
|
||||
const $thumbGalleryDetail = $('#thumbGalleryDetail');
|
||||
const $thumbGalleryThumbs = $('#thumbGalleryThumbs');
|
||||
let flag = false;
|
||||
const duration = 300;
|
||||
|
||||
$thumbGalleryDetail
|
||||
.owlCarousel({
|
||||
items: 1,
|
||||
margin: 10,
|
||||
nav: true,
|
||||
dots: false,
|
||||
loop: false,
|
||||
navText: [],
|
||||
rtl: (($('html[dir="rtl"]').get(0)) ? true : false),
|
||||
onRefreshed(e) {
|
||||
setTimeout(() => {
|
||||
$('.mfp-wrap.wedding-portfolio-gallery').css('opacity',1);
|
||||
}, 300);
|
||||
}
|
||||
})
|
||||
.on('changed.owl.carousel', ({item}) => {
|
||||
if (!flag) {
|
||||
flag = true;
|
||||
$thumbGalleryThumbs.trigger('to.owl.carousel', [item.index-1, duration, true]);
|
||||
|
||||
// add class to active thumb
|
||||
$thumbGalleryThumbs.find('.owl-item').removeClass('active-thumb');
|
||||
$thumbGalleryThumbs.find('.owl-item:eq('+ item.index +')').addClass('active-thumb');
|
||||
|
||||
flag = false;
|
||||
}
|
||||
});
|
||||
|
||||
$thumbGalleryThumbs
|
||||
.owlCarousel({
|
||||
margin: 15,
|
||||
items: 15,
|
||||
nav: false,
|
||||
center: false,
|
||||
dots: false,
|
||||
pagination: false,
|
||||
rtl: (($('html[dir="rtl"]').get(0)) ? true : false)
|
||||
})
|
||||
.on('click', '.owl-item', function() {
|
||||
$thumbGalleryDetail.trigger('to.owl.carousel', [$(this).index(), duration, true]);
|
||||
|
||||
// add class to active thumb
|
||||
$thumbGalleryThumbs.find('.owl-item').removeClass('active-thumb');
|
||||
$(this).addClass('active-thumb');
|
||||
});
|
||||
|
||||
// Set first item with active-thumb
|
||||
$thumbGalleryThumbs.find('.owl-item:eq(0)').addClass('active-thumb');
|
||||
}
|
||||
})).apply( this, [ jQuery ]);
|
128
resources/public/js/examples/examples.animations.js
Normal file
128
resources/public/js/examples/examples.animations.js
Normal file
@ -0,0 +1,128 @@
|
||||
/*
|
||||
Name: Elements - Animations - Examples
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
Spotlight Cursor Text - Credits: https://codepen.io/carolineartz/pen/rNaGQYo
|
||||
*/
|
||||
if( $('.spotlight-cursor-text').length ) {
|
||||
if (typeof gsap !== 'undefined') {
|
||||
|
||||
document.body.addEventListener('mousemove', ({clientX, clientY}) => {
|
||||
const mouseX = clientX;
|
||||
const mouseY = clientY;
|
||||
|
||||
gsap.to('.shape', {
|
||||
x: mouseX,
|
||||
y: mouseY,
|
||||
stagger: -0.1
|
||||
});
|
||||
});
|
||||
|
||||
} else {
|
||||
|
||||
theme.fn.showErrorMessage('Failed to Load File', 'Failed to load: GSAP - Include the following file(s): (vendor/gsap/gsap.min.js)');
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
Scroll Rotate Up/Down
|
||||
*/
|
||||
if( $('.scroll-rotate').length ) {
|
||||
$('.scroll-rotate').each(function() {
|
||||
|
||||
const elem = $(this);
|
||||
|
||||
$(window).on('scroll', () => {
|
||||
elem.css('transform', 'translatex(-50%) translatey(-50%) rotate(' + window.scrollY * 0.25 + 'deg)');
|
||||
elem.css('top', (elem.height()/2) + 'px');
|
||||
elem.css('left', (elem.width()/2) + 'px');
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
$(window).trigger('scroll');
|
||||
}
|
||||
|
||||
/*
|
||||
GSAP Text Reveal
|
||||
*/
|
||||
if (typeof gsap !== 'undefined') {
|
||||
|
||||
if( $('.gsap-text-wrapper').length ) {
|
||||
|
||||
// Animation 1
|
||||
$('.gsap-text-wrapper[data-gsap-text-anim-1]').each(function() {
|
||||
|
||||
const wrapper = $(this), text = wrapper.find('>:first-child')[0];
|
||||
|
||||
wrapper.css('perspective', '100px');
|
||||
|
||||
const tl1Options = $.extend(true, {}, {
|
||||
toggleActions: 'restart none none none',
|
||||
duration: 1.3,
|
||||
opacity: 0,
|
||||
rotationX: -90,
|
||||
transformOrigin: '50% 50% -100',
|
||||
stagger: .25,
|
||||
ease: 'expo.out'
|
||||
},
|
||||
theme.fn.getOptions(wrapper.data('plugin-options'))
|
||||
);
|
||||
|
||||
const tl1 = gsap.timeline({
|
||||
scrollTrigger: {
|
||||
trigger: wrapper,
|
||||
toggleActions: tl1Options.toggleActions
|
||||
}
|
||||
});
|
||||
|
||||
tl1.from(text, tl1Options);
|
||||
|
||||
});
|
||||
|
||||
// Animation 2
|
||||
$('.gsap-text-wrapper[data-gsap-text-anim-2]').each(function() {
|
||||
|
||||
const wrapper = $(this), text = wrapper.find('>:first-child');
|
||||
|
||||
const tl2 = gsap.timeline({
|
||||
scrollTrigger: {
|
||||
trigger: wrapper,
|
||||
toggleActions: 'restart none none none'
|
||||
}
|
||||
});
|
||||
|
||||
text.html((i, html) => {
|
||||
const chars = $.trim(html).split("");
|
||||
|
||||
return '<span class="d-inline-block ws-pre-wrap">' + chars.join('</span><span class="d-inline-block ws-pre-wrap">') + '</span>';
|
||||
});
|
||||
|
||||
const targetsSpans = wrapper.find('span');
|
||||
|
||||
tl2.staggerFromTo(targetsSpans, 2, {
|
||||
opacity: 0,
|
||||
y: 90,
|
||||
ease: Elastic.easeOut.config(1.2, 0.5)
|
||||
}, {
|
||||
opacity: 1,
|
||||
y: 0,
|
||||
ease: Elastic.easeOut.config(1.2, 0.5)
|
||||
}, 0.03);
|
||||
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
|
||||
} else {
|
||||
|
||||
theme.fn.showErrorMessage('Failed to Load File', 'Failed to load: GSAP - Include the following file(s): (vendor/gsap/gsap.min.js)');
|
||||
|
||||
}
|
||||
})).apply( this, [ jQuery ]);
|
116
resources/public/js/examples/examples.carousels.js
Normal file
116
resources/public/js/examples/examples.carousels.js
Normal file
@ -0,0 +1,116 @@
|
||||
/*
|
||||
Name: Elements - Carousels - Examples
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
Carousel
|
||||
*/
|
||||
$('#carousel').owlCarousel({
|
||||
loop: true,
|
||||
responsive: {
|
||||
0: {
|
||||
items: 1
|
||||
},
|
||||
479: {
|
||||
items: 1
|
||||
},
|
||||
768: {
|
||||
items: 2
|
||||
},
|
||||
979: {
|
||||
items: 3
|
||||
},
|
||||
1199: {
|
||||
items: 6
|
||||
}
|
||||
},
|
||||
navText: [],
|
||||
margin: 10,
|
||||
autoWidth: false,
|
||||
items: 6,
|
||||
rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
|
||||
});
|
||||
|
||||
/*
|
||||
Videos
|
||||
*/
|
||||
$('#videos').owlCarousel({
|
||||
items:1,
|
||||
merge:true,
|
||||
loop:true,
|
||||
margin:10,
|
||||
video:true,
|
||||
lazyLoad:true,
|
||||
center:true,
|
||||
responsive:{
|
||||
480:{
|
||||
items:2
|
||||
},
|
||||
600:{
|
||||
items:4
|
||||
}
|
||||
},
|
||||
rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
|
||||
});
|
||||
|
||||
/*
|
||||
Horizontal Scroller Section
|
||||
*/
|
||||
if( $('.horizontal-scroller-item').length ) {
|
||||
if (typeof gsap !== 'undefined') {
|
||||
|
||||
// Copy Original HTML to clone on Resize.
|
||||
const originalScrollHTML = $('.horizontal-scroller').html();
|
||||
|
||||
// Generate Scroller
|
||||
const generateScroller = () => {
|
||||
|
||||
let images = gsap.utils.toArray('.horizontal-scroller-item');
|
||||
|
||||
gsap.to(images, {
|
||||
xPercent: -100 * (images.length - ( $(window).width() > 991 ? 3 : 1 )),
|
||||
ease: 'none',
|
||||
scrollTrigger: {
|
||||
trigger: '.horizontal-scroller',
|
||||
pin: true,
|
||||
scrub: 1,
|
||||
snap: 1 / (images.length - 1),
|
||||
end: () => '+=' + document.querySelector('.horizontal-scroller-images').offsetWidth
|
||||
}
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
// Resize Event removing and restarting
|
||||
$(window).afterResize(() => {
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
scrollerInitialized = false;
|
||||
|
||||
let Alltrigger = ScrollTrigger.getAll();
|
||||
|
||||
for (let i = 0; i < Alltrigger.length; i++) {
|
||||
Alltrigger[i].kill(true);
|
||||
}
|
||||
|
||||
$('.horizontal-scroller-wrapper').empty().html('<section class="horizontal-scroller bg-dark">' + originalScrollHTML + '</section>');
|
||||
|
||||
generateScroller();
|
||||
|
||||
}, 500);
|
||||
|
||||
});
|
||||
|
||||
generateScroller();
|
||||
|
||||
} else {
|
||||
|
||||
theme.fn.showErrorMessage('Failed to Load File', 'Failed to load: GSAP - Include the following file(s): (vendor/gsap/gsap.min.js)');
|
||||
|
||||
}
|
||||
}
|
||||
})).apply( this, [ jQuery ]);
|
262
resources/public/js/examples/examples.forms.js
Normal file
262
resources/public/js/examples/examples.forms.js
Normal file
@ -0,0 +1,262 @@
|
||||
/*
|
||||
Name: Forms
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
Custom Rules
|
||||
*/
|
||||
|
||||
// No White Space
|
||||
$.validator.addMethod("noSpace", (value, element) => {
|
||||
if( $(element).attr('required') ) {
|
||||
return value.search(/^(?! *$)[^]+$/) == 0;
|
||||
}
|
||||
|
||||
return true;
|
||||
}, 'Please fill this empty field.');
|
||||
|
||||
/*
|
||||
Assign Custom Rules on Fields
|
||||
*/
|
||||
$.validator.addClassRules({
|
||||
'form-control': {
|
||||
noSpace: true
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
Contact Form: Basic
|
||||
*/
|
||||
$('.contact-form').each(function(){
|
||||
$(this).validate({
|
||||
errorPlacement(error, element) {
|
||||
if(element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
|
||||
error.appendTo(element.closest('.form-group'));
|
||||
} else if( element.is('select') && element.closest('.custom-select-1') ) {
|
||||
error.appendTo(element.closest('.form-group'));
|
||||
} else {
|
||||
if( element.closest('.form-group').length ) {
|
||||
error.appendTo(element.closest('.form-group'));
|
||||
} else {
|
||||
error.insertAfter(element);
|
||||
}
|
||||
}
|
||||
},
|
||||
submitHandler(form) {
|
||||
|
||||
const $form = $(form), $messageSuccess = $form.find('.contact-form-success'), $messageError = $form.find('.contact-form-error'), $submitButton = $(this.submitButton), $errorMessage = $form.find('.mail-error-message'), submitButtonText = $submitButton.val();
|
||||
|
||||
$submitButton.val( $submitButton.data('loading-text') ? $submitButton.data('loading-text') : 'Loading...' ).attr('disabled', true);
|
||||
|
||||
// Fields Data
|
||||
const formData = $form.serializeArray(), data = {};
|
||||
|
||||
$(formData).each((index, {name, value}) => {
|
||||
if( data[name] ) {
|
||||
data[name] = data[name] + ', ' + value;
|
||||
} else {
|
||||
data[name] = value;
|
||||
}
|
||||
});
|
||||
|
||||
// Google Recaptcha v2
|
||||
if( data["g-recaptcha-response"] != undefined ) {
|
||||
data["g-recaptcha-response"] = $form.find('#g-recaptcha-response').val();
|
||||
}
|
||||
|
||||
// Ajax Submit
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: $form.attr('action'),
|
||||
data
|
||||
}).always(({response, errorMessage, responseText}, textStatus, jqXHR) => {
|
||||
|
||||
$errorMessage.empty().hide();
|
||||
|
||||
if (response == 'success') {
|
||||
|
||||
// Uncomment the code below to redirect for a thank you page
|
||||
// self.location = 'thank-you.html';
|
||||
|
||||
$messageSuccess.removeClass('d-none');
|
||||
$messageError.addClass('d-none');
|
||||
|
||||
// Reset Form
|
||||
$form.find('.form-control')
|
||||
.val('')
|
||||
.blur()
|
||||
.parent()
|
||||
.removeClass('has-success')
|
||||
.removeClass('has-danger')
|
||||
.find('label.error')
|
||||
.remove();
|
||||
|
||||
if (($messageSuccess.offset().top - 80) < $(window).scrollTop()) {
|
||||
$('html, body').animate({
|
||||
scrollTop: $messageSuccess.offset().top - 80
|
||||
}, 300);
|
||||
}
|
||||
|
||||
$form.find('.form-control').removeClass('error');
|
||||
|
||||
$submitButton.val( submitButtonText ).attr('disabled', false);
|
||||
|
||||
return;
|
||||
|
||||
} else if (response == 'error' && typeof errorMessage !== 'undefined') {
|
||||
$errorMessage.html(errorMessage).show();
|
||||
} else {
|
||||
$errorMessage.html(responseText).show();
|
||||
}
|
||||
|
||||
$messageError.removeClass('d-none');
|
||||
$messageSuccess.addClass('d-none');
|
||||
|
||||
if (($messageError.offset().top - 80) < $(window).scrollTop()) {
|
||||
$('html, body').animate({
|
||||
scrollTop: $messageError.offset().top - 80
|
||||
}, 300);
|
||||
}
|
||||
|
||||
$form.find('.has-success')
|
||||
.removeClass('has-success');
|
||||
|
||||
$submitButton.val( submitButtonText ).attr('disabled', false);
|
||||
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/*
|
||||
Contact Form: Advanced
|
||||
*/
|
||||
$('#contactFormAdvanced').validate({
|
||||
onkeyup: false,
|
||||
onclick: false,
|
||||
onfocusout: false,
|
||||
rules: {
|
||||
'captcha': {
|
||||
captcha: true
|
||||
},
|
||||
'checkboxes[]': {
|
||||
required: true
|
||||
},
|
||||
'radios': {
|
||||
required: true
|
||||
}
|
||||
},
|
||||
errorPlacement(error, element) {
|
||||
if(element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
|
||||
error.appendTo(element.closest('.form-group'));
|
||||
} else if( element.is('select') && element.closest('.custom-select-1') ) {
|
||||
error.appendTo(element.closest('.form-group'));
|
||||
} else {
|
||||
error.insertAfter(element);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
Contact Form: reCaptcha v3
|
||||
*/
|
||||
$('.contact-form-recaptcha-v3').each(function(){
|
||||
$(this).validate({
|
||||
errorPlacement(error, element) {
|
||||
if(element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
|
||||
error.appendTo(element.closest('.form-group'));
|
||||
} else if( element.is('select') && element.closest('.custom-select-1') ) {
|
||||
error.appendTo(element.closest('.form-group'));
|
||||
} else {
|
||||
error.insertAfter(element);
|
||||
}
|
||||
},
|
||||
submitHandler(form) {
|
||||
|
||||
const $form = $(form), $messageSuccess = $form.find('.contact-form-success'), $messageError = $form.find('.contact-form-error'), $submitButton = $(this.submitButton), $errorMessage = $form.find('.mail-error-message'), submitButtonText = $submitButton.val();
|
||||
|
||||
$submitButton.val( $submitButton.data('loading-text') ? $submitButton.data('loading-text') : 'Loading...' ).attr('disabled', true);
|
||||
|
||||
const recaptchaSrcURL = $('#google-recaptcha-v3').attr('src'), newURL = new URL(recaptchaSrcURL), site_key = newURL.searchParams.get("render");
|
||||
|
||||
grecaptcha.execute(site_key, {action: 'contact_us'}).then(token => {
|
||||
|
||||
// Fields Data
|
||||
const formData = $form.serializeArray(), data = {};
|
||||
|
||||
$(formData).each((index, {name, value}) => {
|
||||
data[name] = value;
|
||||
});
|
||||
|
||||
// Recaptcha v3 Token
|
||||
data["g-recaptcha-response"] = token;
|
||||
|
||||
// Ajax Submit
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: $form.attr('action'),
|
||||
data
|
||||
}).always(({response, errorMessage, responseText}, textStatus, jqXHR) => {
|
||||
|
||||
$errorMessage.empty().hide();
|
||||
|
||||
if (response == 'success') {
|
||||
|
||||
// Uncomment the code below to redirect for a thank you page
|
||||
// self.location = 'thank-you.html';
|
||||
|
||||
$messageSuccess.removeClass('d-none');
|
||||
$messageError.addClass('d-none');
|
||||
|
||||
// Reset Form
|
||||
$form.find('.form-control')
|
||||
.val('')
|
||||
.blur()
|
||||
.parent()
|
||||
.removeClass('has-success')
|
||||
.removeClass('has-danger')
|
||||
.find('label.error')
|
||||
.remove();
|
||||
|
||||
if (($messageSuccess.offset().top - 80) < $(window).scrollTop()) {
|
||||
$('html, body').animate({
|
||||
scrollTop: $messageSuccess.offset().top - 80
|
||||
}, 300);
|
||||
}
|
||||
|
||||
$form.find('.form-control').removeClass('error');
|
||||
|
||||
$submitButton.val( submitButtonText ).attr('disabled', false);
|
||||
|
||||
return;
|
||||
|
||||
} else if (response == 'error' && typeof errorMessage !== 'undefined') {
|
||||
$errorMessage.html(errorMessage).show();
|
||||
} else {
|
||||
$errorMessage.html(responseText).show();
|
||||
}
|
||||
|
||||
$messageError.removeClass('d-none');
|
||||
$messageSuccess.addClass('d-none');
|
||||
|
||||
if (($messageError.offset().top - 80) < $(window).scrollTop()) {
|
||||
$('html, body').animate({
|
||||
scrollTop: $messageError.offset().top - 80
|
||||
}, 300);
|
||||
}
|
||||
|
||||
$form.find('.has-success')
|
||||
.removeClass('has-success');
|
||||
|
||||
$submitButton.val( submitButtonText ).attr('disabled', false);
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
})).apply(this, [jQuery]);
|
61
resources/public/js/examples/examples.gallery.js
Normal file
61
resources/public/js/examples/examples.gallery.js
Normal file
@ -0,0 +1,61 @@
|
||||
/*
|
||||
Name: Elements - Image Gallery - Examples
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
(($ => {
|
||||
/*
|
||||
Thumb Gallery
|
||||
*/
|
||||
theme.fn.intObs( '.thumb-gallery-wrapper', function(){
|
||||
const $thumbGalleryDetail = $(this).find('.thumb-gallery-detail');
|
||||
const $thumbGalleryThumbs = $(this).find('.thumb-gallery-thumbs');
|
||||
let flag = false;
|
||||
const duration = 300;
|
||||
|
||||
$thumbGalleryDetail
|
||||
.owlCarousel({
|
||||
items: 1,
|
||||
margin: 10,
|
||||
nav: true,
|
||||
dots: false,
|
||||
loop: false,
|
||||
autoHeight: true,
|
||||
navText: [],
|
||||
rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
|
||||
})
|
||||
.on('changed.owl.carousel', ({item}) => {
|
||||
if (!flag) {
|
||||
flag = true;
|
||||
$thumbGalleryThumbs.trigger('to.owl.carousel', [item.index-1, duration, true]);
|
||||
|
||||
$thumbGalleryThumbs.find('.owl-item').removeClass('selected');
|
||||
$thumbGalleryThumbs.find('.owl-item').eq( item.index ).addClass('selected');
|
||||
flag = false;
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
$thumbGalleryThumbs
|
||||
.owlCarousel({
|
||||
margin: 15,
|
||||
items: $(this).data('thumbs-items') ? $(this).data('thumbs-items') : 4,
|
||||
nav: false,
|
||||
center: $(this).data('thumbs-center') ? true : false,
|
||||
dots: false,
|
||||
rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
|
||||
})
|
||||
.on('click', '.owl-item', function() {
|
||||
$thumbGalleryDetail.trigger('to.owl.carousel', [$(this).index(), duration, true]);
|
||||
})
|
||||
.on('changed.owl.carousel', ({item}) => {
|
||||
if (!flag) {
|
||||
flag = true;
|
||||
$thumbGalleryDetail.trigger('to.owl.carousel', [item.index, duration, true]);
|
||||
flag = false;
|
||||
}
|
||||
});
|
||||
|
||||
$thumbGalleryThumbs.find('.owl-item').eq(0).addClass('selected');
|
||||
}, {});
|
||||
})).apply(this, [jQuery]);
|
53
resources/public/js/examples/examples.horizontal.scroll.js
Normal file
53
resources/public/js/examples/examples.horizontal.scroll.js
Normal file
@ -0,0 +1,53 @@
|
||||
/*
|
||||
Name: Horizontal Scroll Examples
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
Horizontal Scroll
|
||||
*/
|
||||
let locoScrollDefaults = {
|
||||
el: document.querySelector('[data-scroll-container]'),
|
||||
smooth: true,
|
||||
direction: "horizontal",
|
||||
mobile: {
|
||||
breakpoint: 0,
|
||||
smooth: true,
|
||||
direction: "horizontal",
|
||||
},
|
||||
tablet: {
|
||||
breakpoint: 0,
|
||||
smooth: true,
|
||||
direction: "horizontal"
|
||||
}
|
||||
};
|
||||
|
||||
let locoScroll = new LocomotiveScroll(locoScrollDefaults);
|
||||
|
||||
// GSAP integration
|
||||
gsap.registerPlugin(ScrollTrigger);
|
||||
|
||||
locoScroll.on("scroll", ScrollTrigger.update);
|
||||
|
||||
ScrollTrigger.scrollerProxy(".smoothScroll", {
|
||||
scrollTop(value) {
|
||||
return arguments.length ? locoScroll.scrollTo(value, 0, 0) : locoScroll.scroll.instance.scroll.y;
|
||||
},
|
||||
scrollLeft(value) {
|
||||
return arguments.length ? locoScroll.scrollTo(value, 0, 0) : locoScroll.scroll.instance.scroll.x;
|
||||
},
|
||||
|
||||
getBoundingClientRect() {
|
||||
return {
|
||||
top: 0,
|
||||
left: 0,
|
||||
width: window.innerWidth,
|
||||
height: window.innerHeight
|
||||
};
|
||||
},
|
||||
|
||||
pinType: document.querySelector(".smoothScroll").style.transform ? "transform" : "fixed"
|
||||
});
|
||||
})).apply( this, [ jQuery ]);
|
209
resources/public/js/examples/examples.image360.js
Normal file
209
resources/public/js/examples/examples.image360.js
Normal file
@ -0,0 +1,209 @@
|
||||
/*
|
||||
Name: 360º Image Viewer - Examples
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
Credits: Codyhouse (https://codyhouse.co/gem/360-degrees-product-viewer)
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
class productViewer {
|
||||
constructor(element) {
|
||||
this.element = element;
|
||||
this.handleContainer = this.element.find('.cd-product-viewer-handle');
|
||||
this.handleFill = this.handleContainer.children('.fill');
|
||||
this.handle = this.handleContainer.children('.handle');
|
||||
this.imageWrapper = this.element.find('.product-viewer');
|
||||
this.slideShow = this.imageWrapper.children('.product-sprite');
|
||||
this.frames = this.element.data('frame');
|
||||
this.friction = this.element.data('friction');
|
||||
this.visibleFrame = 0;
|
||||
this.loaded = false;
|
||||
this.animating = false;
|
||||
this.xPosition = 0;
|
||||
this.loadFrames();
|
||||
}
|
||||
|
||||
loadFrames() {
|
||||
const self = this, imageUrl = this.slideShow.data('image'), newImg = $('<img/>');
|
||||
|
||||
this.loading('0.5');
|
||||
newImg.attr('src', imageUrl).load(imageUrl, function() {
|
||||
$(this).remove();
|
||||
self.loaded = true;
|
||||
}).each(function(){
|
||||
const image = this;
|
||||
if(image.complete) {
|
||||
$(image).trigger('load');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
loading(percentage) {
|
||||
const self = this;
|
||||
transformElement(this.handleFill, 'scaleX('+ percentage +')');
|
||||
setTimeout(() => {
|
||||
if( self.loaded ){
|
||||
//sprite image has been loaded
|
||||
self.element.addClass('loaded');
|
||||
transformElement(self.handleFill, 'scaleX(1)');
|
||||
self.dragImage();
|
||||
if(self.handle) self.dragHandle();
|
||||
} else {
|
||||
const newPercentage = parseFloat(percentage) + .1;
|
||||
if ( newPercentage < 1 ) {
|
||||
self.loading(newPercentage);
|
||||
} else {
|
||||
self.loading(parseFloat(percentage));
|
||||
}
|
||||
}
|
||||
}, 500);
|
||||
}
|
||||
|
||||
dragHandle() {
|
||||
const self = this;
|
||||
self.handle.on('mousedown touchstart', e => {
|
||||
self.handle.addClass('cd-draggable');
|
||||
const dragWidth = self.handle.outerWidth(), containerOffset = self.handleContainer.offset().left, containerWidth = self.handleContainer.outerWidth(), minLeft = containerOffset - dragWidth/2, maxLeft = containerOffset + containerWidth - dragWidth/2;
|
||||
|
||||
self.xPosition = self.handle.offset().left + dragWidth - ( ($(window).width() < 992) ? e.originalEvent.touches[0].pageX : e.pageX );
|
||||
|
||||
self.element.on('mousemove touchmove', e => {
|
||||
if( !self.animating) {
|
||||
self.animating = true;
|
||||
( !window.requestAnimationFrame )
|
||||
? setTimeout(() => {self.animateDraggedHandle(e, dragWidth, containerOffset, containerWidth, minLeft, maxLeft);}, 100)
|
||||
: requestAnimationFrame(() => {self.animateDraggedHandle(e, dragWidth, containerOffset, containerWidth, minLeft, maxLeft);});
|
||||
}
|
||||
}).one('mouseup touchend', e => {
|
||||
self.handle.removeClass('cd-draggable');
|
||||
self.element.off('mousemove touchmove');
|
||||
});
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
}).on('mouseup touchend', e => {
|
||||
self.handle.removeClass('cd-draggable');
|
||||
});
|
||||
}
|
||||
|
||||
animateDraggedHandle(
|
||||
{originalEvent, pageX},
|
||||
dragWidth,
|
||||
containerOffset,
|
||||
containerWidth,
|
||||
minLeft,
|
||||
maxLeft
|
||||
) {
|
||||
const self = this;
|
||||
let leftValue = ( ($(window).width() < 992) ? originalEvent.touches[0].pageX : pageX ) + self.xPosition - dragWidth;
|
||||
if (leftValue < minLeft) {
|
||||
leftValue = minLeft;
|
||||
} else if (leftValue > maxLeft) {
|
||||
leftValue = maxLeft;
|
||||
}
|
||||
|
||||
const widthValue = Math.ceil( (leftValue + dragWidth / 2 - containerOffset) * 1000 / containerWidth)/10;
|
||||
self.visibleFrame = Math.ceil( (widthValue * (self.frames-1))/100 );
|
||||
|
||||
//update image frame
|
||||
self.updateFrame();
|
||||
//update handle position
|
||||
$('.cd-draggable', self.handleContainer).css('left', widthValue + '%').one('mouseup touchend', function () {
|
||||
$(this).removeClass('cd-draggable');
|
||||
});
|
||||
|
||||
self.animating = false;
|
||||
}
|
||||
|
||||
dragImage() {
|
||||
const self = this;
|
||||
self.slideShow.on('mousedown touchstart', e => {
|
||||
self.slideShow.addClass('cd-draggable');
|
||||
const containerOffset = self.imageWrapper.offset().left, containerWidth = self.imageWrapper.outerWidth(), minFrame = 0, maxFrame = self.frames - 1;
|
||||
|
||||
self.xPosition = ( ($(window).width() < 992) ? e.originalEvent.touches[0].pageX : e.pageX );
|
||||
|
||||
self.element.on('mousemove touchmove', e => {
|
||||
if( !self.animating) {
|
||||
self.animating = true;
|
||||
( !window.requestAnimationFrame )
|
||||
? setTimeout(() => {self.animateDraggedImage(e, containerOffset, containerWidth);}, 100)
|
||||
: requestAnimationFrame(() => {self.animateDraggedImage(e, containerOffset, containerWidth);});
|
||||
}
|
||||
}).one('mouseup touchend', e => {
|
||||
self.slideShow.removeClass('cd-draggable');
|
||||
self.element.off('mousemove touchmove');
|
||||
self.updateHandle();
|
||||
});
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
}).on('mouseup touchend', e => {
|
||||
self.slideShow.removeClass('cd-draggable');
|
||||
});
|
||||
}
|
||||
|
||||
animateDraggedImage({originalEvent, pageX}, containerOffset, containerWidth) {
|
||||
const self = this;
|
||||
const leftValue = self.xPosition - ( ($(window).width() < 992) ? originalEvent.touches[0].pageX : pageX );
|
||||
const widthValue = Math.ceil( (leftValue) * 100 / ( containerWidth * self.friction ));
|
||||
let frame = (widthValue * (self.frames-1))/100;
|
||||
if( frame > 0 ) {
|
||||
frame = Math.floor(frame);
|
||||
} else {
|
||||
frame = Math.ceil(frame);
|
||||
}
|
||||
let newFrame = self.visibleFrame + frame;
|
||||
|
||||
if (newFrame < 0) {
|
||||
newFrame = self.frames - 1;
|
||||
} else if (newFrame > self.frames - 1) {
|
||||
newFrame = 0;
|
||||
}
|
||||
|
||||
if( newFrame != self.visibleFrame ) {
|
||||
self.visibleFrame = newFrame;
|
||||
self.updateFrame();
|
||||
self.xPosition = ( ($(window).width() < 992) ? originalEvent.touches[0].pageX : pageX );
|
||||
}
|
||||
|
||||
self.animating = false;
|
||||
}
|
||||
|
||||
updateHandle() {
|
||||
if(this.handle) {
|
||||
const widthValue = 100*this.visibleFrame/this.frames;
|
||||
this.handle.animate({'left': widthValue + '%'}, 200);
|
||||
}
|
||||
}
|
||||
|
||||
updateFrame() {
|
||||
const transformValue = - (100 * this.visibleFrame/this.frames);
|
||||
transformElement(this.slideShow, 'translateX('+transformValue+'%)');
|
||||
}
|
||||
}
|
||||
|
||||
function transformElement(element, value) {
|
||||
element.css({
|
||||
'-moz-transform': value,
|
||||
'-webkit-transform': value,
|
||||
'-ms-transform': value,
|
||||
'-o-transform': value,
|
||||
'transform': value
|
||||
});
|
||||
|
||||
if(element.data('image') != undefined) {
|
||||
element.css({
|
||||
'background-image': 'url('+ element.data('image') +')'
|
||||
});
|
||||
}
|
||||
|
||||
element.prev().css({
|
||||
visibility: 'hidden'
|
||||
});
|
||||
}
|
||||
|
||||
theme.fn.intObs( '.cd-product-viewer-wrapper', function(){
|
||||
new productViewer($(this));
|
||||
}, {});
|
||||
})).apply( this, [ jQuery ]);
|
96
resources/public/js/examples/examples.lightboxes.js
Normal file
96
resources/public/js/examples/examples.lightboxes.js
Normal file
@ -0,0 +1,96 @@
|
||||
/*
|
||||
Name: Elements - Lightboxes - Examples
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
Popup with video or map
|
||||
*/
|
||||
theme.fn.execOnceTroughEvent( $('.popup-youtube, .popup-vimeo, .popup-gmaps'), 'mouseover.trigger.iframe.lightbox', function(){
|
||||
$(this).magnificPopup({
|
||||
type: 'iframe',
|
||||
mainClass: 'mfp-fade',
|
||||
removalDelay: 160,
|
||||
preloader: false,
|
||||
|
||||
fixedContentPos: false
|
||||
});
|
||||
});
|
||||
|
||||
/*
|
||||
Dialog with CSS animation
|
||||
*/
|
||||
theme.fn.execOnceTroughEvent( $('.popup-with-zoom-anim'), 'mouseover.trigger.zoom.lightbox', function(){
|
||||
$(this).magnificPopup({
|
||||
type: 'inline',
|
||||
|
||||
fixedContentPos: false,
|
||||
fixedBgPos: true,
|
||||
|
||||
overflowY: 'auto',
|
||||
|
||||
closeBtnInside: true,
|
||||
preloader: false,
|
||||
|
||||
midClick: true,
|
||||
removalDelay: 300,
|
||||
mainClass: 'my-mfp-zoom-in'
|
||||
});
|
||||
});
|
||||
|
||||
theme.fn.execOnceTroughEvent( $('.popup-with-move-anim'), 'mouseover.trigger.slide.lightbox', function(){
|
||||
$(this).magnificPopup({
|
||||
type: 'inline',
|
||||
|
||||
fixedContentPos: false,
|
||||
fixedBgPos: true,
|
||||
|
||||
overflowY: 'auto',
|
||||
|
||||
closeBtnInside: true,
|
||||
preloader: false,
|
||||
|
||||
midClick: true,
|
||||
removalDelay: 300,
|
||||
mainClass: 'my-mfp-slide-bottom'
|
||||
});
|
||||
});
|
||||
|
||||
/*
|
||||
Form
|
||||
*/
|
||||
theme.fn.execOnceTroughEvent( $('.popup-with-form'), 'mouseover.trigger.form.lightbox', function(){
|
||||
$(this).magnificPopup({
|
||||
type: 'inline',
|
||||
preloader: false,
|
||||
focus: '#name',
|
||||
callbacks: {
|
||||
open() {
|
||||
$('html').addClass('lightbox-opened');
|
||||
},
|
||||
close() {
|
||||
$('html').removeClass('lightbox-opened');
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/*
|
||||
Ajax
|
||||
*/
|
||||
theme.fn.execOnceTroughEvent( $('.simple-ajax-popup'), 'mouseover.trigger.ajax.lightbox', function(){
|
||||
$(this).magnificPopup({
|
||||
type: 'ajax',
|
||||
callbacks: {
|
||||
open() {
|
||||
$('html').addClass('lightbox-opened');
|
||||
},
|
||||
close() {
|
||||
$('html').removeClass('lightbox-opened');
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
})).apply( this, [ jQuery ]);
|
36
resources/public/js/examples/examples.locomotive.scroll.js
Normal file
36
resources/public/js/examples/examples.locomotive.scroll.js
Normal file
@ -0,0 +1,36 @@
|
||||
/*
|
||||
Name: Locomotive Scroll Examples
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
Locomotive
|
||||
*/
|
||||
if (typeof LocomotiveScroll !== 'undefined') {
|
||||
|
||||
const scroller = new LocomotiveScroll({
|
||||
el: document.querySelector("[data-scroll-container]"),
|
||||
smooth: true,
|
||||
mobile: {
|
||||
breakpoint: 0,
|
||||
smooth: true
|
||||
},
|
||||
tablet: {
|
||||
breakpoint: 0,
|
||||
smooth: true
|
||||
}
|
||||
});
|
||||
|
||||
// Scroll to Top
|
||||
$('.scroll-to-top').on('click', e => {
|
||||
scroller.scrollTo(0);
|
||||
});
|
||||
|
||||
} else {
|
||||
|
||||
theme.fn.showErrorMessage('Failed to Load File', 'Failed to load: Locomotive Scroll - Include the following file(s): (vendor/locomotive-scroll/locomotive-scroll.min.js)');
|
||||
|
||||
}
|
||||
})).apply( this, [ jQuery ]);
|
18
resources/public/js/examples/examples.mouse.hover.split.js
Normal file
18
resources/public/js/examples/examples.mouse.hover.split.js
Normal file
@ -0,0 +1,18 @@
|
||||
/*
|
||||
Name: Mouse Hover Split
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
// Mouse Hover Split
|
||||
const left = document.getElementById("side-left");
|
||||
|
||||
const handleMove = ({clientX}) => {
|
||||
left.style.width = `${clientX / window.innerWidth * 100}%`;
|
||||
}
|
||||
|
||||
document.onmousemove = e => handleMove(e);
|
||||
|
||||
document.ontouchmove = ({touches}) => handleMove(touches[0]);
|
||||
})).apply( this, [ jQuery ]);
|
440
resources/public/js/examples/examples.particles.js
Normal file
440
resources/public/js/examples/examples.particles.js
Normal file
@ -0,0 +1,440 @@
|
||||
/*
|
||||
Name: Elements - Particles - Examples
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
// Particles 1
|
||||
particlesJS("particles-1", {
|
||||
"particles": {
|
||||
"number": {
|
||||
"value": 80,
|
||||
"density": {
|
||||
"enable": true,
|
||||
"value_area": 800
|
||||
}
|
||||
},
|
||||
"color": {
|
||||
"value": "#0088cc"
|
||||
},
|
||||
"shape": {
|
||||
"type": "circle",
|
||||
"stroke": {
|
||||
"width": 0,
|
||||
"color": "#000000"
|
||||
},
|
||||
"polygon": {
|
||||
"nb_sides": 5
|
||||
}
|
||||
},
|
||||
"opacity": {
|
||||
"value": 1,
|
||||
"random": true,
|
||||
"anim": {
|
||||
"enable": true,
|
||||
"speed": 1,
|
||||
"opacity_min": 0,
|
||||
"sync": false
|
||||
}
|
||||
},
|
||||
"size": {
|
||||
"value": 8,
|
||||
"random": true,
|
||||
"anim": {
|
||||
"enable": false,
|
||||
"speed": 4,
|
||||
"size_min": 0.3,
|
||||
"sync": false
|
||||
}
|
||||
},
|
||||
"line_linked": {
|
||||
"enable": false,
|
||||
"distance": 150,
|
||||
"color": "#0088cc",
|
||||
"opacity": 0.4,
|
||||
"width": 1
|
||||
},
|
||||
"move": {
|
||||
"enable": true,
|
||||
"speed": 1,
|
||||
"direction": "none",
|
||||
"random": true,
|
||||
"straight": false,
|
||||
"out_mode": "out",
|
||||
"bounce": false,
|
||||
"attract": {
|
||||
"enable": false,
|
||||
"rotateX": 600,
|
||||
"rotateY": 600
|
||||
}
|
||||
}
|
||||
},
|
||||
"interactivity": {
|
||||
"detect_on": "canvas",
|
||||
"events": {
|
||||
"onhover": {
|
||||
"enable": true,
|
||||
"mode": "bubble"
|
||||
},
|
||||
"onclick": {
|
||||
"enable": true,
|
||||
"mode": "repulse"
|
||||
},
|
||||
"resize": true
|
||||
},
|
||||
"modes": {
|
||||
"grab": {
|
||||
"distance": 400,
|
||||
"line_linked": {
|
||||
"opacity": 1
|
||||
}
|
||||
},
|
||||
"bubble": {
|
||||
"distance": 250,
|
||||
"size": 0,
|
||||
"duration": 2,
|
||||
"opacity": 0,
|
||||
"speed": 3
|
||||
},
|
||||
"repulse": {
|
||||
"distance": 400,
|
||||
"duration": 0.4
|
||||
},
|
||||
"push": {
|
||||
"particles_nb": 4
|
||||
},
|
||||
"remove": {
|
||||
"particles_nb": 2
|
||||
}
|
||||
}
|
||||
},
|
||||
"retina_detect": true
|
||||
});
|
||||
|
||||
// Particles 2
|
||||
particlesJS("particles-2", {
|
||||
"particles": {
|
||||
"number": {
|
||||
"value": 160,
|
||||
"density": {
|
||||
"enable": true,
|
||||
"value_area": 800
|
||||
}
|
||||
},
|
||||
"color": {
|
||||
"value": "#0088cc"
|
||||
},
|
||||
"shape": {
|
||||
"type": "circle",
|
||||
"stroke": {
|
||||
"width": 0,
|
||||
"color": "#000000"
|
||||
},
|
||||
"polygon": {
|
||||
"nb_sides": 5
|
||||
}
|
||||
},
|
||||
"opacity": {
|
||||
"value": 1,
|
||||
"random": true,
|
||||
"anim": {
|
||||
"enable": true,
|
||||
"speed": 1,
|
||||
"opacity_min": 0,
|
||||
"sync": false
|
||||
}
|
||||
},
|
||||
"size": {
|
||||
"value": 3,
|
||||
"random": true,
|
||||
"anim": {
|
||||
"enable": false,
|
||||
"speed": 4,
|
||||
"size_min": 0.3,
|
||||
"sync": false
|
||||
}
|
||||
},
|
||||
"line_linked": {
|
||||
"enable": false,
|
||||
"distance": 150,
|
||||
"color": "#0088cc",
|
||||
"opacity": 0.4,
|
||||
"width": 1
|
||||
},
|
||||
"move": {
|
||||
"enable": true,
|
||||
"speed": 1,
|
||||
"direction": "none",
|
||||
"random": true,
|
||||
"straight": false,
|
||||
"out_mode": "out",
|
||||
"bounce": false,
|
||||
"attract": {
|
||||
"enable": false,
|
||||
"rotateX": 600,
|
||||
"rotateY": 600
|
||||
}
|
||||
}
|
||||
},
|
||||
"interactivity": {
|
||||
"detect_on": "canvas",
|
||||
"events": {
|
||||
"onhover": {
|
||||
"enable": true,
|
||||
"mode": "bubble"
|
||||
},
|
||||
"onclick": {
|
||||
"enable": true,
|
||||
"mode": "repulse"
|
||||
},
|
||||
"resize": true
|
||||
},
|
||||
"modes": {
|
||||
"grab": {
|
||||
"distance": 400,
|
||||
"line_linked": {
|
||||
"opacity": 1
|
||||
}
|
||||
},
|
||||
"bubble": {
|
||||
"distance": 250,
|
||||
"size": 0,
|
||||
"duration": 2,
|
||||
"opacity": 0,
|
||||
"speed": 3
|
||||
},
|
||||
"repulse": {
|
||||
"distance": 400,
|
||||
"duration": 0.4
|
||||
},
|
||||
"push": {
|
||||
"particles_nb": 4
|
||||
},
|
||||
"remove": {
|
||||
"particles_nb": 2
|
||||
}
|
||||
}
|
||||
},
|
||||
"retina_detect": true
|
||||
});
|
||||
|
||||
// Particles 3
|
||||
particlesJS("particles-3", {
|
||||
"particles": {
|
||||
"number": {
|
||||
"value": 20,
|
||||
"density": {
|
||||
"enable": true,
|
||||
"value_area": 800
|
||||
}
|
||||
},
|
||||
"color": {
|
||||
"value": "#0088cc"
|
||||
},
|
||||
"shape": {
|
||||
"type": "polygon",
|
||||
"stroke": {
|
||||
"width": 0,
|
||||
"color": "#000"
|
||||
},
|
||||
"polygon": {
|
||||
"nb_sides": 6
|
||||
},
|
||||
},
|
||||
"opacity": {
|
||||
"value": 0.1,
|
||||
"random": true,
|
||||
"anim": {
|
||||
"enable": false,
|
||||
"speed": 1,
|
||||
"opacity_min": 0.1,
|
||||
"sync": false
|
||||
}
|
||||
},
|
||||
"size": {
|
||||
"value": 60,
|
||||
"random": false,
|
||||
"anim": {
|
||||
"enable": true,
|
||||
"speed": 10,
|
||||
"size_min": 40,
|
||||
"sync": false
|
||||
}
|
||||
},
|
||||
"line_linked": {
|
||||
"enable": false,
|
||||
"distance": 200,
|
||||
"color": "#ffffff",
|
||||
"opacity": 1,
|
||||
"width": 2
|
||||
},
|
||||
"move": {
|
||||
"enable": true,
|
||||
"speed": 8,
|
||||
"direction": "none",
|
||||
"random": false,
|
||||
"straight": false,
|
||||
"out_mode": "out",
|
||||
"bounce": false,
|
||||
"attract": {
|
||||
"enable": false,
|
||||
"rotateX": 600,
|
||||
"rotateY": 1200
|
||||
}
|
||||
}
|
||||
},
|
||||
"interactivity": {
|
||||
"detect_on": "canvas",
|
||||
"events": {
|
||||
"onhover": {
|
||||
"enable": false,
|
||||
"mode": "grab"
|
||||
},
|
||||
"onclick": {
|
||||
"enable": false,
|
||||
"mode": "push"
|
||||
},
|
||||
"resize": true
|
||||
},
|
||||
"modes": {
|
||||
"grab": {
|
||||
"distance": 400,
|
||||
"line_linked": {
|
||||
"opacity": 1
|
||||
}
|
||||
},
|
||||
"bubble": {
|
||||
"distance": 400,
|
||||
"size": 40,
|
||||
"duration": 2,
|
||||
"opacity": 8,
|
||||
"speed": 3
|
||||
},
|
||||
"repulse": {
|
||||
"distance": 200,
|
||||
"duration": 0.4
|
||||
},
|
||||
"push": {
|
||||
"particles_nb": 4
|
||||
},
|
||||
"remove": {
|
||||
"particles_nb": 2
|
||||
}
|
||||
}
|
||||
},
|
||||
"retina_detect": true
|
||||
});
|
||||
|
||||
// Particles 4
|
||||
particlesJS("particles-4", {
|
||||
"particles": {
|
||||
"number": {
|
||||
"value": 80,
|
||||
"density": {
|
||||
"enable": true,
|
||||
"value_area": 800
|
||||
}
|
||||
},
|
||||
"color": {
|
||||
"value": "#0088cc"
|
||||
},
|
||||
"shape": {
|
||||
"type": "circle",
|
||||
"stroke": {
|
||||
"width": 0,
|
||||
"color": "#000000"
|
||||
},
|
||||
"polygon": {
|
||||
"nb_sides": 5
|
||||
},
|
||||
"image": {
|
||||
"src": "img/github.svg",
|
||||
"width": 100,
|
||||
"height": 100
|
||||
}
|
||||
},
|
||||
"opacity": {
|
||||
"value": 0.5,
|
||||
"random": false,
|
||||
"anim": {
|
||||
"enable": false,
|
||||
"speed": 1,
|
||||
"opacity_min": 0.1,
|
||||
"sync": false
|
||||
}
|
||||
},
|
||||
"size": {
|
||||
"value": 3,
|
||||
"random": true,
|
||||
"anim": {
|
||||
"enable": false,
|
||||
"speed": 40,
|
||||
"size_min": 0.1,
|
||||
"sync": false
|
||||
}
|
||||
},
|
||||
"line_linked": {
|
||||
"enable": true,
|
||||
"distance": 150,
|
||||
"color": "#0088cc",
|
||||
"opacity": 0.4,
|
||||
"width": 1
|
||||
},
|
||||
"move": {
|
||||
"enable": true,
|
||||
"speed": 6,
|
||||
"direction": "none",
|
||||
"random": false,
|
||||
"straight": false,
|
||||
"out_mode": "out",
|
||||
"bounce": false,
|
||||
"attract": {
|
||||
"enable": false,
|
||||
"rotateX": 600,
|
||||
"rotateY": 1200
|
||||
}
|
||||
}
|
||||
},
|
||||
"interactivity": {
|
||||
"detect_on": "canvas",
|
||||
"events": {
|
||||
"onhover": {
|
||||
"enable": true,
|
||||
"mode": "repulse"
|
||||
},
|
||||
"onclick": {
|
||||
"enable": true,
|
||||
"mode": "push"
|
||||
},
|
||||
"resize": true
|
||||
},
|
||||
"modes": {
|
||||
"grab": {
|
||||
"distance": 400,
|
||||
"line_linked": {
|
||||
"opacity": 1
|
||||
}
|
||||
},
|
||||
"bubble": {
|
||||
"distance": 400,
|
||||
"size": 40,
|
||||
"duration": 2,
|
||||
"opacity": 8,
|
||||
"speed": 3
|
||||
},
|
||||
"repulse": {
|
||||
"distance": 200,
|
||||
"duration": 0.4
|
||||
},
|
||||
"push": {
|
||||
"particles_nb": 4
|
||||
},
|
||||
"remove": {
|
||||
"particles_nb": 2
|
||||
}
|
||||
}
|
||||
},
|
||||
"retina_detect": true
|
||||
});
|
||||
})).apply( this, [ jQuery ]);
|
754
resources/public/js/examples/examples.portfolio.js
Normal file
754
resources/public/js/examples/examples.portfolio.js
Normal file
@ -0,0 +1,754 @@
|
||||
/*
|
||||
Name: Portfolio - Examples
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
(($ => {
|
||||
/*
|
||||
Portfolio on Modal
|
||||
*/
|
||||
$('a[data-portfolio-on-modal]').magnificPopup({
|
||||
mainClass: 'portfolio-modal',
|
||||
type: 'inline',
|
||||
gallery: {
|
||||
enabled: true
|
||||
},
|
||||
callbacks: {
|
||||
open() {
|
||||
$('.owl-carousel').owlCarousel('refresh');
|
||||
},
|
||||
change() {
|
||||
setTimeout(() => {
|
||||
$('.owl-carousel').owlCarousel('refresh');
|
||||
}, 1);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$('a[data-portfolio-close]').on('click', e => {
|
||||
e.preventDefault();
|
||||
$.magnificPopup.instance.close();
|
||||
return false;
|
||||
});
|
||||
|
||||
$('a[data-portfolio-prev]').on('click', e => {
|
||||
e.preventDefault();
|
||||
$.magnificPopup.instance.prev();
|
||||
return false;
|
||||
});
|
||||
|
||||
$('a[data-portfolio-next]').on('click', e => {
|
||||
e.preventDefault();
|
||||
$.magnificPopup.instance.next();
|
||||
return false;
|
||||
});
|
||||
|
||||
/*
|
||||
Carousel
|
||||
*/
|
||||
if ($.isFunction($.fn.revolution)) {
|
||||
$("#revolutionSliderCarousel").show().revolution({
|
||||
sliderType: "carousel",
|
||||
sliderLayout: "fullwidth",
|
||||
dottedOverlay: "none",
|
||||
delay: 4000,
|
||||
navigation: {
|
||||
keyboardNavigation: "off",
|
||||
keyboard_direction: "horizontal",
|
||||
mouseScrollNavigation: "off",
|
||||
onHoverStop: "off",
|
||||
arrows: {
|
||||
style: "tparrows-carousel",
|
||||
enable: true,
|
||||
hide_onmobile: false,
|
||||
hide_onleave: false,
|
||||
tmp: '',
|
||||
left: {
|
||||
h_align: "left",
|
||||
v_align: "center",
|
||||
h_offset: 30,
|
||||
v_offset: 0
|
||||
},
|
||||
right: {
|
||||
h_align: "right",
|
||||
v_align: "center",
|
||||
h_offset: 30,
|
||||
v_offset: 0
|
||||
}
|
||||
}
|
||||
},
|
||||
carousel: {
|
||||
maxRotation: 65,
|
||||
vary_rotation: "on",
|
||||
minScale: 55,
|
||||
vary_scale: "off",
|
||||
horizontal_align: "center",
|
||||
vertical_align: "center",
|
||||
fadeout: "on",
|
||||
vary_fade: "on",
|
||||
maxVisibleItems: 5,
|
||||
infinity: "on",
|
||||
space: -150,
|
||||
stretch: "off"
|
||||
},
|
||||
gridwidth: 600,
|
||||
gridheight: 600,
|
||||
lazyType: "none",
|
||||
shadow: 0,
|
||||
spinner: "off",
|
||||
stopLoop: "on",
|
||||
stopAfterLoops: 0,
|
||||
stopAtSlide: -1,
|
||||
shuffle: "off",
|
||||
autoHeight: "off",
|
||||
disableProgressBar: "on",
|
||||
hideThumbsOnMobile: "off",
|
||||
hideSliderAtLimit: 0,
|
||||
hideCaptionAtLimit: 0,
|
||||
hideAllCaptionAtLilmit: 0,
|
||||
debugMode: false,
|
||||
fallbacks: {
|
||||
simplifyAll: "off",
|
||||
nextSlideOnWindowFocus: "off",
|
||||
disableFocusListener: false,
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/*
|
||||
Medias
|
||||
*/
|
||||
if ($.isFunction($.fn.revolution)) {
|
||||
$("#revolutionSliderMedias").show().revolution({
|
||||
sliderType: "standard",
|
||||
sliderLayout: "auto",
|
||||
dottedOverlay: "none",
|
||||
delay: 9000,
|
||||
navigation: {
|
||||
keyboardNavigation: "off",
|
||||
keyboard_direction: "horizontal",
|
||||
mouseScrollNavigation: "off",
|
||||
onHoverStop: "off",
|
||||
tabs: {
|
||||
style: "hesperiden hesperiden-custom",
|
||||
enable: true,
|
||||
width: 250,
|
||||
height: 80,
|
||||
min_width: 250,
|
||||
wrapper_padding: 20,
|
||||
wrapper_color: "#ffffff",
|
||||
wrapper_opacity: "1",
|
||||
tmp: '<div class="tp-tab-content"> <span class="tp-tab-date">{{param1}}</span> <span class="tp-tab-title">{{title}}</span></div><div class="tp-tab-image"></div>',
|
||||
visibleAmount: 5,
|
||||
hide_onmobile: false,
|
||||
hide_onleave: false,
|
||||
hide_delay: 200,
|
||||
direction: "horizontal",
|
||||
span: false,
|
||||
position: "outer-bottom",
|
||||
space: 0,
|
||||
h_align: "left",
|
||||
v_align: "bottom",
|
||||
h_offset: 0,
|
||||
v_offset: 0
|
||||
}
|
||||
},
|
||||
gridwidth: 1230,
|
||||
gridheight: 692,
|
||||
lazyType: "smart",
|
||||
shadow: 0,
|
||||
spinner: "off",
|
||||
stopLoop: "on",
|
||||
stopAfterLoops: 0,
|
||||
stopAtSlide: 1,
|
||||
shuffle: "off",
|
||||
autoHeight: "off",
|
||||
disableProgressBar: "on",
|
||||
hideThumbsOnMobile: "off",
|
||||
hideSliderAtLimit: 0,
|
||||
hideCaptionAtLimit: 0,
|
||||
hideAllCaptionAtLilmit: 0,
|
||||
debugMode: false,
|
||||
fallbacks: {
|
||||
simplifyAll: "off",
|
||||
nextSlideOnWindowFocus: "off",
|
||||
disableFocusListener: false,
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/*
|
||||
Ajax on Page
|
||||
*/
|
||||
const ajaxOnPage = {
|
||||
|
||||
pages: [],
|
||||
currentPage: 0,
|
||||
total: 0,
|
||||
$ajaxBox: $('#porfolioAjaxBox'),
|
||||
$ajaxBoxContent: $('#porfolioAjaxBoxContent'),
|
||||
|
||||
build() {
|
||||
|
||||
const self = this;
|
||||
|
||||
$('a[data-ajax-on-page]').each(function() {
|
||||
self.add($(this));
|
||||
});
|
||||
|
||||
$(document).on('mousedown', 'a[data-ajax-on-page]', ev => {
|
||||
if (ev.which == 2) {
|
||||
ev.preventDefault();
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
// Key Press
|
||||
$(document.documentElement).on('keyup', ({keyCode}) => {
|
||||
|
||||
if( !$('.mfp-wrap').get(0) ) {
|
||||
|
||||
// Next
|
||||
if (keyCode == 39) {
|
||||
self.next();
|
||||
}
|
||||
|
||||
// Prev
|
||||
if (keyCode == 37) {
|
||||
self.prev();
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
add($el) {
|
||||
|
||||
const self = this, href = $el.attr('data-href');
|
||||
|
||||
self.pages.push(href);
|
||||
self.total++;
|
||||
|
||||
$el.on('click', e => {
|
||||
e.preventDefault();
|
||||
self.show(self.pages.indexOf(href));
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
events() {
|
||||
|
||||
const self = this;
|
||||
|
||||
// Close
|
||||
$('a[data-ajax-portfolio-close]').on('click', e => {
|
||||
e.preventDefault();
|
||||
self.close();
|
||||
});
|
||||
|
||||
if (self.total <= 1) {
|
||||
|
||||
$('a[data-ajax-portfolio-prev], a[data-ajax-portfolio-next]').remove();
|
||||
|
||||
} else {
|
||||
|
||||
// Prev
|
||||
$('a[data-ajax-portfolio-prev]').on('click', e => {
|
||||
e.preventDefault();
|
||||
self.prev();
|
||||
});
|
||||
|
||||
// Next
|
||||
$('a[data-ajax-portfolio-next]').on('click', e => {
|
||||
e.preventDefault();
|
||||
self.next();
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
// Carousel
|
||||
if ($.isFunction($.fn['themePluginCarousel'])) {
|
||||
|
||||
$(() => {
|
||||
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
|
||||
const $this = $(this);
|
||||
let opts;
|
||||
|
||||
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
|
||||
if (pluginOptions)
|
||||
opts = pluginOptions;
|
||||
|
||||
$this.themePluginCarousel(opts);
|
||||
});
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
close() {
|
||||
|
||||
const self = this;
|
||||
|
||||
self.$ajaxBoxContent.empty();
|
||||
self.$ajaxBox.removeClass('ajax-box-init').removeClass('ajax-box-loading');
|
||||
|
||||
},
|
||||
|
||||
next() {
|
||||
|
||||
const self = this;
|
||||
|
||||
if(self.currentPage + 1 < self.total) {
|
||||
self.show(self.currentPage + 1);
|
||||
} else {
|
||||
self.show(0);
|
||||
}
|
||||
},
|
||||
|
||||
prev() {
|
||||
|
||||
const self = this;
|
||||
|
||||
if((self.currentPage - 1) >= 0) {
|
||||
self.show(self.currentPage - 1);
|
||||
} else {
|
||||
self.show(self.total - 1);
|
||||
}
|
||||
},
|
||||
|
||||
show(i) {
|
||||
|
||||
const self = this;
|
||||
|
||||
self.$ajaxBoxContent.empty();
|
||||
self.$ajaxBox.removeClass('ajax-box-init').addClass('ajax-box-loading');
|
||||
|
||||
$('html, body').animate({
|
||||
scrollTop: self.$ajaxBox.offset().top - 100
|
||||
}, 300, 'easeOutQuad');
|
||||
|
||||
self.currentPage = i;
|
||||
|
||||
if (i < 0 || i > (self.total-1)) {
|
||||
self.close();
|
||||
return false;
|
||||
}
|
||||
|
||||
// Ajax
|
||||
$.ajax({
|
||||
url: self.pages[i],
|
||||
cache: false,
|
||||
complete({responseText}) {
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
self.$ajaxBoxContent.html(responseText).append('<div class="row"><div class="col-md-12"><hr class="tall mt-4"></div></div>');
|
||||
self.$ajaxBox.removeClass('ajax-box-loading');
|
||||
|
||||
self.events();
|
||||
|
||||
}, 1000);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
if($('#porfolioAjaxBox').get(0)) {
|
||||
ajaxOnPage.build();
|
||||
}
|
||||
|
||||
/*
|
||||
Ajax on Modal
|
||||
*/
|
||||
theme.fn.execOnceTroughEvent( 'a[data-ajax-on-modal]', 'mouseover.trigger.ajax.on.modal', () => {
|
||||
$('a[data-ajax-on-modal]').magnificPopup({
|
||||
type: 'ajax',
|
||||
tLoading: '',
|
||||
mainClass: 'portfolio-ajax-modal',
|
||||
closeBtnInside: true,
|
||||
gallery: {
|
||||
enabled: true
|
||||
},
|
||||
callbacks: {
|
||||
ajaxContentAdded() {
|
||||
|
||||
// Wrapper
|
||||
const $wrapper = $('.portfolio-ajax-modal');
|
||||
|
||||
// Close
|
||||
$wrapper.find('a[data-ajax-portfolio-close]').on('click', e => {
|
||||
e.preventDefault();
|
||||
$.magnificPopup.close();
|
||||
});
|
||||
|
||||
// Remove Next and Close
|
||||
if($('a[data-ajax-on-modal]').length <= 1) {
|
||||
|
||||
$wrapper.find('a[data-ajax-portfolio-prev], a[data-ajax-portfolio-next]').remove();
|
||||
|
||||
} else {
|
||||
|
||||
// Prev
|
||||
$wrapper.find('a[data-ajax-portfolio-prev]').on('click', e => {
|
||||
e.preventDefault();
|
||||
$('.mfp-arrow-left').trigger('click');
|
||||
return false;
|
||||
});
|
||||
|
||||
// Next
|
||||
$wrapper.find('a[data-ajax-portfolio-next]').on('click', e => {
|
||||
e.preventDefault();
|
||||
$('.mfp-arrow-right').trigger('click');
|
||||
return false;
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
// Carousel
|
||||
$(() => {
|
||||
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
|
||||
const $this = $(this);
|
||||
let opts;
|
||||
|
||||
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
|
||||
if (pluginOptions)
|
||||
opts = pluginOptions;
|
||||
|
||||
$this.themePluginCarousel(opts);
|
||||
});
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/*
|
||||
Load More
|
||||
*/
|
||||
const portfolioLoadMore = {
|
||||
|
||||
pages: 0,
|
||||
currentPage: 1,
|
||||
$wrapper: $('#portfolioLoadMoreWrapper'),
|
||||
$btn: $('#portfolioLoadMore'),
|
||||
$btnWrapper: $('#portfolioLoadMoreBtnWrapper'),
|
||||
$loader: $('#portfolioLoadMoreLoader'),
|
||||
|
||||
build() {
|
||||
|
||||
const self = this;
|
||||
|
||||
self.pages = self.$wrapper.data('total-pages');
|
||||
|
||||
if(self.pages <= 1) {
|
||||
|
||||
self.$btnWrapper.remove();
|
||||
return;
|
||||
|
||||
} else {
|
||||
|
||||
self.$btn.on('click', () => {
|
||||
self.loadMore();
|
||||
});
|
||||
|
||||
// Infinite Scroll
|
||||
if(self.$btn.hasClass('btn-portfolio-infinite-scroll')) {
|
||||
theme.fn.intObs( '#portfolioLoadMore', "$('#portfolioLoadMore').trigger('click');", {
|
||||
rootMargin: '0px 0px 0px 0px'
|
||||
}, true );
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
loadMore() {
|
||||
|
||||
const self = this, ajax_url = ( self.$wrapper.data('ajax-url') ) ? self.$wrapper.data('ajax-url') : 'ajax/portfolio-ajax-load-more-';
|
||||
|
||||
self.$btn.hide();
|
||||
self.$loader.addClass('portfolio-load-more-loader-showing').show();
|
||||
|
||||
// Ajax
|
||||
$.ajax({
|
||||
url: ajax_url + (parseInt(self.currentPage)+1) + '.html',
|
||||
complete({responseText}) {
|
||||
|
||||
const $items = $(responseText);
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
self.$wrapper.append($items)
|
||||
|
||||
self.$wrapper.isotope('appended', $items);
|
||||
|
||||
self.currentPage++;
|
||||
|
||||
if(self.currentPage < self.pages) {
|
||||
self.$btn.show().blur();
|
||||
} else {
|
||||
self.$btnWrapper.remove();
|
||||
}
|
||||
|
||||
// Carousel
|
||||
$(() => {
|
||||
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
|
||||
const $this = $(this);
|
||||
let opts;
|
||||
|
||||
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
|
||||
if (pluginOptions)
|
||||
opts = pluginOptions;
|
||||
|
||||
$this.themePluginCarousel(opts);
|
||||
});
|
||||
});
|
||||
|
||||
self.$loader.removeClass('portfolio-load-more-loader-showing').hide();
|
||||
|
||||
self.$wrapper.waitForImages(() => {
|
||||
self.$wrapper.isotope('layout');
|
||||
});
|
||||
|
||||
}, 1000);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
if($('#portfolioLoadMoreWrapper').get(0)) {
|
||||
portfolioLoadMore.build();
|
||||
}
|
||||
|
||||
/*
|
||||
Pagination
|
||||
*/
|
||||
const portfolioPagination = {
|
||||
|
||||
pages: 0,
|
||||
$wrapper: $('#portfolioPaginationWrapper'),
|
||||
$filter: $('#portfolioPaginationFilter'),
|
||||
$pager: $('#portfolioPagination'),
|
||||
|
||||
init() {
|
||||
|
||||
const self = this;
|
||||
|
||||
self.$filter.on('filtered', (event, laidOutItems) => {
|
||||
self.build();
|
||||
self.$filter.find('.active').trigger('click');
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
calcPages() {
|
||||
|
||||
const self = this, filter = self.$wrapper.attr('data-filter'), itemsPerPage = parseInt(self.$wrapper.attr('data-items-per-page')), $activeItems = self.$wrapper.find(filter + '.isotope-item');
|
||||
|
||||
self.$wrapper.find('.isotope-item').removeAttr('data-page-rel');
|
||||
|
||||
$activeItems.each(function(i) {
|
||||
const itemPage = Math.ceil((i+1)/itemsPerPage);
|
||||
|
||||
$(this).attr('data-page-rel', ((itemPage == 0) ? 1 : itemPage));
|
||||
|
||||
if (itemPage > 1) {
|
||||
$(this).hide();
|
||||
}
|
||||
});
|
||||
|
||||
self.$wrapper.isotope('layout');
|
||||
|
||||
return Math.ceil($activeItems.length/itemsPerPage);
|
||||
},
|
||||
|
||||
build() {
|
||||
|
||||
const self = this;
|
||||
|
||||
self.pages = self.calcPages();
|
||||
|
||||
self.$wrapper.removeAttr('data-current-page');
|
||||
|
||||
self.$pager.empty().unbind();
|
||||
|
||||
if(self.pages <= 1) {
|
||||
|
||||
return;
|
||||
|
||||
} else {
|
||||
|
||||
self.$wrapper.attr('data-current-page', 1);
|
||||
|
||||
self.$pager.bootpag({
|
||||
total: self.pages,
|
||||
page: 1,
|
||||
next: '<i class="fas fa-angle-right"></i>',
|
||||
prev: '<i class="fas fa-angle-left"></i>'
|
||||
}).on('page', (event, num) => {
|
||||
self.$wrapper.attr('data-current-page', num);
|
||||
self.$filter.find('.active').trigger('click');
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
self.$filter.find('.active').trigger('click');
|
||||
|
||||
self.$pager.find('li').addClass('page-item');
|
||||
self.$pager.find('a').addClass('page-link');
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
if($('#portfolioPagination').get(0)) {
|
||||
portfolioPagination.init();
|
||||
}
|
||||
|
||||
/*
|
||||
Combination Filters
|
||||
*/
|
||||
if($('#combinationFilters').get(0)) {
|
||||
|
||||
$(window).on('load', () => {
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
const $grid = $('.portfolio-list').isotope({
|
||||
itemSelector: '.isotope-item',
|
||||
layoutMode: 'masonry',
|
||||
filter: '*',
|
||||
hiddenStyle: {
|
||||
opacity: 0
|
||||
},
|
||||
visibleStyle: {
|
||||
opacity: 1
|
||||
},
|
||||
stagger: 30,
|
||||
isOriginLeft: ($('html').attr('dir') == 'rtl' ? false : true)
|
||||
});
|
||||
|
||||
const filters = {}, $loader = $('.sort-destination-loader');
|
||||
|
||||
$('.filters').on('click', 'a', function(e) {
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
const $this = $(this);
|
||||
|
||||
const $buttonGroup = $this.parents('.portfolio-filter-group');
|
||||
const filterGroup = $buttonGroup.attr('data-filter-group');
|
||||
|
||||
filters[filterGroup] = $this.parent().attr('data-option-value');
|
||||
|
||||
const filterValue = concatValues(filters);
|
||||
|
||||
$grid.isotope({
|
||||
filter: filterValue
|
||||
});
|
||||
});
|
||||
|
||||
$('.portfolio-filter-group').each((i, buttonGroup) => {
|
||||
const $buttonGroup = $(buttonGroup);
|
||||
$buttonGroup.on('click', 'a', function() {
|
||||
$buttonGroup.find('.active').removeClass('active');
|
||||
$(this).parent().addClass('active');
|
||||
$(this).addClass('active');
|
||||
});
|
||||
});
|
||||
|
||||
var concatValues = obj => {
|
||||
let value = '';
|
||||
for (const prop in obj) {
|
||||
value += obj[prop];
|
||||
}
|
||||
return value;
|
||||
}
|
||||
|
||||
$(window).on('resize', () => {
|
||||
setTimeout(() => {
|
||||
$grid.isotope('layout');
|
||||
}, 300);
|
||||
});
|
||||
|
||||
if ($loader) {
|
||||
$loader.removeClass('sort-destination-loader-showing');
|
||||
|
||||
setTimeout(() => {
|
||||
$loader.addClass('sort-destination-loader-loaded');
|
||||
}, 500);
|
||||
}
|
||||
|
||||
}, 1000);
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
/*
|
||||
Lazy Load Masonry
|
||||
*/
|
||||
if($('#portfolioLazyLoadMasonry').get(0)) {
|
||||
|
||||
const $window = $(window);
|
||||
|
||||
$window.on('load', () => {
|
||||
|
||||
const $grid = $('#portfolioLazyLoadMasonry .portfolio-list').isotope({
|
||||
itemSelector: '.isotope-item',
|
||||
layoutMode: 'masonry',
|
||||
filter: '*',
|
||||
hiddenStyle: {
|
||||
opacity: 0
|
||||
},
|
||||
visibleStyle: {
|
||||
opacity: 1
|
||||
},
|
||||
stagger: 30,
|
||||
isOriginLeft: ($('html').attr('dir') == 'rtl' ? false : true)
|
||||
});
|
||||
|
||||
let runningIsotope = false;
|
||||
|
||||
function reLayouIsotope() {
|
||||
|
||||
if(!runningIsotope) {
|
||||
|
||||
$grid.isotope('layout');
|
||||
runningIsotope = true;
|
||||
|
||||
setTimeout(() => {
|
||||
runningIsotope = false;
|
||||
}, 1000);
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
$grid.isotope('on', 'layoutComplete', () => {
|
||||
reLayouIsotope();
|
||||
});
|
||||
|
||||
$window.on('scroll', () => {
|
||||
reLayouIsotope();
|
||||
});
|
||||
|
||||
$window.on('resize', () => {
|
||||
setTimeout(() => {
|
||||
reLayouIsotope();
|
||||
}, 300);
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
})).apply(this, [jQuery]);
|
45
resources/public/js/examples/examples.sections.js
Normal file
45
resources/public/js/examples/examples.sections.js
Normal file
@ -0,0 +1,45 @@
|
||||
/*
|
||||
Name: Elements - Sections - Examples
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
Circle Expand
|
||||
*/
|
||||
let section = document.getElementById('circleSection'),
|
||||
dot = document.getElementById("circleDot");
|
||||
|
||||
gsap.set(dot, {
|
||||
width: "142vmax",
|
||||
height: "142vmax",
|
||||
xPercent: -50,
|
||||
yPercent: -50,
|
||||
top: "50%",
|
||||
left: "50%"
|
||||
});
|
||||
|
||||
let tl1 = gsap.timeline({
|
||||
scrollTrigger: {
|
||||
trigger: section,
|
||||
start: "-50%",
|
||||
end: "0%",
|
||||
scrub: 2,
|
||||
invalidateOnRefresh: true,
|
||||
},
|
||||
defaults: {
|
||||
ease: "none"
|
||||
}
|
||||
});
|
||||
|
||||
tl1
|
||||
.fromTo(dot, {
|
||||
scale: 0
|
||||
}, {
|
||||
x: 0,
|
||||
y: 0,
|
||||
ease: "power3.in",
|
||||
scale: 1
|
||||
});
|
||||
})).apply( this, [ jQuery ]);
|
9509
resources/public/js/theme.js
Normal file
9509
resources/public/js/theme.js
Normal file
File diff suppressed because it is too large
Load Diff
262
resources/public/js/views/view.contact.js
Normal file
262
resources/public/js/views/view.contact.js
Normal file
@ -0,0 +1,262 @@
|
||||
/*
|
||||
Name: View - Contact
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
Custom Rules
|
||||
*/
|
||||
|
||||
// No White Space
|
||||
$.validator.addMethod("noSpace", (value, element) => {
|
||||
if( $(element).attr('required') ) {
|
||||
return value.search(/^(?! *$)[^]+$/) == 0;
|
||||
}
|
||||
|
||||
return true;
|
||||
}, 'Please fill this empty field.');
|
||||
|
||||
/*
|
||||
Assign Custom Rules on Fields
|
||||
*/
|
||||
$.validator.addClassRules({
|
||||
'form-control': {
|
||||
noSpace: true
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
Contact Form: Basic
|
||||
*/
|
||||
$('.contact-form').each(function(){
|
||||
$(this).validate({
|
||||
errorPlacement(error, element) {
|
||||
if(element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
|
||||
error.appendTo(element.closest('.form-group'));
|
||||
} else if( element.is('select') && element.closest('.custom-select-1') ) {
|
||||
error.appendTo(element.closest('.form-group'));
|
||||
} else {
|
||||
if( element.closest('.form-group').length ) {
|
||||
error.appendTo(element.closest('.form-group'));
|
||||
} else {
|
||||
error.insertAfter(element);
|
||||
}
|
||||
}
|
||||
},
|
||||
submitHandler(form) {
|
||||
|
||||
const $form = $(form), $messageSuccess = $form.find('.contact-form-success'), $messageError = $form.find('.contact-form-error'), $submitButton = $(this.submitButton), $errorMessage = $form.find('.mail-error-message'), submitButtonText = $submitButton.val();
|
||||
|
||||
$submitButton.val( $submitButton.data('loading-text') ? $submitButton.data('loading-text') : 'Loading...' ).attr('disabled', true);
|
||||
|
||||
// Fields Data
|
||||
const formData = $form.serializeArray(), data = {};
|
||||
|
||||
$(formData).each((index, {name, value}) => {
|
||||
if( data[name] ) {
|
||||
data[name] = data[name] + ', ' + value;
|
||||
} else {
|
||||
data[name] = value;
|
||||
}
|
||||
});
|
||||
|
||||
// Google Recaptcha v2
|
||||
if( data["g-recaptcha-response"] != undefined ) {
|
||||
data["g-recaptcha-response"] = $form.find('#g-recaptcha-response').val();
|
||||
}
|
||||
|
||||
// Ajax Submit
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: $form.attr('action'),
|
||||
data
|
||||
}).always(({response, errorMessage, responseText}, textStatus, jqXHR) => {
|
||||
|
||||
$errorMessage.empty().hide();
|
||||
|
||||
if (response == 'success') {
|
||||
|
||||
// Uncomment the code below to redirect for a thank you page
|
||||
// self.location = 'thank-you.html';
|
||||
|
||||
$messageSuccess.removeClass('d-none');
|
||||
$messageError.addClass('d-none');
|
||||
|
||||
// Reset Form
|
||||
$form.find('.form-control')
|
||||
.val('')
|
||||
.blur()
|
||||
.parent()
|
||||
.removeClass('has-success')
|
||||
.removeClass('has-danger')
|
||||
.find('label.error')
|
||||
.remove();
|
||||
|
||||
if (($messageSuccess.offset().top - 80) < $(window).scrollTop()) {
|
||||
$('html, body').animate({
|
||||
scrollTop: $messageSuccess.offset().top - 80
|
||||
}, 300);
|
||||
}
|
||||
|
||||
$form.find('.form-control').removeClass('error');
|
||||
|
||||
$submitButton.val( submitButtonText ).attr('disabled', false);
|
||||
|
||||
return;
|
||||
|
||||
} else if (response == 'error' && typeof errorMessage !== 'undefined') {
|
||||
$errorMessage.html(errorMessage).show();
|
||||
} else {
|
||||
$errorMessage.html(responseText).show();
|
||||
}
|
||||
|
||||
$messageError.removeClass('d-none');
|
||||
$messageSuccess.addClass('d-none');
|
||||
|
||||
if (($messageError.offset().top - 80) < $(window).scrollTop()) {
|
||||
$('html, body').animate({
|
||||
scrollTop: $messageError.offset().top - 80
|
||||
}, 300);
|
||||
}
|
||||
|
||||
$form.find('.has-success')
|
||||
.removeClass('has-success');
|
||||
|
||||
$submitButton.val( submitButtonText ).attr('disabled', false);
|
||||
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/*
|
||||
Contact Form: Advanced
|
||||
*/
|
||||
$('#contactFormAdvanced').validate({
|
||||
onkeyup: false,
|
||||
onclick: false,
|
||||
onfocusout: false,
|
||||
rules: {
|
||||
'captcha': {
|
||||
captcha: true
|
||||
},
|
||||
'checkboxes[]': {
|
||||
required: true
|
||||
},
|
||||
'radios': {
|
||||
required: true
|
||||
}
|
||||
},
|
||||
errorPlacement(error, element) {
|
||||
if(element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
|
||||
error.appendTo(element.closest('.form-group'));
|
||||
} else if( element.is('select') && element.closest('.custom-select-1') ) {
|
||||
error.appendTo(element.closest('.form-group'));
|
||||
} else {
|
||||
error.insertAfter(element);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
Contact Form: reCaptcha v3
|
||||
*/
|
||||
$('.contact-form-recaptcha-v3').each(function(){
|
||||
$(this).validate({
|
||||
errorPlacement(error, element) {
|
||||
if(element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
|
||||
error.appendTo(element.closest('.form-group'));
|
||||
} else if( element.is('select') && element.closest('.custom-select-1') ) {
|
||||
error.appendTo(element.closest('.form-group'));
|
||||
} else {
|
||||
error.insertAfter(element);
|
||||
}
|
||||
},
|
||||
submitHandler(form) {
|
||||
|
||||
const $form = $(form), $messageSuccess = $form.find('.contact-form-success'), $messageError = $form.find('.contact-form-error'), $submitButton = $(this.submitButton), $errorMessage = $form.find('.mail-error-message'), submitButtonText = $submitButton.val();
|
||||
|
||||
$submitButton.val( $submitButton.data('loading-text') ? $submitButton.data('loading-text') : 'Loading...' ).attr('disabled', true);
|
||||
|
||||
const recaptchaSrcURL = $('#google-recaptcha-v3').attr('src'), newURL = new URL(recaptchaSrcURL), site_key = newURL.searchParams.get("render");
|
||||
|
||||
grecaptcha.execute(site_key, {action: 'contact_us'}).then(token => {
|
||||
|
||||
// Fields Data
|
||||
const formData = $form.serializeArray(), data = {};
|
||||
|
||||
$(formData).each((index, {name, value}) => {
|
||||
data[name] = value;
|
||||
});
|
||||
|
||||
// Recaptcha v3 Token
|
||||
data["g-recaptcha-response"] = token;
|
||||
|
||||
// Ajax Submit
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: $form.attr('action'),
|
||||
data
|
||||
}).always(({response, errorMessage, responseText}, textStatus, jqXHR) => {
|
||||
|
||||
$errorMessage.empty().hide();
|
||||
|
||||
if (response == 'success') {
|
||||
|
||||
// Uncomment the code below to redirect for a thank you page
|
||||
// self.location = 'thank-you.html';
|
||||
|
||||
$messageSuccess.removeClass('d-none');
|
||||
$messageError.addClass('d-none');
|
||||
|
||||
// Reset Form
|
||||
$form.find('.form-control')
|
||||
.val('')
|
||||
.blur()
|
||||
.parent()
|
||||
.removeClass('has-success')
|
||||
.removeClass('has-danger')
|
||||
.find('label.error')
|
||||
.remove();
|
||||
|
||||
if (($messageSuccess.offset().top - 80) < $(window).scrollTop()) {
|
||||
$('html, body').animate({
|
||||
scrollTop: $messageSuccess.offset().top - 80
|
||||
}, 300);
|
||||
}
|
||||
|
||||
$form.find('.form-control').removeClass('error');
|
||||
|
||||
$submitButton.val( submitButtonText ).attr('disabled', false);
|
||||
|
||||
return;
|
||||
|
||||
} else if (response == 'error' && typeof errorMessage !== 'undefined') {
|
||||
$errorMessage.html(errorMessage).show();
|
||||
} else {
|
||||
$errorMessage.html(responseText).show();
|
||||
}
|
||||
|
||||
$messageError.removeClass('d-none');
|
||||
$messageSuccess.addClass('d-none');
|
||||
|
||||
if (($messageError.offset().top - 80) < $(window).scrollTop()) {
|
||||
$('html, body').animate({
|
||||
scrollTop: $messageError.offset().top - 80
|
||||
}, 300);
|
||||
}
|
||||
|
||||
$form.find('.has-success')
|
||||
.removeClass('has-success');
|
||||
|
||||
$submitButton.val( submitButtonText ).attr('disabled', false);
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
})).apply(this, [jQuery]);
|
46
resources/public/js/views/view.home.js
Normal file
46
resources/public/js/views/view.home.js
Normal file
@ -0,0 +1,46 @@
|
||||
/*
|
||||
Name: View - Home
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
Circle Slider
|
||||
*/
|
||||
if ($.isFunction($.fn.flipshow)) {
|
||||
const circleContainer = $('.fc-slideshow');
|
||||
|
||||
$.each( circleContainer, function() {
|
||||
|
||||
const $container = $(this);
|
||||
|
||||
$container.flipshow();
|
||||
|
||||
setTimeout(function circleFlip() {
|
||||
$container.data().flipshow._navigate($container.find('div.fc-right span:first'), 'right');
|
||||
setTimeout(circleFlip, 3000);
|
||||
}, 3000);
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
/*
|
||||
Move Cloud
|
||||
*/
|
||||
if ($('.cloud').get(0)) {
|
||||
const moveCloud = () => {
|
||||
$('.cloud').animate({
|
||||
'top': '+=20px'
|
||||
}, 3000, 'linear', () => {
|
||||
$('.cloud').animate({
|
||||
'top': '-=20px'
|
||||
}, 3000, 'linear', () => {
|
||||
moveCloud();
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
moveCloud();
|
||||
}
|
||||
})).apply(this, [jQuery]);
|
30
resources/public/js/views/view.landing.js
Normal file
30
resources/public/js/views/view.landing.js
Normal file
@ -0,0 +1,30 @@
|
||||
/*
|
||||
Name: View - Landing
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
let timeout = false;
|
||||
|
||||
$('#demoFilter').keyup(() => {
|
||||
|
||||
if(!timeout) {
|
||||
|
||||
timeout = true;
|
||||
|
||||
$('html, body').animate({
|
||||
scrollTop: $('#demos').offset().top - 90
|
||||
}, 600, 'easeOutQuad', () => {
|
||||
$('body').removeClass('scrolling');
|
||||
timeout = false;
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
$('.custom-banner-content-item-1').on('click', () => {
|
||||
$('.style-switcher-open-loader').trigger('click');
|
||||
});
|
||||
})).apply( this, [ jQuery ]);
|
133
resources/public/js/views/view.shop.js
Normal file
133
resources/public/js/views/view.shop.js
Normal file
@ -0,0 +1,133 @@
|
||||
/*
|
||||
Name: View - Shop
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 12.1.0
|
||||
*/
|
||||
|
||||
(($ => {
|
||||
/*
|
||||
* Quantity
|
||||
*/
|
||||
$( document ).on('click', '.quantity .plus',function(){
|
||||
const $qty=$(this).parents('.quantity').find('.qty');
|
||||
const currentVal = parseInt($qty.val());
|
||||
if (!isNaN(currentVal)) {
|
||||
$qty.val(currentVal + 1);
|
||||
}
|
||||
});
|
||||
|
||||
$( document ).on('click', '.quantity .minus',function(){
|
||||
const $qty=$(this).parents('.quantity').find('.qty');
|
||||
const currentVal = parseInt($qty.val());
|
||||
if (!isNaN(currentVal) && currentVal > 1) {
|
||||
$qty.val(currentVal - 1);
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
* Quick View Lightbox/Popup With Ajax
|
||||
*/
|
||||
$('.quick-view').magnificPopup({
|
||||
type: 'ajax',
|
||||
fixedContentPos: true,
|
||||
fixedBgPos: true,
|
||||
overflowY: 'auto',
|
||||
closeBtnInside: true,
|
||||
preloader: false,
|
||||
midClick: true,
|
||||
removalDelay: 300,
|
||||
mainClass: '',
|
||||
callbacks: {
|
||||
open() {
|
||||
$('html').addClass('lightbox-opened');
|
||||
},
|
||||
close() {
|
||||
$('html').removeClass('lightbox-opened');
|
||||
setTimeout(() => {
|
||||
$('html').removeClass('lightbox-beforeclose');
|
||||
}, 500);
|
||||
},
|
||||
beforeClose() {
|
||||
$('html').addClass('lightbox-beforeclose');
|
||||
},
|
||||
ajaxContentAdded() {
|
||||
|
||||
/*
|
||||
Thumb Gallery
|
||||
*/
|
||||
$('.thumb-gallery-wrapper').each(function(){
|
||||
const $thumbGalleryDetail = $(this).find('.thumb-gallery-detail');
|
||||
const $thumbGalleryThumbs = $(this).find('.thumb-gallery-thumbs');
|
||||
let flag = false;
|
||||
const duration = 300;
|
||||
|
||||
$thumbGalleryDetail
|
||||
.owlCarousel({
|
||||
items: 1,
|
||||
margin: 10,
|
||||
nav: true,
|
||||
dots: false,
|
||||
loop: false,
|
||||
autoHeight: true,
|
||||
navText: [],
|
||||
rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
|
||||
})
|
||||
.on('changed.owl.carousel', ({item}) => {
|
||||
if (!flag) {
|
||||
flag = true;
|
||||
$thumbGalleryThumbs.trigger('to.owl.carousel', [item.index-1, duration, true]);
|
||||
|
||||
$thumbGalleryThumbs.find('.owl-item').removeClass('selected');
|
||||
$thumbGalleryThumbs.find('.owl-item').eq( item.index ).addClass('selected');
|
||||
flag = false;
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
$thumbGalleryThumbs
|
||||
.owlCarousel({
|
||||
margin: 15,
|
||||
items: $(this).data('thumbs-items') ? $(this).data('thumbs-items') : 4,
|
||||
nav: false,
|
||||
center: $(this).data('thumbs-center') ? true : false,
|
||||
dots: false,
|
||||
rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
|
||||
})
|
||||
.on('click', '.owl-item', function() {
|
||||
$thumbGalleryDetail.trigger('to.owl.carousel', [$(this).index(), duration, true]);
|
||||
})
|
||||
.on('changed.owl.carousel', ({item}) => {
|
||||
if (!flag) {
|
||||
flag = true;
|
||||
$thumbGalleryDetail.trigger('to.owl.carousel', [item.index, duration, true]);
|
||||
flag = false;
|
||||
}
|
||||
});
|
||||
|
||||
$thumbGalleryThumbs.find('.owl-item').eq(0).addClass('selected');
|
||||
});
|
||||
|
||||
/*
|
||||
* Star Rating
|
||||
*/
|
||||
if ($.isFunction($.fn['themePluginStarRating'])) {
|
||||
|
||||
$(() => {
|
||||
$('[data-plugin-star-rating]:not(.manual)').each(function() {
|
||||
const $this = $(this);
|
||||
let opts;
|
||||
|
||||
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
|
||||
if (pluginOptions)
|
||||
opts = pluginOptions;
|
||||
|
||||
$this.themePluginStarRating(opts);
|
||||
});
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
})).apply(this, [jQuery]);
|
19
resources/public/vendor/afterresize/README.md
vendored
Normal file
19
resources/public/vendor/afterresize/README.md
vendored
Normal file
@ -0,0 +1,19 @@
|
||||
# afterResize.js
|
||||
|
||||
If you have ever used jQuery's .resize() method to detect a window resize you may be aware that most browsers don't wait for the resize event to finish before it triggers a callback. Instead the event and it's callback is fired rapidly until the resize is complete.
|
||||
|
||||
This very simple jQuery plugin is designed to emulate an 'after resize' event. It works by adding the callback to a queue to be executed after a duration. If the event is triggered again before the end of this duration, it is restarted and the callback will not execute until the duration can finish.
|
||||
|
||||
## Example
|
||||
|
||||
```javascript
|
||||
$(document).ready( function() {
|
||||
$(window).afterResize( function() {
|
||||
alert('Resize event has finished');
|
||||
}, true, 100 );
|
||||
});
|
||||
```
|
||||
|
||||
## Licence
|
||||
|
||||
Do with it what you wish.
|
99
resources/public/vendor/afterresize/afterresize.js
vendored
Normal file
99
resources/public/vendor/afterresize/afterresize.js
vendored
Normal file
@ -0,0 +1,99 @@
|
||||
( function( $ ) {
|
||||
"use strict";
|
||||
|
||||
// Define default settings
|
||||
var defaults = {
|
||||
action: function() {},
|
||||
runOnLoad: false,
|
||||
duration: 500
|
||||
};
|
||||
|
||||
// Define global variables
|
||||
var settings = defaults,
|
||||
running = false,
|
||||
start;
|
||||
|
||||
var methods = {};
|
||||
|
||||
// Initial plugin configuration
|
||||
methods.init = function() {
|
||||
|
||||
// Allocate passed arguments to settings based on type
|
||||
for( var i = 0; i <= arguments.length; i++ ) {
|
||||
var arg = arguments[i];
|
||||
switch ( typeof arg ) {
|
||||
case "function":
|
||||
settings.action = arg;
|
||||
break;
|
||||
case "boolean":
|
||||
settings.runOnLoad = arg;
|
||||
break;
|
||||
case "number":
|
||||
settings.duration = arg;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
// Process each matching jQuery object
|
||||
return this.each(function() {
|
||||
|
||||
if( settings.runOnLoad ) { settings.action(); }
|
||||
|
||||
$(this).resize( function() {
|
||||
|
||||
methods.timedAction.call( this );
|
||||
|
||||
} );
|
||||
|
||||
} );
|
||||
};
|
||||
|
||||
methods.timedAction = function( code, millisec ) {
|
||||
|
||||
var doAction = function() {
|
||||
var remaining = settings.duration;
|
||||
|
||||
if( running ) {
|
||||
var elapse = new Date() - start;
|
||||
remaining = settings.duration - elapse;
|
||||
if( remaining <= 0 ) {
|
||||
// Clear timeout and reset running variable
|
||||
clearTimeout(running);
|
||||
running = false;
|
||||
// Perform user defined function
|
||||
settings.action();
|
||||
|
||||
return;
|
||||
}
|
||||
}
|
||||
wait( remaining );
|
||||
};
|
||||
|
||||
var wait = function( time ) {
|
||||
running = setTimeout( doAction, time );
|
||||
};
|
||||
|
||||
// Define new action starting time
|
||||
start = new Date();
|
||||
|
||||
// Define runtime settings if function is run directly
|
||||
if( typeof millisec === 'number' ) { settings.duration = millisec; }
|
||||
if( typeof code === 'function' ) { settings.action = code; }
|
||||
|
||||
// Only run timed loop if not already running
|
||||
if( !running ) { doAction(); }
|
||||
|
||||
};
|
||||
|
||||
|
||||
$.fn.afterResize = function( method ) {
|
||||
|
||||
if( methods[method] ) {
|
||||
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ) );
|
||||
} else {
|
||||
return methods.init.apply( this, arguments );
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
})(jQuery);
|
1
resources/public/vendor/afterresize/afterresize.min.js
vendored
Normal file
1
resources/public/vendor/afterresize/afterresize.min.js
vendored
Normal file
@ -0,0 +1 @@
|
||||
(function(f){"use strict";var k={action:function(){},runOnLoad:false,duration:500};var b=k,e=false,g;var c={};c.init=function(){for(var a=0;a<=arguments.length;a++){var d=arguments[a];switch(typeof d){case"function":b.action=d;break;case"boolean":b.runOnLoad=d;break;case"number":b.duration=d;break}}return this.each(function(){if(b.runOnLoad){b.action()}f(this).resize(function(){c.timedAction.call(this)})})};c.timedAction=function(h,i){var j=function(){var a=b.duration;if(e){var d=new Date()-g;a=b.duration-d;if(a<=0){clearTimeout(e);e=false;b.action();return}}l(a)};var l=function(a){e=setTimeout(j,a)};g=new Date();if(typeof i==='number'){b.duration=i}if(typeof h==='function'){b.action=h}if(!e){j()}};f.fn.afterResize=function(a){if(c[a]){return c[a].apply(this,Array.prototype.slice.call(arguments,1))}else{return c.init.apply(this,arguments)}}})(jQuery);
|
5
resources/public/vendor/afterresize/demo.js
vendored
Normal file
5
resources/public/vendor/afterresize/demo.js
vendored
Normal file
@ -0,0 +1,5 @@
|
||||
$(document).ready( function() {
|
||||
$(window).afterResize( function() {
|
||||
alert('Resize event has finished');
|
||||
}, true, 100 );
|
||||
});
|
13
resources/public/vendor/afterresize/index.html
vendored
Normal file
13
resources/public/vendor/afterresize/index.html
vendored
Normal file
@ -0,0 +1,13 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset=utf-8 />
|
||||
<title>afterResize.js demo</title>
|
||||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h1>afterResize.js</h1>
|
||||
<script src="./afterresize.js"></script>
|
||||
<script src="./demo.js"></script>
|
||||
</body>
|
||||
</html>
|
8
resources/public/vendor/animate.css/animate.compat.css
vendored
Normal file
8
resources/public/vendor/animate.css/animate.compat.css
vendored
Normal file
File diff suppressed because one or more lines are too long
4074
resources/public/vendor/animate.css/animate.css
vendored
Normal file
4074
resources/public/vendor/animate.css/animate.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
8
resources/public/vendor/animate.css/animate.min.css
vendored
Normal file
8
resources/public/vendor/animate.css/animate.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
7
resources/public/vendor/animate/animate.compat.css
vendored
Normal file
7
resources/public/vendor/animate/animate.compat.css
vendored
Normal file
File diff suppressed because one or more lines are too long
4072
resources/public/vendor/animate/animate.css
vendored
Normal file
4072
resources/public/vendor/animate/animate.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
7
resources/public/vendor/animate/animate.min.css
vendored
Normal file
7
resources/public/vendor/animate/animate.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
10
resources/public/vendor/animated-headline/README.md
vendored
Normal file
10
resources/public/vendor/animated-headline/README.md
vendored
Normal file
@ -0,0 +1,10 @@
|
||||
Animated Headlines
|
||||
=========
|
||||
|
||||
A collection of animated headlines, with interchangeable words that replace one another through CSS transitions.
|
||||
|
||||
[Article on CodyHouse](http://codyhouse.co/gem/css-animated-headlines/)
|
||||
|
||||
[Demo](http://codyhouse.co/demo/animated-headlines/)
|
||||
|
||||
[Terms](http://codyhouse.co/terms/)
|
48
resources/public/vendor/animated-headline/css/reset.css
vendored
Normal file
48
resources/public/vendor/animated-headline/css/reset.css
vendored
Normal file
@ -0,0 +1,48 @@
|
||||
/* http://meyerweb.com/eric/tools/css/reset/
|
||||
v2.0 | 20110126
|
||||
License: none (public domain)
|
||||
*/
|
||||
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section, main {
|
||||
display: block;
|
||||
}
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
1269
resources/public/vendor/animated-headline/css/style.css
vendored
Normal file
1269
resources/public/vendor/animated-headline/css/style.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
123
resources/public/vendor/animated-headline/index.html
vendored
Normal file
123
resources/public/vendor/animated-headline/index.html
vendored
Normal file
@ -0,0 +1,123 @@
|
||||
<!doctype html>
|
||||
<html lang="en" class="no-js">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700' rel='stylesheet' type='text/css'>
|
||||
|
||||
<link rel="stylesheet" href="css/reset.css"> <!-- CSS reset -->
|
||||
<link rel="stylesheet" href="css/style.css"> <!-- Resource style -->
|
||||
<script src="js/modernizr.js"></script> <!-- Modernizr -->
|
||||
|
||||
<title>Animated Headlines | CodyHouse</title>
|
||||
</head>
|
||||
<body>
|
||||
<section class="cd-title">
|
||||
<h1>Animated Headlines</h1>
|
||||
</section>
|
||||
|
||||
<section class="cd-intro">
|
||||
<h1 class="cd-headline rotate-1">
|
||||
<span>My favourite food is</span>
|
||||
<span class="cd-words-wrapper">
|
||||
<b class="is-visible">pizza</b>
|
||||
<b>sushi</b>
|
||||
<b>steak</b>
|
||||
</span>
|
||||
</h1>
|
||||
</section> <!-- cd-intro -->
|
||||
<section class="cd-intro">
|
||||
<h1 class="cd-headline letters type">
|
||||
<span>My favourite food is</span>
|
||||
<span class="cd-words-wrapper waiting">
|
||||
<b class="is-visible">pizza</b>
|
||||
<b>sushi</b>
|
||||
<b>steak</b>
|
||||
</span>
|
||||
</h1>
|
||||
</section> <!-- cd-intro -->
|
||||
<section class="cd-intro">
|
||||
<h1 class="cd-headline letters rotate-2">
|
||||
<span>My favourite food is</span>
|
||||
<span class="cd-words-wrapper">
|
||||
<b class="is-visible">pizza</b>
|
||||
<b>sushi</b>
|
||||
<b>steak</b>
|
||||
</span>
|
||||
</h1>
|
||||
</section> <!-- cd-intro -->
|
||||
<section class="cd-intro">
|
||||
<h1 class="cd-headline loading-bar">
|
||||
<span>My favourite food is</span>
|
||||
<span class="cd-words-wrapper">
|
||||
<b class="is-visible">pizza</b>
|
||||
<b>sushi</b>
|
||||
<b>steak</b>
|
||||
</span>
|
||||
</h1>
|
||||
</section> <!-- cd-intro -->
|
||||
<section class="cd-intro">
|
||||
<h1 class="cd-headline slide">
|
||||
<span>My favourite food is</span>
|
||||
<span class="cd-words-wrapper">
|
||||
<b class="is-visible">pizza</b>
|
||||
<b>sushi</b>
|
||||
<b>steak</b>
|
||||
</span>
|
||||
</h1>
|
||||
</section> <!-- cd-intro -->
|
||||
<section class="cd-intro">
|
||||
<h1 class="cd-headline clip is-full-width">
|
||||
<span>My favourite food is</span>
|
||||
<span class="cd-words-wrapper">
|
||||
<b class="is-visible">pizza</b>
|
||||
<b>sushi</b>
|
||||
<b>steak</b>
|
||||
</span>
|
||||
</h1>
|
||||
</section> <!-- cd-intro -->
|
||||
<section class="cd-intro">
|
||||
<h1 class="cd-headline zoom">
|
||||
<span>My favourite food is</span>
|
||||
<span class="cd-words-wrapper">
|
||||
<b class="is-visible">pizza</b>
|
||||
<b>sushi</b>
|
||||
<b>steak</b>
|
||||
</span>
|
||||
</h1>
|
||||
</section> <!-- cd-intro -->
|
||||
<section class="cd-intro">
|
||||
<h1 class="cd-headline letters rotate-3">
|
||||
<span>My favourite food is</span>
|
||||
<span class="cd-words-wrapper">
|
||||
<b class="is-visible">pizza</b>
|
||||
<b>sushi</b>
|
||||
<b>steak</b>
|
||||
</span>
|
||||
</h1>
|
||||
</section> <!-- cd-intro -->
|
||||
<section class="cd-intro">
|
||||
<h1 class="cd-headline letters scale">
|
||||
<span>My favourite food is</span>
|
||||
<span class="cd-words-wrapper">
|
||||
<b class="is-visible">pizza</b>
|
||||
<b>sushi</b>
|
||||
<b>steak</b>
|
||||
</span>
|
||||
</h1>
|
||||
</section> <!-- cd-intro -->
|
||||
<section class="cd-intro">
|
||||
<h1 class="cd-headline push">
|
||||
<span>My favourite food is</span>
|
||||
<span class="cd-words-wrapper">
|
||||
<b class="is-visible">pizza</b>
|
||||
<b>sushi</b>
|
||||
<b>steak</b>
|
||||
</span>
|
||||
</h1>
|
||||
</section> <!-- cd-intro -->
|
||||
<script src="js/jquery-2.1.1.js"></script>
|
||||
<script src="js/main.js"></script> <!-- Resource jQuery -->
|
||||
</body>
|
||||
</html>
|
4
resources/public/vendor/animated-headline/js/jquery-2.1.1.js
vendored
Normal file
4
resources/public/vendor/animated-headline/js/jquery-2.1.1.js
vendored
Normal file
File diff suppressed because one or more lines are too long
221
resources/public/vendor/animated-headline/js/main.js
vendored
Normal file
221
resources/public/vendor/animated-headline/js/main.js
vendored
Normal file
@ -0,0 +1,221 @@
|
||||
/*
|
||||
Plugin Name: Animated Headlines
|
||||
Written by: Codyhouse - (https://codyhouse.co/demo/animated-headlines/index.html)
|
||||
*/
|
||||
jQuery(document).ready(function($) {
|
||||
//set animation timing
|
||||
var animationDelay = 2500,
|
||||
//loading bar effect
|
||||
barAnimationDelay = 3800,
|
||||
barWaiting = barAnimationDelay - 3000, //3000 is the duration of the transition on the loading bar - set in the scss/css file
|
||||
//letters effect
|
||||
lettersDelay = 50,
|
||||
//type effect
|
||||
typeLettersDelay = 150,
|
||||
selectionDuration = 500,
|
||||
typeAnimationDelay = selectionDuration + 800,
|
||||
//clip effect
|
||||
revealDuration = 600,
|
||||
revealAnimationDelay = 1500;
|
||||
|
||||
initHeadline();
|
||||
|
||||
function initHeadline() {
|
||||
//initialise headline animation
|
||||
animateHeadline('.word-rotator', '.word-rotator.letters');
|
||||
}
|
||||
|
||||
function animateHeadline($selector) {
|
||||
var duration = animationDelay;
|
||||
|
||||
theme.fn.intObs($selector, function(){
|
||||
|
||||
// Single Letters - Insert <i> element for each letter of a changing word
|
||||
if( $(this).hasClass('letters') ) {
|
||||
$(this).find('b').each(function() {
|
||||
var word = $(this),
|
||||
letters = word.text().split(''),
|
||||
selected = word.hasClass('is-visible');
|
||||
for (i in letters) {
|
||||
if (word.parents('.rotate-2').length > 0) letters[i] = '<em>' + letters[i] + '</em>';
|
||||
letters[i] = (selected) ? '<i class="in">' + letters[i] + '</i>' : '<i>' + letters[i] + '</i>';
|
||||
}
|
||||
var newLetters = letters.join('');
|
||||
word.html(newLetters).css('opacity', 1);
|
||||
});
|
||||
}
|
||||
|
||||
// Animate the Headline
|
||||
var headline = $(this);
|
||||
|
||||
if (headline.hasClass('loading-bar')) {
|
||||
duration = barAnimationDelay;
|
||||
setTimeout(function() {
|
||||
headline.find('.word-rotator-words').addClass('is-loading')
|
||||
}, barWaiting);
|
||||
} else if (headline.hasClass('clip')) {
|
||||
var spanWrapper = headline.find('.word-rotator-words'),
|
||||
newWidth = spanWrapper.outerWidth() + 10
|
||||
spanWrapper.css('width', newWidth);
|
||||
} else if (!headline.hasClass('type')) {
|
||||
//assign to .word-rotator-words the width of its longest word
|
||||
var words = headline.find('.word-rotator-words b'),
|
||||
width = 0;
|
||||
words.each(function() {
|
||||
var wordWidth = $(this).outerWidth();
|
||||
if (wordWidth > width) width = wordWidth;
|
||||
});
|
||||
headline.find('.word-rotator-words').css('width', width);
|
||||
};
|
||||
|
||||
// Trigger animation
|
||||
setTimeout(function() {
|
||||
hideWord(headline.find('.is-visible').eq(0))
|
||||
}, duration);
|
||||
}, {});
|
||||
}
|
||||
|
||||
function hideWord($word) {
|
||||
var nextWord = takeNext($word);
|
||||
|
||||
if ($word.parents('.word-rotator').hasClass('type')) {
|
||||
var parentSpan = $word.parent('.word-rotator-words');
|
||||
parentSpan.addClass('selected').removeClass('waiting');
|
||||
setTimeout(function() {
|
||||
parentSpan.removeClass('selected');
|
||||
$word.removeClass('is-visible').addClass('is-hidden').children('i').removeClass('in').addClass('out');
|
||||
}, selectionDuration);
|
||||
setTimeout(function() {
|
||||
showWord(nextWord, typeLettersDelay)
|
||||
}, typeAnimationDelay);
|
||||
|
||||
} else if ($word.parents('.word-rotator').hasClass('letters')) {
|
||||
var bool = ($word.children('i').length >= nextWord.children('i').length) ? true : false;
|
||||
hideLetter($word.find('i').eq(0), $word, bool, lettersDelay);
|
||||
showLetter(nextWord.find('i').eq(0), nextWord, bool, lettersDelay);
|
||||
|
||||
} else if ($word.parents('.word-rotator').hasClass('clip')) {
|
||||
$word.parents('.word-rotator-words').stop( true, true ).animate({
|
||||
width: '2px'
|
||||
}, revealDuration, function() {
|
||||
switchWord($word, nextWord);
|
||||
showWord(nextWord);
|
||||
});
|
||||
|
||||
} else if ($word.parents('.word-rotator').hasClass('loading-bar')) {
|
||||
$word.parents('.word-rotator-words').removeClass('is-loading');
|
||||
switchWord($word, nextWord);
|
||||
setTimeout(function() {
|
||||
hideWord(nextWord)
|
||||
}, barAnimationDelay);
|
||||
setTimeout(function() {
|
||||
$word.parents('.word-rotator-words').addClass('is-loading')
|
||||
}, barWaiting);
|
||||
|
||||
} else {
|
||||
switchWord($word, nextWord);
|
||||
setTimeout(function() {
|
||||
hideWord(nextWord)
|
||||
}, animationDelay);
|
||||
}
|
||||
}
|
||||
|
||||
function showWord($word, $duration) {
|
||||
if ($word.parents('.word-rotator').hasClass('type')) {
|
||||
showLetter($word.find('i').eq(0), $word, false, $duration);
|
||||
$word.addClass('is-visible').removeClass('is-hidden');
|
||||
} else if ($word.parents('.word-rotator').hasClass('clip')) {
|
||||
if (document.hasFocus()) {
|
||||
$word.parents('.word-rotator-words').stop( true, true ).animate({
|
||||
'width': $word.outerWidth() + 10
|
||||
}, revealDuration, function() {
|
||||
setTimeout(function() {
|
||||
hideWord($word)
|
||||
}, revealAnimationDelay);
|
||||
});
|
||||
} else {
|
||||
$word.parents('.word-rotator-words').stop( true, true ).animate({
|
||||
width: $word.outerWidth() + 10
|
||||
});
|
||||
setTimeout(function() {
|
||||
hideWord($word)
|
||||
}, revealAnimationDelay);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function hideLetter($letter, $word, $bool, $duration) {
|
||||
$letter.removeClass('in').addClass('out');
|
||||
|
||||
if (!$letter.is(':last-child')) {
|
||||
setTimeout(function() {
|
||||
hideLetter($letter.next(), $word, $bool, $duration);
|
||||
}, $duration);
|
||||
} else if ($bool) {
|
||||
setTimeout(function() {
|
||||
hideWord(takeNext($word))
|
||||
}, animationDelay);
|
||||
}
|
||||
|
||||
if ($letter.is(':last-child') && $('html').hasClass('no-csstransitions')) {
|
||||
var nextWord = takeNext($word);
|
||||
switchWord($word, nextWord);
|
||||
}
|
||||
}
|
||||
|
||||
function showLetter($letter, $word, $bool, $duration) {
|
||||
$letter.addClass('in').removeClass('out');
|
||||
|
||||
if (!$letter.is(':last-child')) {
|
||||
setTimeout(function() {
|
||||
showLetter($letter.next(), $word, $bool, $duration);
|
||||
}, $duration);
|
||||
} else {
|
||||
if ($word.parents('.word-rotator').hasClass('type')) {
|
||||
setTimeout(function() {
|
||||
$word.parents('.word-rotator-words').addClass('waiting');
|
||||
}, 200);
|
||||
}
|
||||
if (!$bool) {
|
||||
setTimeout(function() {
|
||||
hideWord($word)
|
||||
}, animationDelay)
|
||||
}
|
||||
|
||||
if (!$word.closest('.word-rotator').hasClass('type')) {
|
||||
$word.closest('.word-rotator-words').stop( true, true ).animate({
|
||||
width: $word.outerWidth()
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function takeNext($word) {
|
||||
return (!$word.is(':last-child')) ? $word.next() : $word.parent().children().eq(0);
|
||||
}
|
||||
|
||||
function takePrev($word) {
|
||||
return (!$word.is(':first-child')) ? $word.prev() : $word.parent().children().last();
|
||||
}
|
||||
|
||||
function switchWord($oldWord, $newWord) {
|
||||
$oldWord.removeClass('is-visible').addClass('is-hidden');
|
||||
$newWord.removeClass('is-hidden').addClass('is-visible');
|
||||
|
||||
if (!$newWord.closest('.word-rotator').hasClass('clip')) {
|
||||
var space = 0,
|
||||
delay = ($newWord.outerWidth() > $oldWord.outerWidth()) ? 0 : 600;
|
||||
|
||||
if ($newWord.closest('.word-rotator').hasClass('loading-bar') || $newWord.closest('.word-rotator').hasClass('slide')) {
|
||||
space = 3;
|
||||
delay = 0;
|
||||
}
|
||||
|
||||
setTimeout(function() {
|
||||
$newWord.closest('.word-rotator-words').stop( true, true ).animate({
|
||||
width: $newWord.outerWidth() + space
|
||||
});
|
||||
}, delay);
|
||||
}
|
||||
}
|
||||
});
|
4
resources/public/vendor/animated-headline/js/modernizr.js
vendored
Normal file
4
resources/public/vendor/animated-headline/js/modernizr.js
vendored
Normal file
File diff suppressed because one or more lines are too long
20
resources/public/vendor/animated-headline/partials/_layout.scss
vendored
Normal file
20
resources/public/vendor/animated-headline/partials/_layout.scss
vendored
Normal file
@ -0,0 +1,20 @@
|
||||
// breakpoints
|
||||
|
||||
$S: 480px;
|
||||
$M: 768px;
|
||||
$L: 1170px;
|
||||
|
||||
// media queries
|
||||
|
||||
@mixin MQ($canvas) {
|
||||
@if $canvas == S {
|
||||
@media only screen and (min-width: $S) { @content; }
|
||||
}
|
||||
@else if $canvas == M {
|
||||
@media only screen and (min-width: $M) { @content; }
|
||||
}
|
||||
@else if $canvas == L {
|
||||
@media only screen and (min-width: $L) { @content; }
|
||||
}
|
||||
}
|
||||
|
21
resources/public/vendor/animated-headline/partials/_mixins.scss
vendored
Normal file
21
resources/public/vendor/animated-headline/partials/_mixins.scss
vendored
Normal file
@ -0,0 +1,21 @@
|
||||
// center vertically and/or horizontally an absolute positioned element
|
||||
|
||||
@mixin center($xy:xy) {
|
||||
@if $xy == xy {
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
bottom: auto;
|
||||
right: auto;
|
||||
@include transform(translateX(-50%) translateY(-50%));
|
||||
}
|
||||
@else if $xy == x {
|
||||
left: 50%;
|
||||
right: auto;
|
||||
@include transform(translateX(-50%));
|
||||
}
|
||||
@else if $xy == y {
|
||||
top: 50%;
|
||||
bottom: auto;
|
||||
@include transform(translateY(-50%));
|
||||
}
|
||||
}
|
9
resources/public/vendor/animated-headline/partials/_variables.scss
vendored
Normal file
9
resources/public/vendor/animated-headline/partials/_variables.scss
vendored
Normal file
@ -0,0 +1,9 @@
|
||||
// colors
|
||||
|
||||
$color-1: #aebcb9; // Tower Gray
|
||||
$color-2: #0096a7; // Bondi Blue
|
||||
$color-3: #0d0d0d; // Cod Gray
|
||||
|
||||
// fonts
|
||||
|
||||
$primary-font: 'Source Sans Pro', sans-serif;
|
755
resources/public/vendor/animated-headline/scss/style.scss
vendored
Normal file
755
resources/public/vendor/animated-headline/scss/style.scss
vendored
Normal file
@ -0,0 +1,755 @@
|
||||
@import 'bourbon'; // http://bourbon.io/
|
||||
|
||||
@import '../partials/variables'; // colors, fonts etc...
|
||||
|
||||
@import '../partials/mixins'; // custom mixins
|
||||
|
||||
@import '../partials/layout'; // responsive grid and media queries
|
||||
|
||||
/* --------------------------------
|
||||
|
||||
Primary style
|
||||
|
||||
-------------------------------- */
|
||||
|
||||
*, *::after, *::before {
|
||||
@include box-sizing(border-box);
|
||||
}
|
||||
|
||||
html * {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 62.5%;
|
||||
}
|
||||
|
||||
body {
|
||||
font: {
|
||||
size: 1.6rem;
|
||||
family: $primary-font; // variables inside partials > _variables.scss
|
||||
}
|
||||
color: $color-1;
|
||||
background-color: $color-3;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.cd-title {
|
||||
position: relative;
|
||||
height: 160px;
|
||||
line-height: 230px;
|
||||
text-align: center;
|
||||
|
||||
h1 {
|
||||
font-size: 2.4rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
@include MQ(M) {
|
||||
line-height: 250px;
|
||||
}
|
||||
|
||||
@include MQ(L) {
|
||||
height: 200px;
|
||||
line-height: 300px;
|
||||
|
||||
h1 {
|
||||
font-size: 3rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.cd-intro {
|
||||
width: 90%;
|
||||
max-width: $M;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cd-intro {
|
||||
margin: 4em auto;
|
||||
|
||||
@include MQ(M) {
|
||||
margin: 5em auto;
|
||||
}
|
||||
|
||||
@include MQ(L) {
|
||||
margin: 6em auto;
|
||||
}
|
||||
}
|
||||
|
||||
.cd-headline {
|
||||
font-size: 3rem;
|
||||
line-height: 1.2;
|
||||
|
||||
@include MQ(M) {
|
||||
font-size: 4.4rem;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
@include MQ(L) {
|
||||
font-size: 6rem;
|
||||
}
|
||||
}
|
||||
|
||||
.cd-words-wrapper {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
|
||||
b {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
white-space: nowrap;
|
||||
left: 0;
|
||||
top: 0;
|
||||
|
||||
&.is-visible {
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.no-js & b {
|
||||
opacity: 0;
|
||||
|
||||
&.is-visible {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
/* --------------------------------
|
||||
|
||||
xrotate-1
|
||||
|
||||
-------------------------------- */
|
||||
|
||||
.cd-headline.rotate-1 {
|
||||
|
||||
.cd-words-wrapper {
|
||||
@include perspective(300px);
|
||||
}
|
||||
|
||||
b {
|
||||
opacity: 0;
|
||||
@include transform-origin(50% 100%);
|
||||
@include transform(rotateX(180deg));
|
||||
|
||||
&.is-visible {
|
||||
opacity: 1;
|
||||
@include transform(rotateX(0deg));
|
||||
@include animation(cd-rotate-1-in 1.2s);
|
||||
}
|
||||
|
||||
&.is-hidden {
|
||||
@include transform(rotateX(180deg));
|
||||
@include animation(cd-rotate-1-out 1.2s);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include keyframes(cd-rotate-1-in) {
|
||||
0% {
|
||||
@include transform(rotateX(180deg));
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
35% {
|
||||
@include transform(rotateX(120deg));
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
65% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
@include transform(rotateX(360deg));
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@include keyframes(cd-rotate-1-out) {
|
||||
0% {
|
||||
@include transform(rotateX(0deg));
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
35% {
|
||||
@include transform(rotateX(-40deg));
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
65% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
@include transform(rotateX(180deg));
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* --------------------------------
|
||||
|
||||
xtype
|
||||
|
||||
-------------------------------- */
|
||||
|
||||
.cd-headline.type {
|
||||
|
||||
.cd-words-wrapper {
|
||||
vertical-align: top;
|
||||
overflow: hidden;
|
||||
|
||||
&::after {
|
||||
/* vertical bar */
|
||||
content: '';
|
||||
position: absolute;
|
||||
right: 0;
|
||||
@include center(y);
|
||||
height: 90%;
|
||||
width: 1px;
|
||||
background-color: $color-1;
|
||||
}
|
||||
|
||||
&.waiting::after {
|
||||
@include animation(cd-pulse 1s infinite);
|
||||
}
|
||||
|
||||
&.selected {
|
||||
background-color: $color-1;
|
||||
|
||||
&::after {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
b {
|
||||
color: $color-3;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
b {
|
||||
visibility: hidden;
|
||||
|
||||
&.is-visible {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
|
||||
i {
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
|
||||
&.in {
|
||||
position: relative;
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include keyframes(cd-pulse) {
|
||||
0% {
|
||||
@include transform(translateY(-50%) scale(1));
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
40% {
|
||||
@include transform(translateY(-50%) scale(0.9));
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
@include transform(translateY(-50%) scale(0));
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* --------------------------------
|
||||
|
||||
xrotate-2
|
||||
|
||||
-------------------------------- */
|
||||
|
||||
.cd-headline.rotate-2 {
|
||||
|
||||
.cd-words-wrapper {
|
||||
@include perspective(300px);
|
||||
}
|
||||
|
||||
i, em {
|
||||
display: inline-block;
|
||||
@include backface-visibility(hidden);
|
||||
}
|
||||
|
||||
b {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
i {
|
||||
@include transform-style(preserve-3d);
|
||||
@include transform(translateZ(-20px) rotateX(90deg));
|
||||
opacity: 0;
|
||||
|
||||
.is-visible & {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&.in {
|
||||
@include animation(cd-rotate-2-in .4s forwards);
|
||||
}
|
||||
|
||||
&.out {
|
||||
@include animation(cd-rotate-2-out .4s forwards);
|
||||
}
|
||||
}
|
||||
|
||||
em {
|
||||
@include transform(translateZ(20px));
|
||||
}
|
||||
}
|
||||
|
||||
.no-csstransitions .cd-headline.rotate-2 i {
|
||||
@include transform(rotateX(0deg));
|
||||
opacity: 0;
|
||||
|
||||
em {
|
||||
@include transform(scale(1));
|
||||
}
|
||||
}
|
||||
|
||||
.no-csstransitions .cd-headline.rotate-2 .is-visible i {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@include keyframes(cd-rotate-2-in) {
|
||||
0% {
|
||||
opacity: 0;
|
||||
@include transform(translateZ(-20px) rotateX(90deg));
|
||||
}
|
||||
|
||||
60% {
|
||||
opacity: 1;
|
||||
@include transform(translateZ(-20px) rotateX(-10deg));
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
@include transform(translateZ(-20px) rotateX(0deg));
|
||||
}
|
||||
}
|
||||
|
||||
@include keyframes(cd-rotate-2-out) {
|
||||
0% {
|
||||
opacity: 1;
|
||||
@include transform(translateZ(-20px) rotateX(0));
|
||||
}
|
||||
|
||||
60% {
|
||||
opacity: 0;
|
||||
@include transform(translateZ(-20px) rotateX(-100deg));
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
@include transform(translateZ(-20px) rotateX(-90deg));
|
||||
}
|
||||
}
|
||||
|
||||
/* --------------------------------
|
||||
|
||||
xloading-bar
|
||||
|
||||
-------------------------------- */
|
||||
|
||||
.cd-headline.loading-bar {
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
padding: .2em 0;
|
||||
}
|
||||
|
||||
.cd-words-wrapper {
|
||||
overflow: hidden;
|
||||
vertical-align: top;
|
||||
|
||||
&::after {
|
||||
/* loading bar */
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
height: 3px;
|
||||
width: 0;
|
||||
background: $color-2;
|
||||
z-index: 2;
|
||||
@include transition(width .3s -0.1s);
|
||||
}
|
||||
|
||||
&.is-loading::after {
|
||||
width: 100%;
|
||||
@include transition(width 3s);
|
||||
}
|
||||
}
|
||||
|
||||
b {
|
||||
top: .2em;
|
||||
opacity: 0;
|
||||
@include transition(opacity .3s);
|
||||
|
||||
&.is-visible {
|
||||
opacity: 1;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* --------------------------------
|
||||
|
||||
xslide
|
||||
|
||||
-------------------------------- */
|
||||
|
||||
.cd-headline.slide {
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
padding: .2em 0;
|
||||
}
|
||||
|
||||
.cd-words-wrapper {
|
||||
overflow: hidden;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
b {
|
||||
opacity: 0;
|
||||
top: .2em;
|
||||
|
||||
&.is-visible {
|
||||
top: 0;
|
||||
opacity: 1;
|
||||
@include animation(slide-in .6s);
|
||||
}
|
||||
|
||||
&.is-hidden {
|
||||
@include animation(slide-out .6s);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include keyframes(slide-in) {
|
||||
0% {
|
||||
opacity: 0;
|
||||
@include transform(translateY(-100%));
|
||||
}
|
||||
|
||||
60% {
|
||||
opacity: 1;
|
||||
@include transform(translateY(20%));
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
@include transform(translateY(0));
|
||||
}
|
||||
}
|
||||
|
||||
@include keyframes(slide-out) {
|
||||
0% {
|
||||
opacity: 1;
|
||||
@include transform(translateY(0));
|
||||
}
|
||||
|
||||
60% {
|
||||
opacity: 0;
|
||||
@include transform(translateY(120%));
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
@include transform(translateY(100%));
|
||||
}
|
||||
}
|
||||
|
||||
/* --------------------------------
|
||||
|
||||
xclip
|
||||
|
||||
-------------------------------- */
|
||||
|
||||
.cd-headline.clip {
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
padding: .2em 0;
|
||||
}
|
||||
|
||||
.cd-words-wrapper {
|
||||
overflow: hidden;
|
||||
vertical-align: top;
|
||||
|
||||
&::after {
|
||||
/* line */
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 2px;
|
||||
height: 100%;
|
||||
background-color: $color-1;
|
||||
}
|
||||
}
|
||||
|
||||
b {
|
||||
opacity: 0;
|
||||
|
||||
&.is-visible {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* --------------------------------
|
||||
|
||||
xzoom
|
||||
|
||||
-------------------------------- */
|
||||
|
||||
.cd-headline.zoom {
|
||||
|
||||
.cd-words-wrapper {
|
||||
@include perspective(300px);
|
||||
}
|
||||
|
||||
b {
|
||||
opacity: 0;
|
||||
|
||||
&.is-visible {
|
||||
opacity: 1;
|
||||
@include animation(zoom-in .8s);
|
||||
}
|
||||
|
||||
&.is-hidden {
|
||||
@include animation(zoom-out .8s);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include keyframes(zoom-in) {
|
||||
0% {
|
||||
opacity: 0;
|
||||
@include transform(translateZ(100px));
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
@include transform(translateZ(0));
|
||||
}
|
||||
}
|
||||
|
||||
@include keyframes(zoom-out) {
|
||||
0% {
|
||||
opacity: 1;
|
||||
@include transform(translateZ(0));
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
@include transform(translateZ(-100px));
|
||||
}
|
||||
}
|
||||
|
||||
/* --------------------------------
|
||||
|
||||
xrotate-3
|
||||
|
||||
-------------------------------- */
|
||||
|
||||
.cd-headline.rotate-3 {
|
||||
|
||||
.cd-words-wrapper {
|
||||
@include perspective(300px);
|
||||
}
|
||||
|
||||
b {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
i {
|
||||
display: inline-block;
|
||||
@include transform(rotateY(180deg));
|
||||
@include backface-visibility(hidden);
|
||||
|
||||
.is-visible & {
|
||||
@include transform(rotateY(0deg));
|
||||
}
|
||||
|
||||
&.in {
|
||||
@include animation(cd-rotate-3-in .6s forwards);
|
||||
}
|
||||
|
||||
&.out {
|
||||
@include animation(cd-rotate-3-out .6s forwards);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.no-csstransitions .cd-headline.rotate-3 i {
|
||||
@include transform(rotateY(0deg));
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.no-csstransitions .cd-headline.rotate-3 .is-visible i {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@include keyframes(cd-rotate-3-in) {
|
||||
0% {
|
||||
@include transform(rotateY(180deg));
|
||||
}
|
||||
|
||||
100% {
|
||||
@include transform(rotateY(0deg));
|
||||
}
|
||||
}
|
||||
|
||||
@include keyframes(cd-rotate-3-out) {
|
||||
0% {
|
||||
@include transform(rotateY(0));
|
||||
}
|
||||
|
||||
100% {
|
||||
@include transform(rotateY(-180deg));
|
||||
}
|
||||
}
|
||||
|
||||
/* --------------------------------
|
||||
|
||||
xscale
|
||||
|
||||
-------------------------------- */
|
||||
|
||||
.cd-headline.scale {
|
||||
|
||||
b {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
i {
|
||||
display: inline-block;
|
||||
opacity: 0;
|
||||
@include transform(scale(0));
|
||||
|
||||
.is-visible & {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&.in {
|
||||
@include animation(scale-up .6s forwards);
|
||||
}
|
||||
|
||||
&.out {
|
||||
@include animation(scale-down .6s forwards);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.no-csstransitions .cd-headline.scale i {
|
||||
@include transform(scale(1));
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.no-csstransitions .cd-headline.scale .is-visible i {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@include keyframes(scale-up) {
|
||||
0% {
|
||||
@include transform(scale(0));
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
60% {
|
||||
@include transform(scale(1.2));
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
@include transform(scale(1));
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@include keyframes(scale-down) {
|
||||
0% {
|
||||
@include transform(scale(1));
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
60% {
|
||||
@include transform(scale(0));
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* --------------------------------
|
||||
|
||||
xpush
|
||||
|
||||
-------------------------------- */
|
||||
|
||||
.cd-headline.push {
|
||||
|
||||
b {
|
||||
opacity: 0;
|
||||
|
||||
&.is-visible {
|
||||
opacity: 1;
|
||||
@include animation(push-in .6s);
|
||||
}
|
||||
|
||||
&.is-hidden {
|
||||
@include animation(push-out .6s);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include keyframes(push-in) {
|
||||
0% {
|
||||
opacity: 0;
|
||||
@include transform(translateX(-100%));
|
||||
}
|
||||
|
||||
60% {
|
||||
opacity: 1;
|
||||
@include transform(translateX(10%));
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
@include transform(translateX(0));
|
||||
}
|
||||
}
|
||||
|
||||
@include keyframes(push-out) {
|
||||
0% {
|
||||
opacity: 1;
|
||||
@include transform(translateX(0));
|
||||
}
|
||||
|
||||
60% {
|
||||
opacity: 0;
|
||||
@include transform(translateX(110%));
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
@include transform(translateX(100%));
|
||||
}
|
||||
}
|
21
resources/public/vendor/bootpag/jquery.bootpag.min.js
vendored
Normal file
21
resources/public/vendor/bootpag/jquery.bootpag.min.js
vendored
Normal file
@ -0,0 +1,21 @@
|
||||
/*
|
||||
|
||||
bootpag - jQuery plugin for dynamic pagination
|
||||
|
||||
Copyright (c) 2015 botmonster@7items.com
|
||||
|
||||
Licensed under the MIT license:
|
||||
http://www.opensource.org/licenses/mit-license.php
|
||||
|
||||
Project home:
|
||||
http://botmonster.com/jquery-bootpag/
|
||||
|
||||
Version: 1.0.7
|
||||
|
||||
*/
|
||||
(function(h,q){h.fn.bootpag=function(p){function m(c,b){b=parseInt(b,10);var d,e=0==a.maxVisible?1:a.maxVisible,k=1==a.maxVisible?0:1,n=Math.floor((b-1)/e)*e,f=c.find("li");a.page=b=0>b?0:b>a.total?a.total:b;f.removeClass(a.activeClass);d=1>b-1?1:a.leaps&&b-1>=a.maxVisible?Math.floor((b-1)/e)*e:b-1;a.firstLastUse&&f.first().toggleClass(a.disabledClass,1===b);e=f.first();a.firstLastUse&&(e=e.next());e.toggleClass(a.disabledClass,1===b).attr("data-lp",d).find("a").attr("href",g(d));k=1==a.maxVisible?
|
||||
0:1;d=b+1>a.total?a.total:a.leaps&&b+1<a.total-a.maxVisible?n+a.maxVisible+k:b+1;e=f.last();a.firstLastUse&&(e=e.prev());e.toggleClass(a.disabledClass,b===a.total).attr("data-lp",d).find("a").attr("href",g(d));f.last().toggleClass(a.disabledClass,b===a.total);e=f.filter("[data-lp="+b+"]");k="."+[a.nextClass,a.prevClass,a.firstClass,a.lastClass].join(",.");if(!e.not(k).length){var m=b<=n?-a.maxVisible:0;f.not(k).each(function(b){d=b+1+n+m;h(this).attr("data-lp",d).toggle(d<=a.total).find("a").html(d).attr("href",
|
||||
g(d))});e=f.filter("[data-lp="+b+"]")}e.not(k).addClass(a.activeClass);l.data("settings",a)}function g(c){return a.href.replace(a.hrefVariable,c)}var l=this,a=h.extend({total:0,page:1,maxVisible:null,leaps:!0,href:"javascript:void(0);",hrefVariable:"{{number}}",next:"»",prev:"«",firstLastUse:!1,first:'<span aria-hidden="true">←</span>',last:'<span aria-hidden="true">→</span>',wrapClass:"pagination",activeClass:"active",disabledClass:"disabled",nextClass:"next",prevClass:"prev",
|
||||
lastClass:"last",firstClass:"first"},l.data("settings")||{},p||{});if(0>=a.total)return this;h.isNumeric(a.maxVisible)||a.maxVisible||(a.maxVisible=parseInt(a.total,10));l.data("settings",a);return this.each(function(){var c,b,d=h(this);c=['<ul class="',a.wrapClass,' bootpag">'];a.firstLastUse&&(c=c.concat(['<li data-lp="1" class="',a.firstClass,'"><a href="',g(1),'">',a.first,"</a></li>"]));a.prev&&(c=c.concat(['<li data-lp="1" class="',a.prevClass,'"><a href="',g(1),'">',a.prev,"</a></li>"]));for(b=
|
||||
1;b<=Math.min(a.total,a.maxVisible);b++)c=c.concat(['<li data-lp="',b,'"><a href="',g(b),'">',b,"</a></li>"]);a.next&&(b=a.leaps&&a.total>a.maxVisible?Math.min(a.maxVisible+1,a.total):2,c=c.concat(['<li data-lp="',b,'" class="',a.nextClass,'"><a href="',g(b),'">',a.next,"</a></li>"]));a.firstLastUse&&(c=c.concat(['<li data-lp="',a.total,'" class="last"><a href="',g(a.total),'">',a.last,"</a></li>"]));c.push("</ul>");d.find("ul.bootpag").remove();d.append(c.join(""));c=d.find("ul.bootpag");d.find("li").click(function(){var b=
|
||||
h(this);if(!b.hasClass(a.disabledClass)&&!b.hasClass(a.activeClass)){var c=parseInt(b.attr("data-lp"),10);l.find("ul.bootpag").each(function(){m(h(this),c)});l.trigger("page",c)}});m(c,a.page)})}})(jQuery,window);
|
477
resources/public/vendor/bootstrap-datepicker/css/bootstrap-datepicker.css
vendored
Normal file
477
resources/public/vendor/bootstrap-datepicker/css/bootstrap-datepicker.css
vendored
Normal file
@ -0,0 +1,477 @@
|
||||
/*!
|
||||
* Datepicker for Bootstrap v1.10.0 (https://github.com/uxsolutions/bootstrap-datepicker)
|
||||
*
|
||||
* Licensed under the Apache License v2.0 (https://www.apache.org/licenses/LICENSE-2.0)
|
||||
*/
|
||||
|
||||
.datepicker {
|
||||
padding: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
direction: ltr;
|
||||
}
|
||||
.datepicker-inline {
|
||||
width: 220px;
|
||||
}
|
||||
.datepicker-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.datepicker-rtl.dropdown-menu {
|
||||
left: auto;
|
||||
}
|
||||
.datepicker-rtl table tr td span {
|
||||
float: right;
|
||||
}
|
||||
.datepicker-dropdown {
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.datepicker-dropdown:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid #999;
|
||||
border-top: 0;
|
||||
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||
position: absolute;
|
||||
}
|
||||
.datepicker-dropdown:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #fff;
|
||||
border-top: 0;
|
||||
position: absolute;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-left:before {
|
||||
left: 6px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-left:after {
|
||||
left: 7px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-right:before {
|
||||
right: 6px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-right:after {
|
||||
right: 7px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-bottom:before {
|
||||
top: -7px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-bottom:after {
|
||||
top: -6px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-top:before {
|
||||
bottom: -7px;
|
||||
border-bottom: 0;
|
||||
border-top: 7px solid #999;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-top:after {
|
||||
bottom: -6px;
|
||||
border-bottom: 0;
|
||||
border-top: 6px solid #fff;
|
||||
}
|
||||
.datepicker table {
|
||||
margin: 0;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.datepicker td,
|
||||
.datepicker th {
|
||||
text-align: center;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
}
|
||||
.table-striped .datepicker table tr td,
|
||||
.table-striped .datepicker table tr th {
|
||||
background-color: transparent;
|
||||
}
|
||||
.datepicker table tr td.day:hover,
|
||||
.datepicker table tr td.day.focused {
|
||||
background: #eee;
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker table tr td.old,
|
||||
.datepicker table tr td.new {
|
||||
color: #999;
|
||||
}
|
||||
.datepicker table tr td.disabled,
|
||||
.datepicker table tr td.disabled:hover {
|
||||
background: none;
|
||||
color: #999;
|
||||
cursor: default;
|
||||
}
|
||||
.datepicker table tr td.highlighted {
|
||||
background: #d9edf7;
|
||||
border-radius: 0;
|
||||
}
|
||||
.datepicker table tr td.today,
|
||||
.datepicker table tr td.today:hover,
|
||||
.datepicker table tr td.today.disabled,
|
||||
.datepicker table tr td.today.disabled:hover {
|
||||
background-color: #fde19a;
|
||||
background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
|
||||
background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
|
||||
background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
|
||||
background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
|
||||
background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
|
||||
border-color: #fdf59a #fdf59a #fbed50;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #000;
|
||||
}
|
||||
.datepicker table tr td.today:hover,
|
||||
.datepicker table tr td.today:hover:hover,
|
||||
.datepicker table tr td.today.disabled:hover,
|
||||
.datepicker table tr td.today.disabled:hover:hover,
|
||||
.datepicker table tr td.today:active,
|
||||
.datepicker table tr td.today:hover:active,
|
||||
.datepicker table tr td.today.disabled:active,
|
||||
.datepicker table tr td.today.disabled:hover:active,
|
||||
.datepicker table tr td.today.active,
|
||||
.datepicker table tr td.today:hover.active,
|
||||
.datepicker table tr td.today.disabled.active,
|
||||
.datepicker table tr td.today.disabled:hover.active,
|
||||
.datepicker table tr td.today.disabled,
|
||||
.datepicker table tr td.today:hover.disabled,
|
||||
.datepicker table tr td.today.disabled.disabled,
|
||||
.datepicker table tr td.today.disabled:hover.disabled,
|
||||
.datepicker table tr td.today[disabled],
|
||||
.datepicker table tr td.today:hover[disabled],
|
||||
.datepicker table tr td.today.disabled[disabled],
|
||||
.datepicker table tr td.today.disabled:hover[disabled] {
|
||||
background-color: #fdf59a;
|
||||
}
|
||||
.datepicker table tr td.today:active,
|
||||
.datepicker table tr td.today:hover:active,
|
||||
.datepicker table tr td.today.disabled:active,
|
||||
.datepicker table tr td.today.disabled:hover:active,
|
||||
.datepicker table tr td.today.active,
|
||||
.datepicker table tr td.today:hover.active,
|
||||
.datepicker table tr td.today.disabled.active,
|
||||
.datepicker table tr td.today.disabled:hover.active {
|
||||
background-color: #fbf069 \9;
|
||||
}
|
||||
.datepicker table tr td.today:hover:hover {
|
||||
color: #000;
|
||||
}
|
||||
.datepicker table tr td.today.active:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.datepicker table tr td.range,
|
||||
.datepicker table tr td.range:hover,
|
||||
.datepicker table tr td.range.disabled,
|
||||
.datepicker table tr td.range.disabled:hover {
|
||||
background: #eee;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.datepicker table tr td.range.today,
|
||||
.datepicker table tr td.range.today:hover,
|
||||
.datepicker table tr td.range.today.disabled,
|
||||
.datepicker table tr td.range.today.disabled:hover {
|
||||
background-color: #f3d17a;
|
||||
background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
|
||||
background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
|
||||
background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
|
||||
background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
|
||||
background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
|
||||
border-color: #f3e97a #f3e97a #edde34;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.datepicker table tr td.range.today:hover,
|
||||
.datepicker table tr td.range.today:hover:hover,
|
||||
.datepicker table tr td.range.today.disabled:hover,
|
||||
.datepicker table tr td.range.today.disabled:hover:hover,
|
||||
.datepicker table tr td.range.today:active,
|
||||
.datepicker table tr td.range.today:hover:active,
|
||||
.datepicker table tr td.range.today.disabled:active,
|
||||
.datepicker table tr td.range.today.disabled:hover:active,
|
||||
.datepicker table tr td.range.today.active,
|
||||
.datepicker table tr td.range.today:hover.active,
|
||||
.datepicker table tr td.range.today.disabled.active,
|
||||
.datepicker table tr td.range.today.disabled:hover.active,
|
||||
.datepicker table tr td.range.today.disabled,
|
||||
.datepicker table tr td.range.today:hover.disabled,
|
||||
.datepicker table tr td.range.today.disabled.disabled,
|
||||
.datepicker table tr td.range.today.disabled:hover.disabled,
|
||||
.datepicker table tr td.range.today[disabled],
|
||||
.datepicker table tr td.range.today:hover[disabled],
|
||||
.datepicker table tr td.range.today.disabled[disabled],
|
||||
.datepicker table tr td.range.today.disabled:hover[disabled] {
|
||||
background-color: #f3e97a;
|
||||
}
|
||||
.datepicker table tr td.range.today:active,
|
||||
.datepicker table tr td.range.today:hover:active,
|
||||
.datepicker table tr td.range.today.disabled:active,
|
||||
.datepicker table tr td.range.today.disabled:hover:active,
|
||||
.datepicker table tr td.range.today.active,
|
||||
.datepicker table tr td.range.today:hover.active,
|
||||
.datepicker table tr td.range.today.disabled.active,
|
||||
.datepicker table tr td.range.today.disabled:hover.active {
|
||||
background-color: #efe24b \9;
|
||||
}
|
||||
.datepicker table tr td.selected,
|
||||
.datepicker table tr td.selected:hover,
|
||||
.datepicker table tr td.selected.disabled,
|
||||
.datepicker table tr td.selected.disabled:hover {
|
||||
background-color: #9e9e9e;
|
||||
background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
|
||||
background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
|
||||
background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
|
||||
background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
|
||||
background-image: linear-gradient(to bottom, #b3b3b3, #808080);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
|
||||
border-color: #808080 #808080 #595959;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datepicker table tr td.selected:hover,
|
||||
.datepicker table tr td.selected:hover:hover,
|
||||
.datepicker table tr td.selected.disabled:hover,
|
||||
.datepicker table tr td.selected.disabled:hover:hover,
|
||||
.datepicker table tr td.selected:active,
|
||||
.datepicker table tr td.selected:hover:active,
|
||||
.datepicker table tr td.selected.disabled:active,
|
||||
.datepicker table tr td.selected.disabled:hover:active,
|
||||
.datepicker table tr td.selected.active,
|
||||
.datepicker table tr td.selected:hover.active,
|
||||
.datepicker table tr td.selected.disabled.active,
|
||||
.datepicker table tr td.selected.disabled:hover.active,
|
||||
.datepicker table tr td.selected.disabled,
|
||||
.datepicker table tr td.selected:hover.disabled,
|
||||
.datepicker table tr td.selected.disabled.disabled,
|
||||
.datepicker table tr td.selected.disabled:hover.disabled,
|
||||
.datepicker table tr td.selected[disabled],
|
||||
.datepicker table tr td.selected:hover[disabled],
|
||||
.datepicker table tr td.selected.disabled[disabled],
|
||||
.datepicker table tr td.selected.disabled:hover[disabled] {
|
||||
background-color: #808080;
|
||||
}
|
||||
.datepicker table tr td.selected:active,
|
||||
.datepicker table tr td.selected:hover:active,
|
||||
.datepicker table tr td.selected.disabled:active,
|
||||
.datepicker table tr td.selected.disabled:hover:active,
|
||||
.datepicker table tr td.selected.active,
|
||||
.datepicker table tr td.selected:hover.active,
|
||||
.datepicker table tr td.selected.disabled.active,
|
||||
.datepicker table tr td.selected.disabled:hover.active {
|
||||
background-color: #666666 \9;
|
||||
}
|
||||
.datepicker table tr td.active,
|
||||
.datepicker table tr td.active:hover,
|
||||
.datepicker table tr td.active.disabled,
|
||||
.datepicker table tr td.active.disabled:hover {
|
||||
background-color: #006dcc;
|
||||
background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
|
||||
background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-image: linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
|
||||
border-color: #0044cc #0044cc #002a80;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datepicker table tr td.active:hover,
|
||||
.datepicker table tr td.active:hover:hover,
|
||||
.datepicker table tr td.active.disabled:hover,
|
||||
.datepicker table tr td.active.disabled:hover:hover,
|
||||
.datepicker table tr td.active:active,
|
||||
.datepicker table tr td.active:hover:active,
|
||||
.datepicker table tr td.active.disabled:active,
|
||||
.datepicker table tr td.active.disabled:hover:active,
|
||||
.datepicker table tr td.active.active,
|
||||
.datepicker table tr td.active:hover.active,
|
||||
.datepicker table tr td.active.disabled.active,
|
||||
.datepicker table tr td.active.disabled:hover.active,
|
||||
.datepicker table tr td.active.disabled,
|
||||
.datepicker table tr td.active:hover.disabled,
|
||||
.datepicker table tr td.active.disabled.disabled,
|
||||
.datepicker table tr td.active.disabled:hover.disabled,
|
||||
.datepicker table tr td.active[disabled],
|
||||
.datepicker table tr td.active:hover[disabled],
|
||||
.datepicker table tr td.active.disabled[disabled],
|
||||
.datepicker table tr td.active.disabled:hover[disabled] {
|
||||
background-color: #0044cc;
|
||||
}
|
||||
.datepicker table tr td.active:active,
|
||||
.datepicker table tr td.active:hover:active,
|
||||
.datepicker table tr td.active.disabled:active,
|
||||
.datepicker table tr td.active.disabled:hover:active,
|
||||
.datepicker table tr td.active.active,
|
||||
.datepicker table tr td.active:hover.active,
|
||||
.datepicker table tr td.active.disabled.active,
|
||||
.datepicker table tr td.active.disabled:hover.active {
|
||||
background-color: #003399 \9;
|
||||
}
|
||||
.datepicker table tr td span {
|
||||
display: block;
|
||||
width: 23%;
|
||||
height: 54px;
|
||||
line-height: 54px;
|
||||
float: left;
|
||||
margin: 1%;
|
||||
cursor: pointer;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.datepicker table tr td span:hover,
|
||||
.datepicker table tr td span.focused {
|
||||
background: #eee;
|
||||
}
|
||||
.datepicker table tr td span.disabled,
|
||||
.datepicker table tr td span.disabled:hover {
|
||||
background: none;
|
||||
color: #999;
|
||||
cursor: default;
|
||||
}
|
||||
.datepicker table tr td span.active,
|
||||
.datepicker table tr td span.active:hover,
|
||||
.datepicker table tr td span.active.disabled,
|
||||
.datepicker table tr td span.active.disabled:hover {
|
||||
background-color: #006dcc;
|
||||
background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
|
||||
background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-image: linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
|
||||
border-color: #0044cc #0044cc #002a80;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datepicker table tr td span.active:hover,
|
||||
.datepicker table tr td span.active:hover:hover,
|
||||
.datepicker table tr td span.active.disabled:hover,
|
||||
.datepicker table tr td span.active.disabled:hover:hover,
|
||||
.datepicker table tr td span.active:active,
|
||||
.datepicker table tr td span.active:hover:active,
|
||||
.datepicker table tr td span.active.disabled:active,
|
||||
.datepicker table tr td span.active.disabled:hover:active,
|
||||
.datepicker table tr td span.active.active,
|
||||
.datepicker table tr td span.active:hover.active,
|
||||
.datepicker table tr td span.active.disabled.active,
|
||||
.datepicker table tr td span.active.disabled:hover.active,
|
||||
.datepicker table tr td span.active.disabled,
|
||||
.datepicker table tr td span.active:hover.disabled,
|
||||
.datepicker table tr td span.active.disabled.disabled,
|
||||
.datepicker table tr td span.active.disabled:hover.disabled,
|
||||
.datepicker table tr td span.active[disabled],
|
||||
.datepicker table tr td span.active:hover[disabled],
|
||||
.datepicker table tr td span.active.disabled[disabled],
|
||||
.datepicker table tr td span.active.disabled:hover[disabled] {
|
||||
background-color: #0044cc;
|
||||
}
|
||||
.datepicker table tr td span.active:active,
|
||||
.datepicker table tr td span.active:hover:active,
|
||||
.datepicker table tr td span.active.disabled:active,
|
||||
.datepicker table tr td span.active.disabled:hover:active,
|
||||
.datepicker table tr td span.active.active,
|
||||
.datepicker table tr td span.active:hover.active,
|
||||
.datepicker table tr td span.active.disabled.active,
|
||||
.datepicker table tr td span.active.disabled:hover.active {
|
||||
background-color: #003399 \9;
|
||||
}
|
||||
.datepicker table tr td span.old,
|
||||
.datepicker table tr td span.new {
|
||||
color: #999;
|
||||
}
|
||||
.datepicker .datepicker-switch {
|
||||
width: 145px;
|
||||
}
|
||||
.datepicker .datepicker-switch,
|
||||
.datepicker .prev,
|
||||
.datepicker .next,
|
||||
.datepicker tfoot tr th {
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker .datepicker-switch:hover,
|
||||
.datepicker .prev:hover,
|
||||
.datepicker .next:hover,
|
||||
.datepicker tfoot tr th:hover {
|
||||
background: #eee;
|
||||
}
|
||||
.datepicker .prev.disabled,
|
||||
.datepicker .next.disabled {
|
||||
visibility: hidden;
|
||||
}
|
||||
.datepicker .cw {
|
||||
font-size: 10px;
|
||||
width: 12px;
|
||||
padding: 0 2px 0 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.input-append.date .add-on,
|
||||
.input-prepend.date .add-on {
|
||||
cursor: pointer;
|
||||
}
|
||||
.input-append.date .add-on i,
|
||||
.input-prepend.date .add-on i {
|
||||
margin-top: 3px;
|
||||
}
|
||||
.input-daterange input {
|
||||
text-align: center;
|
||||
}
|
||||
.input-daterange input:first-child {
|
||||
-webkit-border-radius: 3px 0 0 3px;
|
||||
-moz-border-radius: 3px 0 0 3px;
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
.input-daterange input:last-child {
|
||||
-webkit-border-radius: 0 3px 3px 0;
|
||||
-moz-border-radius: 0 3px 3px 0;
|
||||
border-radius: 0 3px 3px 0;
|
||||
}
|
||||
.input-daterange .add-on {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
min-width: 16px;
|
||||
height: 18px;
|
||||
padding: 4px 5px;
|
||||
font-weight: normal;
|
||||
line-height: 18px;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
vertical-align: middle;
|
||||
background-color: #eee;
|
||||
border: 1px solid #ccc;
|
||||
margin-left: -5px;
|
||||
margin-right: -5px;
|
||||
}
|
||||
/*# sourceMappingURL=bootstrap-datepicker.css.map */
|
1
resources/public/vendor/bootstrap-datepicker/css/bootstrap-datepicker.css.map
vendored
Normal file
1
resources/public/vendor/bootstrap-datepicker/css/bootstrap-datepicker.css.map
vendored
Normal file
File diff suppressed because one or more lines are too long
7
resources/public/vendor/bootstrap-datepicker/css/bootstrap-datepicker.min.css
vendored
Normal file
7
resources/public/vendor/bootstrap-datepicker/css/bootstrap-datepicker.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
510
resources/public/vendor/bootstrap-datepicker/css/bootstrap-datepicker.standalone.css
vendored
Normal file
510
resources/public/vendor/bootstrap-datepicker/css/bootstrap-datepicker.standalone.css
vendored
Normal file
@ -0,0 +1,510 @@
|
||||
/*!
|
||||
* Datepicker for Bootstrap v1.10.0 (https://github.com/uxsolutions/bootstrap-datepicker)
|
||||
*
|
||||
* Licensed under the Apache License v2.0 (https://www.apache.org/licenses/LICENSE-2.0)
|
||||
*/
|
||||
|
||||
.datepicker {
|
||||
padding: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
direction: ltr;
|
||||
}
|
||||
.datepicker-inline {
|
||||
width: 220px;
|
||||
}
|
||||
.datepicker-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.datepicker-rtl.dropdown-menu {
|
||||
left: auto;
|
||||
}
|
||||
.datepicker-rtl table tr td span {
|
||||
float: right;
|
||||
}
|
||||
.datepicker-dropdown {
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.datepicker-dropdown:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid #999;
|
||||
border-top: 0;
|
||||
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||
position: absolute;
|
||||
}
|
||||
.datepicker-dropdown:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #fff;
|
||||
border-top: 0;
|
||||
position: absolute;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-left:before {
|
||||
left: 6px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-left:after {
|
||||
left: 7px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-right:before {
|
||||
right: 6px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-right:after {
|
||||
right: 7px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-bottom:before {
|
||||
top: -7px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-bottom:after {
|
||||
top: -6px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-top:before {
|
||||
bottom: -7px;
|
||||
border-bottom: 0;
|
||||
border-top: 7px solid #999;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-top:after {
|
||||
bottom: -6px;
|
||||
border-bottom: 0;
|
||||
border-top: 6px solid #fff;
|
||||
}
|
||||
.datepicker table {
|
||||
margin: 0;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.datepicker td,
|
||||
.datepicker th {
|
||||
text-align: center;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
}
|
||||
.table-striped .datepicker table tr td,
|
||||
.table-striped .datepicker table tr th {
|
||||
background-color: transparent;
|
||||
}
|
||||
.datepicker table tr td.day:hover,
|
||||
.datepicker table tr td.day.focused {
|
||||
background: #eee;
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker table tr td.old,
|
||||
.datepicker table tr td.new {
|
||||
color: #999;
|
||||
}
|
||||
.datepicker table tr td.disabled,
|
||||
.datepicker table tr td.disabled:hover {
|
||||
background: none;
|
||||
color: #999;
|
||||
cursor: default;
|
||||
}
|
||||
.datepicker table tr td.highlighted {
|
||||
background: #d9edf7;
|
||||
border-radius: 0;
|
||||
}
|
||||
.datepicker table tr td.today,
|
||||
.datepicker table tr td.today:hover,
|
||||
.datepicker table tr td.today.disabled,
|
||||
.datepicker table tr td.today.disabled:hover {
|
||||
background-color: #fde19a;
|
||||
background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
|
||||
background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
|
||||
background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
|
||||
background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
|
||||
background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
|
||||
border-color: #fdf59a #fdf59a #fbed50;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #000;
|
||||
}
|
||||
.datepicker table tr td.today:hover,
|
||||
.datepicker table tr td.today:hover:hover,
|
||||
.datepicker table tr td.today.disabled:hover,
|
||||
.datepicker table tr td.today.disabled:hover:hover,
|
||||
.datepicker table tr td.today:active,
|
||||
.datepicker table tr td.today:hover:active,
|
||||
.datepicker table tr td.today.disabled:active,
|
||||
.datepicker table tr td.today.disabled:hover:active,
|
||||
.datepicker table tr td.today.active,
|
||||
.datepicker table tr td.today:hover.active,
|
||||
.datepicker table tr td.today.disabled.active,
|
||||
.datepicker table tr td.today.disabled:hover.active,
|
||||
.datepicker table tr td.today.disabled,
|
||||
.datepicker table tr td.today:hover.disabled,
|
||||
.datepicker table tr td.today.disabled.disabled,
|
||||
.datepicker table tr td.today.disabled:hover.disabled,
|
||||
.datepicker table tr td.today[disabled],
|
||||
.datepicker table tr td.today:hover[disabled],
|
||||
.datepicker table tr td.today.disabled[disabled],
|
||||
.datepicker table tr td.today.disabled:hover[disabled] {
|
||||
background-color: #fdf59a;
|
||||
}
|
||||
.datepicker table tr td.today:active,
|
||||
.datepicker table tr td.today:hover:active,
|
||||
.datepicker table tr td.today.disabled:active,
|
||||
.datepicker table tr td.today.disabled:hover:active,
|
||||
.datepicker table tr td.today.active,
|
||||
.datepicker table tr td.today:hover.active,
|
||||
.datepicker table tr td.today.disabled.active,
|
||||
.datepicker table tr td.today.disabled:hover.active {
|
||||
background-color: #fbf069 \9;
|
||||
}
|
||||
.datepicker table tr td.today:hover:hover {
|
||||
color: #000;
|
||||
}
|
||||
.datepicker table tr td.today.active:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.datepicker table tr td.range,
|
||||
.datepicker table tr td.range:hover,
|
||||
.datepicker table tr td.range.disabled,
|
||||
.datepicker table tr td.range.disabled:hover {
|
||||
background: #eee;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.datepicker table tr td.range.today,
|
||||
.datepicker table tr td.range.today:hover,
|
||||
.datepicker table tr td.range.today.disabled,
|
||||
.datepicker table tr td.range.today.disabled:hover {
|
||||
background-color: #f3d17a;
|
||||
background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
|
||||
background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
|
||||
background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
|
||||
background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
|
||||
background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
|
||||
border-color: #f3e97a #f3e97a #edde34;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.datepicker table tr td.range.today:hover,
|
||||
.datepicker table tr td.range.today:hover:hover,
|
||||
.datepicker table tr td.range.today.disabled:hover,
|
||||
.datepicker table tr td.range.today.disabled:hover:hover,
|
||||
.datepicker table tr td.range.today:active,
|
||||
.datepicker table tr td.range.today:hover:active,
|
||||
.datepicker table tr td.range.today.disabled:active,
|
||||
.datepicker table tr td.range.today.disabled:hover:active,
|
||||
.datepicker table tr td.range.today.active,
|
||||
.datepicker table tr td.range.today:hover.active,
|
||||
.datepicker table tr td.range.today.disabled.active,
|
||||
.datepicker table tr td.range.today.disabled:hover.active,
|
||||
.datepicker table tr td.range.today.disabled,
|
||||
.datepicker table tr td.range.today:hover.disabled,
|
||||
.datepicker table tr td.range.today.disabled.disabled,
|
||||
.datepicker table tr td.range.today.disabled:hover.disabled,
|
||||
.datepicker table tr td.range.today[disabled],
|
||||
.datepicker table tr td.range.today:hover[disabled],
|
||||
.datepicker table tr td.range.today.disabled[disabled],
|
||||
.datepicker table tr td.range.today.disabled:hover[disabled] {
|
||||
background-color: #f3e97a;
|
||||
}
|
||||
.datepicker table tr td.range.today:active,
|
||||
.datepicker table tr td.range.today:hover:active,
|
||||
.datepicker table tr td.range.today.disabled:active,
|
||||
.datepicker table tr td.range.today.disabled:hover:active,
|
||||
.datepicker table tr td.range.today.active,
|
||||
.datepicker table tr td.range.today:hover.active,
|
||||
.datepicker table tr td.range.today.disabled.active,
|
||||
.datepicker table tr td.range.today.disabled:hover.active {
|
||||
background-color: #efe24b \9;
|
||||
}
|
||||
.datepicker table tr td.selected,
|
||||
.datepicker table tr td.selected:hover,
|
||||
.datepicker table tr td.selected.disabled,
|
||||
.datepicker table tr td.selected.disabled:hover {
|
||||
background-color: #9e9e9e;
|
||||
background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
|
||||
background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
|
||||
background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
|
||||
background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
|
||||
background-image: linear-gradient(to bottom, #b3b3b3, #808080);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
|
||||
border-color: #808080 #808080 #595959;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datepicker table tr td.selected:hover,
|
||||
.datepicker table tr td.selected:hover:hover,
|
||||
.datepicker table tr td.selected.disabled:hover,
|
||||
.datepicker table tr td.selected.disabled:hover:hover,
|
||||
.datepicker table tr td.selected:active,
|
||||
.datepicker table tr td.selected:hover:active,
|
||||
.datepicker table tr td.selected.disabled:active,
|
||||
.datepicker table tr td.selected.disabled:hover:active,
|
||||
.datepicker table tr td.selected.active,
|
||||
.datepicker table tr td.selected:hover.active,
|
||||
.datepicker table tr td.selected.disabled.active,
|
||||
.datepicker table tr td.selected.disabled:hover.active,
|
||||
.datepicker table tr td.selected.disabled,
|
||||
.datepicker table tr td.selected:hover.disabled,
|
||||
.datepicker table tr td.selected.disabled.disabled,
|
||||
.datepicker table tr td.selected.disabled:hover.disabled,
|
||||
.datepicker table tr td.selected[disabled],
|
||||
.datepicker table tr td.selected:hover[disabled],
|
||||
.datepicker table tr td.selected.disabled[disabled],
|
||||
.datepicker table tr td.selected.disabled:hover[disabled] {
|
||||
background-color: #808080;
|
||||
}
|
||||
.datepicker table tr td.selected:active,
|
||||
.datepicker table tr td.selected:hover:active,
|
||||
.datepicker table tr td.selected.disabled:active,
|
||||
.datepicker table tr td.selected.disabled:hover:active,
|
||||
.datepicker table tr td.selected.active,
|
||||
.datepicker table tr td.selected:hover.active,
|
||||
.datepicker table tr td.selected.disabled.active,
|
||||
.datepicker table tr td.selected.disabled:hover.active {
|
||||
background-color: #666666 \9;
|
||||
}
|
||||
.datepicker table tr td.active,
|
||||
.datepicker table tr td.active:hover,
|
||||
.datepicker table tr td.active.disabled,
|
||||
.datepicker table tr td.active.disabled:hover {
|
||||
background-color: #006dcc;
|
||||
background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
|
||||
background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-image: linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
|
||||
border-color: #0044cc #0044cc #002a80;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datepicker table tr td.active:hover,
|
||||
.datepicker table tr td.active:hover:hover,
|
||||
.datepicker table tr td.active.disabled:hover,
|
||||
.datepicker table tr td.active.disabled:hover:hover,
|
||||
.datepicker table tr td.active:active,
|
||||
.datepicker table tr td.active:hover:active,
|
||||
.datepicker table tr td.active.disabled:active,
|
||||
.datepicker table tr td.active.disabled:hover:active,
|
||||
.datepicker table tr td.active.active,
|
||||
.datepicker table tr td.active:hover.active,
|
||||
.datepicker table tr td.active.disabled.active,
|
||||
.datepicker table tr td.active.disabled:hover.active,
|
||||
.datepicker table tr td.active.disabled,
|
||||
.datepicker table tr td.active:hover.disabled,
|
||||
.datepicker table tr td.active.disabled.disabled,
|
||||
.datepicker table tr td.active.disabled:hover.disabled,
|
||||
.datepicker table tr td.active[disabled],
|
||||
.datepicker table tr td.active:hover[disabled],
|
||||
.datepicker table tr td.active.disabled[disabled],
|
||||
.datepicker table tr td.active.disabled:hover[disabled] {
|
||||
background-color: #0044cc;
|
||||
}
|
||||
.datepicker table tr td.active:active,
|
||||
.datepicker table tr td.active:hover:active,
|
||||
.datepicker table tr td.active.disabled:active,
|
||||
.datepicker table tr td.active.disabled:hover:active,
|
||||
.datepicker table tr td.active.active,
|
||||
.datepicker table tr td.active:hover.active,
|
||||
.datepicker table tr td.active.disabled.active,
|
||||
.datepicker table tr td.active.disabled:hover.active {
|
||||
background-color: #003399 \9;
|
||||
}
|
||||
.datepicker table tr td span {
|
||||
display: block;
|
||||
width: 23%;
|
||||
height: 54px;
|
||||
line-height: 54px;
|
||||
float: left;
|
||||
margin: 1%;
|
||||
cursor: pointer;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.datepicker table tr td span:hover,
|
||||
.datepicker table tr td span.focused {
|
||||
background: #eee;
|
||||
}
|
||||
.datepicker table tr td span.disabled,
|
||||
.datepicker table tr td span.disabled:hover {
|
||||
background: none;
|
||||
color: #999;
|
||||
cursor: default;
|
||||
}
|
||||
.datepicker table tr td span.active,
|
||||
.datepicker table tr td span.active:hover,
|
||||
.datepicker table tr td span.active.disabled,
|
||||
.datepicker table tr td span.active.disabled:hover {
|
||||
background-color: #006dcc;
|
||||
background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
|
||||
background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-image: linear-gradient(to bottom, #08c, #0044cc);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
|
||||
border-color: #0044cc #0044cc #002a80;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datepicker table tr td span.active:hover,
|
||||
.datepicker table tr td span.active:hover:hover,
|
||||
.datepicker table tr td span.active.disabled:hover,
|
||||
.datepicker table tr td span.active.disabled:hover:hover,
|
||||
.datepicker table tr td span.active:active,
|
||||
.datepicker table tr td span.active:hover:active,
|
||||
.datepicker table tr td span.active.disabled:active,
|
||||
.datepicker table tr td span.active.disabled:hover:active,
|
||||
.datepicker table tr td span.active.active,
|
||||
.datepicker table tr td span.active:hover.active,
|
||||
.datepicker table tr td span.active.disabled.active,
|
||||
.datepicker table tr td span.active.disabled:hover.active,
|
||||
.datepicker table tr td span.active.disabled,
|
||||
.datepicker table tr td span.active:hover.disabled,
|
||||
.datepicker table tr td span.active.disabled.disabled,
|
||||
.datepicker table tr td span.active.disabled:hover.disabled,
|
||||
.datepicker table tr td span.active[disabled],
|
||||
.datepicker table tr td span.active:hover[disabled],
|
||||
.datepicker table tr td span.active.disabled[disabled],
|
||||
.datepicker table tr td span.active.disabled:hover[disabled] {
|
||||
background-color: #0044cc;
|
||||
}
|
||||
.datepicker table tr td span.active:active,
|
||||
.datepicker table tr td span.active:hover:active,
|
||||
.datepicker table tr td span.active.disabled:active,
|
||||
.datepicker table tr td span.active.disabled:hover:active,
|
||||
.datepicker table tr td span.active.active,
|
||||
.datepicker table tr td span.active:hover.active,
|
||||
.datepicker table tr td span.active.disabled.active,
|
||||
.datepicker table tr td span.active.disabled:hover.active {
|
||||
background-color: #003399 \9;
|
||||
}
|
||||
.datepicker table tr td span.old,
|
||||
.datepicker table tr td span.new {
|
||||
color: #999;
|
||||
}
|
||||
.datepicker .datepicker-switch {
|
||||
width: 145px;
|
||||
}
|
||||
.datepicker .datepicker-switch,
|
||||
.datepicker .prev,
|
||||
.datepicker .next,
|
||||
.datepicker tfoot tr th {
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker .datepicker-switch:hover,
|
||||
.datepicker .prev:hover,
|
||||
.datepicker .next:hover,
|
||||
.datepicker tfoot tr th:hover {
|
||||
background: #eee;
|
||||
}
|
||||
.datepicker .prev.disabled,
|
||||
.datepicker .next.disabled {
|
||||
visibility: hidden;
|
||||
}
|
||||
.datepicker .cw {
|
||||
font-size: 10px;
|
||||
width: 12px;
|
||||
padding: 0 2px 0 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.input-append.date .add-on,
|
||||
.input-prepend.date .add-on {
|
||||
cursor: pointer;
|
||||
}
|
||||
.input-append.date .add-on i,
|
||||
.input-prepend.date .add-on i {
|
||||
margin-top: 3px;
|
||||
}
|
||||
.input-daterange input {
|
||||
text-align: center;
|
||||
}
|
||||
.input-daterange input:first-child {
|
||||
-webkit-border-radius: 3px 0 0 3px;
|
||||
-moz-border-radius: 3px 0 0 3px;
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
.input-daterange input:last-child {
|
||||
-webkit-border-radius: 0 3px 3px 0;
|
||||
-moz-border-radius: 0 3px 3px 0;
|
||||
border-radius: 0 3px 3px 0;
|
||||
}
|
||||
.input-daterange .add-on {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
min-width: 16px;
|
||||
height: 20px;
|
||||
padding: 4px 5px;
|
||||
font-weight: normal;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
vertical-align: middle;
|
||||
background-color: #eee;
|
||||
border: 1px solid #ccc;
|
||||
margin-left: -5px;
|
||||
margin-right: -5px;
|
||||
}
|
||||
.datepicker.dropdown-menu {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
z-index: 1000;
|
||||
float: left;
|
||||
display: none;
|
||||
min-width: 160px;
|
||||
list-style: none;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
*border-right-width: 2px;
|
||||
*border-bottom-width: 2px;
|
||||
color: #333333;
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.datepicker.dropdown-menu th,
|
||||
.datepicker.datepicker-inline th,
|
||||
.datepicker.dropdown-menu td,
|
||||
.datepicker.datepicker-inline td {
|
||||
padding: 4px 5px;
|
||||
}
|
||||
/*# sourceMappingURL=bootstrap-datepicker.standalone.css.map */
|
1
resources/public/vendor/bootstrap-datepicker/css/bootstrap-datepicker.standalone.css.map
vendored
Normal file
1
resources/public/vendor/bootstrap-datepicker/css/bootstrap-datepicker.standalone.css.map
vendored
Normal file
File diff suppressed because one or more lines are too long
7
resources/public/vendor/bootstrap-datepicker/css/bootstrap-datepicker.standalone.min.css
vendored
Normal file
7
resources/public/vendor/bootstrap-datepicker/css/bootstrap-datepicker.standalone.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
683
resources/public/vendor/bootstrap-datepicker/css/bootstrap-datepicker3.css
vendored
Normal file
683
resources/public/vendor/bootstrap-datepicker/css/bootstrap-datepicker3.css
vendored
Normal file
@ -0,0 +1,683 @@
|
||||
/*!
|
||||
* Datepicker for Bootstrap v1.10.0 (https://github.com/uxsolutions/bootstrap-datepicker)
|
||||
*
|
||||
* Licensed under the Apache License v2.0 (https://www.apache.org/licenses/LICENSE-2.0)
|
||||
*/
|
||||
|
||||
.datepicker {
|
||||
border-radius: 4px;
|
||||
direction: ltr;
|
||||
}
|
||||
.datepicker-inline {
|
||||
width: 220px;
|
||||
}
|
||||
.datepicker-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.datepicker-rtl.dropdown-menu {
|
||||
left: auto;
|
||||
}
|
||||
.datepicker-rtl table tr td span {
|
||||
float: right;
|
||||
}
|
||||
.datepicker-dropdown {
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 4px;
|
||||
}
|
||||
.datepicker-dropdown:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid rgba(0, 0, 0, 0.15);
|
||||
border-top: 0;
|
||||
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||
position: absolute;
|
||||
}
|
||||
.datepicker-dropdown:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #fff;
|
||||
border-top: 0;
|
||||
position: absolute;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-left:before {
|
||||
left: 6px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-left:after {
|
||||
left: 7px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-right:before {
|
||||
right: 6px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-right:after {
|
||||
right: 7px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-bottom:before {
|
||||
top: -7px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-bottom:after {
|
||||
top: -6px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-top:before {
|
||||
bottom: -7px;
|
||||
border-bottom: 0;
|
||||
border-top: 7px solid rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-top:after {
|
||||
bottom: -6px;
|
||||
border-bottom: 0;
|
||||
border-top: 6px solid #fff;
|
||||
}
|
||||
.datepicker table {
|
||||
margin: 0;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.datepicker table tr td,
|
||||
.datepicker table tr th {
|
||||
text-align: center;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
}
|
||||
.table-striped .datepicker table tr td,
|
||||
.table-striped .datepicker table tr th {
|
||||
background-color: transparent;
|
||||
}
|
||||
.datepicker table tr td.old,
|
||||
.datepicker table tr td.new {
|
||||
color: #777777;
|
||||
}
|
||||
.datepicker table tr td.day:hover,
|
||||
.datepicker table tr td.focused {
|
||||
background: #eeeeee;
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker table tr td.disabled,
|
||||
.datepicker table tr td.disabled:hover {
|
||||
background: none;
|
||||
color: #777777;
|
||||
cursor: default;
|
||||
}
|
||||
.datepicker table tr td.highlighted {
|
||||
color: #000;
|
||||
background-color: #d9edf7;
|
||||
border-color: #85c5e5;
|
||||
border-radius: 0;
|
||||
}
|
||||
.datepicker table tr td.highlighted:focus,
|
||||
.datepicker table tr td.highlighted.focus {
|
||||
color: #000;
|
||||
background-color: #afd9ee;
|
||||
border-color: #298fc2;
|
||||
}
|
||||
.datepicker table tr td.highlighted:hover {
|
||||
color: #000;
|
||||
background-color: #afd9ee;
|
||||
border-color: #52addb;
|
||||
}
|
||||
.datepicker table tr td.highlighted:active,
|
||||
.datepicker table tr td.highlighted.active {
|
||||
color: #000;
|
||||
background-color: #afd9ee;
|
||||
border-color: #52addb;
|
||||
}
|
||||
.datepicker table tr td.highlighted:active:hover,
|
||||
.datepicker table tr td.highlighted.active:hover,
|
||||
.datepicker table tr td.highlighted:active:focus,
|
||||
.datepicker table tr td.highlighted.active:focus,
|
||||
.datepicker table tr td.highlighted:active.focus,
|
||||
.datepicker table tr td.highlighted.active.focus {
|
||||
color: #000;
|
||||
background-color: #91cbe8;
|
||||
border-color: #298fc2;
|
||||
}
|
||||
.datepicker table tr td.highlighted.disabled:hover,
|
||||
.datepicker table tr td.highlighted[disabled]:hover,
|
||||
fieldset[disabled] .datepicker table tr td.highlighted:hover,
|
||||
.datepicker table tr td.highlighted.disabled:focus,
|
||||
.datepicker table tr td.highlighted[disabled]:focus,
|
||||
fieldset[disabled] .datepicker table tr td.highlighted:focus,
|
||||
.datepicker table tr td.highlighted.disabled.focus,
|
||||
.datepicker table tr td.highlighted[disabled].focus,
|
||||
fieldset[disabled] .datepicker table tr td.highlighted.focus {
|
||||
background-color: #d9edf7;
|
||||
border-color: #85c5e5;
|
||||
}
|
||||
.datepicker table tr td.highlighted.focused {
|
||||
background: #afd9ee;
|
||||
}
|
||||
.datepicker table tr td.highlighted.disabled,
|
||||
.datepicker table tr td.highlighted.disabled:active {
|
||||
background: #d9edf7;
|
||||
color: #777777;
|
||||
}
|
||||
.datepicker table tr td.today {
|
||||
color: #000;
|
||||
background-color: #ffdb99;
|
||||
border-color: #ffb733;
|
||||
}
|
||||
.datepicker table tr td.today:focus,
|
||||
.datepicker table tr td.today.focus {
|
||||
color: #000;
|
||||
background-color: #ffc966;
|
||||
border-color: #b37400;
|
||||
}
|
||||
.datepicker table tr td.today:hover {
|
||||
color: #000;
|
||||
background-color: #ffc966;
|
||||
border-color: #f59e00;
|
||||
}
|
||||
.datepicker table tr td.today:active,
|
||||
.datepicker table tr td.today.active {
|
||||
color: #000;
|
||||
background-color: #ffc966;
|
||||
border-color: #f59e00;
|
||||
}
|
||||
.datepicker table tr td.today:active:hover,
|
||||
.datepicker table tr td.today.active:hover,
|
||||
.datepicker table tr td.today:active:focus,
|
||||
.datepicker table tr td.today.active:focus,
|
||||
.datepicker table tr td.today:active.focus,
|
||||
.datepicker table tr td.today.active.focus {
|
||||
color: #000;
|
||||
background-color: #ffbc42;
|
||||
border-color: #b37400;
|
||||
}
|
||||
.datepicker table tr td.today.disabled:hover,
|
||||
.datepicker table tr td.today[disabled]:hover,
|
||||
fieldset[disabled] .datepicker table tr td.today:hover,
|
||||
.datepicker table tr td.today.disabled:focus,
|
||||
.datepicker table tr td.today[disabled]:focus,
|
||||
fieldset[disabled] .datepicker table tr td.today:focus,
|
||||
.datepicker table tr td.today.disabled.focus,
|
||||
.datepicker table tr td.today[disabled].focus,
|
||||
fieldset[disabled] .datepicker table tr td.today.focus {
|
||||
background-color: #ffdb99;
|
||||
border-color: #ffb733;
|
||||
}
|
||||
.datepicker table tr td.today.focused {
|
||||
background: #ffc966;
|
||||
}
|
||||
.datepicker table tr td.today.disabled,
|
||||
.datepicker table tr td.today.disabled:active {
|
||||
background: #ffdb99;
|
||||
color: #777777;
|
||||
}
|
||||
.datepicker table tr td.range {
|
||||
color: #000;
|
||||
background-color: #eeeeee;
|
||||
border-color: #bbbbbb;
|
||||
border-radius: 0;
|
||||
}
|
||||
.datepicker table tr td.range:focus,
|
||||
.datepicker table tr td.range.focus {
|
||||
color: #000;
|
||||
background-color: #d5d5d5;
|
||||
border-color: #7c7c7c;
|
||||
}
|
||||
.datepicker table tr td.range:hover {
|
||||
color: #000;
|
||||
background-color: #d5d5d5;
|
||||
border-color: #9d9d9d;
|
||||
}
|
||||
.datepicker table tr td.range:active,
|
||||
.datepicker table tr td.range.active {
|
||||
color: #000;
|
||||
background-color: #d5d5d5;
|
||||
border-color: #9d9d9d;
|
||||
}
|
||||
.datepicker table tr td.range:active:hover,
|
||||
.datepicker table tr td.range.active:hover,
|
||||
.datepicker table tr td.range:active:focus,
|
||||
.datepicker table tr td.range.active:focus,
|
||||
.datepicker table tr td.range:active.focus,
|
||||
.datepicker table tr td.range.active.focus {
|
||||
color: #000;
|
||||
background-color: #c3c3c3;
|
||||
border-color: #7c7c7c;
|
||||
}
|
||||
.datepicker table tr td.range.disabled:hover,
|
||||
.datepicker table tr td.range[disabled]:hover,
|
||||
fieldset[disabled] .datepicker table tr td.range:hover,
|
||||
.datepicker table tr td.range.disabled:focus,
|
||||
.datepicker table tr td.range[disabled]:focus,
|
||||
fieldset[disabled] .datepicker table tr td.range:focus,
|
||||
.datepicker table tr td.range.disabled.focus,
|
||||
.datepicker table tr td.range[disabled].focus,
|
||||
fieldset[disabled] .datepicker table tr td.range.focus {
|
||||
background-color: #eeeeee;
|
||||
border-color: #bbbbbb;
|
||||
}
|
||||
.datepicker table tr td.range.focused {
|
||||
background: #d5d5d5;
|
||||
}
|
||||
.datepicker table tr td.range.disabled,
|
||||
.datepicker table tr td.range.disabled:active {
|
||||
background: #eeeeee;
|
||||
color: #777777;
|
||||
}
|
||||
.datepicker table tr td.range.highlighted {
|
||||
color: #000;
|
||||
background-color: #e4eef3;
|
||||
border-color: #9dc1d3;
|
||||
}
|
||||
.datepicker table tr td.range.highlighted:focus,
|
||||
.datepicker table tr td.range.highlighted.focus {
|
||||
color: #000;
|
||||
background-color: #c1d7e3;
|
||||
border-color: #4b88a6;
|
||||
}
|
||||
.datepicker table tr td.range.highlighted:hover {
|
||||
color: #000;
|
||||
background-color: #c1d7e3;
|
||||
border-color: #73a6c0;
|
||||
}
|
||||
.datepicker table tr td.range.highlighted:active,
|
||||
.datepicker table tr td.range.highlighted.active {
|
||||
color: #000;
|
||||
background-color: #c1d7e3;
|
||||
border-color: #73a6c0;
|
||||
}
|
||||
.datepicker table tr td.range.highlighted:active:hover,
|
||||
.datepicker table tr td.range.highlighted.active:hover,
|
||||
.datepicker table tr td.range.highlighted:active:focus,
|
||||
.datepicker table tr td.range.highlighted.active:focus,
|
||||
.datepicker table tr td.range.highlighted:active.focus,
|
||||
.datepicker table tr td.range.highlighted.active.focus {
|
||||
color: #000;
|
||||
background-color: #a8c8d8;
|
||||
border-color: #4b88a6;
|
||||
}
|
||||
.datepicker table tr td.range.highlighted.disabled:hover,
|
||||
.datepicker table tr td.range.highlighted[disabled]:hover,
|
||||
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
|
||||
.datepicker table tr td.range.highlighted.disabled:focus,
|
||||
.datepicker table tr td.range.highlighted[disabled]:focus,
|
||||
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
|
||||
.datepicker table tr td.range.highlighted.disabled.focus,
|
||||
.datepicker table tr td.range.highlighted[disabled].focus,
|
||||
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
|
||||
background-color: #e4eef3;
|
||||
border-color: #9dc1d3;
|
||||
}
|
||||
.datepicker table tr td.range.highlighted.focused {
|
||||
background: #c1d7e3;
|
||||
}
|
||||
.datepicker table tr td.range.highlighted.disabled,
|
||||
.datepicker table tr td.range.highlighted.disabled:active {
|
||||
background: #e4eef3;
|
||||
color: #777777;
|
||||
}
|
||||
.datepicker table tr td.range.today {
|
||||
color: #000;
|
||||
background-color: #f7ca77;
|
||||
border-color: #f1a417;
|
||||
}
|
||||
.datepicker table tr td.range.today:focus,
|
||||
.datepicker table tr td.range.today.focus {
|
||||
color: #000;
|
||||
background-color: #f4b747;
|
||||
border-color: #815608;
|
||||
}
|
||||
.datepicker table tr td.range.today:hover {
|
||||
color: #000;
|
||||
background-color: #f4b747;
|
||||
border-color: #bf800c;
|
||||
}
|
||||
.datepicker table tr td.range.today:active,
|
||||
.datepicker table tr td.range.today.active {
|
||||
color: #000;
|
||||
background-color: #f4b747;
|
||||
border-color: #bf800c;
|
||||
}
|
||||
.datepicker table tr td.range.today:active:hover,
|
||||
.datepicker table tr td.range.today.active:hover,
|
||||
.datepicker table tr td.range.today:active:focus,
|
||||
.datepicker table tr td.range.today.active:focus,
|
||||
.datepicker table tr td.range.today:active.focus,
|
||||
.datepicker table tr td.range.today.active.focus {
|
||||
color: #000;
|
||||
background-color: #f2aa25;
|
||||
border-color: #815608;
|
||||
}
|
||||
.datepicker table tr td.range.today.disabled:hover,
|
||||
.datepicker table tr td.range.today[disabled]:hover,
|
||||
fieldset[disabled] .datepicker table tr td.range.today:hover,
|
||||
.datepicker table tr td.range.today.disabled:focus,
|
||||
.datepicker table tr td.range.today[disabled]:focus,
|
||||
fieldset[disabled] .datepicker table tr td.range.today:focus,
|
||||
.datepicker table tr td.range.today.disabled.focus,
|
||||
.datepicker table tr td.range.today[disabled].focus,
|
||||
fieldset[disabled] .datepicker table tr td.range.today.focus {
|
||||
background-color: #f7ca77;
|
||||
border-color: #f1a417;
|
||||
}
|
||||
.datepicker table tr td.range.today.disabled,
|
||||
.datepicker table tr td.range.today.disabled:active {
|
||||
background: #f7ca77;
|
||||
color: #777777;
|
||||
}
|
||||
.datepicker table tr td.selected,
|
||||
.datepicker table tr td.selected.highlighted {
|
||||
color: #fff;
|
||||
background-color: #777777;
|
||||
border-color: #555555;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datepicker table tr td.selected:focus,
|
||||
.datepicker table tr td.selected.highlighted:focus,
|
||||
.datepicker table tr td.selected.focus,
|
||||
.datepicker table tr td.selected.highlighted.focus {
|
||||
color: #fff;
|
||||
background-color: #5e5e5e;
|
||||
border-color: #161616;
|
||||
}
|
||||
.datepicker table tr td.selected:hover,
|
||||
.datepicker table tr td.selected.highlighted:hover {
|
||||
color: #fff;
|
||||
background-color: #5e5e5e;
|
||||
border-color: #373737;
|
||||
}
|
||||
.datepicker table tr td.selected:active,
|
||||
.datepicker table tr td.selected.highlighted:active,
|
||||
.datepicker table tr td.selected.active,
|
||||
.datepicker table tr td.selected.highlighted.active {
|
||||
color: #fff;
|
||||
background-color: #5e5e5e;
|
||||
border-color: #373737;
|
||||
}
|
||||
.datepicker table tr td.selected:active:hover,
|
||||
.datepicker table tr td.selected.highlighted:active:hover,
|
||||
.datepicker table tr td.selected.active:hover,
|
||||
.datepicker table tr td.selected.highlighted.active:hover,
|
||||
.datepicker table tr td.selected:active:focus,
|
||||
.datepicker table tr td.selected.highlighted:active:focus,
|
||||
.datepicker table tr td.selected.active:focus,
|
||||
.datepicker table tr td.selected.highlighted.active:focus,
|
||||
.datepicker table tr td.selected:active.focus,
|
||||
.datepicker table tr td.selected.highlighted:active.focus,
|
||||
.datepicker table tr td.selected.active.focus,
|
||||
.datepicker table tr td.selected.highlighted.active.focus {
|
||||
color: #fff;
|
||||
background-color: #4c4c4c;
|
||||
border-color: #161616;
|
||||
}
|
||||
.datepicker table tr td.selected.disabled:hover,
|
||||
.datepicker table tr td.selected.highlighted.disabled:hover,
|
||||
.datepicker table tr td.selected[disabled]:hover,
|
||||
.datepicker table tr td.selected.highlighted[disabled]:hover,
|
||||
fieldset[disabled] .datepicker table tr td.selected:hover,
|
||||
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
|
||||
.datepicker table tr td.selected.disabled:focus,
|
||||
.datepicker table tr td.selected.highlighted.disabled:focus,
|
||||
.datepicker table tr td.selected[disabled]:focus,
|
||||
.datepicker table tr td.selected.highlighted[disabled]:focus,
|
||||
fieldset[disabled] .datepicker table tr td.selected:focus,
|
||||
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
|
||||
.datepicker table tr td.selected.disabled.focus,
|
||||
.datepicker table tr td.selected.highlighted.disabled.focus,
|
||||
.datepicker table tr td.selected[disabled].focus,
|
||||
.datepicker table tr td.selected.highlighted[disabled].focus,
|
||||
fieldset[disabled] .datepicker table tr td.selected.focus,
|
||||
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
|
||||
background-color: #777777;
|
||||
border-color: #555555;
|
||||
}
|
||||
.datepicker table tr td.active,
|
||||
.datepicker table tr td.active.highlighted {
|
||||
color: #fff;
|
||||
background-color: #337ab7;
|
||||
border-color: #2e6da4;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datepicker table tr td.active:focus,
|
||||
.datepicker table tr td.active.highlighted:focus,
|
||||
.datepicker table tr td.active.focus,
|
||||
.datepicker table tr td.active.highlighted.focus {
|
||||
color: #fff;
|
||||
background-color: #286090;
|
||||
border-color: #122b40;
|
||||
}
|
||||
.datepicker table tr td.active:hover,
|
||||
.datepicker table tr td.active.highlighted:hover {
|
||||
color: #fff;
|
||||
background-color: #286090;
|
||||
border-color: #204d74;
|
||||
}
|
||||
.datepicker table tr td.active:active,
|
||||
.datepicker table tr td.active.highlighted:active,
|
||||
.datepicker table tr td.active.active,
|
||||
.datepicker table tr td.active.highlighted.active {
|
||||
color: #fff;
|
||||
background-color: #286090;
|
||||
border-color: #204d74;
|
||||
}
|
||||
.datepicker table tr td.active:active:hover,
|
||||
.datepicker table tr td.active.highlighted:active:hover,
|
||||
.datepicker table tr td.active.active:hover,
|
||||
.datepicker table tr td.active.highlighted.active:hover,
|
||||
.datepicker table tr td.active:active:focus,
|
||||
.datepicker table tr td.active.highlighted:active:focus,
|
||||
.datepicker table tr td.active.active:focus,
|
||||
.datepicker table tr td.active.highlighted.active:focus,
|
||||
.datepicker table tr td.active:active.focus,
|
||||
.datepicker table tr td.active.highlighted:active.focus,
|
||||
.datepicker table tr td.active.active.focus,
|
||||
.datepicker table tr td.active.highlighted.active.focus {
|
||||
color: #fff;
|
||||
background-color: #204d74;
|
||||
border-color: #122b40;
|
||||
}
|
||||
.datepicker table tr td.active.disabled:hover,
|
||||
.datepicker table tr td.active.highlighted.disabled:hover,
|
||||
.datepicker table tr td.active[disabled]:hover,
|
||||
.datepicker table tr td.active.highlighted[disabled]:hover,
|
||||
fieldset[disabled] .datepicker table tr td.active:hover,
|
||||
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
|
||||
.datepicker table tr td.active.disabled:focus,
|
||||
.datepicker table tr td.active.highlighted.disabled:focus,
|
||||
.datepicker table tr td.active[disabled]:focus,
|
||||
.datepicker table tr td.active.highlighted[disabled]:focus,
|
||||
fieldset[disabled] .datepicker table tr td.active:focus,
|
||||
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
|
||||
.datepicker table tr td.active.disabled.focus,
|
||||
.datepicker table tr td.active.highlighted.disabled.focus,
|
||||
.datepicker table tr td.active[disabled].focus,
|
||||
.datepicker table tr td.active.highlighted[disabled].focus,
|
||||
fieldset[disabled] .datepicker table tr td.active.focus,
|
||||
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
|
||||
background-color: #337ab7;
|
||||
border-color: #2e6da4;
|
||||
}
|
||||
.datepicker table tr td span {
|
||||
display: block;
|
||||
width: 23%;
|
||||
height: 54px;
|
||||
line-height: 54px;
|
||||
float: left;
|
||||
margin: 1%;
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.datepicker table tr td span:hover,
|
||||
.datepicker table tr td span.focused {
|
||||
background: #eeeeee;
|
||||
}
|
||||
.datepicker table tr td span.disabled,
|
||||
.datepicker table tr td span.disabled:hover {
|
||||
background: none;
|
||||
color: #777777;
|
||||
cursor: default;
|
||||
}
|
||||
.datepicker table tr td span.active,
|
||||
.datepicker table tr td span.active:hover,
|
||||
.datepicker table tr td span.active.disabled,
|
||||
.datepicker table tr td span.active.disabled:hover {
|
||||
color: #fff;
|
||||
background-color: #337ab7;
|
||||
border-color: #2e6da4;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datepicker table tr td span.active:focus,
|
||||
.datepicker table tr td span.active:hover:focus,
|
||||
.datepicker table tr td span.active.disabled:focus,
|
||||
.datepicker table tr td span.active.disabled:hover:focus,
|
||||
.datepicker table tr td span.active.focus,
|
||||
.datepicker table tr td span.active:hover.focus,
|
||||
.datepicker table tr td span.active.disabled.focus,
|
||||
.datepicker table tr td span.active.disabled:hover.focus {
|
||||
color: #fff;
|
||||
background-color: #286090;
|
||||
border-color: #122b40;
|
||||
}
|
||||
.datepicker table tr td span.active:hover,
|
||||
.datepicker table tr td span.active:hover:hover,
|
||||
.datepicker table tr td span.active.disabled:hover,
|
||||
.datepicker table tr td span.active.disabled:hover:hover {
|
||||
color: #fff;
|
||||
background-color: #286090;
|
||||
border-color: #204d74;
|
||||
}
|
||||
.datepicker table tr td span.active:active,
|
||||
.datepicker table tr td span.active:hover:active,
|
||||
.datepicker table tr td span.active.disabled:active,
|
||||
.datepicker table tr td span.active.disabled:hover:active,
|
||||
.datepicker table tr td span.active.active,
|
||||
.datepicker table tr td span.active:hover.active,
|
||||
.datepicker table tr td span.active.disabled.active,
|
||||
.datepicker table tr td span.active.disabled:hover.active {
|
||||
color: #fff;
|
||||
background-color: #286090;
|
||||
border-color: #204d74;
|
||||
}
|
||||
.datepicker table tr td span.active:active:hover,
|
||||
.datepicker table tr td span.active:hover:active:hover,
|
||||
.datepicker table tr td span.active.disabled:active:hover,
|
||||
.datepicker table tr td span.active.disabled:hover:active:hover,
|
||||
.datepicker table tr td span.active.active:hover,
|
||||
.datepicker table tr td span.active:hover.active:hover,
|
||||
.datepicker table tr td span.active.disabled.active:hover,
|
||||
.datepicker table tr td span.active.disabled:hover.active:hover,
|
||||
.datepicker table tr td span.active:active:focus,
|
||||
.datepicker table tr td span.active:hover:active:focus,
|
||||
.datepicker table tr td span.active.disabled:active:focus,
|
||||
.datepicker table tr td span.active.disabled:hover:active:focus,
|
||||
.datepicker table tr td span.active.active:focus,
|
||||
.datepicker table tr td span.active:hover.active:focus,
|
||||
.datepicker table tr td span.active.disabled.active:focus,
|
||||
.datepicker table tr td span.active.disabled:hover.active:focus,
|
||||
.datepicker table tr td span.active:active.focus,
|
||||
.datepicker table tr td span.active:hover:active.focus,
|
||||
.datepicker table tr td span.active.disabled:active.focus,
|
||||
.datepicker table tr td span.active.disabled:hover:active.focus,
|
||||
.datepicker table tr td span.active.active.focus,
|
||||
.datepicker table tr td span.active:hover.active.focus,
|
||||
.datepicker table tr td span.active.disabled.active.focus,
|
||||
.datepicker table tr td span.active.disabled:hover.active.focus {
|
||||
color: #fff;
|
||||
background-color: #204d74;
|
||||
border-color: #122b40;
|
||||
}
|
||||
.datepicker table tr td span.active.disabled:hover,
|
||||
.datepicker table tr td span.active:hover.disabled:hover,
|
||||
.datepicker table tr td span.active.disabled.disabled:hover,
|
||||
.datepicker table tr td span.active.disabled:hover.disabled:hover,
|
||||
.datepicker table tr td span.active[disabled]:hover,
|
||||
.datepicker table tr td span.active:hover[disabled]:hover,
|
||||
.datepicker table tr td span.active.disabled[disabled]:hover,
|
||||
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
|
||||
fieldset[disabled] .datepicker table tr td span.active:hover,
|
||||
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
|
||||
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
|
||||
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
|
||||
.datepicker table tr td span.active.disabled:focus,
|
||||
.datepicker table tr td span.active:hover.disabled:focus,
|
||||
.datepicker table tr td span.active.disabled.disabled:focus,
|
||||
.datepicker table tr td span.active.disabled:hover.disabled:focus,
|
||||
.datepicker table tr td span.active[disabled]:focus,
|
||||
.datepicker table tr td span.active:hover[disabled]:focus,
|
||||
.datepicker table tr td span.active.disabled[disabled]:focus,
|
||||
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
|
||||
fieldset[disabled] .datepicker table tr td span.active:focus,
|
||||
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
|
||||
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
|
||||
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
|
||||
.datepicker table tr td span.active.disabled.focus,
|
||||
.datepicker table tr td span.active:hover.disabled.focus,
|
||||
.datepicker table tr td span.active.disabled.disabled.focus,
|
||||
.datepicker table tr td span.active.disabled:hover.disabled.focus,
|
||||
.datepicker table tr td span.active[disabled].focus,
|
||||
.datepicker table tr td span.active:hover[disabled].focus,
|
||||
.datepicker table tr td span.active.disabled[disabled].focus,
|
||||
.datepicker table tr td span.active.disabled:hover[disabled].focus,
|
||||
fieldset[disabled] .datepicker table tr td span.active.focus,
|
||||
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
|
||||
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
|
||||
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
|
||||
background-color: #337ab7;
|
||||
border-color: #2e6da4;
|
||||
}
|
||||
.datepicker table tr td span.old,
|
||||
.datepicker table tr td span.new {
|
||||
color: #777777;
|
||||
}
|
||||
.datepicker .datepicker-switch {
|
||||
width: 145px;
|
||||
}
|
||||
.datepicker .datepicker-switch,
|
||||
.datepicker .prev,
|
||||
.datepicker .next,
|
||||
.datepicker tfoot tr th {
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker .datepicker-switch:hover,
|
||||
.datepicker .prev:hover,
|
||||
.datepicker .next:hover,
|
||||
.datepicker tfoot tr th:hover {
|
||||
background: #eeeeee;
|
||||
}
|
||||
.datepicker .prev.disabled,
|
||||
.datepicker .next.disabled {
|
||||
visibility: hidden;
|
||||
}
|
||||
.datepicker .cw {
|
||||
font-size: 10px;
|
||||
width: 12px;
|
||||
padding: 0 2px 0 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.input-group.date .input-group-addon {
|
||||
cursor: pointer;
|
||||
}
|
||||
.input-daterange {
|
||||
width: 100%;
|
||||
}
|
||||
.input-daterange input {
|
||||
text-align: center;
|
||||
}
|
||||
.input-daterange input:first-child {
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
.input-daterange input:last-child {
|
||||
border-radius: 0 3px 3px 0;
|
||||
}
|
||||
.input-daterange .input-group-addon {
|
||||
width: auto;
|
||||
min-width: 16px;
|
||||
padding: 4px 5px;
|
||||
line-height: 1.42857143;
|
||||
border-width: 1px 0;
|
||||
margin-left: -5px;
|
||||
margin-right: -5px;
|
||||
}
|
||||
/*# sourceMappingURL=bootstrap-datepicker3.css.map */
|
1
resources/public/vendor/bootstrap-datepicker/css/bootstrap-datepicker3.css.map
vendored
Normal file
1
resources/public/vendor/bootstrap-datepicker/css/bootstrap-datepicker3.css.map
vendored
Normal file
File diff suppressed because one or more lines are too long
7
resources/public/vendor/bootstrap-datepicker/css/bootstrap-datepicker3.min.css
vendored
Normal file
7
resources/public/vendor/bootstrap-datepicker/css/bootstrap-datepicker3.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
712
resources/public/vendor/bootstrap-datepicker/css/bootstrap-datepicker3.standalone.css
vendored
Normal file
712
resources/public/vendor/bootstrap-datepicker/css/bootstrap-datepicker3.standalone.css
vendored
Normal file
@ -0,0 +1,712 @@
|
||||
/*!
|
||||
* Datepicker for Bootstrap v1.10.0 (https://github.com/uxsolutions/bootstrap-datepicker)
|
||||
*
|
||||
* Licensed under the Apache License v2.0 (https://www.apache.org/licenses/LICENSE-2.0)
|
||||
*/
|
||||
|
||||
.datepicker {
|
||||
border-radius: 4px;
|
||||
direction: ltr;
|
||||
}
|
||||
.datepicker-inline {
|
||||
width: 220px;
|
||||
}
|
||||
.datepicker-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.datepicker-rtl.dropdown-menu {
|
||||
left: auto;
|
||||
}
|
||||
.datepicker-rtl table tr td span {
|
||||
float: right;
|
||||
}
|
||||
.datepicker-dropdown {
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 4px;
|
||||
}
|
||||
.datepicker-dropdown:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid rgba(0, 0, 0, 0.15);
|
||||
border-top: 0;
|
||||
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||
position: absolute;
|
||||
}
|
||||
.datepicker-dropdown:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #fff;
|
||||
border-top: 0;
|
||||
position: absolute;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-left:before {
|
||||
left: 6px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-left:after {
|
||||
left: 7px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-right:before {
|
||||
right: 6px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-right:after {
|
||||
right: 7px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-bottom:before {
|
||||
top: -7px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-bottom:after {
|
||||
top: -6px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-top:before {
|
||||
bottom: -7px;
|
||||
border-bottom: 0;
|
||||
border-top: 7px solid rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-top:after {
|
||||
bottom: -6px;
|
||||
border-bottom: 0;
|
||||
border-top: 6px solid #fff;
|
||||
}
|
||||
.datepicker table {
|
||||
margin: 0;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.datepicker table tr td,
|
||||
.datepicker table tr th {
|
||||
text-align: center;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
}
|
||||
.table-striped .datepicker table tr td,
|
||||
.table-striped .datepicker table tr th {
|
||||
background-color: transparent;
|
||||
}
|
||||
.datepicker table tr td.old,
|
||||
.datepicker table tr td.new {
|
||||
color: #777777;
|
||||
}
|
||||
.datepicker table tr td.day:hover,
|
||||
.datepicker table tr td.focused {
|
||||
background: #eeeeee;
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker table tr td.disabled,
|
||||
.datepicker table tr td.disabled:hover {
|
||||
background: none;
|
||||
color: #777777;
|
||||
cursor: default;
|
||||
}
|
||||
.datepicker table tr td.highlighted {
|
||||
color: #000;
|
||||
background-color: #d9edf7;
|
||||
border-color: #85c5e5;
|
||||
border-radius: 0;
|
||||
}
|
||||
.datepicker table tr td.highlighted:focus,
|
||||
.datepicker table tr td.highlighted.focus {
|
||||
color: #000;
|
||||
background-color: #afd9ee;
|
||||
border-color: #298fc2;
|
||||
}
|
||||
.datepicker table tr td.highlighted:hover {
|
||||
color: #000;
|
||||
background-color: #afd9ee;
|
||||
border-color: #52addb;
|
||||
}
|
||||
.datepicker table tr td.highlighted:active,
|
||||
.datepicker table tr td.highlighted.active {
|
||||
color: #000;
|
||||
background-color: #afd9ee;
|
||||
border-color: #52addb;
|
||||
}
|
||||
.datepicker table tr td.highlighted:active:hover,
|
||||
.datepicker table tr td.highlighted.active:hover,
|
||||
.datepicker table tr td.highlighted:active:focus,
|
||||
.datepicker table tr td.highlighted.active:focus,
|
||||
.datepicker table tr td.highlighted:active.focus,
|
||||
.datepicker table tr td.highlighted.active.focus {
|
||||
color: #000;
|
||||
background-color: #91cbe8;
|
||||
border-color: #298fc2;
|
||||
}
|
||||
.datepicker table tr td.highlighted.disabled:hover,
|
||||
.datepicker table tr td.highlighted[disabled]:hover,
|
||||
fieldset[disabled] .datepicker table tr td.highlighted:hover,
|
||||
.datepicker table tr td.highlighted.disabled:focus,
|
||||
.datepicker table tr td.highlighted[disabled]:focus,
|
||||
fieldset[disabled] .datepicker table tr td.highlighted:focus,
|
||||
.datepicker table tr td.highlighted.disabled.focus,
|
||||
.datepicker table tr td.highlighted[disabled].focus,
|
||||
fieldset[disabled] .datepicker table tr td.highlighted.focus {
|
||||
background-color: #d9edf7;
|
||||
border-color: #85c5e5;
|
||||
}
|
||||
.datepicker table tr td.highlighted.focused {
|
||||
background: #afd9ee;
|
||||
}
|
||||
.datepicker table tr td.highlighted.disabled,
|
||||
.datepicker table tr td.highlighted.disabled:active {
|
||||
background: #d9edf7;
|
||||
color: #777777;
|
||||
}
|
||||
.datepicker table tr td.today {
|
||||
color: #000;
|
||||
background-color: #ffdb99;
|
||||
border-color: #ffb733;
|
||||
}
|
||||
.datepicker table tr td.today:focus,
|
||||
.datepicker table tr td.today.focus {
|
||||
color: #000;
|
||||
background-color: #ffc966;
|
||||
border-color: #b37400;
|
||||
}
|
||||
.datepicker table tr td.today:hover {
|
||||
color: #000;
|
||||
background-color: #ffc966;
|
||||
border-color: #f59e00;
|
||||
}
|
||||
.datepicker table tr td.today:active,
|
||||
.datepicker table tr td.today.active {
|
||||
color: #000;
|
||||
background-color: #ffc966;
|
||||
border-color: #f59e00;
|
||||
}
|
||||
.datepicker table tr td.today:active:hover,
|
||||
.datepicker table tr td.today.active:hover,
|
||||
.datepicker table tr td.today:active:focus,
|
||||
.datepicker table tr td.today.active:focus,
|
||||
.datepicker table tr td.today:active.focus,
|
||||
.datepicker table tr td.today.active.focus {
|
||||
color: #000;
|
||||
background-color: #ffbc42;
|
||||
border-color: #b37400;
|
||||
}
|
||||
.datepicker table tr td.today.disabled:hover,
|
||||
.datepicker table tr td.today[disabled]:hover,
|
||||
fieldset[disabled] .datepicker table tr td.today:hover,
|
||||
.datepicker table tr td.today.disabled:focus,
|
||||
.datepicker table tr td.today[disabled]:focus,
|
||||
fieldset[disabled] .datepicker table tr td.today:focus,
|
||||
.datepicker table tr td.today.disabled.focus,
|
||||
.datepicker table tr td.today[disabled].focus,
|
||||
fieldset[disabled] .datepicker table tr td.today.focus {
|
||||
background-color: #ffdb99;
|
||||
border-color: #ffb733;
|
||||
}
|
||||
.datepicker table tr td.today.focused {
|
||||
background: #ffc966;
|
||||
}
|
||||
.datepicker table tr td.today.disabled,
|
||||
.datepicker table tr td.today.disabled:active {
|
||||
background: #ffdb99;
|
||||
color: #777777;
|
||||
}
|
||||
.datepicker table tr td.range {
|
||||
color: #000;
|
||||
background-color: #eeeeee;
|
||||
border-color: #bbbbbb;
|
||||
border-radius: 0;
|
||||
}
|
||||
.datepicker table tr td.range:focus,
|
||||
.datepicker table tr td.range.focus {
|
||||
color: #000;
|
||||
background-color: #d5d5d5;
|
||||
border-color: #7c7c7c;
|
||||
}
|
||||
.datepicker table tr td.range:hover {
|
||||
color: #000;
|
||||
background-color: #d5d5d5;
|
||||
border-color: #9d9d9d;
|
||||
}
|
||||
.datepicker table tr td.range:active,
|
||||
.datepicker table tr td.range.active {
|
||||
color: #000;
|
||||
background-color: #d5d5d5;
|
||||
border-color: #9d9d9d;
|
||||
}
|
||||
.datepicker table tr td.range:active:hover,
|
||||
.datepicker table tr td.range.active:hover,
|
||||
.datepicker table tr td.range:active:focus,
|
||||
.datepicker table tr td.range.active:focus,
|
||||
.datepicker table tr td.range:active.focus,
|
||||
.datepicker table tr td.range.active.focus {
|
||||
color: #000;
|
||||
background-color: #c3c3c3;
|
||||
border-color: #7c7c7c;
|
||||
}
|
||||
.datepicker table tr td.range.disabled:hover,
|
||||
.datepicker table tr td.range[disabled]:hover,
|
||||
fieldset[disabled] .datepicker table tr td.range:hover,
|
||||
.datepicker table tr td.range.disabled:focus,
|
||||
.datepicker table tr td.range[disabled]:focus,
|
||||
fieldset[disabled] .datepicker table tr td.range:focus,
|
||||
.datepicker table tr td.range.disabled.focus,
|
||||
.datepicker table tr td.range[disabled].focus,
|
||||
fieldset[disabled] .datepicker table tr td.range.focus {
|
||||
background-color: #eeeeee;
|
||||
border-color: #bbbbbb;
|
||||
}
|
||||
.datepicker table tr td.range.focused {
|
||||
background: #d5d5d5;
|
||||
}
|
||||
.datepicker table tr td.range.disabled,
|
||||
.datepicker table tr td.range.disabled:active {
|
||||
background: #eeeeee;
|
||||
color: #777777;
|
||||
}
|
||||
.datepicker table tr td.range.highlighted {
|
||||
color: #000;
|
||||
background-color: #e4eef3;
|
||||
border-color: #9dc1d3;
|
||||
}
|
||||
.datepicker table tr td.range.highlighted:focus,
|
||||
.datepicker table tr td.range.highlighted.focus {
|
||||
color: #000;
|
||||
background-color: #c1d7e3;
|
||||
border-color: #4b88a6;
|
||||
}
|
||||
.datepicker table tr td.range.highlighted:hover {
|
||||
color: #000;
|
||||
background-color: #c1d7e3;
|
||||
border-color: #73a6c0;
|
||||
}
|
||||
.datepicker table tr td.range.highlighted:active,
|
||||
.datepicker table tr td.range.highlighted.active {
|
||||
color: #000;
|
||||
background-color: #c1d7e3;
|
||||
border-color: #73a6c0;
|
||||
}
|
||||
.datepicker table tr td.range.highlighted:active:hover,
|
||||
.datepicker table tr td.range.highlighted.active:hover,
|
||||
.datepicker table tr td.range.highlighted:active:focus,
|
||||
.datepicker table tr td.range.highlighted.active:focus,
|
||||
.datepicker table tr td.range.highlighted:active.focus,
|
||||
.datepicker table tr td.range.highlighted.active.focus {
|
||||
color: #000;
|
||||
background-color: #a8c8d8;
|
||||
border-color: #4b88a6;
|
||||
}
|
||||
.datepicker table tr td.range.highlighted.disabled:hover,
|
||||
.datepicker table tr td.range.highlighted[disabled]:hover,
|
||||
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
|
||||
.datepicker table tr td.range.highlighted.disabled:focus,
|
||||
.datepicker table tr td.range.highlighted[disabled]:focus,
|
||||
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
|
||||
.datepicker table tr td.range.highlighted.disabled.focus,
|
||||
.datepicker table tr td.range.highlighted[disabled].focus,
|
||||
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
|
||||
background-color: #e4eef3;
|
||||
border-color: #9dc1d3;
|
||||
}
|
||||
.datepicker table tr td.range.highlighted.focused {
|
||||
background: #c1d7e3;
|
||||
}
|
||||
.datepicker table tr td.range.highlighted.disabled,
|
||||
.datepicker table tr td.range.highlighted.disabled:active {
|
||||
background: #e4eef3;
|
||||
color: #777777;
|
||||
}
|
||||
.datepicker table tr td.range.today {
|
||||
color: #000;
|
||||
background-color: #f7ca77;
|
||||
border-color: #f1a417;
|
||||
}
|
||||
.datepicker table tr td.range.today:focus,
|
||||
.datepicker table tr td.range.today.focus {
|
||||
color: #000;
|
||||
background-color: #f4b747;
|
||||
border-color: #815608;
|
||||
}
|
||||
.datepicker table tr td.range.today:hover {
|
||||
color: #000;
|
||||
background-color: #f4b747;
|
||||
border-color: #bf800c;
|
||||
}
|
||||
.datepicker table tr td.range.today:active,
|
||||
.datepicker table tr td.range.today.active {
|
||||
color: #000;
|
||||
background-color: #f4b747;
|
||||
border-color: #bf800c;
|
||||
}
|
||||
.datepicker table tr td.range.today:active:hover,
|
||||
.datepicker table tr td.range.today.active:hover,
|
||||
.datepicker table tr td.range.today:active:focus,
|
||||
.datepicker table tr td.range.today.active:focus,
|
||||
.datepicker table tr td.range.today:active.focus,
|
||||
.datepicker table tr td.range.today.active.focus {
|
||||
color: #000;
|
||||
background-color: #f2aa25;
|
||||
border-color: #815608;
|
||||
}
|
||||
.datepicker table tr td.range.today.disabled:hover,
|
||||
.datepicker table tr td.range.today[disabled]:hover,
|
||||
fieldset[disabled] .datepicker table tr td.range.today:hover,
|
||||
.datepicker table tr td.range.today.disabled:focus,
|
||||
.datepicker table tr td.range.today[disabled]:focus,
|
||||
fieldset[disabled] .datepicker table tr td.range.today:focus,
|
||||
.datepicker table tr td.range.today.disabled.focus,
|
||||
.datepicker table tr td.range.today[disabled].focus,
|
||||
fieldset[disabled] .datepicker table tr td.range.today.focus {
|
||||
background-color: #f7ca77;
|
||||
border-color: #f1a417;
|
||||
}
|
||||
.datepicker table tr td.range.today.disabled,
|
||||
.datepicker table tr td.range.today.disabled:active {
|
||||
background: #f7ca77;
|
||||
color: #777777;
|
||||
}
|
||||
.datepicker table tr td.selected,
|
||||
.datepicker table tr td.selected.highlighted {
|
||||
color: #fff;
|
||||
background-color: #777777;
|
||||
border-color: #555555;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datepicker table tr td.selected:focus,
|
||||
.datepicker table tr td.selected.highlighted:focus,
|
||||
.datepicker table tr td.selected.focus,
|
||||
.datepicker table tr td.selected.highlighted.focus {
|
||||
color: #fff;
|
||||
background-color: #5e5e5e;
|
||||
border-color: #161616;
|
||||
}
|
||||
.datepicker table tr td.selected:hover,
|
||||
.datepicker table tr td.selected.highlighted:hover {
|
||||
color: #fff;
|
||||
background-color: #5e5e5e;
|
||||
border-color: #373737;
|
||||
}
|
||||
.datepicker table tr td.selected:active,
|
||||
.datepicker table tr td.selected.highlighted:active,
|
||||
.datepicker table tr td.selected.active,
|
||||
.datepicker table tr td.selected.highlighted.active {
|
||||
color: #fff;
|
||||
background-color: #5e5e5e;
|
||||
border-color: #373737;
|
||||
}
|
||||
.datepicker table tr td.selected:active:hover,
|
||||
.datepicker table tr td.selected.highlighted:active:hover,
|
||||
.datepicker table tr td.selected.active:hover,
|
||||
.datepicker table tr td.selected.highlighted.active:hover,
|
||||
.datepicker table tr td.selected:active:focus,
|
||||
.datepicker table tr td.selected.highlighted:active:focus,
|
||||
.datepicker table tr td.selected.active:focus,
|
||||
.datepicker table tr td.selected.highlighted.active:focus,
|
||||
.datepicker table tr td.selected:active.focus,
|
||||
.datepicker table tr td.selected.highlighted:active.focus,
|
||||
.datepicker table tr td.selected.active.focus,
|
||||
.datepicker table tr td.selected.highlighted.active.focus {
|
||||
color: #fff;
|
||||
background-color: #4c4c4c;
|
||||
border-color: #161616;
|
||||
}
|
||||
.datepicker table tr td.selected.disabled:hover,
|
||||
.datepicker table tr td.selected.highlighted.disabled:hover,
|
||||
.datepicker table tr td.selected[disabled]:hover,
|
||||
.datepicker table tr td.selected.highlighted[disabled]:hover,
|
||||
fieldset[disabled] .datepicker table tr td.selected:hover,
|
||||
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
|
||||
.datepicker table tr td.selected.disabled:focus,
|
||||
.datepicker table tr td.selected.highlighted.disabled:focus,
|
||||
.datepicker table tr td.selected[disabled]:focus,
|
||||
.datepicker table tr td.selected.highlighted[disabled]:focus,
|
||||
fieldset[disabled] .datepicker table tr td.selected:focus,
|
||||
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
|
||||
.datepicker table tr td.selected.disabled.focus,
|
||||
.datepicker table tr td.selected.highlighted.disabled.focus,
|
||||
.datepicker table tr td.selected[disabled].focus,
|
||||
.datepicker table tr td.selected.highlighted[disabled].focus,
|
||||
fieldset[disabled] .datepicker table tr td.selected.focus,
|
||||
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
|
||||
background-color: #777777;
|
||||
border-color: #555555;
|
||||
}
|
||||
.datepicker table tr td.active,
|
||||
.datepicker table tr td.active.highlighted {
|
||||
color: #fff;
|
||||
background-color: #337ab7;
|
||||
border-color: #2e6da4;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datepicker table tr td.active:focus,
|
||||
.datepicker table tr td.active.highlighted:focus,
|
||||
.datepicker table tr td.active.focus,
|
||||
.datepicker table tr td.active.highlighted.focus {
|
||||
color: #fff;
|
||||
background-color: #286090;
|
||||
border-color: #122b40;
|
||||
}
|
||||
.datepicker table tr td.active:hover,
|
||||
.datepicker table tr td.active.highlighted:hover {
|
||||
color: #fff;
|
||||
background-color: #286090;
|
||||
border-color: #204d74;
|
||||
}
|
||||
.datepicker table tr td.active:active,
|
||||
.datepicker table tr td.active.highlighted:active,
|
||||
.datepicker table tr td.active.active,
|
||||
.datepicker table tr td.active.highlighted.active {
|
||||
color: #fff;
|
||||
background-color: #286090;
|
||||
border-color: #204d74;
|
||||
}
|
||||
.datepicker table tr td.active:active:hover,
|
||||
.datepicker table tr td.active.highlighted:active:hover,
|
||||
.datepicker table tr td.active.active:hover,
|
||||
.datepicker table tr td.active.highlighted.active:hover,
|
||||
.datepicker table tr td.active:active:focus,
|
||||
.datepicker table tr td.active.highlighted:active:focus,
|
||||
.datepicker table tr td.active.active:focus,
|
||||
.datepicker table tr td.active.highlighted.active:focus,
|
||||
.datepicker table tr td.active:active.focus,
|
||||
.datepicker table tr td.active.highlighted:active.focus,
|
||||
.datepicker table tr td.active.active.focus,
|
||||
.datepicker table tr td.active.highlighted.active.focus {
|
||||
color: #fff;
|
||||
background-color: #204d74;
|
||||
border-color: #122b40;
|
||||
}
|
||||
.datepicker table tr td.active.disabled:hover,
|
||||
.datepicker table tr td.active.highlighted.disabled:hover,
|
||||
.datepicker table tr td.active[disabled]:hover,
|
||||
.datepicker table tr td.active.highlighted[disabled]:hover,
|
||||
fieldset[disabled] .datepicker table tr td.active:hover,
|
||||
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
|
||||
.datepicker table tr td.active.disabled:focus,
|
||||
.datepicker table tr td.active.highlighted.disabled:focus,
|
||||
.datepicker table tr td.active[disabled]:focus,
|
||||
.datepicker table tr td.active.highlighted[disabled]:focus,
|
||||
fieldset[disabled] .datepicker table tr td.active:focus,
|
||||
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
|
||||
.datepicker table tr td.active.disabled.focus,
|
||||
.datepicker table tr td.active.highlighted.disabled.focus,
|
||||
.datepicker table tr td.active[disabled].focus,
|
||||
.datepicker table tr td.active.highlighted[disabled].focus,
|
||||
fieldset[disabled] .datepicker table tr td.active.focus,
|
||||
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
|
||||
background-color: #337ab7;
|
||||
border-color: #2e6da4;
|
||||
}
|
||||
.datepicker table tr td span {
|
||||
display: block;
|
||||
width: 23%;
|
||||
height: 54px;
|
||||
line-height: 54px;
|
||||
float: left;
|
||||
margin: 1%;
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.datepicker table tr td span:hover,
|
||||
.datepicker table tr td span.focused {
|
||||
background: #eeeeee;
|
||||
}
|
||||
.datepicker table tr td span.disabled,
|
||||
.datepicker table tr td span.disabled:hover {
|
||||
background: none;
|
||||
color: #777777;
|
||||
cursor: default;
|
||||
}
|
||||
.datepicker table tr td span.active,
|
||||
.datepicker table tr td span.active:hover,
|
||||
.datepicker table tr td span.active.disabled,
|
||||
.datepicker table tr td span.active.disabled:hover {
|
||||
color: #fff;
|
||||
background-color: #337ab7;
|
||||
border-color: #2e6da4;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datepicker table tr td span.active:focus,
|
||||
.datepicker table tr td span.active:hover:focus,
|
||||
.datepicker table tr td span.active.disabled:focus,
|
||||
.datepicker table tr td span.active.disabled:hover:focus,
|
||||
.datepicker table tr td span.active.focus,
|
||||
.datepicker table tr td span.active:hover.focus,
|
||||
.datepicker table tr td span.active.disabled.focus,
|
||||
.datepicker table tr td span.active.disabled:hover.focus {
|
||||
color: #fff;
|
||||
background-color: #286090;
|
||||
border-color: #122b40;
|
||||
}
|
||||
.datepicker table tr td span.active:hover,
|
||||
.datepicker table tr td span.active:hover:hover,
|
||||
.datepicker table tr td span.active.disabled:hover,
|
||||
.datepicker table tr td span.active.disabled:hover:hover {
|
||||
color: #fff;
|
||||
background-color: #286090;
|
||||
border-color: #204d74;
|
||||
}
|
||||
.datepicker table tr td span.active:active,
|
||||
.datepicker table tr td span.active:hover:active,
|
||||
.datepicker table tr td span.active.disabled:active,
|
||||
.datepicker table tr td span.active.disabled:hover:active,
|
||||
.datepicker table tr td span.active.active,
|
||||
.datepicker table tr td span.active:hover.active,
|
||||
.datepicker table tr td span.active.disabled.active,
|
||||
.datepicker table tr td span.active.disabled:hover.active {
|
||||
color: #fff;
|
||||
background-color: #286090;
|
||||
border-color: #204d74;
|
||||
}
|
||||
.datepicker table tr td span.active:active:hover,
|
||||
.datepicker table tr td span.active:hover:active:hover,
|
||||
.datepicker table tr td span.active.disabled:active:hover,
|
||||
.datepicker table tr td span.active.disabled:hover:active:hover,
|
||||
.datepicker table tr td span.active.active:hover,
|
||||
.datepicker table tr td span.active:hover.active:hover,
|
||||
.datepicker table tr td span.active.disabled.active:hover,
|
||||
.datepicker table tr td span.active.disabled:hover.active:hover,
|
||||
.datepicker table tr td span.active:active:focus,
|
||||
.datepicker table tr td span.active:hover:active:focus,
|
||||
.datepicker table tr td span.active.disabled:active:focus,
|
||||
.datepicker table tr td span.active.disabled:hover:active:focus,
|
||||
.datepicker table tr td span.active.active:focus,
|
||||
.datepicker table tr td span.active:hover.active:focus,
|
||||
.datepicker table tr td span.active.disabled.active:focus,
|
||||
.datepicker table tr td span.active.disabled:hover.active:focus,
|
||||
.datepicker table tr td span.active:active.focus,
|
||||
.datepicker table tr td span.active:hover:active.focus,
|
||||
.datepicker table tr td span.active.disabled:active.focus,
|
||||
.datepicker table tr td span.active.disabled:hover:active.focus,
|
||||
.datepicker table tr td span.active.active.focus,
|
||||
.datepicker table tr td span.active:hover.active.focus,
|
||||
.datepicker table tr td span.active.disabled.active.focus,
|
||||
.datepicker table tr td span.active.disabled:hover.active.focus {
|
||||
color: #fff;
|
||||
background-color: #204d74;
|
||||
border-color: #122b40;
|
||||
}
|
||||
.datepicker table tr td span.active.disabled:hover,
|
||||
.datepicker table tr td span.active:hover.disabled:hover,
|
||||
.datepicker table tr td span.active.disabled.disabled:hover,
|
||||
.datepicker table tr td span.active.disabled:hover.disabled:hover,
|
||||
.datepicker table tr td span.active[disabled]:hover,
|
||||
.datepicker table tr td span.active:hover[disabled]:hover,
|
||||
.datepicker table tr td span.active.disabled[disabled]:hover,
|
||||
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
|
||||
fieldset[disabled] .datepicker table tr td span.active:hover,
|
||||
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
|
||||
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
|
||||
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
|
||||
.datepicker table tr td span.active.disabled:focus,
|
||||
.datepicker table tr td span.active:hover.disabled:focus,
|
||||
.datepicker table tr td span.active.disabled.disabled:focus,
|
||||
.datepicker table tr td span.active.disabled:hover.disabled:focus,
|
||||
.datepicker table tr td span.active[disabled]:focus,
|
||||
.datepicker table tr td span.active:hover[disabled]:focus,
|
||||
.datepicker table tr td span.active.disabled[disabled]:focus,
|
||||
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
|
||||
fieldset[disabled] .datepicker table tr td span.active:focus,
|
||||
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
|
||||
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
|
||||
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
|
||||
.datepicker table tr td span.active.disabled.focus,
|
||||
.datepicker table tr td span.active:hover.disabled.focus,
|
||||
.datepicker table tr td span.active.disabled.disabled.focus,
|
||||
.datepicker table tr td span.active.disabled:hover.disabled.focus,
|
||||
.datepicker table tr td span.active[disabled].focus,
|
||||
.datepicker table tr td span.active:hover[disabled].focus,
|
||||
.datepicker table tr td span.active.disabled[disabled].focus,
|
||||
.datepicker table tr td span.active.disabled:hover[disabled].focus,
|
||||
fieldset[disabled] .datepicker table tr td span.active.focus,
|
||||
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
|
||||
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
|
||||
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
|
||||
background-color: #337ab7;
|
||||
border-color: #2e6da4;
|
||||
}
|
||||
.datepicker table tr td span.old,
|
||||
.datepicker table tr td span.new {
|
||||
color: #777777;
|
||||
}
|
||||
.datepicker .datepicker-switch {
|
||||
width: 145px;
|
||||
}
|
||||
.datepicker .datepicker-switch,
|
||||
.datepicker .prev,
|
||||
.datepicker .next,
|
||||
.datepicker tfoot tr th {
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker .datepicker-switch:hover,
|
||||
.datepicker .prev:hover,
|
||||
.datepicker .next:hover,
|
||||
.datepicker tfoot tr th:hover {
|
||||
background: #eeeeee;
|
||||
}
|
||||
.datepicker .prev.disabled,
|
||||
.datepicker .next.disabled {
|
||||
visibility: hidden;
|
||||
}
|
||||
.datepicker .cw {
|
||||
font-size: 10px;
|
||||
width: 12px;
|
||||
padding: 0 2px 0 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.input-group.date .input-group-addon {
|
||||
cursor: pointer;
|
||||
}
|
||||
.input-daterange {
|
||||
width: 100%;
|
||||
}
|
||||
.input-daterange input {
|
||||
text-align: center;
|
||||
}
|
||||
.input-daterange input:first-child {
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
.input-daterange input:last-child {
|
||||
border-radius: 0 3px 3px 0;
|
||||
}
|
||||
.input-daterange .input-group-addon {
|
||||
width: auto;
|
||||
min-width: 16px;
|
||||
padding: 4px 5px;
|
||||
line-height: 1.42857143;
|
||||
border-width: 1px 0;
|
||||
margin-left: -5px;
|
||||
margin-right: -5px;
|
||||
}
|
||||
.datepicker.dropdown-menu {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
z-index: 1000;
|
||||
display: none;
|
||||
float: left;
|
||||
min-width: 160px;
|
||||
list-style: none;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
||||
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
||||
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
color: #333333;
|
||||
font-size: 13px;
|
||||
line-height: 1.42857143;
|
||||
}
|
||||
.datepicker.dropdown-menu th,
|
||||
.datepicker.datepicker-inline th,
|
||||
.datepicker.dropdown-menu td,
|
||||
.datepicker.datepicker-inline td {
|
||||
padding: 0px 5px;
|
||||
}
|
||||
/*# sourceMappingURL=bootstrap-datepicker3.standalone.css.map */
|
1
resources/public/vendor/bootstrap-datepicker/css/bootstrap-datepicker3.standalone.css.map
vendored
Normal file
1
resources/public/vendor/bootstrap-datepicker/css/bootstrap-datepicker3.standalone.css.map
vendored
Normal file
File diff suppressed because one or more lines are too long
7
resources/public/vendor/bootstrap-datepicker/css/bootstrap-datepicker3.standalone.min.css
vendored
Normal file
7
resources/public/vendor/bootstrap-datepicker/css/bootstrap-datepicker3.standalone.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
2045
resources/public/vendor/bootstrap-datepicker/js/bootstrap-datepicker.js
vendored
Normal file
2045
resources/public/vendor/bootstrap-datepicker/js/bootstrap-datepicker.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
8
resources/public/vendor/bootstrap-datepicker/js/bootstrap-datepicker.min.js
vendored
Normal file
8
resources/public/vendor/bootstrap-datepicker/js/bootstrap-datepicker.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
resources/public/vendor/bootstrap-datepicker/locales/bootstrap-datepicker-en-CA.min.js
vendored
Normal file
1
resources/public/vendor/bootstrap-datepicker/locales/bootstrap-datepicker-en-CA.min.js
vendored
Normal file
@ -0,0 +1 @@
|
||||
!function(a){a.fn.datepicker.dates["en-CA"]={days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],daysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],daysMin:["Su","Mo","Tu","We","Th","Fr","Sa"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],today:"Today",monthsTitle:"Months",clear:"Clear",weekStart:0,format:"yyyy-mm-dd"},a.fn.datepicker.deprecated("This filename doesn't follow the convention, use bootstrap-datepicker.en-CA.js instead.")}(jQuery);
|
1
resources/public/vendor/bootstrap-datepicker/locales/bootstrap-datepicker.ar-DZ.min.js
vendored
Normal file
1
resources/public/vendor/bootstrap-datepicker/locales/bootstrap-datepicker.ar-DZ.min.js
vendored
Normal file
@ -0,0 +1 @@
|
||||
!function(a){a.fn.datepicker.dates["ar-DZ"]={days:["الأحد","الاثنين","الثلاثاء","الأربعاء","الخميس","الجمعة","السبت","الأحد"],daysShort:["أحد","اثنين","ثلاثاء","أربعاء","خميس","جمعة","سبت","أحد"],daysMin:["ح","ن","ث","ع","خ","ج","س","ح"],months:["جانفي","فيفري","مارس","أفريل","ماي","جوان","جويليه","أوت","سبتمبر","أكتوبر","نوفمبر","ديسمبر"],monthsShort:["جانفي","فيفري","مارس","أفريل","ماي","جوان","جويليه","أوت","سبتمبر","أكتوبر","نوفمبر","ديسمبر"],today:"هذا اليوم",rtl:!0,monthsTitle:"أشهر",clear:"إزالة",format:"yyyy/mm/dd",weekStart:0}}(jQuery);
|
1
resources/public/vendor/bootstrap-datepicker/locales/bootstrap-datepicker.ar-tn.min.js
vendored
Normal file
1
resources/public/vendor/bootstrap-datepicker/locales/bootstrap-datepicker.ar-tn.min.js
vendored
Normal file
@ -0,0 +1 @@
|
||||
!function(a){a.fn.datepicker.dates["ar-tn"]={days:["الأحد","الاثنين","الثلاثاء","الأربعاء","الخميس","الجمعة","السبت","الأحد"],daysShort:["أحد","اثنين","ثلاثاء","أربعاء","خميس","جمعة","سبت","أحد"],daysMin:["ح","ن","ث","ع","خ","ج","س","ح"],months:["جانفي","فيفري","مارس","أفريل","ماي","جوان","جويليه","أوت","سبتمبر","أكتوبر","نوفمبر","ديسمبر"],monthsShort:["جانفي","فيفري","مارس","أفريل","ماي","جوان","جويليه","أوت","سبتمبر","أكتوبر","نوفمبر","ديسمبر"],today:"هذا اليوم",rtl:!0}}(jQuery);
|
1
resources/public/vendor/bootstrap-datepicker/locales/bootstrap-datepicker.ar.min.js
vendored
Normal file
1
resources/public/vendor/bootstrap-datepicker/locales/bootstrap-datepicker.ar.min.js
vendored
Normal file
@ -0,0 +1 @@
|
||||
!function(a){a.fn.datepicker.dates.ar={days:["الأحد","الاثنين","الثلاثاء","الأربعاء","الخميس","الجمعة","السبت","الأحد"],daysShort:["أحد","اثنين","ثلاثاء","أربعاء","خميس","جمعة","سبت","أحد"],daysMin:["ح","ن","ث","ع","خ","ج","س","ح"],months:["يناير","فبراير","مارس","أبريل","مايو","يونيو","يوليو","أغسطس","سبتمبر","أكتوبر","نوفمبر","ديسمبر"],monthsShort:["يناير","فبراير","مارس","أبريل","مايو","يونيو","يوليو","أغسطس","سبتمبر","أكتوبر","نوفمبر","ديسمبر"],today:"هذا اليوم",rtl:!0}}(jQuery);
|
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user