[#] hm X_Shell Backd00r [#]
<!DOCTYPE html>
<html lang="es" ng-app="AppTest">
<head>
<meta charset="UTF-8">
<title>Document</title>
<!--Import Google Icon Font-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
<link type="text/css" rel="stylesheet" href="css/main.css"/>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body>
<div class="container" ng-controller="CtrlTest as test" ng-cloak>
<div class="row">
<form name="frmTest" ng-submit="savetest()" class="col s12">
<div class="row">
<div class="input-field col s6">
<input id="Nombre" type="text" class="validate" ng-model="test.Nombre" required="true">
<label for="Nombre">Nombre</label>
</div>
<div class="input-field col s6">
<input id="Email" type="email" ng-model="test.Email" class="validate">
<label for="Email">Email</label>
</div>
</div>
<div class="row content-row">
<div class="title-question col s12">
¿Cuántos años tienes?
</div>
<div class="input-field col s12">
<input class="with-gap" type="radio" name="pregunta1" ng-model="test.pregunta1" required="true" ng-value="'15-25'" id="rdo15-25" />
<label for="rdo15-25">15 - 25</label>
</div>
<div class="input-field col s12">
<input class="with-gap" type="radio" name="pregunta1" ng-model="test.pregunta1" required="true" ng-value="'25-35'" id="rdo25-35" />
<label for="rdo25-35">25 - 35</label>
</div>
<div class="input-field col s12">
<input class="with-gap" type="radio" name="pregunta1" ng-model="test.pregunta1" required="true" ng-value="'+ 35'" id="rdo35" />
<label for="rdo35">+ 35</label>
</div>
</div>
<div class="row content-row">
<div class="title-question col s12">
¿Con quién vienes? (esposo, novio(a), amigos, familia)
</div>
<div class="input-field col s12">
<input class="with-gap" name="pregunta2" ng-model="test.pregunta2" ng-value="'Esposo(a)'" type="radio" required="true" id="rdoEsposo" />
<label for="rdoEsposo">Esposo(a)</label>
</div>
<div class="input-field col s12">
<input class="with-gap" name="pregunta2" ng-model="test.pregunta2" ng-value="'Novio(a)'" type="radio" required="true" id="rdoNovio" />
<label for="rdoNovio">Novio(a)</label>
</div>
<div class="input-field col s12">
<input class="with-gap" name="pregunta2" ng-model="test.pregunta2" ng-value="'Amigos'" type="radio" required="true" id="rdoAmigos" />
<label for="rdoAmigos">Amigos</label>
</div>
<div class="input-field col s12">
<input class="with-gap" name="pregunta2" ng-model="test.pregunta2" ng-value="'Familia'" type="radio" required="true" id="rdoFamilia" />
<label for="rdoFamilia">Familia</label>
</div>
</div>
<div class="row content-row">
<div class="col s12">
¿Te gustaría que en nuestros Eventos de Pista Abierta hubiera un tiempo sólo para las mujeres en el que puedan correr en auto dentro de la pista?
</div>
<div class="input-field col s12">
<input class="with-gap" name="pregunta3" ng-model="test.pregunta3" ng-value="'Si'" type="radio" required="true" id="rdoSi-3" />
<label for="rdoSi-3">Si</label>
</div>
<div class="input-field col s12">
<input class="with-gap" name="pregunta3" ng-model="test.pregunta3" ng-value="'No'" type="radio" required="true" id="rdoNo-3" />
<label for="rdoNo-3">No</label>
</div>
</div>
<div class="row content-row">
<div class="col s12">
¿Te gustaría que hubiera actividades para ti en lo que ellos están en pista?
</div>
<div class="input-field col s12">
<input class="with-gap" name="pregunta4" ng-model="test.pregunta4" ng-value="'Si'" type="radio" required="true" id="rdoSi-4" />
<label for="rdoSi-4">Si</label>
</div>
<div class="input-field col s12">
<input class="with-gap" name="pregunta4" ng-model="test.pregunta4" ng-value="'No'" type="radio" required="true" id="rdoNo-4" />
<label for="rdoNo-4">No</label>
</div>
</div>
<div class="row content-row">
<div class="col s12">
¿Cuáles de estas actividades te gustaría que hubieran?
</div>
<div class="input-field col s12">
<input class="with-gap" type="checkbox" required="true" ng-model="test.pregunta5" ng-value="'Belleza (corte de cabello, manicura, maquillaje...)'" id="Belleza" />
<label for="Belleza">
Belleza (corte de cabello, manicura, maquillaje...)
</label>
</div>
<div class="input-field col s12">
<input class="with-gap" type="checkbox" required="true" ng-model="test.pregunta5" ng-value="'Ejercicio aeróbico (zumba, yoga, aeróbics...)'" id="Ejercicio" />
<label for="Ejercicio">
Ejercicio aeróbico (zumba, yoga, aeróbics...)
</label>
</div>
<div class="input-field col s12">
<input class="with-gap" type="checkbox" required="true" ng-model="test.pregunta5" ng-value="'Recreativo (manualidades, decoración...)'" id="Recreativo" />
<label for="Recreativo">
Recreativo (manualidades, decoración...)
</label>
</div>
<div class="input-field col s12">
<input class="with-gap" type="checkbox" required="true" ng-model="test.pregunta5" ng-value="'Otras'" id="Otras" />
<label for="Otras">Otras</label>
</div>
</div>
<div class="row">
<div class="input-field col s12" ng-show="test.pregunta5 == 'Otras'">
<input id="Especifica" type="text" ng-model="test.Especifica" ng-required="test.pregunta5 == 'Otras'">
<label for="Especifica">Especifíca tu respuesta:</label>
</div>
</div>
<div class="row content-row">
<div class="col s12">
¿Te gustaría pagar una cantidad fija y que puedas participar en todas las actividades, o pagarías cada una individual?
</div>
<div class="input-field col s12">
<input class="with-gap" name="pregunta7" ng-model="test.pregunta7" ng-value="'Todas'" type="radio" required="true" id="rdoTodas" />
<label for="rdoTodas">Todas</label>
</div>
<div class="input-field col s12">
<input class="with-gap" name="pregunta7" ng-model="test.pregunta7" ng-value="'Individual'" type="radio" required="true" id="rdoIndividual" />
<label for="rdoIndividual">Individual</label>
</div>
</div>
<div class="row">
<div class="input-field col s12 right-align">
<button class="btn waves-effect waves-light" ng-class="{'disabled': frmTest.$invalid}" ng-disabled="frmTest.$invalid" type="submit" name="action">Enviar Encuesta
<i class="material-icons right">send</i>
</button>
</div>
</div>
</form>
</div>
</div>
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</body>
</html'>'
Mr.hm X_Shell Backd00r 1.0, Coded By Mr.hm X_Shell Backd00r