Cambio Checkboxes por Sliders

jcheca · Mar 9, 2016 · f27ea15 · f27ea15
1 parent 3032941
commit f27ea15
Show file tree

Hide file tree

Showing 11 changed files with 73 additions and 8 deletions.
diff --git a/README.md b/README.md
@@ -21,6 +21,7 @@ The aim of this study is to propose a method for the early detection of MetS in
 	* Facebook Style Template from <http://www.bootply.com/96266>
 	* Charts.js from <http://www.chartjs.org>
     	* tc-angular-chartjs from <http://carlcraig.github.io/tc-angular-chartjs>
+        * angular-switcher from <https://github.com/indrimuska/angular-switcher.git> de "indrimuska"
 
 *Date: Feb.2016*
 
@@ -29,5 +30,6 @@ The aim of this study is to propose a method for the early detection of MetS in
 ```
 23.02.2016 - Multidioma. Incluido textos en español.
 26.02.2016 - Añadido Doughnut Grafico.
-01.03.2016 - Android XDK Project
+08.03.2016 - Imágenes Cintura-Presion Arterial. SPA
+09.03.2016 - Cambiado los Checkboxes por Sliders.
 ```
diff --git a/ab.html b/ab.html
@@ -17,6 +17,8 @@
 		<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
 	<![endif]-->
 	<link href="css/styles.css" rel="stylesheet">
+  <link href="css/angular-switcher.min.css" rel="stylesheet">
+
 </head>
 <body ng-app="mets" ng-controller="Idioma">
 <div class="wrapper">
@@ -185,7 +187,9 @@ <h5>Acerca de NIM MetS v.1 - <i>Feb.2016</i></h5>
     <script src="js/mets.js"></script>
     <script src="js/pdfplugin.js"></script>
     <script src='js/Chart.min.js'></script>
-    <script src='js/tc-angular-chartjs.min.js'></script>    
+    <script src='js/tc-angular-chartjs.min.js'></script>   
+    <script src='js/angular-switcher.min.js'></script>
+
 
 
 	</body>

diff --git a/au.html b/au.html
@@ -14,6 +14,8 @@
 		<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
 	<![endif]-->
 	<link href="css/styles.css" rel="stylesheet">
+  <link href="css/angular-switcher.min.css" rel="stylesheet">
+
 </head>
 <body ng-app="mets" ng-controller="Idioma">
 <div class="wrapper">
@@ -177,7 +179,9 @@ <h5>Autores.</h5>
 		<script src="js/scripts.js"></script>
     <script src="js/mets.js"></script>
     <script src='js/Chart.min.js'></script>
-    <script src='js/tc-angular-chartjs.min.js'></script>    
+    <script src='js/tc-angular-chartjs.min.js'></script> 
+    <script src='js/angular-switcher.min.js'></script>
+
 
 	</body>
 </html>
diff --git a/css/angular-switcher.min.css b/css/angular-switcher.min.css
diff --git a/ht.html b/ht.html
@@ -14,6 +14,8 @@
 		<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
 	<![endif]-->
 	<link href="css/styles.css" rel="stylesheet">
+  <link href="css/angular-switcher.min.css" rel="stylesheet">
+
 </head>
 <body ng-app="mets" ng-controller="Idioma">
 <div class="wrapper">
@@ -214,6 +216,8 @@ <h5>Técnica de medición.</h5>
     <script src="js/mets.js"></script>
     <script src='js/Chart.min.js'></script>
     <script src='js/tc-angular-chartjs.min.js'></script>    
+    <script src='js/angular-switcher.min.js'></script>
+
 
 	</body>
 </html>
diff --git a/index.html b/index.html
@@ -17,6 +17,8 @@
 		<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
 	<![endif]-->
 	<link href="css/styles.css" rel="stylesheet">
+	<link href="css/angular-switcher.min.css" rel="stylesheet">
+
 
 </head>
 <body ng-app="mets" ng-controller="Idioma">
@@ -158,7 +160,38 @@ <h5>Implicaciones para la Práctica.</h5>
                         <h5>Responda a estas preguntas para comprobar su estado.</h5>
                         </div>
 
+                        <hr>
+						<strong ng-if="Idioma == 'EN'">Is WtHR >= 0,55 ?</strong>
+						<strong ng-if="Idioma == 'ES'">Es el ICT >= 0,55 ?</strong>
+                            <p><switcher ng-model="user.cb1" true-value="true" true-label="Yes/Si" false-value="false" false-label="No"></switcher></p>
+
+
+						<strong ng-if="Idioma == 'EN'">Is Blood Pressure >= 128/85 mmHg ?</strong>		
+						<strong ng-if="Idioma == 'ES'">Es la Presión Arterial >= 128/85 mmHg ?</strong>						
+                            <p><switcher ng-model="user.cb2" true-value="true" true-label="Yes/Si" false-value="false" false-label="No"></switcher></p>
+						<hr>
+
+
+
+
+					<!--
+                    <div class="row">
+                    <div class="col-lg-12">
+						<strong ng-if="Idioma == 'EN'">Is Blood Pressure >= 128/85 mmHg ?</strong>
+						<strong ng-if="Idioma == 'ES'">Es la Presión Arterial >= 128/85 mmHg ?</strong>
+						<switcher ng-model="user.cb2" true-value="true" true-label="Yes" false-value="false" false-label="No" ng-if="Idioma == 'EN'"></switcher>
+						<switcher ng-model="user.cb2" true-value="true" true-label="Si" false-value="false" false-label="No" ng-if="Idioma == 'ES'"></switcher>	
+					</div>
+					<div>
+					-->
+
+
 
+
+
+
+
+					<!--
                         <div class="row">
                           <div class="col-lg-6">
                             <div class="input-group">
@@ -168,8 +201,8 @@ <h5>Responda a estas preguntas para comprobar su estado.</h5>
                               <input type="text" class="form-control" value="Is WtHR >= 0,55 ?" disabled ng-if="Idioma == 'EN'">
                               <input type="text" class="form-control" value="Es el ICT >= 0,55 ?" disabled ng-if="Idioma == 'ES'">
 
-                            </div><!-- /input-group -->
-                          </div><!-- /.col-lg-6 -->
+                            </div>
+                          </div>
                         </div>
 
                         <p>
@@ -182,9 +215,10 @@ <h5>Responda a estas preguntas para comprobar su estado.</h5>
                               </span>
                               <input type="text" class="form-control" value="Is Blood Pressure >= 128/85 mmHg ?" disabled ng-if="Idioma == 'EN'">
                               <input type="text" class="form-control" value="Es la Presión Arterial >= 128/85 mmHg ?" disabled ng-if="Idioma == 'ES'">
-                            </div><!-- /input-group -->
-                          </div><!-- /.col-lg-6 -->
+                            </div>
+                          </div>
                         </div>
+                        -->
 
                         <p>
                         <div class="row">
@@ -329,6 +363,8 @@ <h5>Responda a estas preguntas para comprobar su estado.</h5>
     <script src="js/mets.js"></script>
     <script src='js/Chart.min.js'></script>
     <script src='js/tc-angular-chartjs.min.js'></script>
+    <script src='js/angular-switcher.min.js'></script>
+
 
 
 	</body>

diff --git a/js/angular-switcher.min.js b/js/angular-switcher.min.js
diff --git a/js/mets.js b/js/mets.js
@@ -1,4 +1,4 @@
-angular.module("mets", ['tc.chartjs'])
+angular.module("mets", ['tc.chartjs','switcher'])
    .controller("Idioma", function($scope) {
 
     /* Idioma por defecto: EN */

diff --git a/sm.html b/sm.html
@@ -14,6 +14,8 @@
 		<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
 	<![endif]-->
 	<link href="css/styles.css" rel="stylesheet">
+  <link href="css/angular-switcher.min.css" rel="stylesheet">
+
 </head>
 <body ng-app="mets" ng-controller="Idioma">
 <div class="wrapper">
@@ -187,6 +189,8 @@ <h5>Introducción.</h5>
     <script src="js/mets.js"></script>
     <script src='js/Chart.min.js'></script>
     <script src='js/tc-angular-chartjs.min.js'></script>    
+    <script src='js/angular-switcher.min.js'></script>
+
 
 	</body>
 </html>
diff --git a/vl.html b/vl.html
@@ -14,6 +14,8 @@
 		<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
 	<![endif]-->
 	<link href="css/styles.css" rel="stylesheet">
+  <link href="css/angular-switcher.min.css" rel="stylesheet">
+
 </head>
 <body ng-app="mets" ng-controller="Idioma">
 <div class="wrapper">
@@ -386,6 +388,8 @@ <h5>Table 2. Principales indicadores del modelo de detección precoz de SM en el
     <script src="js/mets.js"></script>
     <script src='js/Chart.min.js'></script>
     <script src='js/tc-angular-chartjs.min.js'></script>    
+    <script src='js/angular-switcher.min.js'></script>
+
 
 	</body>
 </html>
diff --git a/wt.html b/wt.html
@@ -14,6 +14,8 @@
 		<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
 	<![endif]-->
 	<link href="css/styles.css" rel="stylesheet">
+  <link href="css/angular-switcher.min.css" rel="stylesheet">
+
 </head>
 <body ng-app="mets" ng-controller="Idioma">
 <div class="wrapper">
@@ -210,6 +212,8 @@ <h5>Preparación de la persona.</h5>
     <script src="js/mets.js"></script>
     <script src='js/Chart.min.js'></script>
     <script src='js/tc-angular-chartjs.min.js'></script>    
+    <script src='js/angular-switcher.min.js'></script>
+
 
 	</body>
 </html>