diff options
Diffstat (limited to 'js/dojo/dojox/widget/Wizard.js')
| -rw-r--r-- | js/dojo/dojox/widget/Wizard.js | 210 |
1 files changed, 210 insertions, 0 deletions
diff --git a/js/dojo/dojox/widget/Wizard.js b/js/dojo/dojox/widget/Wizard.js new file mode 100644 index 0000000..5421958 --- /dev/null +++ b/js/dojo/dojox/widget/Wizard.js @@ -0,0 +1,210 @@ +//>>built +require({cache:{ +'url:dojox/widget/Wizard/Wizard.html':"<div class=\"dojoxWizard\" dojoAttachPoint=\"wizardNode\">\n <div class=\"dojoxWizardContainer\" dojoAttachPoint=\"containerNode\"></div>\n <div class=\"dojoxWizardButtons\" dojoAttachPoint=\"wizardNav\">\n <button dojoType=\"dijit.form.Button\" type=\"button\" dojoAttachPoint=\"previousButton\">${previousButtonLabel}</button>\n <button dojoType=\"dijit.form.Button\" type=\"button\" dojoAttachPoint=\"nextButton\">${nextButtonLabel}</button>\n <button dojoType=\"dijit.form.Button\" type=\"button\" dojoAttachPoint=\"doneButton\" style=\"display:none\">${doneButtonLabel}</button>\n <button dojoType=\"dijit.form.Button\" type=\"button\" dojoAttachPoint=\"cancelButton\">${cancelButtonLabel}</button>\n </div>\n</div>\n"}}); +define("dojox/widget/Wizard", [ + "dojo/_base/lang", + "dojo/_base/declare", + "dojo/_base/connect", + "dijit/layout/StackContainer", + "dijit/layout/ContentPane", + "dijit/form/Button", + "dijit/_TemplatedMixin", + "dijit/_WidgetsInTemplateMixin", + "dojo/i18n", + "dojo/text!./Wizard/Wizard.html", + "dojo/i18n!dijit/nls/common", + "dojo/i18n!./nls/Wizard" +], function (lang, declare, connect, StackContainer, ContentPane, Button, _TemplatedMixin, _WidgetsInTemplateMixin, i18n, template) { + +var Wizard = declare("dojox.widget.Wizard", [StackContainer, _TemplatedMixin, _WidgetsInTemplateMixin], { + // summary: + // A set of panels that display sequentially, typically notating a step-by-step + // procedure like an install + // + + templateString: template, + + // nextButtonLabel: String + // Label override for the "Next" button. + nextButtonLabel: "", + + // previousButtonLabel: String + // Label override for the "Previous" button. + previousButtonLabel: "", + + // cancelButtonLabel: String + // Label override for the "Cancel" button. + cancelButtonLabel: "", + + // doneButtonLabel: String + // Label override for the "Done" button. + doneButtonLabel: "", + + // cancelFunction: Function|String + // Name of function to call if user presses cancel button. + // Cancel button is not displayed if function is not specified. + cancelFunction: null, + + // hideDisabled: Boolean + // If true, disabled buttons are hidden; otherwise, they are assigned the + // "WizardButtonDisabled" CSS class + hideDisabled: false, + + postMixInProperties: function(){ + this.inherited(arguments); + var labels = lang.mixin({cancel: i18n.getLocalization("dijit", "common", this.lang).buttonCancel}, + i18n.getLocalization("dojox.widget", "Wizard", this.lang)); + var prop; + for(prop in labels){ + if(!this[prop + "ButtonLabel"]){ + this[prop + "ButtonLabel"] = labels[prop]; + } + } + }, + + startup: function(){ + if(this._started){ + //console.log('started'); + return; + } + this.inherited(arguments); + + this.connect(this.nextButton, "onClick", "_forward"); + this.connect(this.previousButton, "onClick", "back"); + + if(this.cancelFunction){ + if(lang.isString(this.cancelFunction)){ + this.cancelFunction = lang.getObject(this.cancelFunction); + } + this.connect(this.cancelButton, "onClick", this.cancelFunction); + }else{ + this.cancelButton.domNode.style.display = "none"; + } + this.connect(this.doneButton, "onClick", "done"); + + this._subscription = connect.subscribe(this.id + "-selectChild", lang.hitch(this,"_checkButtons")); + this._started = true; + + }, + + resize: function(){ + this.inherited(arguments); + this._checkButtons(); + }, + + _checkButtons: function(){ + + var sw = this.selectedChildWidget; + + var lastStep = sw.isLastChild; + this.nextButton.set("disabled", lastStep); + this._setButtonClass(this.nextButton); + if(sw.doneFunction){ + //console.log(sw.doneFunction); + this.doneButton.domNode.style.display = ""; + if(lastStep){ + this.nextButton.domNode.style.display = "none"; + } + }else{ + // #1438 issue here. + this.doneButton.domNode.style.display = "none"; + } + this.previousButton.set("disabled", !this.selectedChildWidget.canGoBack); + this._setButtonClass(this.previousButton); + }, + + _setButtonClass: function(button){ + button.domNode.style.display = (this.hideDisabled && button.disabled) ? "none" : ""; + }, + + _forward: function(){ + // summary: callback when next button is clicked + if(this.selectedChildWidget._checkPass()){ + this.forward(); + } + }, + + done: function(){ + // summary: Finish the wizard's operation + this.selectedChildWidget.done(); + }, + + destroy: function(){ + connect.unsubscribe(this._subscription); + this.inherited(arguments); + } + +}); + +declare("dojox.widget.WizardPane", ContentPane, { + // summary: A panel in a `dojox.widget.Wizard` + // + // description: + // An extended ContentPane with additional hooks for passing named + // functions to prevent the pane from going either forward or + // backwards. + // + // canGoBack: Boolean + // If true, then can move back to a previous panel (by clicking the "Previous" button) + canGoBack: true, + + // passFunction: String + // Name of function that checks if it's OK to advance to the next panel. + // If it's not OK (for example, mandatory field hasn't been entered), then + // returns an error message (String) explaining the reason. Can return null (pass) + // or a Boolean (true == pass) + passFunction: null, + + // doneFunction: String + // Name of function that is run if you press the "Done" button from this panel + doneFunction: null, + + startup: function(){ + this.inherited(arguments); + if(this.isFirstChild){ this.canGoBack = false; } + if(lang.isString(this.passFunction)){ + this.passFunction = lang.getObject(this.passFunction); + } + if(lang.isString(this.doneFunction) && this.doneFunction){ + this.doneFunction = lang.getObject(this.doneFunction); + } + }, + + _onShow: function(){ + if(this.isFirstChild){ this.canGoBack = false; } + this.inherited(arguments); + }, + + _checkPass: function(){ + // summary: + // Called when the user presses the "next" button. + // Calls passFunction to see if it's OK to advance to next panel, and + // if it isn't, then display error. + // Returns true to advance, false to not advance. If passFunction + // returns a string, it is assumed to be a custom error message, and + // is alert()'ed + var r = true; + if(this.passFunction && lang.isFunction(this.passFunction)){ + var failMessage = this.passFunction(); + switch(typeof failMessage){ + case "boolean": + r = failMessage; + break; + case "string": + alert(failMessage); + r = false; + break; + } + } + return r; // Boolean + }, + + done: function(){ + if(this.doneFunction && lang.isFunction(this.doneFunction)){ this.doneFunction(); } + } + +}); + +return Wizard; + +}); |