Returns the current step index.
+ {% highlight js %}
+ $('#myWizard').wizard('selectedItem');
+ {% endhighlight %}
+
+
+
.wizard('selectedItem', 3)
+
Moves to passed in step. This can be either an integer or the `data-name` of a step.
{% highlight js %}
$('#myWizard').wizard('selectedItem', {
step: 3
});
+
+ $('#myWizard').wizard('selectedItem', {
+ step: "named item"
+ });
{% endhighlight %}
@@ -220,6 +231,7 @@
Sample Methods
+
diff --git a/assets/js/application.js b/assets/js/application.js
index 8eb7ba086..52a6e1913 100644
--- a/assets/js/application.js
+++ b/assets/js/application.js
@@ -5,7 +5,7 @@
* details, see http://creativecommons.org/licenses/by/3.0/.
*/
-define(function(require){
+define(function (require) {
var $body = $(document.body);
var $window = $(window);
@@ -48,7 +48,7 @@ define(function(require){
}, 100);
//programmatically injecting this is so much easier than writing the html by hand 376 times...
- $('h1[id], h2[id], h3[id], h4[id], h5[id], h6[id], dt[id]').each(function(i){
+ $('h1[id], h2[id], h3[id], h4[id], h5[id], h6[id], dt[id]').each(function (i) {
$(this).prepend([''].join(''));
});
});
diff --git a/assets/js/combobox-examples.js b/assets/js/combobox-examples.js
index d58d50f93..370b7d7cf 100644
--- a/assets/js/combobox-examples.js
+++ b/assets/js/combobox-examples.js
@@ -5,7 +5,7 @@
* details, see http://creativecommons.org/licenses/by/3.0/.
*/
-define(function(require){
+define(function (require) {
var jquery = require('jquery');
require('bootstrap');
@@ -38,9 +38,7 @@ define(function(require){
});
$('#btnComboboxDestroy').on('click', function () {
var markup = $('#myCombobox').combobox('destroy');
- console.log( markup );
+ console.log(markup);
$(this).closest('.section').append(markup);
});
-
-
-});
\ No newline at end of file
+});
diff --git a/assets/js/datepicker-examples.js b/assets/js/datepicker-examples.js
index ffb149d71..b20683108 100644
--- a/assets/js/datepicker-examples.js
+++ b/assets/js/datepicker-examples.js
@@ -5,7 +5,7 @@
* details, see http://creativecommons.org/licenses/by/3.0/.
*/
-define(function(require){
+define(function (require) {
var jquery = require('jquery');
require('bootstrap');
@@ -13,40 +13,39 @@ define(function(require){
// DATEPICKER
- $('#myDatepicker').on('changed.fu.datepicker', function( event, data ) {
- console.log( 'datepicker change event fired' );
+ $('#myDatepicker').on('changed.fu.datepicker', function (event, data) {
+ console.log('datepicker change event fired');
});
- $('#myDatepicker').on('inputParsingFailed.fu.datepicker', function() {
- console.log( 'datepicker inputParsingFailed event fired' );
+ $('#myDatepicker').on('inputParsingFailed.fu.datepicker', function () {
+ console.log('datepicker inputParsingFailed event fired');
});
- $('#btnDatepickerEnable').on('click', function() {
+ $('#btnDatepickerEnable').on('click', function () {
$('#myDatepicker').datepicker('enable');
});
- $('#btnDatepickerDisable').on('click', function() {
+ $('#btnDatepickerDisable').on('click', function () {
$('#myDatepicker').datepicker('disable');
});
- $('#btnDatepickerLogFormattedDate').on('click', function() {
- console.log( $('#myDatepicker').datepicker('getFormattedDate') );
+ $('#btnDatepickerLogFormattedDate').on('click', function () {
+ console.log($('#myDatepicker').datepicker('getFormattedDate'));
});
- $('#btnDatepickerLogDateObj').on('click', function() {
- console.log( $('#myDatepicker').datepicker('getDate') );
+ $('#btnDatepickerLogDateObj').on('click', function () {
+ console.log($('#myDatepicker').datepicker('getDate'));
});
- $('#btnDatepickerSetDate').on('click', function() {
- var futureDate = new Date(+new Date() + ( 7 * 24 * 60 * 60 * 1000 ) );
- $('#myDatepicker').datepicker('setDate', futureDate );
- console.log( $('#datepicker').datepicker('getDate') );
+ $('#btnDatepickerSetDate').on('click', function () {
+ var futureDate = new Date(+new Date() + (7 * 24 * 60 * 60 * 1000));
+ $('#myDatepicker').datepicker('setDate', futureDate);
+ console.log($('#datepicker').datepicker('getDate'));
});
- $('#btnDatepickerDestroy').on('click', function() {
+ $('#btnDatepickerDestroy').on('click', function () {
var markup = $('#myDatepicker').datepicker('destroy');
- console.log( markup );
+ console.log(markup);
$(this).closest('.section').append(markup);
});
-
-});
\ No newline at end of file
+});
diff --git a/assets/js/form-builder/app.js b/assets/js/form-builder/app.js
index 28a9437c0..1774c3e00 100644
--- a/assets/js/form-builder/app.js
+++ b/assets/js/form-builder/app.js
@@ -1,5 +1,4 @@
-define(function(require) {
-
+define(function (require) {
var $ = require('jquery');
var _ = require('underscore');
var Backbone = require('backbone');
@@ -17,7 +16,6 @@ define(function(require) {
return {
initialize: function initialize() {
-
//Bootstrap tabs from json.
new TabView({
title: 'Input',
@@ -36,8 +34,8 @@ define(function(require) {
collection: new AvailableComponents(JSON.parse(selectJSON))
});
new TabView({
- title: "Buttons"
- , collection: new AvailableComponents(JSON.parse(buttonsJSON))
+ title: "Buttons",
+ collection: new AvailableComponents(JSON.parse(buttonsJSON))
});
new TabView({
title: 'HTML',
@@ -64,7 +62,7 @@ define(function(require) {
])
});
- $('#theme-toggle').on('change', function(e) {
+ $('#theme-toggle').on('change', function (e) {
if ($(e.target).is(':checked')) {
$('head').append('');
} else {
diff --git a/assets/js/form-builder/collections/placed-components.js b/assets/js/form-builder/collections/placed-components.js
index 72df7a969..fb48326c1 100644
--- a/assets/js/form-builder/collections/placed-components.js
+++ b/assets/js/form-builder/collections/placed-components.js
@@ -8,15 +8,15 @@ define(function placedComponent(require) {
return AvailableComponents.extend({
model: Component,
- renderAll: function() {
- return this.map(function(component) {
+ renderAll: function () {
+ return this.map(function (component) {
return new PlacedComponent({
model: component
}).render(true);
});
},
- renderAllClean: function() {
- return this.map(function(component) {
+ renderAllClean: function () {
+ return this.map(function (component) {
return new PlacedComponent({
model: component
}).render(false);
diff --git a/assets/js/form-builder/helper/pubsub.js b/assets/js/form-builder/helper/pubsub.js
index ee05b974d..4dd6d34ff 100644
--- a/assets/js/form-builder/helper/pubsub.js
+++ b/assets/js/form-builder/helper/pubsub.js
@@ -1,5 +1,5 @@
define([
- 'jquery', 'underscore', 'backbone'
-], function($, _, Backbone) {
- return _.extend({}, Backbone.Events);
-});
+ 'jquery', 'underscore', 'backbone'
+], function ($, _, Backbone) {
+ return _.extend({}, Backbone.Events);
+ });
diff --git a/assets/js/form-builder/models/component.js b/assets/js/form-builder/models/component.js
index e76ee1780..2086637ac 100644
--- a/assets/js/form-builder/models/component.js
+++ b/assets/js/form-builder/models/component.js
@@ -5,14 +5,15 @@ define(function Snippet(require) {
return Backbone.Model.extend({
getValues: function getValues() {
- return _.reduce(this.get('fields'), function(fields, field, index) {
+ return _.reduce(this.get('fields'), function (fields, field, index) {
if (field.type === 'select') {
- fields[index] = _.find(field.value, function(fields) {
+ fields[index] = _.find(field.value, function (fields) {
return fields.selected;
}).value;
} else {
fields[index] = field.value;
}
+
return fields;
}, {});
},
diff --git a/assets/js/form-builder/views/my-form.js b/assets/js/form-builder/views/my-form.js
index 0c26cab4c..097a1af7e 100644
--- a/assets/js/form-builder/views/my-form.js
+++ b/assets/js/form-builder/views/my-form.js
@@ -24,11 +24,11 @@ define(function MyForm(require) {
//Render Snippet Views
this.$el.empty();
var that = this;
- _.each(this.collection.renderAll(), function(component) {
+ _.each(this.collection.renderAll(), function (component) {
that.$el.append(component);
});
$('#render').val(that.renderForm({
- text: _.map(this.collection.renderAllClean(), function(e) {
+ text: _.map(this.collection.renderAllClean(), function (e) {
return e.html();
}).join('\n')
}));
@@ -38,7 +38,7 @@ define(function MyForm(require) {
getBottomAbove: function getBottomAbove(eventY) {
var myFormBits = $(this.$el.find('.component'));
- var topelement = _.find(myFormBits, function(renderedSnippet) {
+ var topelement = _.find(myFormBits, function (renderedSnippet) {
if (($(renderedSnippet).offset().top + $(renderedSnippet).height()) > eventY - 90) {
return true;
} else {
diff --git a/assets/js/form-builder/views/placed-component.js b/assets/js/form-builder/views/placed-component.js
index 99860cb14..44f166592 100644
--- a/assets/js/form-builder/views/placed-component.js
+++ b/assets/js/form-builder/views/placed-component.js
@@ -8,7 +8,7 @@ define(function MyFormSnippet(require) {
return Component.extend({
events: {
- 'click': 'preventPropagation', //stops checkbox / radio reacting.
+ 'click': 'preventPropagation',//stops checkbox / radio reacting.
'mousedown': 'mouseDownHandler',
'mouseup': 'mouseUpHandler'
},
@@ -24,7 +24,7 @@ define(function MyFormSnippet(require) {
$('.popover #cancel').on('click', this.cancelHandler(that));
//add drag event or all but form name
if (this.model.get('title') !== 'Form Name') {
- $('body').on('mousemove', function(mouseMoveEvent) {
+ $('body').on('mousemove', function (mouseMoveEvent) {
if (
Math.abs(mouseDownEvent.pageX - mouseMoveEvent.pageX) > 10 ||
Math.abs(mouseDownEvent.pageY - mouseMoveEvent.pageY) > 10
@@ -47,12 +47,12 @@ define(function MyFormSnippet(require) {
},
saveHandler: function saveHandler(boundContext) {
- return function(mouseEvent) {
+ return function (mouseEvent) {
mouseEvent.preventDefault();
var fields = $('.popover input:not([type=submit],[type=button]), textarea');
- _.each(fields, function(e) {
+ _.each(fields, function (e) {
var $e = $(e),
type = $e.attr('data-type'),
name = $e.attr('id');
@@ -71,17 +71,17 @@ define(function MyFormSnippet(require) {
case 'textarea-split':
boundContext.model.setField(name,
_.chain($e.val().split('\n'))
- .map(function(t) {
+ .map(function (t) {
return $.trim(t);
})
- .filter(function(t) {
+ .filter(function (t) {
return t.length > 0;
})
.value()
);
break;
case 'select':
- var valarr = _.map($e.find('option'), function(e) {
+ var valarr = _.map($e.find('option'), function (e) {
return {
value: e.value,
selected: e.selected,
@@ -98,7 +98,7 @@ define(function MyFormSnippet(require) {
},
cancelHandler: function cancelHandler(boundContext) {
- return function(mouseEvent) {
+ return function (mouseEvent) {
mouseEvent.preventDefault();
$('.popover').remove();
boundContext.model.trigger('change');
diff --git a/assets/js/form-builder/views/tab.js b/assets/js/form-builder/views/tab.js
index 8848e5778..341375d91 100644
--- a/assets/js/form-builder/views/tab.js
+++ b/assets/js/form-builder/views/tab.js
@@ -17,12 +17,13 @@ define(function Tab(require) {
// Render Snippet Views
var that = this;
if (that.collection !== undefined) {
- _.each(this.collection.renderAll(), function(component) {
+ _.each(this.collection.renderAll(), function (component) {
that.$el.append(component);
});
} else if (that.options.content) {
that.$el.append(that.options.content);
}
+
// Render & append nav for tab
$('#formtabs').append(this.tabNavTemplate({
title: this.options.title,
diff --git a/assets/js/infinite-scroll-examples.js b/assets/js/infinite-scroll-examples.js
index c478b3a44..8b03a0859 100644
--- a/assets/js/infinite-scroll-examples.js
+++ b/assets/js/infinite-scroll-examples.js
@@ -5,13 +5,13 @@
* details, see http://creativecommons.org/licenses/by/3.0/.
*/
-define(function(require){
+define(function (require) {
var content = '
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt auctor leo, ut ultricies lectus feugiat id. Duis sagittis erat id varius hendrerit. Etiam et hendrerit lectus. Nullam mattis, mauris vitae vestibulum gravida, enim ante adipiscing leo, sed imperdiet lacus dui bibendum erat. Sed convallis sed leo ac dapibus. Phasellus posuere lobortis euismod. Nam tempor elit ut justo tempor, eget egestas lectus sollicitudin. Cras vehicula sapien quis nisi ultricies rutrum. Nam ornare lorem mollis ullamcorper vestibulum.
' +
- '
Nullam in vulputate erat, in mattis enim. Curabitur consequat velit a sem ornare adipiscing. Pellentesque nisl lectus, venenatis sed dui ut, placerat mollis urna. Nulla diam diam, consectetur et magna id, lobortis cursus risus. Curabitur feugiat purus sed massa imperdiet rutrum. Mauris eu sodales libero, eu ultrices orci. Nunc vel metus erat. Donec ornare bibendum leo id fermentum. Fusce nec justo consectetur, posuere elit ac, tincidunt odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
' +
- '
Etiam et magna in dui convallis consectetur sit amet sed quam. Vestibulum non libero et justo porttitor cursus nec ac arcu. Aliquam feugiat non ipsum et interdum. Aenean ac lectus erat. Integer vulputate turpis ac accumsan fermentum. Curabitur nec feugiat enim. Nullam lobortis mauris odio, a commodo mauris facilisis quis. Praesent id dapibus lectus. Morbi id blandit magna. Quisque adipiscing viverra massa, vitae sagittis eros dignissim sed. Praesent ornare placerat malesuada. Quisque nec eros dictum, ornare erat non, fringilla felis. Proin sollicitudin arcu ac turpis euismod rhoncus.
';
+ '
Nullam in vulputate erat, in mattis enim. Curabitur consequat velit a sem ornare adipiscing. Pellentesque nisl lectus, venenatis sed dui ut, placerat mollis urna. Nulla diam diam, consectetur et magna id, lobortis cursus risus. Curabitur feugiat purus sed massa imperdiet rutrum. Mauris eu sodales libero, eu ultrices orci. Nunc vel metus erat. Donec ornare bibendum leo id fermentum. Fusce nec justo consectetur, posuere elit ac, tincidunt odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
' +
+ '
Etiam et magna in dui convallis consectetur sit amet sed quam. Vestibulum non libero et justo porttitor cursus nec ac arcu. Aliquam feugiat non ipsum et interdum. Aenean ac lectus erat. Integer vulputate turpis ac accumsan fermentum. Curabitur nec feugiat enim. Nullam lobortis mauris odio, a commodo mauris facilisis quis. Praesent id dapibus lectus. Morbi id blandit magna. Quisque adipiscing viverra massa, vitae sagittis eros dignissim sed. Praesent ornare placerat malesuada. Quisque nec eros dictum, ornare erat non, fringilla felis. Proin sollicitudin arcu ac turpis euismod rhoncus.