vuexy 0.1.0

data/app/assets/javascripts/vuexy/scripts/extensions/ext-component-swiper.js

@@ -0,0 +1,313 @@
+/*=========================================================================================
+    File Name: ext-component-swiper.js
+    Description: swiper plugin
+    ----------------------------------------------------------------------------------------
+    Item Name: Vuexy  - Vuejs, HTML & Laravel Admin Dashboard Template
+    Author: PIXINVENT
+    Author URL: http://www.themeforest.net/user/pixinvent
+==========================================================================================*/
+$(function () {
+  'use strict';
+
+  //initialize swiper when document ready
+
+  var slide1 = $('.slide-1');
+  var slide250 = $('.slide-250');
+  var slide500 = $('.slide-500');
+  var prepend2Slides = $('.prepend-2-slides');
+  var appendSlide = $('.append-slide');
+
+  // default
+  var mySwiper = new Swiper('.swiper-default');
+
+  // navigation
+  var mySwiper1 = new Swiper('.swiper-navigations', {
+    navigation: {
+      nextEl: '.swiper-button-next',
+      prevEl: '.swiper-button-prev'
+    }
+  });
+
+  // pagination
+  var mySwiper2 = new Swiper('.swiper-paginations', {
+    pagination: {
+      el: '.swiper-pagination'
+    }
+  });
+
+  // progress
+  var mySwiper3 = new Swiper('.swiper-progress', {
+    pagination: {
+      el: '.swiper-pagination',
+      type: 'progressbar'
+    },
+    navigation: {
+      nextEl: '.swiper-button-next',
+      prevEl: '.swiper-button-prev'
+    }
+  });
+
+  // multiple
+  var mySwiper4 = new Swiper('.swiper-multiple', {
+    slidesPerView: 3,
+    spaceBetween: 30,
+    pagination: {
+      el: '.swiper-pagination',
+      clickable: true
+    }
+  });
+
+  // multi row
+  var mySwiper5 = new Swiper('.swiper-multi-row', {
+    slidesPerView: 3,
+    slidesPerColumn: 2,
+    spaceBetween: 30,
+    slidesPerColumnFill: 'row',
+    pagination: {
+      el: '.swiper-pagination',
+      clickable: true
+    }
+  });
+
+  // centered slides option-1
+  var mySwiperOpt1 = new Swiper('.swiper-centered-slides', {
+    slidesPerView: 'auto',
+    centeredSlides: true,
+    spaceBetween: 30,
+    navigation: {
+      nextEl: '.swiper-button-next',
+      prevEl: '.swiper-button-prev'
+    }
+  });
+
+  // centered slides option-2
+
+  var swiperLength = $('.swiper-slide').length;
+  if (swiperLength) {
+    swiperLength = Math.floor(swiperLength / 2);
+  }
+
+  var mySwiperOpt2 = new Swiper('.swiper-centered-slides-2', {
+    slidesPerView: 'auto',
+    initialSlide: swiperLength,
+    centeredSlides: true,
+    spaceBetween: 30,
+    slideToClickedSlide: true
+  });
+  activeSlide(swiperLength);
+
+  // Active slide change on swipe
+  mySwiper.on('slideChange', function () {
+    activeSlide(mySwiper.realIndex);
+  });
+
+  //add class active content of active slide
+  function activeSlide(index) {
+    var slideEl = mySwiper.slides[index];
+    var slideId = $(slideEl).attr('id');
+    $('.wrapper-content').removeClass('active');
+    $('[data-faq=' + slideId + ']').addClass('active');
+  }
+
+  // fade effect
+  var mySwiper7 = new Swiper('.swiper-fade-effect', {
+    spaceBetween: 30,
+    effect: 'fade',
+    pagination: {
+      el: '.swiper-pagination',
+      clickable: true
+    },
+    navigation: {
+      nextEl: '.swiper-button-next',
+      prevEl: '.swiper-button-prev'
+    }
+  });
+
+  // cube effect
+  var mySwiper8 = new Swiper('.swiper-cube-effect', {
+    effect: 'cube',
+    grabCursor: true,
+    cubeEffect: {
+      shadow: true,
+      slideShadows: true,
+      shadowOffset: 20,
+      shadowScale: 0.94
+    },
+    pagination: {
+      el: '.swiper-pagination'
+    }
+  });
+
+  // coverflow effect
+  var mySwiper9 = new Swiper('.swiper-coverflow', {
+    effect: 'coverflow',
+    grabCursor: true,
+    centeredSlides: true,
+    slidesPerView: 'auto',
+    coverflowEffect: {
+      rotate: 50,
+      stretch: 0,
+      depth: 100,
+      modifier: 1,
+      slideShadows: true
+    },
+    pagination: {
+      el: '.swiper-pagination'
+    }
+  });
+
+  // autoplay
+  var mySwiper10 = new Swiper('.swiper-autoplay', {
+    spaceBetween: 30,
+    centeredSlides: true,
+    autoplay: {
+      delay: 2500,
+      disableOnInteraction: false
+    },
+    pagination: {
+      el: '.swiper-pagination',
+      clickable: true
+    },
+    navigation: {
+      nextEl: '.swiper-button-next',
+      prevEl: '.swiper-button-prev'
+    }
+  });
+
+  // gallery
+  var galleryThumbs = new Swiper('.gallery-thumbs', {
+    spaceBetween: 10,
+    slidesPerView: 4,
+    freeMode: true,
+    watchSlidesVisibility: true,
+    watchSlidesProgress: true
+  });
+  var galleryTop = new Swiper('.gallery-top', {
+    spaceBetween: 10,
+    navigation: {
+      nextEl: '.swiper-button-next',
+      prevEl: '.swiper-button-prev'
+    },
+    thumbs: {
+      swiper: galleryThumbs
+    }
+  });
+
+  // parallax
+  var mySwiper12 = new Swiper('.swiper-parallax', {
+    speed: 600,
+    parallax: true,
+    pagination: {
+      el: '.swiper-pagination',
+      clickable: true
+    },
+    navigation: {
+      nextEl: '.swiper-button-next',
+      prevEl: '.swiper-button-prev'
+    }
+  });
+
+  // lazy loading
+  var mySwiper13 = new Swiper('.swiper-lazy-loading', {
+    // Enable lazy loading
+    lazy: true,
+    pagination: {
+      el: '.swiper-pagination',
+      clickable: true
+    },
+    navigation: {
+      nextEl: '.swiper-button-next',
+      prevEl: '.swiper-button-prev'
+    }
+  });
+
+  // Responsive Breakpoints
+  var mySwiper14 = new Swiper('.swiper-responsive-breakpoints', {
+    slidesPerView: 5,
+    spaceBetween: 50,
+    // init: false,
+    pagination: {
+      el: '.swiper-pagination',
+      clickable: true
+    },
+    breakpoints: {
+      1024: {
+        slidesPerView: 4,
+        spaceBetween: 40
+      },
+      768: {
+        slidesPerView: 3,
+        spaceBetween: 30
+      },
+      640: {
+        slidesPerView: 2,
+        spaceBetween: 20
+      },
+      320: {
+        slidesPerView: 1,
+        spaceBetween: 10
+      }
+    }
+  });
+
+  // virtual slides
+  var appendNumber = 600;
+  var prependNumber = 1;
+  var mySwiper15 = new Swiper('.swiper-virtual', {
+    slidesPerView: 3,
+    centeredSlides: true,
+    spaceBetween: 30,
+    pagination: {
+      el: '.swiper-pagination',
+      type: 'fraction'
+    },
+    navigation: {
+      nextEl: '.swiper-button-next',
+      prevEl: '.swiper-button-prev'
+    },
+    virtual: {
+      slides: (function () {
+        var slides = [];
+        for (var i = 0; i < 600; i += 1) {
+          slides.push('Slide ' + (i + 1));
+        }
+        return slides;
+      })()
+    }
+  });
+  // Go to first slide
+  if (slide1) {
+    slide1.on('click', function (e) {
+      e.preventDefault();
+      mySwiper15.slideTo(0, 0);
+    });
+  }
+  // Go to slide 250
+  if (slide250) {
+    slide250.on('click', function (e) {
+      e.preventDefault();
+      mySwiper15.slideTo(249, 0);
+    });
+  }
+  // Go to slide 500
+  if (slide500) {
+    slide500.on('click', function (e) {
+      e.preventDefault();
+      mySwiper15.slideTo(499, 0);
+    });
+  }
+  // Prepend 2 slides
+  if (prepend2Slides) {
+    prepend2Slides.on('click', function (e) {
+      e.preventDefault();
+      mySwiper15.virtual.prependSlide(['Slide ' + --prependNumber, 'Slide ' + --prependNumber]);
+    });
+  }
+  // Append a slide
+  if (appendSlide) {
+    appendSlide.on('click', function (e) {
+      e.preventDefault();
+      mySwiper15.virtual.appendSlide('Slide ' + ++appendNumber);
+    });
+  }
+});

data/app/assets/javascripts/vuexy/scripts/extensions/ext-component-swiper.min.js

@@ -0,0 +1 @@
+$((function(){"use strict";var e=$(".slide-1"),i=$(".slide-250"),n=$(".slide-500"),t=$(".prepend-2-slides"),r=$(".append-slide"),a=new Swiper(".swiper-default"),p=(new Swiper(".swiper-navigations",{navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"}}),new Swiper(".swiper-paginations",{pagination:{el:".swiper-pagination"}}),new Swiper(".swiper-progress",{pagination:{el:".swiper-pagination",type:"progressbar"},navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"}}),new Swiper(".swiper-multiple",{slidesPerView:3,spaceBetween:30,pagination:{el:".swiper-pagination",clickable:!0}}),new Swiper(".swiper-multi-row",{slidesPerView:3,slidesPerColumn:2,spaceBetween:30,slidesPerColumnFill:"row",pagination:{el:".swiper-pagination",clickable:!0}}),new Swiper(".swiper-centered-slides",{slidesPerView:"auto",centeredSlides:!0,spaceBetween:30,navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"}}),$(".swiper-slide").length);p&&(p=Math.floor(p/2));new Swiper(".swiper-centered-slides-2",{slidesPerView:"auto",initialSlide:p,centeredSlides:!0,spaceBetween:30,slideToClickedSlide:!0});function s(e){var i=a.slides[e],n=$(i).attr("id");$(".wrapper-content").removeClass("active"),$("[data-faq="+n+"]").addClass("active")}s(p),a.on("slideChange",(function(){s(a.realIndex)}));new Swiper(".swiper-fade-effect",{spaceBetween:30,effect:"fade",pagination:{el:".swiper-pagination",clickable:!0},navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"}}),new Swiper(".swiper-cube-effect",{effect:"cube",grabCursor:!0,cubeEffect:{shadow:!0,slideShadows:!0,shadowOffset:20,shadowScale:.94},pagination:{el:".swiper-pagination"}}),new Swiper(".swiper-coverflow",{effect:"coverflow",grabCursor:!0,centeredSlides:!0,slidesPerView:"auto",coverflowEffect:{rotate:50,stretch:0,depth:100,modifier:1,slideShadows:!0},pagination:{el:".swiper-pagination"}}),new Swiper(".swiper-autoplay",{spaceBetween:30,centeredSlides:!0,autoplay:{delay:2500,disableOnInteraction:!1},pagination:{el:".swiper-pagination",clickable:!0},navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"}});var l=new Swiper(".gallery-thumbs",{spaceBetween:10,slidesPerView:4,freeMode:!0,watchSlidesVisibility:!0,watchSlidesProgress:!0}),w=(new Swiper(".gallery-top",{spaceBetween:10,navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},thumbs:{swiper:l}}),new Swiper(".swiper-parallax",{speed:600,parallax:!0,pagination:{el:".swiper-pagination",clickable:!0},navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"}}),new Swiper(".swiper-lazy-loading",{lazy:!0,pagination:{el:".swiper-pagination",clickable:!0},navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"}}),new Swiper(".swiper-responsive-breakpoints",{slidesPerView:5,spaceBetween:50,pagination:{el:".swiper-pagination",clickable:!0},breakpoints:{1024:{slidesPerView:4,spaceBetween:40},768:{slidesPerView:3,spaceBetween:30},640:{slidesPerView:2,spaceBetween:20},320:{slidesPerView:1,spaceBetween:10}}}),600),o=1,c=new Swiper(".swiper-virtual",{slidesPerView:3,centeredSlides:!0,spaceBetween:30,pagination:{el:".swiper-pagination",type:"fraction"},navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},virtual:{slides:function(){for(var e=[],i=0;i<600;i+=1)e.push("Slide "+(i+1));return e}()}});e&&e.on("click",(function(e){e.preventDefault(),c.slideTo(0,0)})),i&&i.on("click",(function(e){e.preventDefault(),c.slideTo(249,0)})),n&&n.on("click",(function(e){e.preventDefault(),c.slideTo(499,0)})),t&&t.on("click",(function(e){e.preventDefault(),c.virtual.prependSlide(["Slide "+--o,"Slide "+--o])})),r&&r.on("click",(function(e){e.preventDefault(),c.virtual.appendSlide("Slide "+ ++w)}))}));

data/app/assets/javascripts/vuexy/scripts/extensions/ext-component-toastr.js

@@ -0,0 +1,212 @@
+/*=========================================================================================
+	File Name: ext-component-toastr.js
+	Description: Toastr notifications
+	----------------------------------------------------------------------------------------
+	Item Name: Vuexy  - Vuejs, HTML & Laravel Admin Dashboard Template
+	Author: Pixinvent
+	Author URL: hhttp://www.themeforest.net/user/pixinvent
+==========================================================================================*/
+
+$(function () {
+  'use strict';
+
+  var isRtl = $('html').attr('data-textdirection') === 'rtl',
+    typeSuccess = $('#type-success'),
+    typeInfo = $('#type-info'),
+    typeWarning = $('#type-warning'),
+    typeError = $('#type-error'),
+    positionTopLeft = $('#position-top-left'),
+    positionTopCenter = $('#position-top-center'),
+    positionTopRight = $('#position-top-right'),
+    positionTopFull = $('#position-top-full'),
+    positionBottomLeft = $('#position-bottom-left'),
+    positionBottomCenter = $('#position-bottom-center'),
+    positionBottomRight = $('#position-bottom-right'),
+    positionBottomFull = $('#position-bottom-full'),
+    progressBar = $('#progress-bar'),
+    clearToastBtn = $('#clear-toast-btn'),
+    fastDuration = $('#fast-duration'),
+    slowDuration = $('#slow-duration'),
+    toastrTimeout = $('#timeout'),
+    toastrSticky = $('#sticky'),
+    slideToast = $('#slide-toast'),
+    fadeToast = $('#fade-toast'),
+    clearToastObj;
+
+  // Success Type
+  typeSuccess.on('click', function () {
+    toastr['success']('👋 Jelly-o macaroon brownie tart ice cream croissant jelly-o apple pie.', 'Success!', {
+      closeButton: true,
+      tapToDismiss: false,
+      rtl: isRtl
+    });
+  });
+
+  // Info Type
+  typeInfo.on('click', function () {
+    toastr['info']('👋 Chupa chups biscuit brownie gummi sugar plum caramels.', 'Info!', {
+      closeButton: true,
+      tapToDismiss: false,
+      rtl: isRtl
+    });
+  });
+
+  // Warning Type
+  typeWarning.on('click', function () {
+    toastr['warning']('👋 Icing cake pudding carrot cake jujubes tiramisu chocolate cake.', 'Warning!', {
+      closeButton: true,
+      tapToDismiss: false,
+      rtl: isRtl
+    });
+  });
+
+  // Error Type
+  typeError.on('click', function () {
+    toastr['error']('👋 Jelly-o marshmallow marshmallow cotton candy dessert candy.', 'Error!', {
+      closeButton: true,
+      tapToDismiss: false,
+      rtl: isRtl
+    });
+  });
+
+  // Progress Bar
+  progressBar.on('click', function () {
+    toastr['success']('👋 Chocolate oat cake jelly oat cake candy jelly beans pastry.', 'Progress Bar', {
+      closeButton: true,
+      tapToDismiss: false,
+      progressBar: true,
+      rtl: isRtl
+    });
+  });
+
+  // Close Toast On Button Click
+  clearToastBtn.on('click', function () {
+    if (!clearToastObj) {
+      clearToastObj = toastr['info'](
+        'Ready for the vacation?<br /><br /><button type="button" class="btn btn-info btn-sm clear">Yes</button>',
+        'Family Trip',
+        {
+          closeButton: true,
+          timeOut: 0,
+          extendedTimeOut: 0,
+          tapToDismiss: false,
+          rtl: isRtl
+        }
+      );
+    }
+
+    if (clearToastObj.find('.clear').length) {
+      clearToastObj.delegate('.clear', 'click', function () {
+        toastr.clear(clearToastObj, { force: true });
+        clearToastObj = undefined;
+      });
+    }
+  });
+
+  // Position Top Left
+  positionTopLeft.on('click', function () {
+    toastr['info']('I do not think that word means what you think it means.', 'Top Left!', {
+      positionClass: 'toast-top-left',
+      rtl: isRtl
+    });
+  });
+
+  // Position Top Center
+  positionTopCenter.on('click', function () {
+    toastr['info']('I do not think that word means what you think it means.', 'Top Center!', {
+      positionClass: 'toast-top-center',
+      rtl: isRtl
+    });
+  });
+
+  // Position Top Right
+  positionTopRight.on('click', function () {
+    toastr['info']('I do not think that word means what you think it means.', 'Top Right!', {
+      positionClass: 'toast-top-right',
+      rtl: isRtl
+    });
+  });
+
+  // Position Top Full Width
+  positionTopFull.on('click', function () {
+    toastr['info']('I do not think that word means what you think it means.', 'Top Full Width!', {
+      positionClass: 'toast-top-full-width',
+      rtl: isRtl
+    });
+  });
+
+  // Position Bottom Left
+  positionBottomLeft.on('click', function () {
+    toastr['info']('I do not think that word means what you think it means.', 'Bottom Left!', {
+      positionClass: 'toast-bottom-left',
+      rtl: isRtl
+    });
+  });
+
+  // Position Bottom Center
+  positionBottomCenter.on('click', function () {
+    toastr['info']('I do not think that word means what you think it means.', 'Bottom Center!', {
+      positionClass: 'toast-bottom-center',
+      rtl: isRtl
+    });
+  });
+
+  // Position Bottom Right
+  positionBottomRight.on('click', function () {
+    toastr['info']('I do not think that word means what you think it means.', 'Bottom Right!', {
+      positionClass: 'toast-bottom-right',
+      rtl: isRtl
+    });
+  });
+
+  // Position Bottom Full Width
+  positionBottomFull.on('click', function () {
+    toastr['info']('I do not think that word means what you think it means.', 'Bottom Full Width!', {
+      positionClass: 'toast-bottom-full-width',
+      rtl: isRtl
+    });
+  });
+
+  // Fast Duration
+  fastDuration.on('click', function () {
+    toastr['success']('Have fun storming the castle!', 'Fast Duration', { showDuration: 500, rtl: isRtl });
+  });
+
+  // Slow Duration
+  slowDuration.on('click', function () {
+    toastr['warning']('Have fun storming the castle!', 'Slow Duration', { hideDuration: 3000, rtl: isRtl });
+  });
+
+  // Timeout
+  toastrTimeout.on('click', function () {
+    toastr['error']('I do not think that word means what you think it means.', 'Timeout!', {
+      timeOut: 5000,
+      rtl: isRtl
+    });
+  });
+
+  // Sticky
+  toastrSticky.on('click', function () {
+    toastr['info']('I do not think that word means what you think it means.', 'Sticky!', { timeOut: 0, rtl: isRtl });
+  });
+
+  // Slide Down / Slide Up
+  slideToast.on('click', function () {
+    toastr['success']('I do not think that word means what you think it means.', 'Slide Down / Slide Up!', {
+      showMethod: 'slideDown',
+      hideMethod: 'slideUp',
+      timeOut: 2000,
+      rtl: isRtl
+    });
+  });
+
+  // Fade In / Fade Out
+  fadeToast.on('click', function () {
+    toastr['success']('I do not think that word means what you think it means.', 'Slide Down / Slide Up!', {
+      showMethod: 'fadeIn',
+      hideMethod: 'fadeOut',
+      timeOut: 2000,
+      rtl: isRtl
+    });
+  });
+});

data/app/assets/javascripts/vuexy/scripts/extensions/ext-component-toastr.min.js

@@ -0,0 +1 @@
+$((function(){"use strict";var t,o="rtl"===$("html").attr("data-textdirection"),n=$("#type-success"),i=$("#type-info"),s=$("#type-warning"),a=$("#type-error"),e=$("#position-top-left"),r=$("#position-top-center"),c=$("#position-top-right"),l=$("#position-top-full"),u=$("#position-bottom-left"),h=$("#position-bottom-center"),m=$("#position-bottom-right"),d=$("#position-bottom-full"),f=$("#progress-bar"),p=$("#clear-toast-btn"),k=$("#fast-duration"),w=$("#slow-duration"),y=$("#timeout"),b=$("#sticky"),g=$("#slide-toast"),I=$("#fade-toast");n.on("click",(function(){toastr.success("👋 Jelly-o macaroon brownie tart ice cream croissant jelly-o apple pie.","Success!",{closeButton:!0,tapToDismiss:!1,rtl:o})})),i.on("click",(function(){toastr.info("👋 Chupa chups biscuit brownie gummi sugar plum caramels.","Info!",{closeButton:!0,tapToDismiss:!1,rtl:o})})),s.on("click",(function(){toastr.warning("👋 Icing cake pudding carrot cake jujubes tiramisu chocolate cake.","Warning!",{closeButton:!0,tapToDismiss:!1,rtl:o})})),a.on("click",(function(){toastr.error("👋 Jelly-o marshmallow marshmallow cotton candy dessert candy.","Error!",{closeButton:!0,tapToDismiss:!1,rtl:o})})),f.on("click",(function(){toastr.success("👋 Chocolate oat cake jelly oat cake candy jelly beans pastry.","Progress Bar",{closeButton:!0,tapToDismiss:!1,progressBar:!0,rtl:o})})),p.on("click",(function(){t||(t=toastr.info('Ready for the vacation?<br /><br /><button type="button" class="btn btn-info btn-sm clear">Yes</button>',"Family Trip",{closeButton:!0,timeOut:0,extendedTimeOut:0,tapToDismiss:!1,rtl:o})),t.find(".clear").length&&t.delegate(".clear","click",(function(){toastr.clear(t,{force:!0}),t=void 0}))})),e.on("click",(function(){toastr.info("I do not think that word means what you think it means.","Top Left!",{positionClass:"toast-top-left",rtl:o})})),r.on("click",(function(){toastr.info("I do not think that word means what you think it means.","Top Center!",{positionClass:"toast-top-center",rtl:o})})),c.on("click",(function(){toastr.info("I do not think that word means what you think it means.","Top Right!",{positionClass:"toast-top-right",rtl:o})})),l.on("click",(function(){toastr.info("I do not think that word means what you think it means.","Top Full Width!",{positionClass:"toast-top-full-width",rtl:o})})),u.on("click",(function(){toastr.info("I do not think that word means what you think it means.","Bottom Left!",{positionClass:"toast-bottom-left",rtl:o})})),h.on("click",(function(){toastr.info("I do not think that word means what you think it means.","Bottom Center!",{positionClass:"toast-bottom-center",rtl:o})})),m.on("click",(function(){toastr.info("I do not think that word means what you think it means.","Bottom Right!",{positionClass:"toast-bottom-right",rtl:o})})),d.on("click",(function(){toastr.info("I do not think that word means what you think it means.","Bottom Full Width!",{positionClass:"toast-bottom-full-width",rtl:o})})),k.on("click",(function(){toastr.success("Have fun storming the castle!","Fast Duration",{showDuration:500,rtl:o})})),w.on("click",(function(){toastr.warning("Have fun storming the castle!","Slow Duration",{hideDuration:3e3,rtl:o})})),y.on("click",(function(){toastr.error("I do not think that word means what you think it means.","Timeout!",{timeOut:5e3,rtl:o})})),b.on("click",(function(){toastr.info("I do not think that word means what you think it means.","Sticky!",{timeOut:0,rtl:o})})),g.on("click",(function(){toastr.success("I do not think that word means what you think it means.","Slide Down / Slide Up!",{showMethod:"slideDown",hideMethod:"slideUp",timeOut:2e3,rtl:o})})),I.on("click",(function(){toastr.success("I do not think that word means what you think it means.","Slide Down / Slide Up!",{showMethod:"fadeIn",hideMethod:"fadeOut",timeOut:2e3,rtl:o})}))}));

data/app/assets/javascripts/vuexy/scripts/extensions/ext-component-tour.js

@@ -0,0 +1,93 @@
+/*=========================================================================================
+	File Name: tour.js
+	Description: tour
+	----------------------------------------------------------------------------------------
+	Item Name: Vuexy  - Vuejs, HTML & Laravel Admin Dashboard Template
+	Author: Pixinvent
+	Author URL: hhttp://www.themeforest.net/user/pixinvent
+==========================================================================================*/
+
+$(function () {
+  'use strict';
+
+  var startBtn = $('#tour');
+  function setupTour(tour) {
+    var backBtnClass = 'btn btn-sm btn-outline-primary',
+      nextBtnClass = 'btn btn-sm btn-primary btn-next';
+    tour.addStep({
+      title: 'Navbar',
+      text: 'This is your navbar',
+      attachTo: { element: '.navbar', on: 'bottom' },
+      buttons: [
+        {
+          action: tour.cancel,
+          classes: backBtnClass,
+          text: 'Skip'
+        },
+        {
+          text: 'Next',
+          classes: nextBtnClass,
+          action: tour.next
+        }
+      ]
+    });
+    tour.addStep({
+      title: 'Card',
+      text: 'This is a card',
+      attachTo: { element: '#basic-tour .card', on: 'top' },
+      buttons: [
+        {
+          text: 'Skip',
+          classes: backBtnClass,
+          action: tour.cancel
+        },
+        {
+          text: 'Back',
+          classes: backBtnClass,
+          action: tour.back
+        },
+        {
+          text: 'Next',
+          classes: nextBtnClass,
+          action: tour.next
+        }
+      ]
+    });
+    tour.addStep({
+      title: 'Footer',
+      text: 'This is the footer',
+      attachTo: { element: '.footer', on: 'top' },
+      buttons: [
+        {
+          text: 'Back',
+          classes: backBtnClass,
+          action: tour.back
+        },
+        {
+          text: 'Finish',
+          classes: nextBtnClass,
+          action: tour.cancel
+        }
+      ]
+    });
+
+    return tour;
+  }
+
+  if (startBtn.length) {
+    startBtn.on('click', function () {
+      var tourVar = new Shepherd.Tour({
+        defaultStepOptions: {
+          classes: 'shadow-md bg-purple-dark',
+          scrollTo: false,
+          cancelIcon: {
+            enabled: true
+          }
+        },
+        useModalOverlay: true
+      });
+
+      setupTour(tourVar).start();
+    });
+  }
+});

data/app/assets/javascripts/vuexy/scripts/extensions/ext-component-tour.min.js

@@ -0,0 +1 @@
+$((function(){"use strict";var t=$("#tour");t.length&&t.on("click",(function(){var t,e,a,n=new Shepherd.Tour({defaultStepOptions:{classes:"shadow-md bg-purple-dark",scrollTo:!1,cancelIcon:{enabled:!0}},useModalOverlay:!0});(t=n,e="btn btn-sm btn-outline-primary",a="btn btn-sm btn-primary btn-next",t.addStep({title:"Navbar",text:"This is your navbar",attachTo:{element:".navbar",on:"bottom"},buttons:[{action:t.cancel,classes:e,text:"Skip"},{text:"Next",classes:a,action:t.next}]}),t.addStep({title:"Card",text:"This is a card",attachTo:{element:"#basic-tour .card",on:"top"},buttons:[{text:"Skip",classes:e,action:t.cancel},{text:"Back",classes:e,action:t.back},{text:"Next",classes:a,action:t.next}]}),t.addStep({title:"Footer",text:"This is the footer",attachTo:{element:".footer",on:"top"},buttons:[{text:"Back",classes:e,action:t.back},{text:"Finish",classes:a,action:t.cancel}]}),t).start()}))}));