cobuild-angular-stack
Version:
Base stack angular sass jade gulp
182 lines • 10.6 kB
HTML
<div class="row" style="position: relative">
<div ng-class="{'col-sm-3':step.useTemplate, 'col-sm-12': !step.useTemplate}">
<ng-form class="form-horizontal" name="formStep">
<div class="row">
<div ng-class="{'col-md-3':!step.useTemplate,'col-md-12':step.useTemplate}">
<div class="form-group has-feedback">
<div class="col-md-10 col-md-offset-1">
<label class="control-label">Titulo</label>
<input type="text" name="title" ng-model="step.title" required="" placeholder="Titulo"
autofocus=""
class="form-control"/>
<span class="ion-at form-control-feedback"></span>
</div>
</div>
<div class="form-group has-feedback">
<div class="col-md-10 col-md-offset-1">
<div class="checkbox">
<label>
<input type="checkbox" name="enabled" ng-model="step.enabled"
placeholder="enabled"/>
<span class="checkbox-material"><span class="check"></span></span>
Habilitado
</label>
</div>
</div>
</div>
<div class="form-group has-feedback">
<div class="col-md-10 col-md-offset-1">
<div class="checkbox">
<label>
<input type="checkbox" name="show" ng-model="step.showOnBreadcrumb"
placeholder="show"/>
<span class="checkbox-material"><span class="check"></span></span>
Listar en Breadcrumbs
</label>
</div>
</div>
</div>
<div class="form-group has-feedback">
<div class="col-md-10 col-md-offset-1">
<div class="checkbox">
<label>
<input type="checkbox" name="use-template" ng-model="step.useTemplate"
placeholder="use template"/>
<span class="checkbox-material"><span class="check"></span></span>
Usar plantilla
</label>
</div>
</div>
</div>
<div ng-show="step.useTemplate" class="form-group has-feedback">
<div class="col-md-10 col-md-offset-1">
<label class="control-label">URL de la Plantilla</label>
<input type="text" name="template-url" ng-model="step.templateUrl"
ng-required="step.useTemplate"
placeholder="templateUrl" autofocus=""
class="form-control"/>
<span class="ion-at form-control-feedback"></span>
</div>
</div>
<div ng-show="step.useTemplate" class="form-group has-feedback">
<div class="col-md-10 col-md-offset-1">
<label class="control-label">Controlador</label>
<input type="text" name="controller" ng-model="step.controller"
placeholder="Controlador" autofocus=""
class="form-control"/>
<span class="ion-at form-control-feedback"></span>
</div>
</div>
<div class="form-group has-feedback">
<div class="col-md-10 col-md-offset-1">
<div class="checkbox">
<label>
<input type="checkbox" name="has-back-btn" ng-model="step.hasBackBtn"
placeholder="has back btn"/>
<span class="checkbox-material"><span class="check"></span></span>
¿Tiene Boton Regresar?
</label>
</div>
</div>
</div>
<div ng-show="step.hasBackBtn" class="form-group no-margintop has-feedback">
<div class="col-md-10 col-md-offset-1">
<label class="control-label no-margintop">Texto boton Regresar</label>
<input type="text" name="back-btn" ng-model="step.backBtn"
ng-required="step.hasBackBtn"
placeholder="Texto Boton" autofocus=""
class="form-control"/>
<span class="ion-at form-control-feedback"></span>
</div>
</div>
<div class="form-group has-feedback">
<div class="col-md-10 col-md-offset-1">
<div class="checkbox">
<label>
<input type="checkbox" name="has-next-btn" ng-model="step.hasNextBtn"
placeholder="has next btn"/>
<span class="checkbox-material"><span class="check"></span></span>
¿Tiene Boton Siguiente?
</label>
</div>
</div>
</div>
<div ng-show="step.hasNextBtn" class="form-group no-margintop has-feedback">
<div class="col-md-10 col-md-offset-1">
<label class="control-label no-margintop">Texto boton Siguiente</label>
<input type="text" name="next-btn" ng-model="step.nextBtn"
ng-required="step.hasNextBtn"
placeholder="Texto Boton" autofocus=""
class="form-control"/>
<span class="ion-at form-control-feedback"></span>
</div>
</div>
<div class="form-group has-feedback">
<div class="col-md-10 col-md-offset-1">
<div class="checkbox">
<label>
<input type="checkbox" name="has-skip-btn" ng-model="step.hasSkipBtn"
placeholder="has skip btn"/>
<span class="checkbox-material"><span class="check"></span></span>
¿Puede ser saltado?
</label>
</div>
</div>
</div>
<div ng-show="step.hasSkipBtn" class="form-group no-margintop has-feedback">
<div class="col-md-10 col-md-offset-1">
<label class="control-label no-margintop">Texto boton Saltar</label>
<input type="text" name="skip-btn" ng-model="step.skipBtn"
ng-required="step.hasSkipBtn"
placeholder="Texto Boton" autofocus=""
class="form-control"/>
<span class="ion-at form-control-feedback"></span>
</div>
</div>
<div class="form-group has-feedback">
<div class="col-md-10 col-md-offset-1">
<label class="control-label">Endpoint</label>
<input type="text" name="endpoint" ng-model="step.endpoint" placeholder="endpoint"
autofocus=""
class="form-control"/>
<span class="ion-at form-control-feedback"></span>
</div>
</div>
<div class="row">
<div class="pull-left">
<div class="col-md-10 col-md-offset-1">
<button type="submit" ng-disabled="formStep.$invalid"
ng-click="formStep.$valid && stepCtrl.update(step)"
class="btn btn-raised btn-primary">
Guardar Paso
</button>
</div>
</div>
</div>
</div>
<div class="col-md-9" ng-show="!step.useTemplate">
<div class="form-group has-feedback margin-top-7">
<div class="col-md-10 col-md-offset-1">
<textarea ckeditor="editorOptions" name="custom-html" ng-model="step.customTemplate"
ng-required="!step.useTemplate && step.enabled">
</textarea>
</div>
</div>
</div>
</div>
</ng-form>
</div>
<div class="col-md-9" ng-show="step.useTemplate">
<div class="form-group has-feedback">
<div class="col-md-10 col-md-offset-1" ng-show="step.useTemplate">
<div ng-include="step.templateUrl" style="background-color: white"></div>
</div>
</div>
</div>
<!--
<button class="btn btn-danger" ng-click="sBCtrl.removeStep(onboarding, step)">Eliminar Paso</button>
-->
<button class="btn btn-danger" style="position: absolute; right:10px; top:0 "
ng-click="stepCtrl.remove(onboarding, step)">Eliminar Paso
</button>
</div>