client-ui
Version:
Testing implementation of nodeJs Backend, angular frontend, and hopefully in a way that this can be deployed to s3/cloudfront
55 lines • 2.52 kB
HTML
<div ng-if="!isAcceptedLoan">
<div class="navbar">
<div class="row text-center steps">
<div id="info" class="col-xs-3" ui-sref-active="activestep" ui-sref="loanApplication.account-creation"
ng-class="{'complete': loanExists}">
<div class="step-icon">
<span class="number" ng-if="!loanExists">1</span>
<span ng-if="loanExists"><i class="fa fa-check"></i></span>
</div>
<div class="step-text">
<span>Personal Info</span>
</div>
</div>
<div id="select" class="col-xs-3" ui-sref-active="activestep" ui-sref="loanApplication.loanOptions"
ng-class="isOfferAccepted ? 'complete' : ''">
<div class="step-icon">
<span class="number" ng-if="!isOfferAccepted">2</span>
<span ng-if="isOfferAccepted"><i class="fa fa-check"></i></span>
</div>
<div class="step-text">
<span>Loan options</span>
</div>
</div>
<div id="verify" class="col-xs-3"
ui-sref-active="activestep" ui-sref="{{currentVerificationStep()}}"
ng-class="{'complete':isVerificationDone,
'activestep':$state.includes('loanApplication.verify')}">
<div class="step-icon">
<span class="number" ng-if="!isVerificationDone">3</span>
<span ng-if="isVerificationDone"><i class="fa fa-check"></i></span>
</div>
<div class="step-text">
<span>Verification</span>
</div>
</div>
<div class="col-xs-3" ng-if="isVerificationDone" ui-sref="{{currentRecieveMoneyStep()}}"
ng-class="{ 'activestep': isReceiveMoneyStep }">
<div class="step-icon">
<span class="number">4</span>
</div>
<div class="step-text">
<span>Receive Money</span>
</div>
</div>
<div class="col-xs-3 no-hover" ng-if="!isVerificationDone">
<div class="step-icon">
<span class="number">4</span>
</div>
<div class="step-text">
<span>Receive Money</span>
</div>
</div>
</div>
</div>
</div>