',
+ '
'
+ ];
+
+ this.args = {
+ keyboard: true,
+ backdrop: true,
+ show: false,
+ submitUrl: "",
+ showCancel: false,
+ showClose: true,
+ progressBarCurrent: false,
+ increaseHeight: 0,
+ contentHeight: 400,
+ contentWidth: '50%',
+ buttons: {
+ cancelText: "Cancel",
+ nextText: "Next",
+ backText: "Back",
+ submitText: "Submit",
+ submittingText: "Submitting...",
+ },
+ formClass: "form-horizontal"
+ };
+
+ $.extend(this.args, args || {});
+
+ this._create(markup);
+ };
+
+ Wizard.prototype = {
+ log: function() {
+ if (!window.console || !$.fn.wizard.logging) {return;}
+ var prepend = "wizard "+this.el.id+": ";
+ var args = [prepend];
+ args.push.apply(args, arguments);
+ console.log.apply(console, args);
+ },
+
+ _create: function(markup) {
+ this.markup = $(markup);
+ this.title = this.markup.data('title');
+ this.submitCards = this.markup.find(".wizard-error,.wizard-failure,.wizard-success,.wizard-loading");
+ this.el = $(this.wizard_template.join('\n'));
+ $('body').append(this.el);
+
+ this.modal = this.el.modal({
+ keyboard: this.args.keyboard,
+ show: this.args.show,
+ backdrop: this.args.backdrop
+ });
+
+ this.dimensions = {
+ contentHeight: this.args.contentHeight,
+ contentWidth: this.args.contentWidth
+ };
+ this.dialog = this.modal.find('.wizard-dialog');
+ this.content = this.modal.find('.wizard-content');
+ this.header = this.modal.find('.wizard-header');
+ this.body = this.modal.find('.wizard-body');
+ this.wizardSteps = this.modal.find('.wizard-steps');
+ this.wizardCards = this.modal.find('.wizard-cards');
+ this.wizardCardContainer = this.modal.find('.wizard-card-container');
+ this.wizardCardContainer
+ .append(this.markup.find('.wizard-card'))
+ .append(this.submitCards);
+ this.navContainer = this.modal.find('.wizard-nav-container');
+ this.navList = this.modal.find('.wizard-nav-list');
+ this.progressContainer = this.modal.find('.wizard-progress-container');
+ this.progress = this.progressContainer.find('.progress-bar');
+ this.closeButton = this.modal.find('button.wizard-close.close');
+ this.cardsContainer = this.modal.find('wizard-cards-container');
+ this.form = this.modal.find('form');
+ this.footer = this.modal.find(".wizard-footer");
+ this.cancelButton = this.footer.find(".wizard-cancel");
+ this.backButton = this.footer.find(".wizard-back");
+ this.nextButton = this.footer.find(".wizard-next");
+
+ this._cards = [];
+ this.cards = {};
+ this._readyToSubmit = false;
+ this.percentComplete = 0;
+ this._submitting = false;
+ this._events = {};
+ this._firstShow = true;
+
+ this._createCards();
+
+ this.nextButton.click(this, this._handleNextClick);
+ this.backButton.click(this, this._handleBackClick);
+
+ this.cancelButton.text(this.args.buttons.cancelText);
+ this.backButton.text(this.args.buttons.backText);
+ this.nextButton.text(this.args.buttons.nextText);
+
+ // Apply Form Class(es)
+ this.form.addClass(this.args.formClass);
+
+ // Register Array Holder for popovers
+ this.popovers = [];
+
+ var self = this;
+ var _close = function() {
+ self.reset();
+ self.close();
+ self.trigger("closed");
+ };
+
+ // Register Close Button
+ this.closeButton.click(_close);
+ this.cancelButton.click(_close);
+
+ this.wizardSteps.on("click", "li.already-visited a.wizard-nav-link", this,
+ function(event) {
+ var index = parseInt($(event.target).data("navindex"));
+ event.data.setCard(index);
+ });
+
+ if ( this.title.length != 0 ) {
+ this.setTitle(this.title);
+ }
+
+ this.on("submit", this._defaultSubmit);
+
+ // Set Modal Dimensions
+ this.autoDimensions();
+ },
+
+ autoDimensions: function() {
+ // DO NOT REMOVE DISPLAY ; Temporary display is required for calculation
+ this.modal.css('display', 'block');
+
+ this.dimensions.header = this.header.outerHeight(true);
+
+ // Navigation Pane is dyanmic build on card content
+ // Navigation Pane === BASE Inner Content Height
+ this.dimensions.navigation = this.wizardSteps.outerHeight(true);
+ if ( this.dimensions.navigation < this.dimensions.contentHeight ) {
+ this.dimensions.navigation = this.dimensions.contentHeight;
+ this.navContainer.height( (this.dimensions.contentHeight-30) - this.progressContainer.outerHeight(true));
+ }
+
+ // Dimension Alias ( Body Height === (Navigation Height) )
+ this.dimensions.body = this.dimensions.navigation;
+
+ // Apply OuterHeight of navigation to it's parent wizardSteps
+ this.wizardSteps.height(this.dimensions.body);
+
+ // Modal Height === (Header + Content)
+ this.dimensions.modal = (this.dimensions.header + this.dimensions.navigation);
+ this.content.height(this.dimensions.modal + 'px');
+ this.dialog.width(this.dimensions.contentWidth);
+
+ this.body.height(this.dimensions.body + 'px');
+ this.wizardCards.height(this.dimensions.body + 'px');
+
+ // Footer Height
+ this.dimensions.footer = this.footer.outerHeight(true);
+
+ // Card Container === (Body - Footer)
+ this.dimensions.cardContainer = (this.dimensions.body - this.dimensions.footer);
+ this.wizardCardContainer.height(this.dimensions.cardContainer);
+
+ // Reposition
+ this.dimensions.offset = ($(window).height() - this.dialog.height()) / 2;
+ this.dialog.css({
+ 'margin-top': this.dimensions.offset + 'px',
+ 'padding-top': 0
+ });
+
+ // DO NOT REMOVE NEXT LINE
+ this.modal.css('display', '');
+ },
+
+ setTitle: function(title) {
+ this.log("setting title to", title);
+ this.modal.find(".wizard-title").first().text(title);
+ return this;
+ },
+
+ setSubtitle: function(title) {
+ this.log("setting subtitle to", title);
+ this.modal.find(".wizard-subtitle").first().text(title);
+ return this;
+ },
+
+ errorPopover: function(el, msg, allowHtml) {
+ this.log("launching popover on", el);
+ allowHtml = typeof allowHtml !== "undefined" ? allowHtml : false;
+ var popover = el.popover({
+ content: msg,
+ trigger: "manual",
+ html: allowHtml,
+ container: el.parents('.form-group')
+ }).addClass("error-popover").popover("show").next(".popover");
+
+ el.parents('.form-group').find('.popover').addClass("error-popover");
+
+ this.popovers.push(el);
+
+ return popover;
+ },
+
+ destroyPopover: function(pop) {
+ pop = $(pop);
+
+ /*
+ * this is the element that the popover was created for
+ */
+ try {
+ pop.popover("destroy");
+ }
+ /*
+ * older versions of bootstrap don't have a destroy call
+ * for popovers
+ */
+ catch (e) {
+ pop.popover("hide");
+ }
+ },
+
+ hidePopovers: function(el) {
+ this.log("hiding all popovers");
+ var self = this;
+
+ $.each(this.popovers, function(i, p) {
+ self.destroyPopover(p);
+ });
+
+ this.modal.find('.has-error').removeClass('has-error');
+ this.popovers = [];
+ },
+
+ eachCard: function(fn) {
+ $.each(this._cards, fn);
+ return this;
+ },
+
+ getActiveCard: function() {
+ this.log("getting active card");
+ var currentCard = null;
+
+ $.each(this._cards, function(i, card) {
+ if (card.isActive()) {
+ currentCard = card;
+ return false;
+ }
+ });
+ if (currentCard) {this.log("found active card", currentCard);}
+ else {this.log("couldn't find an active card");}
+ return currentCard;
+ },
+
+ changeNextButton: function(text, cls) {
+ this.log("changing next button, text: " + text, "class: " + cls);
+ if (typeof(cls) != "undefined") {
+ this.nextButton.removeClass("btn-success btn-primary");
+ }
+
+ if (cls) {
+ this.nextButton.addClass(cls);
+ }
+ this.nextButton.text(text);
+ return this;
+ },
+
+ hide: function() {
+ this.log("hiding");
+ this.modal.modal("hide");
+ return this;
+ },
+
+ close: function() {
+ this.log("closing");
+ this.modal.modal("hide");
+ return this;
+ },
+
+
+ show: function(modalOptions) {
+ this.log("showing");
+ if (this._firstShow) {
+ this.setCard(0);
+ this._firstShow = false;
+ }
+ if (this.args.showCancel) {
+ this.cancelButton.show();
+ } else {
+ this.cancelButton.hide();
+ }
+ if (this.args.showClose) { this.closeButton.show(); }
+ this.modal.modal('show');
+
+ return this;
+ },
+
+ on: function(name, fn) {
+ this.log("adding listener to event " + name);
+ this._events[name] = fn;
+ return this;
+ },
+
+ trigger: function() {
+ var name = arguments[0];
+ var args = Array.prototype.slice.call(arguments);
+ args.shift();
+ args.unshift(this);
+
+ this.log("firing event " + name);
+ var handler = this._events[name];
+ if (handler === undefined && this.wizard !== undefined) {
+ handler = this.wizard._events[name];
+ }
+ var ret = null;
+
+ if (typeof(handler) == "function") {
+ this.log("found event handler, calling " + name);
+ try {
+ ret = handler.apply(this, args);
+ }
+ catch (e) {
+ this.log("event handler " + name + " had an exception");
+ }
+ }
+ else {
+ this.log("couldn't find an event handler for " + name);
+ }
+ return ret;
+ },
+
+
+ reset: function() {
+ this.log("resetting");
+
+ this.updateProgressBar(0);
+ this.hideSubmitCards();
+
+ this.setCard(0);
+ this.lockCards();
+
+ this.enableNextButton();
+ this.showButtons();
+
+ this.hidePopovers();
+
+ this.trigger("reset");
+ return this;
+ },
+
+ /*
+ * this handles switching to the next card or previous card, taking
+ * care to skip over disabled cards
+ */
+ _abstractIncrementStep: function(direction, getNext) {
+ var current = this.getActiveCard();
+ var next;
+
+ if (current) {
+ /*
+ * loop until we find a card that isn't disabled
+ */
+ this.log("searching for valid next card");
+ while (true) {
+ next = getNext(current);
+ if (next) {
+ this.log("looking at card", next.index);
+ if (next.isDisabled()) {
+ this.log("card " + next.index + " is disabled/locked, continuing");
+ current = next;
+ continue;
+ }
+ else {
+ return this.setCard(current.index+direction);
+ }
+ }
+ else {
+ this.log("next card is not defined, breaking");
+ break;
+ }
+ }
+ }
+ else {
+ this.log("current card is undefined");
+ }
+ },
+
+
+ incrementCard: function() {
+ this.log("incrementing card");
+ var card = this._abstractIncrementStep(1, function(current){return current.next;});
+ this.trigger("incrementCard");
+ return card;
+ },
+
+ decrementCard: function() {
+ this.log("decrementing card");
+ var card = this._abstractIncrementStep(-1, function(current){return current.prev;});
+ this.trigger("decrementCard");
+ return card;
+ },
+
+ setCard: function(i) {
+ this.log("setting card to " + i);
+ this.hideSubmitCards();
+ var currentCard = this.getActiveCard();
+
+ if (this._submitting) {
+ this.log("we're submitting the wizard already, can't change cards");
+ return currentCard;
+ }
+
+ var newCard = this._cards[i];
+ if (newCard) {
+ if (newCard.isDisabled()) {
+ this.log("new card is currently disabled, returning");
+ return currentCard;
+ }
+
+ if (currentCard) {
+
+ /*
+ * here, we're only validating if we're going forward,
+ * not if we're going backwards in a step
+ */
+ if (i > currentCard.index) {
+ var cardToValidate = currentCard;
+ var ok = false;
+
+ /*
+ * we need to loop over every card between our current
+ * card and the card that we clicked, and re-validate
+ * them. if there's an error, we need to select the
+ * first card to have an error
+ */
+ while (cardToValidate.index != newCard.index) {
+ /*
+ * unless we're validating the card that we're
+ * leaving, we need to select the card, so that
+ * any validators that trigger errorPopovers can
+ * display correctly
+ */
+ if (cardToValidate.index != currentCard.index) {
+ cardToValidate.prev.deselect();
+ cardToValidate.prev.markVisited();
+ cardToValidate.select();
+ }
+ ok = cardToValidate.validate();
+ if (!ok) {
+ return cardToValidate;
+ }
+ cardToValidate = cardToValidate.next;
+ }
+
+ cardToValidate.prev.deselect();
+ cardToValidate.prev.markVisited();
+ }
+
+ currentCard.deselect();
+ currentCard.markVisited();
+ }
+
+ newCard.select();
+
+ if (this.args.progressBarCurrent) {
+ this.percentComplete = i * 100.0 / this._cards.length;
+ this.updateProgressBar(this.percentComplete);
+ }
+ else {
+ var lastPercent = this.percentComplete;
+ this.percentComplete = i * 100.0 / this._cards.length;
+ this.percentComplete = Math.max(lastPercent, this.percentComplete);
+ this.updateProgressBar(this.percentComplete);
+ }
+
+ return newCard;
+ }
+ else {
+ this.log("couldn't find card " + i);
+ }
+ },
+
+ updateProgressBar: function(percent) {
+ this.log("updating progress to " + percent + "%");
+ this.progress.css({width: percent + "%"});
+ this.percentComplete = percent;
+
+ this.trigger("progressBar", percent);
+
+ if (percent == 100) {
+ this.log("progress is 100, animating progress bar");
+ this.progressContainer.find('.progress').addClass("active");
+ }
+ else if (percent == 0) {
+ this.log("progress is 0, disabling animation");
+ this.progressContainer.find('.progress').removeClass("active");
+ }
+ },
+
+ getNextCard: function() {
+ var currentCard = this.getActiveCard();
+ if (currentCard) return currentCard.next;
+ },
+
+ lockCards: function() {
+ this.log("locking nav cards");
+ this.eachCard(function(i,card){card.unmarkVisited();});
+ return this;
+ },
+
+ disableCards: function() {
+ this.log("disabling all nav cards");
+ this.eachCard(function(i,card){card.disable();});
+ return this;
+ },
+
+ enableCards: function() {
+ this.log("enabling all nav cards");
+ this.eachCard(function(i,card){card.enable();});
+ return this;
+ },
+
+ hideCards: function() {
+ this.log("hiding cards");
+ this.eachCard(function(i,card){card.deselect();});
+ this.hideSubmitCards();
+ return this;
+ },
+
+ hideButtons: function() {
+ this.log("hiding buttons");
+ this.cancelButton.hide();
+ this.closeButton.hide();
+ this.nextButton.hide();
+ this.backButton.hide();
+ return this;
+ },
+
+ showButtons: function() {
+ this.log("showing buttons");
+ if (this.args.showCancel) {
+ this.cancelButton.show();
+ } else {
+ this.cancelButton.hide();
+ }
+ if (this.args.showClose) { this.closeButton.show(); };
+ this.nextButton.show();
+ this.backButton.show();
+ return this;
+ },
+
+ getCard: function(el) {
+ var cardDOMEl = $(el).parents(".wizard-card").first()[0];
+ if (cardDOMEl) {
+ var foundCard = null;
+ this.eachCard(function(i, card) {
+ if (cardDOMEl == card.el[0]) {
+ foundCard = card;
+ return false;
+ }
+ return true;
+ });
+ return foundCard;
+ }
+ else {
+ return null;
+ }
+ },
+
+ _createCards: function() {
+ var prev = null;
+ var next = null;
+ var currentCard = null;
+ var wizard = this;
+ var self = this;
+
+ self.log("Creating Cards");
+
+ var cards = this.modal.find(".wizard-cards .wizard-card");
+ $.each(cards, function(i, card) {
+ card = $(card);
+
+ prev = currentCard;
+ currentCard = new WizardCard(wizard, card, i, prev, next);
+ self._cards.push(currentCard);
+ if (currentCard.name) {
+ self.cards[currentCard.name] = currentCard;
+ }
+ if (prev) {prev.next = currentCard;}
+
+ self.modal.find(".wizard-steps .wizard-nav-list").append(currentCard.nav);
+ });
+ },
+
+ showSubmitCard: function(name) {
+ this.log("showing "+name+" submit card");
+
+ var card = this.el.find(".wizard-"+name);
+ if (card.length) {
+ this.hideCards();
+ this.el.find(".wizard-"+name).show();
+ }
+ else {
+ this.log("couldn't find submit card "+name);
+ }
+ },
+
+ hideSubmitCard: function(name) {
+ this.log("hiding "+name+" submit card");
+ this.el.find(".wizard-"+name).hide();
+ },
+
+ hideSubmitCards: function() {
+ var wizard = this;
+ $.each(["success", "error", "failure", "loading"], function(i, name) {
+ wizard.hideSubmitCard(name);
+ });
+ },
+
+ enableNextButton: function() {
+ this.log("enabling next button");
+ this.nextButton.removeAttr("disabled");
+ return this;
+ },
+
+ disableNextButton: function() {
+ this.log("disabling next button");
+ this.nextButton.attr("disabled", "disabled");
+ return this;
+ },
+
+ serializeArray: function() {
+ var form = this.form.serializeArray();
+ this.form.find('input[disabled][data-serialize="1"]').each(function() {
+ formObj = {
+ name: $(this).attr('name'),
+ value: $(this).val()
+ };
+
+ form.push(formObj);
+ });
+
+ return form;
+ },
+
+ serialize: function() {
+ var form = this.form.serialize();
+ this.form.find('input[disabled][data-serialize="1"]').each(function() {
+ form = form + '&' + $(this).attr('name') + '=' + $(this).val();
+ });
+
+ return form;
+ },
+
+ find: function(selector) {
+ return this.modal.find(selector);
+ },
+
+
+ /*
+ * the next 3 functions are to be called by the custom submit event
+ * handler. the idea is that after you make an ajax call to submit
+ * your wizard data (or whatever it is you want to do at the end of
+ * the wizard), you call one of these 3 handlers to display a specific
+ * card for either success, failure, or error
+ */
+ submitSuccess: function() {
+ this.log("submit success");
+ this._submitting = false;
+ this.showSubmitCard("success");
+ this.trigger("submitSuccess");
+ },
+
+ submitFailure: function() {
+ this.log("submit failure");
+ this._submitting = false;
+ this.showSubmitCard("failure");
+ this.trigger("submitFailure");
+ },
+
+ submitError: function() {
+ this.log("submit error");
+ this._submitting = false;
+ this.showSubmitCard("error");
+ this.trigger("submitError");
+ },
+
+
+ _submit: function() {
+ this.log("submitting wizard");
+ this._submitting = true;
+
+ this.lockCards();
+ this.cancelButton.hide();
+ this.closeButton.hide();
+ this.backButton.hide();
+
+ this.showSubmitCard("loading");
+ this.updateProgressBar(100);
+
+ this.changeNextButton(this.args.buttons.submittingText, false);
+ this.disableNextButton();
+
+ var ret = this.trigger("submit");
+ this.trigger("loading");
+ },
+
+ _onNextClick: function() {
+ this.log("handling 'next' button click");
+ var currentCard = this.getActiveCard();
+ if (this._readyToSubmit && currentCard.validate()) {
+ this._submit();
+ }
+ else {
+ currentCard = this.incrementCard();
+ }
+ },
+
+ _onBackClick: function() {
+ this.log("handling 'back' button click");
+ var currentCard = this.decrementCard();
+ },
+
+ _handleNextClick: function(event) {
+ var wizard = event.data;
+ wizard._onNextClick.call(wizard);
+ },
+
+ _handleBackClick: function(event) {
+ var wizard = event.data;
+ wizard._onBackClick.call(wizard);
+ },
+
+
+ /*
+ * this function is attached by default to the wizard's "submit" event.
+ * if you choose to implement your own custom submit logic, you should
+ * copy how this function works
+ */
+ _defaultSubmit: function(wizard) {
+ $.ajax({
+ type: "POST",
+ url: wizard.args.submitUrl,
+ data: wizard.serialize(),
+ dataType: "json"
+ }).done(function(response) {
+ wizard.submitSuccess();
+ wizard.hideButtons();
+ wizard.updateProgressBar(0);
+ }).fail(function() {
+ wizard.submitFailure();
+ wizard.hideButtons();
+ });
+ }
+ };
+
+
+}(window.jQuery));
diff --git a/assets/js/bootstrap-wizard-lib/bootstrap-wizard.min.js b/assets/js/bootstrap-wizard-lib/bootstrap-wizard.min.js
new file mode 100644
index 0000000..898bb73
--- /dev/null
+++ b/assets/js/bootstrap-wizard-lib/bootstrap-wizard.min.js
@@ -0,0 +1 @@
+(function(e){e.fn.wizard=function(e){return new Wizard(this,e)};e.fn.wizard.logging=false;var t=function(e,t,n,r,i){this.wizard=e;this.index=n;this.prev=r;this.next=i;this.el=t;this.title=t.find("h3").first().text();this.name=t.data("cardname")||this.title;this.nav=this._createNavElement(this.title,n);this._disabled=false;this._loaded=false;this._events={}};t.prototype={select:function(){this.log("selecting");if(!this.isSelected()){this.nav.addClass("active");this.el.show();if(!this._loaded){this.trigger("loaded");this.reload()}this.trigger("selected")}var e=this.wizard;e.backButton.toggleClass("disabled",this.index==0);if(this.index>=e._cards.length-1){this.log("on last card, changing next button to submit");e.changeNextButton(e.args.buttons.submitText,"btn-success");e._readyToSubmit=true;e.trigger("readySubmit")}else{e._readyToSubmit=false;e.changeNextButton(e.args.buttons.nextText,"btn-primary")}return this},_createNavElement:function(t,n){var r=e('');var i=e('');i.data("navindex",n);r.append(i);i.append(' ');i.append(t);return r},markVisited:function(){this.log("marking as visited");this.nav.addClass("already-visited");this.trigger("markVisited");return this},unmarkVisited:function(){this.log("unmarking as visited");this.nav.removeClass("already-visited");this.trigger("unmarkVisited");return this},deselect:function(){this.nav.removeClass("active");this.el.hide();this.trigger("deselect");return this},enable:function(){this.log("enabling");this.nav.addClass("active");this._disabled=false;this.trigger("enabled");return this},disable:function(e){this.log("disabling");this._disabled=true;this.nav.removeClass("active already-visited");if(e){this.el.hide()}this.trigger("disabled");return this},isDisabled:function(){return this._disabled},alreadyVisited:function(){return this.nav.hasClass("already-visited")},isSelected:function(){return this.nav.hasClass("active")},reload:function(){this._loaded=true;this.trigger("reload");return this},on:function(){return this.wizard.on.apply(this,arguments)},trigger:function(){this.callListener("on"+arguments[0]);return this.wizard.trigger.apply(this,arguments)},toggleAlert:function(t,n){this.log("toggling alert to: "+n);n=typeof n=="undefined"?true:n;if(n){this.trigger("showAlert")}else{this.trigger("hideAlert")}var r;var i=this.el.children("h3").first().next("div.alert");if(i.length==0){if(!n){return this}this.log("couldn't find existing alert div, creating one");r=e("");r.addClass("alert");r.addClass("hide");r.insertAfter(this.el.find("h3").first())}else{this.log("found existing alert div");r=i.first()}if(n){if(t!=null){this.log("setting alert msg to",t);r.html(t)}r.show()}else{r.hide()}return this},callListener:function(e){e=e.toLowerCase();this.log("looking for listener "+e);var t=window[this.el.data(e)];if(t){this.log("calling listener "+e);var n=this.wizard;try{var r=t(this)}catch(i){this.log("exception calling listener "+e+": ",i)}}else{this.log("didn't find listener "+e)}},problem:function(e){this.nav.find("a").toggleClass("wizard-step-error",e)},validate:function(){var t=false;var n=this;this.el.find("[data-validate]").each(function(r,i){n.log("validating individiual inputs");i=e(i);var s=i.data("validate");if(!s){return}var o={status:true,title:"Error",msg:""};var u=window[s](i);e.extend(o,u);if(e("#btn-"+i.attr("id")).length===1){i=e("#btn-"+i.attr("id"))}if(!o.status){t=true;i.parents("div.form-group").toggleClass("has-error",true);if(e("#btn-"+i.attr("id")).length===1){i=e("#btn-"+i.attr("id"))}n.wizard.errorPopover(i,o.msg)}else{i.parents("div.form-group").toggleClass("has-error",false);if(e("#btn-"+i.attr("id")).length===1){i=e("#btn-"+i.attr("id"))}try{i.popover("destroy")}catch(a){i.popover("hide")}}});this.log("after validating inputs, failures is",t);var r=window[this.el.data("validate")];if(r){this.log("running html-embedded card validator");var i=r(this);if(typeof i=="undefined"||i==null){i=true}if(!i)t=true;this.log("after running html-embedded card validator, failures is",t)}this.log("running listener validator");var s=this.trigger("validate");if(typeof s=="undefined"||s==null){s=true}if(!s)t=true;this.log("after running listener validator, failures is",t);var o=!t;if(o){this.log("validated, calling listeners");this.trigger("validated")}else{this.log("invalid");this.trigger("invalid")}return o},log:function(){if(!window.console||!e.fn.wizard.logging){return}var t="card '"+this.name+"': ";var n=[t];n.push.apply(n,arguments);console.log.apply(console,n)},isActive:function(){return this.nav.hasClass("active")}};Wizard=function(t,n){this.wizard_template=['',
+ '',
+ '
',
+ '','
"];this.args={keyboard:true,backdrop:true,show:false,submitUrl:"",showCancel:false,showClose:true,progressBarCurrent:false,increaseHeight:0,contentHeight:300,contentWidth:'50%',buttons:{cancelText:"Cancel",nextText:"Next",backText:"Back",submitText:"Submit",submittingText:"Submitting..."},formClass:"form-horizontal"};e.extend(this.args,n||{});this._create(t)};Wizard.prototype={log:function(){if(!window.console||!e.fn.wizard.logging){return}var t="wizard "+this.el.id+": ";var n=[t];n.push.apply(n,arguments);console.log.apply(console,n)},_create:function(t){this.markup=e(t);this.title=this.markup.data("title");this.submitCards=this.markup.find(".wizard-error,.wizard-failure,.wizard-success,.wizard-loading");this.el=e(this.wizard_template.join("\n"));e("body").append(this.el);this.modal=this.el.modal({keyboard:this.args.keyboard,show:this.args.show,backdrop:this.args.backdrop});this.dimensions={contentHeight:this.args.contentHeight,contentWidth:this.args.contentWidth};this.dialog=this.modal.find(".wizard-dialog");this.content=this.modal.find(".wizard-content");this.header=this.modal.find(".wizard-header");this.body=this.modal.find(".wizard-body");this.wizardSteps=this.modal.find(".wizard-steps");this.wizardCards=this.modal.find(".wizard-cards");this.wizardCardContainer=this.modal.find(".wizard-card-container");this.wizardCardContainer.append(this.markup.find(".wizard-card")).append(this.submitCards);this.navContainer=this.modal.find(".wizard-nav-container");this.navList=this.modal.find(".wizard-nav-list");this.progressContainer=this.modal.find(".wizard-progress-container");this.progress=this.progressContainer.find(".progress-bar");this.closeButton=this.modal.find("button.wizard-close.close");this.cardsContainer=this.modal.find("wizard-cards-container");this.form=this.modal.find("form");this.footer=this.modal.find(".wizard-footer");this.cancelButton=this.footer.find(".wizard-cancel");this.backButton=this.footer.find(".wizard-back");this.nextButton=this.footer.find(".wizard-next");this._cards=[];this.cards={};this._readyToSubmit=false;this.percentComplete=0;this._submitting=false;this._events={};this._firstShow=true;this._createCards();this.nextButton.click(this,this._handleNextClick);this.backButton.click(this,this._handleBackClick);this.cancelButton.text(this.args.buttons.cancelText);this.backButton.text(this.args.buttons.backText);this.nextButton.text(this.args.buttons.nextText);this.form.addClass(this.args.formClass);this.popovers=[];var n=this;var r=function(){n.reset();n.close();n.trigger("closed")};this.closeButton.click(r);this.cancelButton.click(r);this.wizardSteps.on("click","li.already-visited a.wizard-nav-link",this,function(t){var n=parseInt(e(t.target).data("navindex"));t.data.setCard(n)});if(this.title.length!=0){this.setTitle(this.title)}this.on("submit",this._defaultSubmit);this.autoDimensions()},autoDimensions:function(){this.modal.css("display","block");this.dimensions.header=this.header.outerHeight(true);this.dimensions.navigation=this.wizardSteps.outerHeight(true);if(this.dimensions.navigation','","
","Setup Geo-Dashboard
+ +
+
+
+ *CEP info
+ + +
+
+
+ Mysql conf
+ + + +
+
+
+
+
+ CEP queries
+ +
+
+
+ Download CEP configuration files
+ (eventbuilders,eventformatters,executionplans,inputeventadaptors,outputeventadaptors) and
+ copy into
{path_to_cep}/repository/deployment/server/ directory.
+
+
+
+
+ Download CEP stream definitions and
+ append to
{path_to_cep}/repository/conf/data-bridge/stream-definitions.xml file.
+
+
+ +
+
+ CEP Ext's
+
+
+
+ Get (Clone) a copy of siddhi geo extensions from github and build the necessary extensions and put .jar(s)> into
+
{path_to_cep}/repository/components/lib/ directory.
+
+ +
+
+
+
+ Add the following fully-qualified class name(s) to
+
{path_to_cep}/repository/conf/siddhi/siddhi.extension file.
+
+ org.wso2.cep.geo.notify.NotifyAlert
+
+ org.wso2.cep.geo.functions.EventIdGenerator
+ org.wso2.cep.geo.libs.FuseEvents
+ org.wso2.cep.geo.libs.executionPlanSubscriber
+ org.wso2.cep.geo.proximity.GeoProximity
+ org.wso2.cep.geo.GeoIsWithin
+
+
{path_to_cep}/modules/carbon/scripts/server/ directory in Jaggery server. +
\ No newline at end of file
diff --git a/controllers/setup_dashboard.jag b/controllers/setup_dashboard.jag
new file mode 100644
index 0000000..9d888a4
--- /dev/null
+++ b/controllers/setup_dashboard.jag
@@ -0,0 +1,9 @@
+<%
+
+var log = new Log();
+log.info(request.getAllParameters("UTF-8"));
+response.contentType = 'application/json';
+response.characterEncoding = 'UTF-8';
+response.content = true;
+
+%>
\ No newline at end of file
diff --git a/index.jag b/index.jag
index 062fabb..b50dc0a 100755
--- a/index.jag
+++ b/index.jag
@@ -15,11 +15,27 @@
+
+
+
+
+
+
+
+
@@ -73,7 +89,7 @@
Update jaggery
+ If you get the following error when trying to login, Most probably it is cause by using outdated jaggery server. +
+ HTTP Status 500 - org.mozzila,javascript.EcmaError: TypeErrorL Cannot find tenantUser in object [object Object].(/geo_dashboard/controllers/authentication.jag#13)
+
+ Copy this directory to your local{path_to_cep}/modules/carbon/scripts/server/ directory in Jaggery server. +
- 
+
@@ -87,9 +103,144 @@
+
+