cronapp-framework-js
Version:
Javascript library for CronApp's projects
65 lines (63 loc) • 2.54 kB
HTML
<div class="ctn-wizard" crn-wizard>
<ul class="nav-wizard" role="tablist" id="wizard-tablist">
<li role="presentation" class="active">
<a data-target="#step1" role="tab" data-toggle="tab" data-container="true">
<div class="step-circle">
<span class="step-number">1</span>
</div>
<div class="step-title">Step 1</div>
</a>
</li>
<li role="presentation">
<a data-target="#step2" role="tab" data-toggle="tab" data-container="true">
<div class="step-circle">
<span class="step-number">2</span>
</div>
<div class="step-title">Step 2</div>
</a>
</li>
<li role="presentation">
<a data-target="#step3" role="tab" data-toggle="tab" data-container="true">
<div class="step-circle">
<span class="step-number">3</span>
</div>
<div class="step-title">Step 3</div>
</a>
</li>
</ul>
<div class="tab-content" id="wizard-tabcontent">
<div role="tabpanel" class="tab-pane active" id="step1">
<div data-container="true" data-replace="true"></div>
</div>
<div role="tabpanel" class="tab-pane" id="step2">
<div data-container="true" data-replace="true"></div>
</div>
<div role="tabpanel" class="tab-pane" id="step3">
<div data-container="true" data-replace="true"></div>
</div>
</div>
<div class="wizard-buttons">
<div class="step-counter"><span id="current-step">1</span> de <span id="total-steps">{{ totalSteps }}</span></div>
<div class="ctrl-button">
<button
class="btn k-button btn-block btn-default"
ng-click=""
xattr-fullsize="btn-block"
xattr-theme="btn-default"
xattr-disabled=""
id="prev-step"
ng-click="scope.goToStep(currentStep - 1)"
ng-disabled="currentStep === 1 || requiredInvalid"
ng-class="{'btn-primary': theme === 'primary', 'btn-default': theme === 'default'}"
>
<span>Voltar</span>
</button>
<button class="k-button" id="next-step" ng-click="scope.goToStep(currentStep + 1)" ng-disabled="nextButtonDisabled" ng-class="{'btn-primary': theme === 'primary', 'btn-default': theme === 'default'}">
<span>Avançar</span>
</button>
<button class="btn k-button" id="finish-wizard" ng-click="scope.finishWizard()" ng-disabled="requiredInvalid" ng-class="{'btn-primary': theme === 'primary', 'btn-default': theme === 'default'}">
<span>Concluir</span>
</button>
</div>
</div>
</div>