' );
+
+ 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 ]);
\ No newline at end of file
diff --git a/resources/public/js/demos/demo-it-services.js b/resources/public/js/demos/demo-it-services.js
new file mode 100644
index 0000000..7fa29bd
--- /dev/null
+++ b/resources/public/js/demos/demo-it-services.js
@@ -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 ]);
\ No newline at end of file
diff --git a/resources/public/js/demos/demo-law-firm-2.js b/resources/public/js/demos/demo-law-firm-2.js
new file mode 100644
index 0000000..07cb88e
--- /dev/null
+++ b/resources/public/js/demos/demo-law-firm-2.js
@@ -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 ]);
\ No newline at end of file
diff --git a/resources/public/js/demos/demo-law-firm.js b/resources/public/js/demos/demo-law-firm.js
new file mode 100644
index 0000000..9a227d2
--- /dev/null
+++ b/resources/public/js/demos/demo-law-firm.js
@@ -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 ]);
diff --git a/resources/public/js/demos/demo-marketing-1.js b/resources/public/js/demos/demo-marketing-1.js
new file mode 100644
index 0000000..893730b
--- /dev/null
+++ b/resources/public/js/demos/demo-marketing-1.js
@@ -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 ]);
diff --git a/resources/public/js/demos/demo-medical.js b/resources/public/js/demos/demo-medical.js
new file mode 100644
index 0000000..61f5973
--- /dev/null
+++ b/resources/public/js/demos/demo-medical.js
@@ -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 ]);
\ No newline at end of file
diff --git a/resources/public/js/demos/demo-one-page-agency.js b/resources/public/js/demos/demo-one-page-agency.js
new file mode 100644
index 0000000..c82a9d1
--- /dev/null
+++ b/resources/public/js/demos/demo-one-page-agency.js
@@ -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 ]);
\ No newline at end of file
diff --git a/resources/public/js/demos/demo-personal-portfolio-1.js b/resources/public/js/demos/demo-personal-portfolio-1.js
new file mode 100644
index 0000000..7ea11fd
--- /dev/null
+++ b/resources/public/js/demos/demo-personal-portfolio-1.js
@@ -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('
',
+ 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: '
',
+ 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 ]);
\ No newline at end of file
diff --git a/resources/public/js/examples/examples.animations.js b/resources/public/js/examples/examples.animations.js
new file mode 100644
index 0000000..54b2a2f
--- /dev/null
+++ b/resources/public/js/examples/examples.animations.js
@@ -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 '' + chars.join('') + '';
+ });
+
+ 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 ]);
\ No newline at end of file
diff --git a/resources/public/js/examples/examples.carousels.js b/resources/public/js/examples/examples.carousels.js
new file mode 100644
index 0000000..896276b
--- /dev/null
+++ b/resources/public/js/examples/examples.carousels.js
@@ -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('
{{param1}} {{title}}
',
+ 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('How to Disable Local Environment Warning'); } } diff --git a/resources/public/js/views/view.contact.js b/resources/public/js/views/view.contact.js new file mode 100644 index 0000000..80bf6f9 --- /dev/null +++ b/resources/public/js/views/view.contact.js @@ -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]); \ No newline at end of file diff --git a/resources/public/js/views/view.home.js b/resources/public/js/views/view.home.js new file mode 100644 index 0000000..b1abed2 --- /dev/null +++ b/resources/public/js/views/view.home.js @@ -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]); \ No newline at end of file diff --git a/resources/public/js/views/view.landing.js b/resources/public/js/views/view.landing.js new file mode 100644 index 0000000..8883aaa --- /dev/null +++ b/resources/public/js/views/view.landing.js @@ -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 ]); diff --git a/resources/public/js/views/view.shop.js b/resources/public/js/views/view.shop.js new file mode 100644 index 0000000..d486c1e --- /dev/null +++ b/resources/public/js/views/view.shop.js @@ -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]); \ No newline at end of file diff --git a/resources/views/banners/index.blade.php b/resources/views/banners/index.blade.php deleted file mode 100644 index 7c4e110..0000000 --- a/resources/views/banners/index.blade.php +++ /dev/null @@ -1,7 +0,0 @@ -@extends('vuexy-admin::layouts.vuexy.layoutMaster') - -@section('title', 'Banners Porto') - -@section('content') - @livewire('vuexy-admin::plugins-index') -@endsection diff --git a/resources/views/components/header/background-clean.blade.php b/resources/views/components/header/background-clean.blade.php new file mode 100644 index 0000000..280ad11 --- /dev/null +++ b/resources/views/components/header/background-clean.blade.php @@ -0,0 +1,15 @@ +
+
+
+
+
+
+ Background Clean
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Classic Large
+ +
+
+
+
+
+
+
+
+
+
+
+ Classic Medium
+ +
+
+
+
+
+
+ Classic Small
+
+
+
+
+
+
+
+
+
+ Colors Dark
+
+
+
+
+
+
+
+
+
+ Colors Light
+
+
+
+
+
+
+
+
+
+ Colors Primary
+
+
+
+
+
+
+
+
+
+ Colors Quaternary
+
+
+
+
+
+
+
+
+
+ Colors Secondary
+
+
+
+
+
+
+
+
+
+ Colors Tertiary
+
+
+
+
+
+
+
+
+
+ Extra Breadcrumb Dark
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Extra Full Width
+
+
+
+
+
+
+
+
diff --git a/resources/views/components/header/extra-product.blade.php b/resources/views/components/header/extra-product.blade.php
new file mode 100644
index 0000000..a3a3b6e
--- /dev/null
+++ b/resources/views/components/header/extra-product.blade.php
@@ -0,0 +1,31 @@
+
+
+ Porto - Multipurpose Website Template
+
+
+Porto - Multipurpose Website Template
+
+
+
+
+
+
+
+
+
+
+
+ Introducing the new Product
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere.
+
+
+ Buy Now
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ Modern Large
+
+
+
+
+
+
+
+
+
+ Modern Medium
+
+
+
+
+
+
+
+
+
+ Modern Small
+
+
+
+
+
+
+
+
+
+ Page Headers Overview
+
+
+
+
+
+
+
+
+
+ Center Large
+
+
+
+
+
+
+
+
+
+ {!! $title !!}
+
+
+
+
+
+
+
+
+
+ Center Small
+
+
+
+
+
+
+
+
+
+ Left Large
+
+
+
+
+
+
+
+
+
+ Left Medium
+
+
+
+
+
+
+
+
+
+ Left Small
+
+
+
+
+
+
+
+
+
+ Right Large
+
+
+
+
+
+
+
+
+
+ Right Medium
+
+
+
+
+
+
+
+
+
+ Right Small
+
+
+
+
@@ -28,6 +28,6 @@
@yield('footer')
- @include('vuexy-website-layout-porto::layouts.business-consulting-4.partials.scripts')
+ @include('koneko-layout-porto::layouts.business-consulting-4.partials.scripts')