From d073d4531f0e71fada86f792feb13610f83d10bd Mon Sep 17 00:00:00 2001 From: euviniciusdev Date: Tue, 1 Feb 2022 15:26:08 -0300 Subject: [PATCH] =?UTF-8?q?Cria=C3=A7=C3=A3o=20da=20Wiki=20de=20Cadastro?= =?UTF-8?q?=20de=20Usu=C3=A1rio,=20Login=20de=20Usu=C3=A1rio=20e=20Erros?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/ajuda/ajuda.component.html | 131 ++++++++++++++++++ src/app/ajuda/ajuda.component.scss | 19 +++ src/app/ajuda/ajuda.component.spec.ts | 25 ++++ src/app/ajuda/ajuda.component.ts | 17 +++ .../app-cadastro/app-cadastro.component.ts | 2 +- src/app/app-routing.module.ts | 10 ++ src/app/app.module.ts | 6 +- src/app/duvidas/duvidas.component.html | 115 +++++++++++++++ src/app/duvidas/duvidas.component.scss | 19 +++ src/app/duvidas/duvidas.component.spec.ts | 25 ++++ src/app/duvidas/duvidas.component.ts | 18 +++ src/assets/menuNavegador.json | 4 +- 12 files changed, 388 insertions(+), 3 deletions(-) create mode 100644 src/app/ajuda/ajuda.component.html create mode 100644 src/app/ajuda/ajuda.component.scss create mode 100644 src/app/ajuda/ajuda.component.spec.ts create mode 100644 src/app/ajuda/ajuda.component.ts create mode 100644 src/app/duvidas/duvidas.component.html create mode 100644 src/app/duvidas/duvidas.component.scss create mode 100644 src/app/duvidas/duvidas.component.spec.ts create mode 100644 src/app/duvidas/duvidas.component.ts diff --git a/src/app/ajuda/ajuda.component.html b/src/app/ajuda/ajuda.component.html new file mode 100644 index 00000000..35e46c16 --- /dev/null +++ b/src/app/ajuda/ajuda.component.html @@ -0,0 +1,131 @@ + +
+

Possíveis Erros do BookShelf

+ + + + + + [BK-ER001] E-mail inválido – Login de Usuário + + + O erro será exibido caso o Usuário informe um e-mail inválido no momento de fazer login. + + + +
+ + + + + + [BK-ER002] Usuário não encontrado – Login de Usuário + + + O erro será exibido caso o Usuário informe um e-mail que de fato exista, porém não está cadastrado previamente no banco de dados do BookShelf. + + + +
+ + + + + + [BK-ER003] Senha não confere – Login de Usuário + + + O erro será exibido caso a senha informada pelo Usuário seja incorreta, ou seja, não esteja previamente cadastrada pelo Usuário no BookShelf. + + + +
+ + + + + + [BK-ER004] Ocorreu um erro – Login de Usuário + + + O erro será exibido caso aconteça algum erro eventual não listado. + + + +
+ + + + + + [BK-ER005] E-mail inválido – Cadastro de Usuário + + + O erro será exibido caso o Usuário informe um e-mail inválido ou inexistente. + + + +
+ + + + + + [BK-ER006] E-mail já cadastrado – Cadastro de Usuário + + + O erro será exibido caso o Usuário tente fazer outro cadastro com um e-mail já cadastrado previamente no banco de dados do BookShelf. + + + +
+ + + + + + [BK-ER007] A senha deve ter 6 ou mais caracteres – Cadastro de Usuário + + + O erro será exibido caso o Usuário tente criar uma senha com menos de 6 caracteres para a sua conta no BookShelf. + + + +
+ + + + + + [BK-ER008] Enviado! Confira seu e-mail – Recuperação de conta + + + Um link de recuperação de senha será enviado para o e-mail cadastrado pelo Usuário no BookShelf, para que ele consiga cadastrar uma nova senha de acesso. + + + +
+ + + + + + [BK-ER009] E-mail informado não encontrado! – Recuperação de conta + + + O erro será exibido caso o Usuário tente informar um e-mail diferente do que foi previamente cadastrado no BookShelf. Essa é uma medida de segurança para evitar que a conta do BookShelf do Usuário seja roubada. + + + + +
+ diff --git a/src/app/ajuda/ajuda.component.scss b/src/app/ajuda/ajuda.component.scss new file mode 100644 index 00000000..b31dd26e --- /dev/null +++ b/src/app/ajuda/ajuda.component.scss @@ -0,0 +1,19 @@ +.mat-form-field + .mat-form-field { + margin-left: 8px; +} + +.grid-container { + margin: 20px; + max-width: 1080px; + margin-left: auto; + margin-right: auto; +} + +.spacer { + margin-bottom: 20px; +} + +mat-panel-title { + font-size: 20px; + color: #7E57C2; +} diff --git a/src/app/ajuda/ajuda.component.spec.ts b/src/app/ajuda/ajuda.component.spec.ts new file mode 100644 index 00000000..4a2bbe3d --- /dev/null +++ b/src/app/ajuda/ajuda.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AjudaComponent } from './ajuda.component'; + +describe('AjudaComponent', () => { + let component: AjudaComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ AjudaComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(AjudaComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/ajuda/ajuda.component.ts b/src/app/ajuda/ajuda.component.ts new file mode 100644 index 00000000..4aae78f9 --- /dev/null +++ b/src/app/ajuda/ajuda.component.ts @@ -0,0 +1,17 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-ajuda', + templateUrl: './ajuda.component.html', + styleUrls: ['./ajuda.component.scss'] +}) +export class AjudaComponent implements OnInit { + + panelOpenState = false; + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/app-cadastro/app-cadastro.component.ts b/src/app/app-cadastro/app-cadastro.component.ts index fce18e64..a01324fd 100644 --- a/src/app/app-cadastro/app-cadastro.component.ts +++ b/src/app/app-cadastro/app-cadastro.component.ts @@ -105,7 +105,7 @@ export class AppCadastroComponent implements OnInit { message = 'Email já cadastrado'; break; case 'auth/weak-password': - message = 'A senha deve 6 ou mais caracteres'; + message = 'A senha deve ter 6 ou mais caracteres'; break; case 'auth/email-already-in-use': message = 'Email já cadastrado' diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index a06996a9..eeea4c0d 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -1,3 +1,5 @@ +import { AjudaComponent } from './ajuda/ajuda.component'; +import { DuvidasComponent } from './duvidas/duvidas.component'; import { PerfilComponent } from './perfil/perfil.component'; import { EmpreendedorismoComponent } from './empreendedorismo/empreendedorismo.component'; import { AppRecuperarComponent } from './app-recuperar/app-recuperar.component'; @@ -69,6 +71,14 @@ const routes: Routes = [ path: 'sagas', component: SagasComponent, ...canActivate(enviarSemLogin) }, + { + path: 'duvidas', component: DuvidasComponent, + ...canActivate(enviarSemLogin) + }, + { + path: 'ajuda', component: AjudaComponent, + ...canActivate(enviarSemLogin) + }, { path: 'recuperar', component: AppRecuperarComponent, diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 196dc932..2d394980 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -1,3 +1,4 @@ +import { DuvidasComponent } from './duvidas/duvidas.component'; import { SagasComponent } from './sagas/sagas.component'; import { SugestoesComponent } from './sugestoes/sugestoes.component'; import { EmpreendedorismoComponent } from './empreendedorismo/empreendedorismo.component'; @@ -47,6 +48,7 @@ import { DireitoComponent } from './direito/direito.component'; import { PerfilComponent } from './perfil/perfil.component'; import { RecaptchaModule } from 'ng-recaptcha'; import { SagasDialogoComponent } from './sagas-dialogo/sagas-dialogo.component'; +import { AjudaComponent } from './ajuda/ajuda.component'; @NgModule({ @@ -68,7 +70,9 @@ import { SagasDialogoComponent } from './sagas-dialogo/sagas-dialogo.component'; PerfilComponent, SugestoesComponent, SagasComponent, - SagasDialogoComponent + SagasDialogoComponent, + DuvidasComponent, + AjudaComponent ], imports: [ BrowserModule, diff --git a/src/app/duvidas/duvidas.component.html b/src/app/duvidas/duvidas.component.html new file mode 100644 index 00000000..571c547e --- /dev/null +++ b/src/app/duvidas/duvidas.component.html @@ -0,0 +1,115 @@ +
+

Dúvidas Frequentes

+ + + + + + O que é o BookShelf? + + + O BookShelf é uma estante virtual de livros, onde os usuários cadastrados podem ter acesso a seções de gêneros de livros, feed de notícias mais interessantes para os amantes da literatura, reportagem sobre os principais livros do mês atual e um espaço dedicado para biblioteconomia com informações úteis e de credibilidade. + + +
+ + + + + Como se cadastrar no BookShelf? + + + + 1. Acesse o BookShelf através do link informado; + 2. Preencha o seu nome; + 3. Insira uma URL de imagem válida para a sua foto de perfil; + 4. Preencha seu e-mail; + 5. Crie uma senha e confirme novamente a sua senha; + 6. Clique em “Cadastrar”; + 7. Você será redirecionado para o Menu CDD de livros. +
+ + +
+ + + + + Como fazer login no BookShelf? + + + + 1. No canto superior direito da sua tela clique em “Login”; + 2. Insira seu e-mail e senha; + 3. Clique no botão “Entrar”. +
+
+ + Método alternativo: + 1. No canto superior direito da sua tela clique em “Login”; + 2. Clique no botão de símbolo do Google; + 3. Escolha a sua Conta Google e clique nela; + 4. Você será redirecionado para o Menu CDD de livros. +
+ + +
+ + + + + Como recuperar a senha? + + + + 1. Clique no botão “Login”; + 2. Insira seu e-mail e senha; + 3. Caso não lembre da sua senha, você poderá ter três tentativas; + 4. Se mesmo assim você não se lembre da sua senha, o BookShelf irá solicitar uma verificação reCaptcha para evitar que robôs ou pessoas indesejadas tentem adivinhar a sua senha por várias vezes. + 5. Você poderá clicar em “Esqueci minha senha”; + 6. Informe o seu e-mail cadastrado no BookShelf; + 7. Você receberá um link no seu e-mail para a recuperação de senha e cadastramento de uma nova senha de acesso. +
+ + +
+ + + + + Como ver o meu perfil? + + + + 1. Clique no botão onde está escrito o seu nome informado no cadastro do BookShelf; + 2. Clique em “Meu Perfil”; + 3. Suas informações cadastrais estarão disponíveis no centro da tela. +
+ + +
+ + + + + Como navegar no BookShelf? + + + + 1. Acesse sua BookShelf; + 2. Na lateral esquerda estará disponível uma aba de opções que você poderá navegar; + 3. No Menu Principal estarão disponíveis a Classificação Decimal, Feed de Notícias, Especial do Mês, Dúvidas Frequentes e Erros Possíveis + 4. Em Livros estarão disponíveis uma lista de livros de Artes, Direito, Empreendedorismo, Psicologia, Teatro, Tecnologia, Sagas Literárias e Sugestões + 5. Em Biblioteconomia estão disponíveis as Bibliotecas Virtuais, Base de Dados, Normas da ABNT e ISBN. +
+ + + +
+ diff --git a/src/app/duvidas/duvidas.component.scss b/src/app/duvidas/duvidas.component.scss new file mode 100644 index 00000000..b31dd26e --- /dev/null +++ b/src/app/duvidas/duvidas.component.scss @@ -0,0 +1,19 @@ +.mat-form-field + .mat-form-field { + margin-left: 8px; +} + +.grid-container { + margin: 20px; + max-width: 1080px; + margin-left: auto; + margin-right: auto; +} + +.spacer { + margin-bottom: 20px; +} + +mat-panel-title { + font-size: 20px; + color: #7E57C2; +} diff --git a/src/app/duvidas/duvidas.component.spec.ts b/src/app/duvidas/duvidas.component.spec.ts new file mode 100644 index 00000000..fc271678 --- /dev/null +++ b/src/app/duvidas/duvidas.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { DuvidasComponent } from './duvidas.component'; + +describe('DuvidasComponent', () => { + let component: DuvidasComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ DuvidasComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(DuvidasComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/duvidas/duvidas.component.ts b/src/app/duvidas/duvidas.component.ts new file mode 100644 index 00000000..9af3370a --- /dev/null +++ b/src/app/duvidas/duvidas.component.ts @@ -0,0 +1,18 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-duvidas', + templateUrl: './duvidas.component.html', + styleUrls: ['./duvidas.component.scss'] +}) +export class DuvidasComponent implements OnInit { + + panelOpenState = false; + + constructor() { } + + ngOnInit(): void { + } + +} + diff --git a/src/assets/menuNavegador.json b/src/assets/menuNavegador.json index e215a104..9bf66195 100644 --- a/src/assets/menuNavegador.json +++ b/src/assets/menuNavegador.json @@ -1,5 +1,7 @@ [ {"linkMenu": "/cdd", "labelMenu":"Classificação Decimal", "hab": true}, {"linkMenu": "/feed", "labelMenu":"Feed de Notícias", "hab": true}, - {"linkMenu": "/reportagem", "labelMenu":"Especial do Mês", "hab": true} + {"linkMenu": "/reportagem", "labelMenu":"Especial do Mês", "hab": true}, + {"linkMenu": "/duvidas", "labelMenu":"Dúvidas Frequentes", "hab": true}, + {"linkMenu": "/ajuda", "labelMenu":"Possíveis Erros", "hab": true} ]