cronapp-framework-js/dist/components/templates/wizard.template.html

Javascript library for CronApp's projects

<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>