Merge pull request RocketChat#10 from alfonsofiz/UiOnboardingReview

UI Onboargind Review

client/clase/OnBoarding/OnBoarding2.html

@@ -1,12 +1,12 @@
 <template name="OnBoarding2">
 	<section class="full-page">
 		<div class="wrapper-onboarding">
-			<img class="img-onboarding" src="/images/onboarding2.png">
+			<img class="img-onboarding" src="/images/paso1.png">
 			<div class="clase-tittle-onboarding" >
-			 <p>Solo lo relevante</p>
+			 <p>Mantente informado</p>
 		 </div>
 			<div class="clase-desc-onboarding" >
-				<p>Cuando no tengas tiempo para debates que no conciernen directamente a tus hijos cambia de modo.<br>Tú elijes si ver todo o solo lo importante, ¡y solo tú sabes el modo de visionado!</p>
+				<p>Únete al grupo de la clase de tu hij@ y mantente informado de todo lo que ocurre </p>
 			</div>
 				<button class="button-onboarding" id="clase_next">Siguiente</button>
 		</div>

client/clase/OnBoarding/OnBoarding2.js

@@ -4,6 +4,6 @@ Template.OnBoarding2.onRendered(function() {
 
 Template.OnBoarding2.events({
 	'click #clase_next': function() {
-		FlowRouter.go("OnBoarding3")
+		FlowRouter.go('OnBoarding3')
 	}
-})
+});

client/clase/OnBoarding/OnBoarding3.html

@@ -1,12 +1,12 @@
 <template name="OnBoarding3">
 	<section class="full-page">
 		<div class="wrapper-onboarding">
-			<img class="img-onboarding" src="/images/onboarding3.png">
+			<img class="img-onboarding" src="/images/paso2.png">
 			<div class="clase-tittle-onboarding" >
-			 <p>El profesor cuenta</p>
+			 <p>Solo lo relevante</p>
 		 </div>
 			<div class="clase-desc-onboarding" >
-				<p>Pero no puede leer los comentarios. Este es un chat que solo pueden visionar los padres aunque el profesor puede enviar mensajes.<br> Podrás verlos destacados y en diferente color. </p>
+				<p>Cuando no tengas tiempo para debates que no conciernen directamente a tus hijos cambia de modo.<br>Tú elijes si ver todo o solo lo importante, ¡y solo tú sabes el modo de visionado!</p>
 			</div>
 				<button class="button-onboarding" id="clase_next">Siguiente</button>
 		</div>

client/clase/OnBoarding/OnBoarding3.js

@@ -4,6 +4,6 @@ Template.OnBoarding3.onRendered(function() {
 
 Template.OnBoarding3.events({
 	'click #clase_next': function() {
-		FlowRouter.go("OnBoarding4")
+		FlowRouter.go('OnBoarding4')
 	}
-})
+});

client/clase/OnBoarding/OnBoarding4.html

@@ -1,14 +1,14 @@
 <template name="OnBoarding4">
 	<section class="full-page">
-		<div class="wrapper">
-			<div class="clase-logo-b" >
-			 <p>clase</p>
+		<div class="wrapper-onboarding">
+			<img class="img-onboarding" src="/images/paso3.png">
+			<div class="clase-tittle-onboarding" >
+			 <p>El profesor cuenta</p>
 		 </div>
-		 <div class="clase-desc-b" >
-			 <p>Comunicación entre padres<br>simple y efectiva</p>
-		 </div>
-				<button class="button-onboarding" id="clase_register">Crear Cuenta</button>
-				<button class="input-submit-light" id="clase_login">Ya tengo cuenta</button>
+			<div class="clase-desc-onboarding" >
+				<p>Pero no puede leer los comentarios. Este es un chat que solo pueden visionar los padres aunque el profesor puede enviar mensajes.<br> Podrás verlos destacados y en diferente color. </p>
+			</div>
+				<button class="button-onboarding" id="clase_next">Siguiente</button>
 		</div>
 	</section>
 </template>

client/clase/OnBoarding/OnBoarding4.js

@@ -3,13 +3,7 @@ Template.OnBoarding4.onRendered(function() {
 });
 
 Template.OnBoarding4.events({
-	'click #clase_register': function() {
-		Session.set("loginDefaultState","register");
-		FlowRouter.go("home");
-
-	},
-	'click #clase_login': function() {
-		Session.set("loginDefaultState","login");
-		FlowRouter.go("home");
+	'click #clase_next': function() {
+		FlowRouter.go('OnBoarding5');
 	}
-})
+});

client/clase/OnBoarding/OnBoarding5.html

@@ -0,0 +1,14 @@
+<template name="OnBoarding5">
+	<section class="full-page">
+		<div class="wrapper">
+			<div class="clase-logo-b" >
+			 <p>clase</p>
+		 </div>
+		 <div class="clase-desc-b" >
+			 <p>Comunicación entre padres<br>simple y efectiva</p>
+		 </div>
+				<button class="button-onboarding" id="clase_register">Crear Cuenta</button>
+				<button class="input-submit-light" id="clase_login">Ya tengo cuenta</button>
+		</div>
+	</section>
+</template>

client/clase/OnBoarding/OnBoarding5.js

@@ -0,0 +1,15 @@
+Template.OnBoarding5.onRendered(function() {
+	$('#initial-page-loading').remove();
+});
+
+Template.OnBoarding5.events({
+	'click #clase_register': function() {
+		Session.set('loginDefaultState', 'register');
+		FlowRouter.go('home');
+
+	},
+	'click #clase_login': function() {
+		Session.set('loginDefaultState', 'login');
+		FlowRouter.go('home');
+	}
+});

client/clase/routes.coffee

@@ -18,6 +18,11 @@ FlowRouter.route '/OnBoarding4',
 	action: ->
 		BlazeLayout.render 'OnBoarding4'
 
+FlowRouter.route '/OnBoarding5',
+	name: 'OnBoarding5'
+	action: ->
+		BlazeLayout.render 'OnBoarding5'
+
 FlowRouter.route '/claseHome',
 	name: 'claseHome'
 	action: ->