72 lines
2.5 KiB
JavaScript
72 lines
2.5 KiB
JavaScript
({
|
|
|
|
doInit: function(component, event, helper) {
|
|
// for Display Model,set the "isOpen" attribute to "true"
|
|
var getCurrentStep = component.get("v.currentStep");
|
|
if(getCurrentStep == "1"){
|
|
component.set("v.currentStep", "1");
|
|
}
|
|
else if(getCurrentStep == 2){
|
|
component.set("v.currentStep", "2");
|
|
}else if(getCurrentStep == 3){
|
|
component.set("v.currentStep", "3");
|
|
}
|
|
|
|
var currentstep = component.get("v.currentStep");
|
|
if(currentstep == 2){
|
|
$A.util.addClass(component.find('step2'), 'slds-show');
|
|
component.set("v.currentStep",currentstep);
|
|
}
|
|
|
|
},
|
|
|
|
openModel: function(component, event, helper) {
|
|
// for Display Model,set the "isOpen" attribute to "true"
|
|
component.set("v.isOpen", true);
|
|
},
|
|
|
|
closeModel: function(component, event, helper) {
|
|
// for Hide/Close Model,set the "isOpen" attribute to "Fasle"
|
|
component.set("v.isOpen", false);
|
|
},
|
|
|
|
moveNext : function(component,event,helper){
|
|
// control the next button based on 'currentStep' attribute value
|
|
var getCurrentStep = component.get("v.currentStep");
|
|
if(getCurrentStep == "1"){
|
|
component.set("v.currentStep", "2");
|
|
}
|
|
else if(getCurrentStep == 2){
|
|
component.set("v.currentStep", "3");
|
|
}
|
|
},
|
|
|
|
moveBack : function(component,event,helper){
|
|
// control the back button based on 'currentStep' attribute value
|
|
var getCurrentStep = component.get("v.currentStep");
|
|
if(getCurrentStep == "2"){
|
|
component.set("v.currentStep", "1");
|
|
}
|
|
else if(getCurrentStep == 3){
|
|
component.set("v.currentStep", "2");
|
|
}
|
|
},
|
|
|
|
finish : function(component,event,helper){
|
|
// on last step show the alert msg, hide popup modal box and reset the currentStep attribute
|
|
//alert('Thank You !');
|
|
component.set("v.isOpen", false);
|
|
component.set("v.currentStep", "1");
|
|
},
|
|
|
|
// when user click direactly on step 1,step 2 or step 3 indicator then showing appropriate step using set 'currentStep'
|
|
selectFromHeaderStep1 : function(component,event,helper){
|
|
component.set("v.currentStep", "1");
|
|
},
|
|
selectFromHeaderStep2 : function(component,event,helper){
|
|
component.set("v.currentStep", "2");
|
|
},
|
|
selectFromHeaderStep3 : function(component,event,helper){
|
|
component.set("v.currentStep", "3");
|
|
},
|
|
}) |