3 |
4 |
32 |
33 |
--------------------------------------------------------------------------------
/Entregas/DescricaoCRUDTema.md:
--------------------------------------------------------------------------------
1 | 05/08
2 |
3 | # Descrição CRUD Tema
4 |
5 | | Métodos | End-points | Descrição |
6 | |----------|--------------|----------|
7 | | Get | /tema | Listar todos os temas existentes
8 | | Get | /tema/{id} | Listar tema específico pelo ID
9 | | Get | /tema/descricao/{descricao} | Listar um tema específico pela Descricao
10 | | Post | /tema | Inserir os dados
11 | | Put | /tema | Editar algum dado específico
12 | | Delete | /tema/{id} | Excluir algum dado pelo ID
13 |
14 | A tabela possuirá os end-points básicos (get, post, put e delete) e mais dois métodos específicos, que buscam pelo id e pela descrição.
15 |
16 | ## Json
17 |
18 | ```json
19 | {
20 | "id": 1,
21 | "descricao": "Eventos",
22 | "postagem": [
23 | {
24 | "id": 1,
25 | "titulo": "Teste",
26 | "data": "2020-08-06T14:01:00.943+00:00",
27 | "descricao": "Grupo Giramundo celebra 50 anos com maratona de teatro online",
28 | "usuario": null
29 | },
30 | {
31 | "id": 2,
32 | "titulo": "Vagas",
33 | "data": "2020-08-06T14:03:09.002+00:00",
34 | "descricao": "teste",
35 | "usuario": null
36 | }
37 | ]
38 | }
39 | ```
40 |
--------------------------------------------------------------------------------
/docs/js/libs/innersvg.js:
--------------------------------------------------------------------------------
1 | /**
2 | * innerHTML property for SVGElement
3 | * Copyright(c) 2010, Jeff Schiller
4 | *
5 | * Licensed under the Apache License, Version 2
6 | *
7 | * Minor modifications by Chris Price to only polyfill when required.
8 | */
9 | !function(e){if(e&&!("innerHTML"in e.prototype)){var t=function(e,r){var i=e.nodeType;if(3==i)r.push(e.textContent.replace(/&/,"&").replace(/",">"));else if(1==i){if(r.push("<",e.tagName),e.hasAttributes())for(var n=e.attributes,s=0,o=n.length;s
5 |
6 |
30 |
31 |
7 |
28 |
29 | Tem certeza que deseja apagar esse tema?
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
25 |
26 |
27 |
19 |
21 |
23 |
24 | 8 | 9 | ## Instalação 10 | 11 | - ng install -g @angular/cli (instalação) 12 | - ng —version (consulta de instalação) 13 | 14 | OBS: É necessária a instalação do node.js na máquina. 15 | 16 |
17 | 18 | ## Configuração 19 | 20 | - ng new (criar novo projeto em Angular) 21 | - ng serve (inicializar o servidor) 22 | - ctrl + c (parar o servidor) 23 | - ng generate component OU ng g c (gerar um componente) 24 | 25 |
26 | 27 | ## Instalações necessárias para o projeto 28 | 29 | - npm install bootstrap@latest --save 30 | - npm install jquery@latest --save 31 | - npm install popper.js --save 32 | - ng add @fortawesome/angular-fontawesome 33 | 34 |
35 | 36 | ## Configurações no arquivo angular.json 37 | 38 | "styles": [ 39 | "src/styles.css", 40 | "./node_modules/bootstrap/dist/css/bootstrap.min.css" 41 | ], 42 | "scripts": [ 43 | "./node_modules/jquery/dist/jquery.js", 44 | "./node_modules/bootstrap/dist/js/bootstrap.js", 45 | "./node_modules/popper.js/dist/umd/popper.min.js" 46 | ] 47 | 48 | 49 | -------------------------------------------------------------------------------- /front-end/seivaVisual/src/app/delete-tema/delete-tema.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | import { Tema } from '../model/Tema'; 3 | import { TemaService } from '../service/tema.service'; 4 | import { Router, ActivatedRoute } from '@angular/router'; 5 | import { AlertsService } from '../service/alerts.service'; 6 | 7 | @Component({ 8 | selector: 'app-delete-tema', 9 | templateUrl: './delete-tema.component.html', 10 | styleUrls: ['./delete-tema.component.css'] 11 | }) 12 | export class DeleteTemaComponent implements OnInit { 13 | 14 | tema: Tema = new Tema() 15 | 16 | constructor( 17 | private temaService: TemaService, 18 | private router: Router, 19 | private route: ActivatedRoute, 20 | private alert: AlertsService 21 | ) { } 22 | 23 | ngOnInit() { 24 | window.scroll(0,0) 25 | let id:number = this.route.snapshot.params["id"]; 26 | this.findByIdTema(id) 27 | 28 | } 29 | 30 | findByIdTema(id:number){ 31 | this.temaService.getByIdTema(id).subscribe((resp: Tema)=>{ 32 | this.tema = resp 33 | }); 34 | } 35 | 36 | btnSim() { 37 | this.temaService.deleteTema(this.tema.id).subscribe(() => { 38 | this.router.navigate(['/feed']) 39 | this.alert.showAlertSuccess('Tema apagado com sucesso!') 40 | }) 41 | } 42 | 43 | btnNao() { 44 | this.router.navigate(['/cadastro-tema']) 45 | } 46 | 47 | } 48 | -------------------------------------------------------------------------------- /front-end/seivaVisual/src/app/put-tema/put-tema.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | import { Tema } from '../model/Tema'; 3 | import { TemaService } from '../service/tema.service'; 4 | import { Router, ActivatedRoute } from '@angular/router'; 5 | import { AlertsService } from '../service/alerts.service'; 6 | 7 | @Component({ 8 | selector: 'app-put-tema', 9 | templateUrl: './put-tema.component.html', 10 | styleUrls: ['./put-tema.component.css'] 11 | }) 12 | export class PutTemaComponent implements OnInit { 13 | 14 | tema: Tema = new Tema() 15 | 16 | constructor( 17 | private temaService: TemaService, 18 | private router: Router, 19 | private route: ActivatedRoute, 20 | private alert: AlertsService 21 | ) { } 22 | 23 | ngOnInit() { 24 | window.scroll(0,0) 25 | let id: number = this.route.snapshot.params["id"]; 26 | this.findByIdTema(id); 27 | } 28 | 29 | findByIdTema(id: number) { 30 | this.temaService.getByIdTema(id).subscribe((resp: Tema) => { 31 | this.tema = resp; 32 | }) 33 | } 34 | 35 | salvar() { 36 | this.temaService.putTema(this.tema).subscribe((resp: Tema) => { 37 | this.tema = resp 38 | this.router.navigate(['/feed']) 39 | this.alert.showAlertSuccess('Tema atualizado com sucesso!') 40 | }) 41 | } 42 | 43 | btnNao() { 44 | this.router.navigate(['/cadastro-tema']) 45 | } 46 | 47 | } 48 | -------------------------------------------------------------------------------- /front-end/seivaVisual/src/app/service/auth.service.ts: -------------------------------------------------------------------------------- 1 | import { Injectable } from '@angular/core'; 2 | import { HttpClient } from '@angular/common/http'; 3 | import { User } from '../model/User'; 4 | import { UserLogin } from '../model/UserLogin'; 5 | 6 | @Injectable({ 7 | providedIn: 'root' 8 | }) 9 | export class AuthService { 10 | 11 | constructor(private http: HttpClient) { } 12 | 13 | logar(userLogin: UserLogin) { 14 | return this.http.post('http://localhost:9000/usuario/logar', userLogin) 15 | } 16 | cadastrar (user: User) { 17 | return this.http.post('http://localhost:9000/usuario/cadastrar', user) 18 | } 19 | 20 | btnSair(){ 21 | let ok = false 22 | let token = localStorage.getItem('token') 23 | 24 | if (token != null) { 25 | ok = true 26 | } 27 | 28 | return ok 29 | } 30 | 31 | admin(){ 32 | let ok = false 33 | let email = localStorage.getItem('email') 34 | 35 | if(email == 'admin@admin.com'){ 36 | ok = true 37 | } 38 | return ok 39 | } 40 | 41 | navbarLogado(){ 42 | let ok = false 43 | let token = localStorage.getItem('token') 44 | 45 | if (token != null){ 46 | ok = true 47 | } 48 | return ok 49 | } 50 | 51 | navbarHome(){ 52 | let ok = false 53 | let token = localStorage.getItem('token') 54 | 55 | if (token == null){ 56 | ok = true 57 | } 58 | return ok 59 | } 60 | 61 | } 62 | 63 | -------------------------------------------------------------------------------- /front-end/seivaVisual/src/app/delete-postagem/delete-postagem.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | import { Postagem } from '../model/Postagem'; 3 | import { PostagemService } from '../service/postagem.service'; 4 | import { Router, ActivatedRoute } from '@angular/router'; 5 | import { AlertsService } from '../service/alerts.service'; 6 | 7 | @Component({ 8 | selector: 'app-delete-postagem', 9 | templateUrl: './delete-postagem.component.html', 10 | styleUrls: ['./delete-postagem.component.css'] 11 | }) 12 | export class DeletePostagemComponent implements OnInit { 13 | 14 | postagem: Postagem = new Postagem() 15 | 16 | 17 | constructor( 18 | private postagemService: PostagemService, 19 | private router: Router, 20 | private route: ActivatedRoute, 21 | private alert: AlertsService 22 | ) { } 23 | 24 | ngOnInit() { 25 | window.scroll(0,0) 26 | let id: number = this.route.snapshot.params['id'] 27 | this.findByIdPostagem(id) 28 | } 29 | 30 | findByIdPostagem(id:number){ 31 | this.postagemService.getByIdPostagem(id).subscribe((resp: Postagem) => { 32 | this.postagem=resp 33 | }) 34 | } 35 | 36 | btnSim() { 37 | this.postagemService.deletePostagem(this.postagem.id).subscribe(() => { 38 | this.router.navigate(['/feed']) 39 | this.alert.showAlertSuccess('Postagem apagada com sucesso!') 40 | }) 41 | } 42 | 43 | btnNao(){ 44 | this.router.navigate(['/feed']) 45 | } 46 | 47 | } 48 | -------------------------------------------------------------------------------- /front-end/seivaVisual/dist/seivaVisual/runtime.e227d1a0e31cbccbf8ec.js: -------------------------------------------------------------------------------- 1 | !function(e){function r(r){for(var n,l,f=r[0],i=r[1],p=r[2],c=0,s=[];c
3 |
4 |
40 |
41 |
42 |
43 |
5 |
6 |
39 |
7 |
38 | Tem certeza que deseja apagar essa postagem?
8 |
9 |
10 |
11 | 
12 |
23 |
24 |
25 |
26 |
13 |
14 |
22 | {{postagem.tema.descricao}}
15 |{{postagem.titulo}}
16 | 17 |{{postagem.descricao}}
18 | 19 | Postado em {{postagem.data | date:'dd/MM/yyyy'}} às 20 | {{postagem.data | date:'HH:mm'}} 21 |
27 |
35 |
36 |
37 |
28 |
30 |
31 |
33 |
34 |
3 |
4 |
43 |
--------------------------------------------------------------------------------
/front-end/seivaVisual/src/app/botao-lateral/botao-lateral.component.html:
--------------------------------------------------------------------------------
1 |
5 |
6 |
41 |
42 |
7 |
39 |
40 | Tem certeza que deseja editar esse tema?
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
19 |
20 |
21 |
22 |
23 |
25 |
26 |
27 |
28 |
29 |
30 |
37 |
38 |
31 |
33 |
35 |
36 |
2 | clique
3 |
4 |
5 |
27 |
--------------------------------------------------------------------------------
/front-end/seivaVisual/src/app/service/postagem.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { HttpClient, HttpHeaders } from '@angular/common/http';
3 | import { UserLogin } from '../model/UserLogin';
4 | import { User } from '../model/User';
5 | import { Postagem } from '../model/Postagem';
6 |
7 | @Injectable({
8 | providedIn: 'root'
9 | })
10 | export class PostagemService {
11 |
12 | constructor(private http: HttpClient) { }
13 |
14 | logar(userLogin: UserLogin){
15 | return this.http.post('http://localhost:9000/usuario/logar', userLogin)
16 | }
17 |
18 | cadastrar(user: User){
19 | return this.http.post('http://localhost:9000/usuario/cadastrar', user)
20 | }
21 |
22 | token = {
23 | headers: new HttpHeaders().set('Authorization', localStorage.getItem('token'))
24 | }
25 |
26 | getAllPostagens() {
27 | return this.http.get('http://localhost:9000/postagem', this.token)
28 | }
29 |
30 | getByIdPostagem(id: number) {
31 | return this.http.get(`http://localhost:9000/postagem/${id}`, this.token)
32 | }
33 |
34 | postPostagem(postagem: Postagem) {
35 | return this.http.post('http://localhost:9000/postagem', postagem, this.token)
36 | }
37 |
38 | putPostagem(postagem: Postagem) {
39 | return this.http.put('http://localhost:9000/postagem', postagem, this.token)
40 | }
41 |
42 | deletePostagem(id: number){
43 | return this.http.delete(`http://localhost:9000/postagem/${id}`, this.token)
44 | }
45 |
46 | getByTituloPostagem(descricao: string){
47 | return this.http.get(`http://localhost:9000/postagem/descricao/${descricao}`, this.token)
48 | }
49 |
50 | btnSair(){
51 | let ok = false
52 | let token = localStorage.getItem('token')
53 |
54 | if (token != null){
55 | ok = true
56 | }
57 |
58 | return ok
59 | }
60 |
61 | btnLogin(){
62 | let ok = false
63 | let token = localStorage.getItem('token')
64 |
65 | if (token == null){
66 | ok = true
67 | }
68 |
69 | return ok
70 | }
71 | }
--------------------------------------------------------------------------------
/docs/styles/vagrant.css:
--------------------------------------------------------------------------------
1 | .navbar-default .navbar-brand {
2 | background: white;
3 | color: #8d9ba8;
4 | }
5 |
6 | .menu .list {
7 | background: #0c5593;
8 | }
9 |
10 | .menu .chapter {
11 | padding: 0 20px;
12 | }
13 |
14 | .menu ul.list li a[data-type="chapter-link"], .menu ul.list li.chapter .simple {
15 | color: white;
16 | text-transform: uppercase;
17 | border-bottom: 1px solid rgba(255,255,255,0.4);
18 | }
19 |
20 | .content h1, .content h2, .content h3, .content h4, .content h5 {
21 | color: #292e31;
22 | font-weight: normal;
23 | }
24 |
25 | .content {
26 | color: #4c555a;
27 | }
28 |
29 | a {
30 | color: #0094bf;
31 | text-decoration: underline;
32 | }
33 | a:hover {
34 | color: #f1362f;
35 | }
36 |
37 | .menu ul.list li.title {
38 | background: white;
39 | padding-bottom: 5px;
40 | }
41 |
42 | .menu ul.list li:nth-child(2) {
43 | margin-top: 0;
44 | }
45 |
46 | .menu ul.list li:nth-last-child(2) {
47 | background: none;
48 | }
49 |
50 | .menu ul.list li.title a {
51 | padding: 10px 15px;
52 | }
53 |
54 | .menu ul.list li.title a, .navbar a {
55 | color: #8d9ba8;
56 | text-decoration: none;
57 | font-size: 16px;
58 | font-weight: 300;
59 | }
60 |
61 | .menu ul.list li a {
62 | color: white;
63 | padding: 10px;
64 | font-weight: 300;
65 | text-decoration: none;
66 | }
67 | .menu ul.list li a.active {
68 | color: white;
69 | font-weight: bold;
70 | }
71 |
72 | .copyright {
73 | color: white;
74 | background: #000;
75 | }
76 |
77 | code {
78 | box-sizing: border-box;
79 | display: inline-block;
80 | padding: 0 5px;
81 | background: rgba(0,148,191,0.1);
82 | border-radius: 3px;
83 | color: #0094bf;
84 | font-size: 13px;
85 | line-height: 20px;
86 | }
87 |
88 | pre {
89 | margin: 0;
90 | padding: 12px 12px;
91 | background: rgba(238,238,238,.35);
92 | border-radius: 3px;
93 | font-size: 13px;
94 | line-height: 1.5em;
95 | font-weight: 500;
96 | }
97 |
--------------------------------------------------------------------------------
/front-end/seivaVisual/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "seiva-visual",
3 | "version": "0.0.0",
4 | "scripts": {
5 | "ng": "ng",
6 | "start": "ng serve",
7 | "build": "ng build",
8 | "test": "ng test",
9 | "lint": "ng lint",
10 | "e2e": "ng e2e",
11 | "compodoc": "npx compodoc -p tsconfig.base.json",
12 | "serve-compodoc": "npx compodoc -s tsconfig.json"
13 | },
14 | "private": true,
15 | "dependencies": {
16 | "@angular/animations": "~10.0.11",
17 | "@angular/common": "~10.0.11",
18 | "@angular/compiler": "~10.0.11",
19 | "@angular/core": "~10.0.11",
20 | "@angular/forms": "~10.0.11",
21 | "@angular/platform-browser": "~10.0.11",
22 | "@angular/platform-browser-dynamic": "~10.0.11",
23 | "@angular/router": "~10.0.11",
24 | "@fortawesome/angular-fontawesome": "^0.7.0",
25 | "@fortawesome/fontawesome-svg-core": "^1.2.28",
26 | "@fortawesome/free-brands-svg-icons": "^5.13.0",
27 | "@fortawesome/free-regular-svg-icons": "^5.13.0",
28 | "@fortawesome/free-solid-svg-icons": "^5.13.0",
29 | "bootstrap": "^4.5.2",
30 | "jquery": "^3.5.1",
31 | "ngx-bootstrap": "^6.1.0",
32 | "ngx-order-pipe": "^2.1.0",
33 | "popper.js": "^1.16.1",
34 | "rxjs": "~6.5.5",
35 | "tslib": "^2.0.0",
36 | "zone.js": "~0.10.3"
37 | },
38 | "devDependencies": {
39 | "@angular-devkit/build-angular": "~0.1000.7",
40 | "@angular/cli": "~10.0.7",
41 | "@angular/compiler-cli": "~10.0.11",
42 | "@types/node": "^12.11.1",
43 | "@types/jasmine": "~3.5.0",
44 | "@types/jasminewd2": "~2.0.3",
45 | "codelyzer": "^6.0.0",
46 | "jasmine-core": "~3.5.0",
47 | "jasmine-spec-reporter": "~5.0.0",
48 | "karma": "~5.0.0",
49 | "karma-chrome-launcher": "~3.1.0",
50 | "karma-coverage-istanbul-reporter": "~3.0.2",
51 | "karma-jasmine": "~3.3.0",
52 | "karma-jasmine-html-reporter": "^1.5.0",
53 | "protractor": "~7.0.0",
54 | "ts-node": "~8.3.0",
55 | "tslint": "~6.1.0",
56 | "typescript": "~3.9.5"
57 | }
58 | }
59 |
--------------------------------------------------------------------------------
/docs/js/search/search-lunr.js:
--------------------------------------------------------------------------------
1 | (function(compodoc) {
2 |
3 | function LunrSearchEngine() {
4 | this.index = undefined;
5 | this.store = {};
6 | this.name = 'LunrSearchEngine';
7 | }
8 |
9 | LunrSearchEngine.prototype.init = function() {
10 | var that = this,
11 | d = new promise.Promise();
12 |
13 | that.index = lunr.Index.load(COMPODOC_SEARCH_INDEX.index);
14 | that.store = COMPODOC_SEARCH_INDEX.store;
15 | d.done();
16 |
17 | return d;
18 | };
19 |
20 | LunrSearchEngine.prototype.search = function(q, offset, length) {
21 | var that = this,
22 | results = [],
23 | d = new promise.Promise();
24 |
25 | if (this.index) {
26 | results = $.map(this.index.search('*' + q + '*'), function(result) {
27 | var doc = that.store[result.ref];
28 |
29 | return {
30 | title: doc.title,
31 | url: doc.url,
32 | body: doc.summary || doc.body
33 | };
34 | });
35 | }
36 |
37 | d.done({
38 | query: q,
39 | results: length === 0 ? results : results.slice(0, length),
40 | count: results.length
41 | });
42 |
43 | return d;
44 | };
45 |
46 | compodoc.addEventListener(compodoc.EVENTS.READY, function(event) {
47 | var engine = new LunrSearchEngine(),
48 | initialized = false;
49 |
50 | function query(q, offset, length) {
51 | if (!initialized) throw new Error('Search has not been initialized');
52 | return engine.search(q, offset, length);
53 | }
54 |
55 | compodoc.search = {
56 | query: query
57 | };
58 |
59 | engine.init()
60 | .then(function() {
61 | initialized = true;
62 | compodoc.dispatchEvent({
63 | type: compodoc.EVENTS.SEARCH_READY
64 | });
65 | });
66 | });
67 | })(compodoc);
68 |
--------------------------------------------------------------------------------
/docs/styles/readthedocs.css:
--------------------------------------------------------------------------------
1 | .navbar-default {
2 | background: #2980B9;
3 | border: none;
4 | }
5 |
6 | .navbar-default .navbar-brand {
7 | color: #fcfcfc;
8 | }
9 |
10 | .menu {
11 | background: #343131;
12 | color: #fcfcfc;
13 | }
14 |
15 | .menu ul.list li a {
16 | color: #fcfcfc;
17 | }
18 |
19 | .menu ul.list li a.active {
20 | color: #0099e5;
21 | }
22 |
23 | .menu ul.list li.title {
24 | background: #2980B9;
25 | padding-bottom: 5px;
26 | }
27 |
28 | .menu ul.list li:nth-child(2) {
29 | margin-top: 0;
30 | }
31 |
32 | .menu ul.list li.chapter a,
33 | .menu ul.list li.chapter .simple {
34 | color: #555;
35 | text-transform: uppercase;
36 | text-decoration: none;
37 | }
38 |
39 | .menu ul.list li.chapter ul.links a {
40 | color: #b3b3b3;
41 | text-transform: none;
42 | padding-left: 35px;
43 | }
44 |
45 | .menu ul.list li.chapter ul.links a:hover {
46 | background: #4E4A4A;
47 | }
48 |
49 | .menu ul.list li.chapter ul.links {
50 | padding-left: 0;
51 | }
52 |
53 | .menu ul.list li.divider {
54 | background: rgba(255, 255, 255, 0.07);
55 | }
56 |
57 | #book-search-input input,
58 | #book-search-input input:focus,
59 | #book-search-input input:hover {
60 | color: #949494;
61 | }
62 |
63 | .copyright {
64 | color: #b3b3b3;
65 | background: #272525;
66 | }
67 |
68 | .content {
69 | background: #fcfcfc;
70 | }
71 |
72 | .content a {
73 | color: #2980B9;
74 | }
75 |
76 | .content a:hover {
77 | color: #3091d1;
78 | }
79 |
80 | .content a:visited {
81 | color: #9B59B6;
82 | }
83 |
84 | .menu ul.list li:nth-last-child(2) {
85 | background: none;
86 | }
87 |
88 | code {
89 | white-space: nowrap;
90 | max-width: 100%;
91 | background: #fff;
92 | padding: 2px 5px;
93 | color: #E74C3C;
94 | overflow-x: auto;
95 | border-radius: 0;
96 | }
97 |
98 | pre {
99 | white-space: pre;
100 | margin: 0;
101 | padding: 12px 12px;
102 | font-size: 12px;
103 | line-height: 1.5;
104 | display: block;
105 | overflow: auto;
106 | color: #404040;
107 | background: rgba(238, 238, 238, .35);
108 | }
109 |
--------------------------------------------------------------------------------
/docs/js/libs/promise.min.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright 2012-2013 (c) Pierre Duquesne
4 |
5 |
47 |
48 |
6 |
13 |
46 |
7 |
12 |
8 |
11 | Vem com a gente!
9 | Cadastre-se aqui!
10 | 13 |
14 |
45 |
15 |
44 |
16 |
43 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 | Já tem cadastro? Então bora pro login!
41 |
42 | 6 | 7 | ## Descrição de itens nas páginas 8 | 9 | - Itens da Navbar Principal (quando o usuário estiver logado no feed): [logo] [pesquisa] [eventos] [cursos] [projetos] [vagas] [perfil] 10 | 11 | - Itens da Navbar Dropdown (passando o mouse em qualquer dos temas principais): Navegação por temas [eventos, cursos, projetos, vagas] e subtemas [ONGS, Psicologia, Alimentação, Tecnologia, Família, Esportes, Aprendizagem, DIY, Fotografia, Escrita, Música, Games, Crenças, Cinema, Humor, Carreira, Animações, Artes Plásticas], como a navegação do Magazine Luiza. 12 | 13 | - Footer: onde ficarão os redirecionamentos das páginas Junte-se a nós, Redes Sociais (Instagram/Facebook/LinkedIn) e Equipe/Contato 14 | 15 | - Pop-up lateral: botão com redirecionamento ao Centro de Valorização a Vida e Disque Denúncia/Violência contra a mulher 16 | 17 | - Botão de "Voltar ao Topo": scroll-top com smooth behaviour 18 | 19 | 20 | - 1ª Página (Home Estática): Apresentação do Projeto (página com carrossel de imagens e cards, junto com login/cadastro) 21 | 22 | - 2ª Página (Equipe/Contato Estática): sobre nós geral, cards do grupo com as redes sociais individuais) 23 | 24 | - 3ª Página (Junte-se a Nós Estática): página semelhante ao "Trabalhe Conosco" de algumas organizações, mas adaptadas ao nosso contexto de projeto social/sem fins lucrativos. 25 | 26 | - 4ª Página Feed: barra lateral exibindo perfil de usuário logado, com navegação dentre os temas subtemas - filtrados ou não - das publicações (isso quando os usuários já postaram, mostrando a visualização, tags, temas, etc.) 27 | 28 | - 5ª Página (Perfil Pessoal e/ou Organizacional): feed contendo somente os posts de determinado usuário. 29 | 30 | 31 |
32 | 33 | 34 | ## Componentes Angular do projeto 35 | 36 | - ng g c home-inicio: :white_check_mark: 37 | - ng g c footer: :white_check_mark: 38 | - ng g c equipe: :white_check_mark: 39 | - ng g c sobre: :white_check_mark: 40 | - ng g c feed: :white_check_mark: 41 | - ng g c perfil: :arrows_counterclockwise: 42 | - ng g c navbar :arrows_counterclockwise: 43 | - ng g c junte-se: :arrows_counterclockwise: 44 | 45 |
46 | 47 | ## Considerações para uma versão 2.0 48 | 49 | - Integração com Hand Talk (acessibilidade em Libras para a Página) 50 | - Implantação de E-commerce (recurso para ONGs e pequenos produtores venderem seus produtos, semelhante a Loja do Instagram) 51 | - Habilitação de Dark mode 52 | - Possibilidade de cadastro e login integrado à conta do Facebook ou Google 53 | -------------------------------------------------------------------------------- /front-end/seivaVisual/src/app/home-inicio/home-inicio.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 |
45 |
46 |
47 |
48 |
49 |
5 |
44 | -
6 |
7 |
8 |
9 |
10 |
11 |
13 |
34 |
35 |
36 |
37 | Anterior
38 |
39 |
40 |
41 | Próximo
42 |
43 |
14 | 
15 |
16 |
17 |
15 |
18 | 
19 |
20 |
21 |
19 |
22 | 
23 |
24 |
25 |
23 |
26 | 
27 |
28 |
29 |
27 |
30 | 
31 |
32 |
33 |
31 |
54 |
58 |
59 |
60 |
61 |
55 |
57 |
3 |
4 |
59 |
--------------------------------------------------------------------------------
/docs/js/libs/tablesort.min.js:
--------------------------------------------------------------------------------
1 | /*!
2 | * tablesort v5.1.0 (2018-09-14)
3 | * http://tristen.ca/tablesort/demo/
4 | * Copyright (c) 2018 ; Licensed MIT
5 | */
6 | !function(){function a(b,c){if(!(this instanceof a))return new a(b,c);if(!b||"TABLE"!==b.tagName)throw new Error("Element must be a table");this.init(b,c||{})}var b=[],c=function(a){var b;return window.CustomEvent&&"function"==typeof window.CustomEvent?b=new CustomEvent(a):(b=document.createEvent("CustomEvent"),b.initCustomEvent(a,!1,!1,void 0)),b},d=function(a){return a.getAttribute("data-sort")||a.textContent||a.innerText||""},e=function(a,b){return a=a.trim().toLowerCase(),b=b.trim().toLowerCase(),a===b?0:a
5 |
6 |
57 |
58 |
7 |
55 |
56 | Editando uma postagem
8 |
9 |
10 |
11 |
12 |
14 |
15 |
16 |
17 |
18 |
20 |
21 |
22 |
23 |
24 |
26 |
27 |
28 |
29 |
30 |
32 |
33 |
34 |
35 |
36 |
41 |
42 |
43 |
44 |
45 |
46 |
53 |
54 |
47 |
49 |
51 |
52 |
3 |
4 | 
60 |
61 |
62 |
63 |
64 |
5 |
6 |
33 |
34 |
35 |
7 |
32 | Postagens sobre {{tema.descricao}}
8 |
9 |
10 |
11 |
31 |
12 |
28 |
29 |
30 |
13 |
27 |
14 | 
15 |
26 |
16 |
17 |
24 |
25 | {{post.titulo}}
18 | 19 |{{post.descricao}}
20 | 21 | Postado em {{post.data | date:'dd/MM/yyyy'}} às 22 | {{post.data | date:'HH:mm'}} 23 |24 |
Ver mais posts sobre:
36 |
37 |
47 |
48 |
49 |
50 |
38 |
40 |
41 |
42 |
45 |
46 |
51 |
57 |
58 |
59 |
52 |
53 |
55 |
56 |
60 |
3 |
4 |
77 |
78 |
79 |
80 |
81 |
5 |
6 |
76 |
7 |
41 | 42 |
50 |
51 |
72 |
73 |
74 |
75 | Cadastro de um novo tema
8 |
9 |
10 |
11 |
12 |
14 |
15 |
16 |
17 |
18 |
20 |
21 |
22 |
23 |
24 |
26 |
27 |
28 |
29 |
30 |
31 |
38 |
39 |
40 |
32 |
33 |
36 |
37 | 41 | 42 |
43 |
47 |
48 |
49 |
44 |
46 | Lista de temas
45 | | # | 53 |Descrição | 54 |Modificações | 55 |
|---|---|---|
| {{item.id}} | 60 |{{item.descricao}} | 61 |
62 | 
65 | 
68 | |
69 |
77 |
25 |
74 |
75 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |
95 |
96 |
97 |
98 |
99 |
100 |
101 |
102 |
103 |
104 |
105 |
106 |
107 |
108 |
109 |
110 |
111 |
--------------------------------------------------------------------------------
/docs/styles/postmark.css:
--------------------------------------------------------------------------------
1 | .navbar-default {
2 | background: #FFDE00;
3 | border: none;
4 | }
5 |
6 | .navbar-default .navbar-brand {
7 | color: #333;
8 | font-weight: bold;
9 | }
10 |
11 | .menu {
12 | background: #333;
13 | color: #fcfcfc;
14 | }
15 |
16 | .menu ul.list li a {
17 | color: #333;
18 | }
19 |
20 | .menu ul.list li.title {
21 | background: #FFDE00;
22 | color: #333;
23 | padding-bottom: 5px;
24 | }
25 |
26 | .menu ul.list li:nth-child(2) {
27 | margin-top: 0;
28 | }
29 |
30 | .menu ul.list li.chapter a,
31 | .menu ul.list li.chapter .simple {
32 | color: white;
33 | text-decoration: none;
34 | }
35 |
36 | .menu ul.list li.chapter ul.links a {
37 | color: #949494;
38 | text-transform: none;
39 | padding-left: 35px;
40 | }
41 |
42 | .menu ul.list li.chapter ul.links a:hover,
43 | .menu ul.list li.chapter ul.links a.active {
44 | color: #FFDE00;
45 | }
46 |
47 | .menu ul.list li.chapter ul.links {
48 | padding-left: 0;
49 | }
50 |
51 | .menu ul.list li.divider {
52 | background: rgba(255, 255, 255, 0.07);
53 | }
54 |
55 | #book-search-input input,
56 | #book-search-input input:focus,
57 | #book-search-input input:hover {
58 | color: #949494;
59 | }
60 |
61 | .copyright {
62 | color: #b3b3b3;
63 | background: #272525;
64 | }
65 |
66 | .content {
67 | background: #fcfcfc;
68 | }
69 |
70 | .content a {
71 | color: #007DCC;
72 | }
73 |
74 | .content a:visited {
75 | color: #0165a5;
76 | }
77 |
78 | .menu ul.list li:nth-last-child(2) {
79 | background: none;
80 | }
81 |
82 | .list-group-item:first-child,
83 | .list-group-item:last-child {
84 | border-radius: 0;
85 | }
86 |
87 | .menu ul.list li.title a {
88 | text-decoration: none;
89 | font-weight: bold;
90 | }
91 |
92 | .menu ul.list li.title a:hover {
93 | background: rgba(255, 255, 255, 0.1);
94 | }
95 |
96 | .breadcrumb>li+li:before {
97 | content: "»\00a0"
98 | }
99 |
100 | .breadcrumb {
101 | padding-bottom: 15px;
102 | border-bottom: 1px solid #e1e4e5;
103 | }
104 |
105 | code {
106 | white-space: nowrap;
107 | max-width: 100%;
108 | background: #F5F5F5;
109 | padding: 2px 5px;
110 | color: #666666;
111 | overflow-x: auto;
112 | border-radius: 0;
113 | }
114 |
115 | pre {
116 | white-space: pre;
117 | margin: 0;
118 | padding: 12px 12px;
119 | font-size: 12px;
120 | line-height: 1.5;
121 | display: block;
122 | overflow: auto;
123 | color: #404040;
124 | background: #f3f3f3;
125 | }
126 |
127 | pre code.hljs {
128 | border: none;
129 | background: inherit;
130 | }
131 |
132 | /*
133 | Atom One Light by Daniel Gamage
134 | Original One Light Syntax theme from https://github.com/atom/one-light-syntax
135 | base: #fafafa
136 | mono-1: #383a42
137 | mono-2: #686b77
138 | mono-3: #a0a1a7
139 | hue-1: #0184bb
140 | hue-2: #4078f2
141 | hue-3: #a626a4
142 | hue-4: #50a14f
143 | hue-5: #e45649
144 | hue-5-2: #c91243
145 | hue-6: #986801
146 | hue-6-2: #c18401
147 | */
148 |
149 | .hljs {
150 | display: block;
151 | overflow-x: auto;
152 | padding: 0.5em;
153 | color: #383a42;
154 | background: #fafafa;
155 | }
156 |
157 | .hljs-comment,
158 | .hljs-quote {
159 | color: #a0a1a7;
160 | font-style: italic;
161 | }
162 |
163 | .hljs-doctag,
164 | .hljs-keyword,
165 | .hljs-formula {
166 | color: #a626a4;
167 | }
168 |
169 | .hljs-section,
170 | .hljs-name,
171 | .hljs-selector-tag,
172 | .hljs-deletion,
173 | .hljs-subst {
174 | color: #e45649;
175 | }
176 |
177 | .hljs-literal {
178 | color: #0184bb;
179 | }
180 |
181 | .hljs-string,
182 | .hljs-regexp,
183 | .hljs-addition,
184 | .hljs-attribute,
185 | .hljs-meta-string {
186 | color: #50a14f;
187 | }
188 |
189 | .hljs-built_in,
190 | .hljs-class .hljs-title {
191 | color: #c18401;
192 | }
193 |
194 | .hljs-attr,
195 | .hljs-variable,
196 | .hljs-template-variable,
197 | .hljs-type,
198 | .hljs-selector-class,
199 | .hljs-selector-attr,
200 | .hljs-selector-pseudo,
201 | .hljs-number {
202 | color: #986801;
203 | }
204 |
205 | .hljs-symbol,
206 | .hljs-bullet,
207 | .hljs-link,
208 | .hljs-meta,
209 | .hljs-selector-id,
210 | .hljs-title {
211 | color: #4078f2;
212 | }
213 |
214 | .hljs-emphasis {
215 | font-style: italic;
216 | }
217 |
218 | .hljs-strong {
219 | font-weight: bold;
220 | }
221 |
222 | .hljs-link {
223 | text-decoration: underline;
224 | }
225 |
--------------------------------------------------------------------------------
26 |
29 |
30 |
73 |
31 |
71 |
72 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
70 |
63 |
66 | result-matching ""
64 |
67 |
69 |