// DOM Ready ============================================================= $(document).ready(function() { // button click //console.log('EhLoe!'); //$('button[id="currency-send"]').on('click', function(){console.log($(this).data('currency'));}); }); // Functions ============================================================= function sendCurrency(val) { } /*! * remark (http://getbootstrapadmin.com/remark) * Copyright 2016 amazingsurge * Licensed under the Themeforest Standard Licenses */ (function(document, window, $) { 'use strict'; var Site = window.Site; $(document).ready(function($) { Site.run(); }); // Example Wizard Form // ------------------- (function() { // set up formvalidation $('#exampleAccountForm').formValidation({ framework: 'bootstrap', fields: { username: { validators: { notEmpty: { message: 'The username is required' }, stringLength: { min: 6, max: 30, message: 'The username must be more than 6 and less than 30 characters long' }, regexp: { regexp: /^[a-zA-Z0-9_\.]+$/, message: 'The username can only consist of alphabetical, number, dot and underscore' } } }, password: { validators: { notEmpty: { message: 'The password is required' }, different: { field: 'username', message: 'The password cannot be the same as username' } } } } }); $("#exampleBillingForm").formValidation({ framework: 'bootstrap', fields: { number: { validators: { notEmpty: { message: 'The credit card number is required' } // creditCard: { // message: 'The credit card number is not valid' // } } }, cvv: { validators: { notEmpty: { message: 'The CVV number is required' } // cvv: { // creditCardField: 'number', // message: 'The CVV number is not valid' // } } } } }); // init the wizard var defaults = $.components.getDefaults("wizard"); var options = $.extend(true, {}, defaults, { buttonsAppendTo: '.panel-body' }); var wizard = $("#exampleWizardForm").wizard(options).data('wizard'); // setup validator // http://formvalidation.io/api/#is-valid wizard.get("#exampleAccount").setValidator(function() { var fv = $("#exampleAccountForm").data('formValidation'); fv.validate(); if (!fv.isValid()) { return false; } return true; }); wizard.get("#exampleBilling").setValidator(function() { var fv = $("#exampleBillingForm").data('formValidation'); fv.validate(); if (!fv.isValid()) { return false; } return true; }); })(); // Example Wizard Form Container // ----------------------------- // http://formvalidation.io/api/#is-valid-container (function() { var defaults = $.components.getDefaults("wizard"); var options = $.extend(true, {}, defaults, { onInit: function() { $('#exampleFormContainer').formValidation({ framework: 'bootstrap', fields: { username: { validators: { notEmpty: { message: 'The username is required' } } }, password: { validators: { notEmpty: { message: 'The password is required' } } }, number: { validators: { notEmpty: { message: 'The credit card number is not valid' } } }, cvv: { validators: { notEmpty: { message: 'The CVV number is required' } } } } }); }, validator: function() { var fv = $('#exampleFormContainer').data('formValidation'); var $this = $(this); // Validate the container fv.validateContainer($this); var isValidStep = fv.isValidContainer($this); if (isValidStep === false || isValidStep === null) { return false; } return true; }, onFinish: function() { // $('#exampleFormContainer').submit(); }, buttonsAppendTo: '.panel-body' }); $("#exampleWizardFormContainer").wizard(options); })(); // Example Wizard Pager // -------------------------- (function() { var defaults = $.components.getDefaults("wizard"); var options = $.extend(true, {}, defaults, { step: '.wizard-pane', templates: { buttons: function() { var options = this.options; var html = '
' + '' + options.buttonLabels.back + '' + '' + options.buttonLabels.finish + '' + '' + options.buttonLabels.next + '' + '
'; return html; } }, buttonLabels: { next: '', back: '', finish: '' }, buttonsAppendTo: '.panel-actions' }); $("#exampleWizardPager").wizard(options); })(); // Example Wizard Progressbar // -------------------------- (function() { var defaults = $.components.getDefaults("wizard"); var options = $.extend(true, {}, defaults, { step: '.wizard-pane', onInit: function() { this.$progressbar = this.$element.find('.progress-bar').addClass('progress-bar-striped'); }, onBeforeShow: function(step) { step.$element.tab('show'); }, onFinish: function() { this.$progressbar.removeClass('progress-bar-striped').addClass('progress-bar-success'); }, onAfterChange: function(prev, step) { var total = this.length(); var current = step.index + 1; var percent = (current / total) * 100; this.$progressbar.css({ width: percent + '%' }).find('.sr-only').text(current + '/' + total); }, buttonsAppendTo: '.panel-body' }); $("#exampleWizardProgressbar").wizard(options); })(); // Example Wizard Tabs // ------------------- (function() { var defaults = $.components.getDefaults("wizard"); var options = $.extend(true, {}, defaults, { step: '> .nav > li > a', onBeforeShow: function(step) { step.$element.tab('show'); }, classes: { step: { //done: 'color-done', error: 'color-error' } }, onFinish: function() { alert('finish'); }, buttonsAppendTo: '.tab-content' }); $("#exampleWizardTabs").wizard(options); })(); // Example Wizard Accordion // ------------------------ (function() { var defaults = $.components.getDefaults("wizard"); var options = $.extend(true, {}, defaults, { step: '.panel-title[data-toggle="collapse"]', classes: { step: { //done: 'color-done', error: 'color-error' } }, templates: { buttons: function() { return ''; } }, onBeforeShow: function(step) { step.$pane.collapse('show'); }, onBeforeHide: function(step) { step.$pane.collapse('hide'); }, onFinish: function() { alert('finish'); }, buttonsAppendTo: '.panel-collapse' }); $("#exampleWizardAccordion").wizard(options); })(); })(document, window, jQuery);