Skip to main content
<!--

 

 - Created by 7Summits on 1/31/18.

 

 -->

 

<aura:component description="CCM_LongForm" implements="force:appHostable,flexipage:availableForAllPageTypes,forceCommunity:availableForAllPageTypes">

 

    <aura:handler name="init" value="{!this}" action="{!c.init}"/>

 

    <!-- private attributes -->

 

    <aura:attribute name="progress" type="Map" access="private" />

 

    <aura:attribute name="formData" type="Map" default="{}" access="private" />

 

    <aura:attribute name="store" type="Map" default="{}" access="private" />

 

    <aura:attribute name="hasInit" type="Boolean" default="false" access="private" />

 

    <!-- end private attributes -->

 

    <section class="ccm-form-wrapper slds-p-vertical_x-large slds-p-horizontal_medium">

 

        <div class="progressBarContainer slds-container_center slds-container_large">

 

            <c:CCM_LongForm_ProgressBar progress="{!v.progress}"/>

 

        </div>

 

        <div class="formContainer slds-container_center slds-container_large slds-p-vertical_x-large slds-p-horizontal_medium" >

 

            <aura:if isTrue="{!v.hasInit == true}">

 

                <aura:if isTrue="{!v.progress[0].active == true}">

 

                    <c:CCM_LongForm_YourMortgage store="{!v.store}" />

 

                </aura:if>

 

                <aura:if isTrue="{!and(v.progress[1].active == true, v.progress[1].completedStage == false)}">

 

                    <c:CCM_LongForm_Property store="{!v.store}" />

 

                </aura:if>

 

                <aura:if isTrue="{!and(v.progress[1].active == true, v.progress[1].completedStage == true)}">

 

                    <c:CCM_LongForm_ThePropertyTwo store="{!v.store}" />

 

                </aura:if>

 

                <aura:if isTrue="{!and(v.progress[2].active == true, v.progress[2].completedStage == false)}">

 

                    <c:CCM_LongForm_PersonalInfo store="{!v.store}" />

 

                </aura:if>

 

                <aura:if isTrue="{!and(v.progress[2].active == true, v.progress[2].completedStage == true)}">

 

                    <c:CCM_LongForm_PersonalInfoTwo store="{!v.store}" />

 

                </aura:if>

 

                <aura:if isTrue="{!and(v.progress[3].active == true, v.progress[3].completedStage == false)}">

 

                    <c:CCM_LongForm_HomeHistory1 store="{!v.store}" />

 

                </aura:if>

 

                <aura:if isTrue="{!and(v.progress[3].active == true, v.progress[3].completedStage == true)}">

 

                    <c:CCM_LongForm_HomeHistory2 store="{!v.store}" />

 

                </aura:if>

 

                <aura:if isTrue="{!and(v.progress[4].active == true, v.progress[4].completedStage == false)}">

 

                    <c:CCM_LongForm_Money store="{!v.store}" />

 

                </aura:if>

 

                <aura:if isTrue="{!and(v.progress[4].active == true, and(v.progress[4].completedStage == true, v.progress[4].completedStageTwo == false))}">

 

                    <c:CCM_LongForm_MoneyTwo store="{!v.store}" />

 

                </aura:if>

 

                <aura:if isTrue="{!and(v.progress[4].active == true, and(v.progress[4].completedStage == true, v.progress[4].completedStageTwo == true))}">

 

                    <c:CCM_LongForm_MoneyThree store="{!v.store}" />

 

                </aura:if>

 

                <!-- declaration -->

 

                <aura:if isTrue="{!v.progress[5].active == true}">

 

                    <c:CCM_LongForm_Declaration store="{!v.store}" />

 

                </aura:if>

 

                <!-- Submit -->

 

                <aura:if isTrue="{!v.progress[6].active == true}">

 

                    <c:CCM_LongForm_Final store="{!v.store}" />

 

                </aura:if>

 

            </aura:if>

 

        </div>

 

    </section>

 

</aura:component>

 

above is the compoenent code can anyone help me with this 
3 réponses
0/9000