MASTER_V67

PATH: /home/hwyuvbry/public_html/kerbau/assets/js

[ .. KEMBALI ]

📄 app-access-permission.js

📄 app-access-roles.js

📄 app-calendar-events.js

📄 app-calendar.js

📄 app-chat.js

📄 app-email.js

📄 app-invoice-add.js

📄 app-invoice-edit.js

📄 app-invoice-list.js

📄 app-invoice-print.js

📄 app-kanban.js

📄 app-user-list.js

📄 app-user-view-account.js

📄 app-user-view-billing.js

📄 app-user-view-security.js

📄 app-user-view.js

📄 cards-actions.js

📄 cards-advance.js

📄 cards-analytics.js

📄 cards-statistics.js

📄 charts-apex.js

📄 charts-chartjs.js

📄 dashboards-analytics.js

📄 dashboards-crm.js

📄 dashboards-ecommerce.js

📄 extended-ui-blockui.js

📄 extended-ui-drag-and-drop.js

📄 extended-ui-media-player.js

📄 extended-ui-misc-clipboardjs.js

📄 extended-ui-misc-idle-timer.js

📄 extended-ui-misc-numeraljs.js

📄 extended-ui-perfect-scrollbar.js

📄 extended-ui-star-ratings.js

📄 extended-ui-sweetalert2.js

📄 extended-ui-timeline.js

📄 extended-ui-tour.js

📄 extended-ui-treeview.js

📄 form-basic-inputs.js

📄 form-layouts.js

📄 form-validation.js

📄 form-wizard-icons.js

📄 form-wizard-numbered.js

📄 form-wizard-validation.js

📄 forms-editors.js

📄 forms-extras.js

📄 forms-file-upload.js

📄 forms-pickers.js

📄 forms-selects.js

📄 forms-sliders.js

📄 forms-tagify.js

📄 forms-typeahead.js

📄 jquery.priceformat.min.js

📄 maps-leaflet.js

📄 modal-add-new-address.js

📄 modal-add-new-cc.js

📄 modal-add-permission.js

📄 modal-add-role.js

📄 modal-create-app.js

📄 modal-edit-cc.js

📄 modal-edit-permission.js

📄 modal-edit-user.js

📄 modal-enable-otp.js

📄 modal-share-project.js

📄 modal-two-factor-auth.js

📄 offcanvas-add-payment.js

📄 offcanvas-send-invoice.js

📄 pages-account-settings-account.js

📄 pages-account-settings-billing.js

📄 pages-account-settings-security.js

📄 pages-auth-multisteps.js

📄 pages-auth-two-steps.js

📄 pages-auth.js

📄 pages-pricing.js

📄 pages-profile.js

📁 particles/

📄 tables-datatables-advanced.js

📄 tables-datatables-basic.js

📄 tables-datatables-extensions.js

📄 ui-app-brand.js

📄 ui-carousel.js

📄 ui-menu.js

📄 ui-modals.js

📄 ui-navbar.js

📄 ui-popover.js

📄 ui-toasts.js

📄 wizard-ex-checkout.js

📄 wizard-ex-create-deal.js

📄 wizard-ex-property-listing.js

SAVING...

BERHASIL DIUBAH!

EDITING: extended-ui-tour.js

/**
 * Tour
 */

'use strict';

(function () {
  const startBtn = document.querySelector('#shepherd-example');

function setupTour(tour) {
    const backBtnClass = 'btn btn-sm btn-label-secondary md-btn-flat',
      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: '.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: 'Skip',
          classes: backBtnClass,
          action: tour.cancel
        },
        {
          text: 'Back',
          classes: backBtnClass,
          action: tour.back
        },
        {
          text: 'Next',
          classes: nextBtnClass,
          action: tour.next
        }
      ]
    });
    tour.addStep({
      title: 'Upgrade',
      text: 'Click here to upgrade plan',
      attachTo: { element: '.footer-link', on: 'top' },
      buttons: [
        {
          text: 'Back',
          classes: backBtnClass,
          action: tour.back
        },
        {
          text: 'Finish',
          classes: nextBtnClass,
          action: tour.cancel
        }
      ]
    });

return tour;
  }

if (startBtn) {
    // On start tour button click
    startBtn.onclick = function () {
      const tourVar = new Shepherd.Tour({
        defaultStepOptions: {
          scrollTo: false,
          cancelIcon: {
            enabled: true
          }
        },
        useModalOverlay: true
      });

setupTour(tourVar).start();
    };
  }

// ! Documentation Tour only
  const startBtnDocs = document.querySelector('#shepherd-docs-example');

function setupTourDocs(tour) {
    const backBtnClass = 'btn btn-sm btn-label-secondary md-btn-flat',
      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: 'Footer',
      text: 'This is the Footer',
      attachTo: { element: '.footer', 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: 'Social Link',
      text: 'Click here share on social media',
      attachTo: { element: '.footer-link', on: 'top' },
      buttons: [
        {
          text: 'Back',
          classes: backBtnClass,
          action: tour.back
        },
        {
          text: 'Finish',
          classes: nextBtnClass,
          action: tour.cancel
        }
      ]
    });

return tour;
  }

if (startBtnDocs) {
    // On start tour button click
    startBtnDocs.onclick = function () {
      const tourDocsVar = new Shepherd.Tour({
        defaultStepOptions: {
          scrollTo: false,
          cancelIcon: {
            enabled: true
          }
        },
        useModalOverlay: true
      });

setupTourDocs(tourDocsVar).start();
    };
  }
})();