From 1d8fb46ae88870bde1bc49e72a7d70ee20d25600 Mon Sep 17 00:00:00 2001
From: lucasjs <lucas.tcjb@gmail.com>
Date: Sun, 10 Dec 2017 05:06:10 -0200
Subject: [PATCH] Edit Register Guru #3

---
 src/components/CharacteristicCheckbox.vue |   1 +
 src/components/SliderItems.vue            |  11 +--
 src/views/RegisterGuruView.vue            | 115 ++++++++++++++++++++--
 3 files changed, 112 insertions(+), 15 deletions(-)

diff --git a/src/components/CharacteristicCheckbox.vue b/src/components/CharacteristicCheckbox.vue
index 0f0bc9b..ecc8580 100644
--- a/src/components/CharacteristicCheckbox.vue
+++ b/src/components/CharacteristicCheckbox.vue
@@ -58,6 +58,7 @@ export default {
 			background transparent
 			border-radius 100%
 			height 70px
+			outline 0
 			width 70px
 			-webkit-appearance: none;
 
diff --git a/src/components/SliderItems.vue b/src/components/SliderItems.vue
index 1e31e1f..cf951ed 100644
--- a/src/components/SliderItems.vue
+++ b/src/components/SliderItems.vue
@@ -7,9 +7,9 @@
 			>
 
 			<checkbox v-if="check == 'true'"
-				name="comportamental"
-				value="ajudo_pessoas"
-				id="ajudo_pessoas"
+				:name="slide.name"
+				:value="slide.value"
+				:id="slide.id"
 				:text="slide.text"
 				:src="slide.src"
 			/>
@@ -74,13 +74,12 @@ export default {
 
 	.swiper-wrapper
 		align-items center
-		padding 0 20px
 
 	.swiper-slide
-		width 80px
-		padding 20px 5px
+		padding 0 5px 20px
 		text-align center
 		cursor pointer
+		width auto
 
 	img
 		max-width 100%
diff --git a/src/views/RegisterGuruView.vue b/src/views/RegisterGuruView.vue
index 0ef80b8..cb8b7a0 100644
--- a/src/views/RegisterGuruView.vue
+++ b/src/views/RegisterGuruView.vue
@@ -89,19 +89,43 @@
 						placeholder="Em apenas 320 caracteres fale um pouco sobre sua profissão."
 						v-model="aboutprofession"
 					/>
+					<main-titles
+						title-text="Qual cidade que você trabalha?"
+						design="center"
+					/>
+					<main-select />
 				</tab-content>
 				<tab-content
 					title="Minha profissão"
 				>
-					Minha profissão
+					<main-titles
+						title-text="Há quanto tempo você trabalha nessa área?"
+						subtitle-text="Sua resposta é anônima e não aparecerá no seu perfil"
+						design="center"
+					/>
+					<main-select />
+					<main-titles
+						title-text="Qual a média do seu salário atual"
+						subtitle-text="Sua resposta é anônima e não aparecerá no seu perfil"
+						design="center"
+					/>
 					<main-select />
 				</tab-content>
 				<tab-content
 					title="Características"
 				>
-					Características
+					<main-titles
+						title-text="Selecione 5 características que descrevem seu trabalho"
+						design="center"
+					/>
+					<h3>Comportamental e biológico</h3>
+					<slider-items check="true" :slides="comportamental"/>
 
-					<slider-items check="true" :slides="features"/>
+					<h3>Suas ferramentas</h3>
+					<slider-items check="true" :slides="ferramentas"/>
+
+					<h3>Seu ambiente de trabalho</h3>
+					<slider-items check="true" :slides="ambiente"/>
 
 				</tab-content>
 				<button slot="prev" class="hide">Back</button>
@@ -153,28 +177,95 @@ Validator.setLocale('pt');
 export default {
 	data() {
 		return {
-			features: [
+			comportamental: [
 				{
+					name: 'comportamental',
+					value: 'ajudo_pessoas',
+					id: 'ajudo_pessoas',
 					src: '/static/img/icn_cadastro_caracteristica_ajudo-pessoas.svg',
 					text: 'Ajudo pessoas',
 				},
 				{
+					name: 'comportamental',
+					value: 'ajudo_animais',
+					id: 'ajudo_animais',
 					src: '/static/img/icn_cadastro_caracteristica_salvo-vidas.svg',
 					text: 'Salvo vidas',
 				},
 				{
+					name: 'comportamental',
+					value: 'salvo_vidas',
+					id: 'salvo_vidas',
 					src: '/static/img/icn_cadastro_caracteristica_ajudo-animais.svg',
 					text: 'Ajudo animais',
 				},
 				{
-					src: '/static/img/icn_cadastro_caracteristica_ajudo-pessoas.svg',
-					text: 'Salvo vidas',
+					name: 'comportamental',
+					value: 'contato_natureza',
+					id: 'contato_natureza',
+					src: '/static/img/icn_cadastro_caracteristica_contato-natureza.svg',
+					text: 'Contato com a natureza',
 				},
+			],
+			ferramentas: [
 				{
-					src: '/static/img/icn_cadastro_caracteristica_ajudo-pessoas.svg',
-					text: 'Ajudo animais',
+					name: 'ferramentas',
+					value: 'uso_mao',
+					id: 'uso_mao',
+					src: '/static/img/icn_cadastro_caracteristica_uso-mao.svg',
+					text: 'Uso minhas mãos',
+				},
+				{
+					name: 'ferramentas',
+					value: 'uso_computador',
+					id: 'uso_computador',
+					src: '/static/img/icn_cadastro_caracteristica_uso-computador.svg',
+					text: 'Uso muito computador',
+				},
+				{
+					name: 'ferramentas',
+					value: 'coordenacao_motora',
+					id: 'coordenacao_motora',
+					src: '/static/img/icn_cadastro_caracteristica_coordenacao-motora.svg',
+					text: 'Coordenação motora impecável',
+				},
+				{
+					name: 'ferramentas',
+					value: 'logica_inteligencia',
+					id: 'logica_inteligencia',
+					src: '/static/img/icn_cadastro_caracteristica_logica-inteligencia.svg',
+					text: 'Lógica e inteligência',
+				},
+			],
+			ambiente: [
+				{
+					name: 'ambiente',
+					value: 'viajar',
+					id: 'viajar',
+					src: '/static/img/icn_cadastro_caracteristica_viajar.svg',
+					text: 'Preciso viajar muito',
+				},
+				{
+					name: 'ambiente',
+					value: 'agitado',
+					id: 'agitado',
+					src: '/static/img/icn_cadastro_caracteristica_agitado.svg',
+					text: 'Super agitado',
+				},
+				{
+					name: 'ambiente',
+					value: 'calmo',
+					id: 'calmo',
+					src: '/static/img/icn_cadastro_caracteristica_calmo.svg',
+					text: 'Super calmo',
+				},
+				{
+					name: 'ambiente',
+					value: 'sentado',
+					id: 'sentado',
+					src: '/static/img/icn_cadastro_caracteristica_sentado.svg',
+					text: 'Trabalho sentado',
 				},
-
 			],
 			type: 1,
 			username: '',
@@ -229,6 +320,12 @@ export default {
 <style lang="stylus">
 	@import '../assets/styles/*'
 
+	h3
+		color $dark-gray
+		font-size 14pt
+		font-weight 400
+		margin 0 auto
+
 	.register-main
 		holder()