5 | {{genero.name}}
12 |•
14 |Lançamento: {{filme.release_date | date: 'dd/MM/yyyy'}}
15 |•
16 |Diretor: {{diretor}}
17 | 18 |{{filme.overview}}
22 | 23 |
27 | {{credito.name}}
36 |{{credito.character}}
37 |
43 |
10 | {{ filme.title }}
20 | ( {{filme.release_date | date: "yyyy"}} ) 21 |
30 | {{filme.vote_average | number}}
31 | 39 | 40 |{{filme.overview}}
43 | 44 |
25 | 
26 | 
27 | 
28 | 
29 | 
30 | 
31 | 
32 | 
33 |
34 | ### **Versão mobile
35 |
36 | 
37 |
38 |
39 |
40 |
41 |
--------------------------------------------------------------------------------
/src/app/material/material.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core'
2 |
3 | //material
4 | import { MatAutocompleteModule } from '@angular/material/autocomplete'
5 | import { MatBadgeModule } from '@angular/material/badge'
6 | import { MatButtonModule } from '@angular/material/button'
7 | import { MatButtonToggleModule } from '@angular/material/button-toggle'
8 | import { MatCardModule } from '@angular/material/card'
9 | import { MatCheckboxModule } from '@angular/material/checkbox'
10 | import { MatChipsModule } from '@angular/material/chips'
11 | import { MatCommonModule } from '@angular/material/core'
12 | import { MatDatepickerModule } from '@angular/material/datepicker'
13 | import { MatDialogModule } from '@angular/material/dialog'
14 | import { MatDividerModule } from '@angular/material/divider'
15 | import { MatExpansionModule } from '@angular/material/expansion'
16 | import { MatFormFieldModule } from '@angular/material/form-field'
17 | import { MatGridListModule } from '@angular/material/grid-list'
18 | import { MatIconModule } from '@angular/material/icon'
19 | import { MatInputModule } from '@angular/material/input'
20 | import { MatListModule } from '@angular/material/list'
21 | import { MatMenuModule } from '@angular/material/menu'
22 | import { MatPaginatorModule } from '@angular/material/paginator'
23 | import { MatProgressBarModule } from '@angular/material/progress-bar'
24 | import { MatProgressSpinnerModule } from '@angular/material/progress-spinner'
25 | import { MatRadioModule } from '@angular/material/radio'
26 | import { MatRippleModule } from '@angular/material/core'
27 | import { MatSelectModule } from '@angular/material/select'
28 | import { MatSidenavModule } from '@angular/material/sidenav'
29 | import { MatSlideToggleModule } from '@angular/material/slide-toggle'
30 | import { MatSliderModule } from '@angular/material/slider'
31 | import { MatSnackBarModule } from '@angular/material/snack-bar'
32 | import { MatSortModule } from '@angular/material/sort'
33 | import { MatStepperModule } from '@angular/material/stepper'
34 | import { MatTableModule } from '@angular/material/table'
35 | import { MatTabsModule } from '@angular/material/tabs'
36 | import { MatToolbarModule } from '@angular/material/toolbar'
37 | import { MatTreeModule } from '@angular/material/tree'
38 | import { MatTooltipModule } from '@angular/material/tooltip'
39 | import {DragDropModule} from '@angular/cdk/drag-drop'
40 |
41 | @NgModule({
42 | exports: [
43 | MatAutocompleteModule,
44 | MatBadgeModule,
45 | MatButtonModule,
46 | MatButtonToggleModule,
47 | MatCardModule,
48 | MatCheckboxModule,
49 | MatChipsModule,
50 | MatCommonModule,
51 | MatDatepickerModule,
52 | MatDialogModule,
53 | MatDividerModule,
54 | MatExpansionModule,
55 | MatFormFieldModule,
56 | MatGridListModule,
57 | MatIconModule,
58 | MatInputModule,
59 | MatListModule,
60 | MatMenuModule,
61 | MatPaginatorModule,
62 | MatProgressBarModule,
63 | MatProgressSpinnerModule,
64 | MatRadioModule,
65 | MatRippleModule,
66 | MatSelectModule,
67 | MatSidenavModule,
68 | MatSlideToggleModule,
69 | MatSliderModule,
70 | MatSnackBarModule,
71 | MatSortModule,
72 | MatStepperModule,
73 | MatTableModule,
74 | MatTabsModule,
75 | MatToolbarModule,
76 | MatTreeModule,
77 | MatTooltipModule,
78 | DragDropModule
79 | ]
80 | })
81 | export class MaterialModule {
82 |
83 | }
84 |
85 |
--------------------------------------------------------------------------------
/src/app/Pages/lista-favoritos/lista-favoritos.component.css:
--------------------------------------------------------------------------------
1 | .container {
2 | display: flex;
3 | width: 100%;
4 | margin-top: 110px;
5 | justify-content: center;
6 | }
7 |
8 | h1 {
9 | color: whitesmoke;
10 | margin-top: 80px;
11 | text-align: center;
12 | width: 100%;
13 | }
14 |
15 |
16 | .subtitulo-lista {
17 | display: flex;
18 | align-items: center;
19 | margin-top: 30px;
20 | color: whitesmoke;
21 | margin-bottom: 30px;
22 | }
23 |
24 | .lista-filmes {
25 | display: flex;
26 | flex-direction: column;
27 | width: auto;
28 | flex-wrap: wrap;
29 | box-sizing: border-box;
30 | }
31 |
32 | .card-filme {
33 | display: flex;
34 | background-color: var(--blue2);
35 | border: none;
36 | width: 850px;
37 | height: 160px;
38 | border-radius: 5px;
39 | box-sizing: border-box;
40 | margin-bottom: 20px;
41 | color: var(--font);
42 | }
43 |
44 | .poster {
45 | width: 110px;
46 | height: 100%;
47 | border-radius: 5px 0 0 5px;
48 | margin-right: 30px;
49 | }
50 |
51 | .conteudo-card {
52 | height: 100%;
53 | }
54 |
55 |
56 | .header {
57 | display: flex;
58 | align-items: center;
59 | justify-content: space-between;
60 | width: 100%;
61 | height: 40px;
62 | margin: 0;
63 | }
64 |
65 | .header span {
66 | font-size: 15px;
67 | }
68 |
69 | .titulo-filme {
70 | display: flex;
71 | }
72 |
73 | .titulo-filme p {
74 | font-size: 15px;
75 | color: whitesmoke;
76 | font-weight: bold;
77 | margin-right: 10px;
78 | }
79 |
80 | .avaliacao {
81 | display: flex;
82 | width: 9%;
83 | height: 20px;
84 | align-items: center;
85 | color: white;
86 | font-size: 14px;
87 | margin-bottom: 10px;
88 | }
89 |
90 | .informacoes p {
91 | font-size: 13px;
92 | padding: 0 20px 20px 0;
93 | width: 97%;
94 | height: 80px;
95 | overflow: hidden !important;
96 | text-overflow: ellipsis;
97 | box-sizing: border-box;
98 | }
99 |
100 |
101 | .icone-estrela {
102 | margin-right: 10px;
103 | }
104 |
105 | .icone-estrela-azul {
106 | cursor: pointer;
107 | display: flex;
108 | justify-content: center;
109 | background-color: transparent;
110 | border: none;
111 | border-radius: 4px;
112 | padding: 5px;
113 | width: auto;
114 | margin-left: 20px;
115 | }
116 |
117 | .icone-estrela-azul p {
118 | color: rgb(215, 215, 215);
119 | font-size: 14px;
120 | margin: 0 0 0 5px;
121 | }
122 |
123 | .icone-estrela-azul:hover {
124 | opacity: 0.8;
125 | }
126 |
127 |
128 | .btn-voltar{
129 | visibility: hidden;
130 | }
131 |
132 | .visible{
133 | visibility: visible;
134 | position: fixed;
135 | bottom: 10px;
136 | right: 0;
137 | background-color: transparent;
138 | border: none;
139 | cursor: pointer;
140 | }
141 |
142 | @media only screen and (max-device-width: 900px) {
143 | .lista-filmes {
144 | width: 100%;
145 | }
146 |
147 | .subtitulo-lista {
148 | margin-top: 5px;
149 | color: whitesmoke;
150 | margin-bottom: 30px;
151 | font-size: 14px;
152 | }
153 |
154 | .card-filme {
155 | width: 395px;
156 | height: 200px;
157 | box-sizing: border-box;
158 | margin: 0 5px 10px 10px;
159 | border-radius: 0;
160 | }
161 |
162 | .poster {
163 | width: 130px;
164 | height: 100%;
165 | border-radius: 0;
166 | margin-right: 25px;
167 | }
168 |
169 | .conteudo-card {
170 | height: 100%;
171 | align-self: center;
172 | }
173 |
174 |
175 | .header {
176 | display: flex;
177 | align-items: center;
178 | justify-content: space-between;
179 | width: 100%;
180 | height: 30px;
181 | margin: 10px 0;
182 | }
183 |
184 | .header span {
185 | display: none;
186 | }
187 |
188 |
189 | .titulo-filme p {
190 | margin-right: 5px;
191 | }
192 |
193 | .informacoes p {
194 | font-size: 12.5px;
195 | height: 100px;
196 | }
197 |
198 |
199 | }
200 |
--------------------------------------------------------------------------------
/angular.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
3 | "version": 1,
4 | "newProjectRoot": "projects",
5 | "projects": {
6 | "tmdb-filmes": {
7 | "projectType": "application",
8 | "schematics": {
9 | "@schematics/angular:class": {
10 | "skipTests": true
11 | },
12 | "@schematics/angular:component": {
13 | "skipTests": true
14 | },
15 | "@schematics/angular:directive": {
16 | "skipTests": true
17 | },
18 | "@schematics/angular:guard": {
19 | "skipTests": true
20 | },
21 | "@schematics/angular:interceptor": {
22 | "skipTests": true
23 | },
24 | "@schematics/angular:pipe": {
25 | "skipTests": true
26 | },
27 | "@schematics/angular:resolver": {
28 | "skipTests": true
29 | },
30 | "@schematics/angular:service": {
31 | "skipTests": true
32 | }
33 | },
34 | "root": "",
35 | "sourceRoot": "src",
36 | "prefix": "app",
37 | "architect": {
38 | "build": {
39 | "builder": "@angular-devkit/build-angular:browser",
40 | "options": {
41 | "outputPath": "dist/tmdb-filmes",
42 | "index": "src/index.html",
43 | "main": "src/main.ts",
44 | "polyfills": "src/polyfills.ts",
45 | "tsConfig": "tsconfig.app.json",
46 | "assets": [
47 | "src/favicon.ico",
48 | "src/assets"
49 | ],
50 | "styles": [
51 | "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
52 | "src/styles.css"
53 | ],
54 | "scripts": []
55 | },
56 | "configurations": {
57 | "production": {
58 | "budgets": [
59 | {
60 | "type": "initial",
61 | "maximumWarning": "2mb",
62 | "maximumError": "3mb"
63 | },
64 | {
65 | "type": "anyComponentStyle",
66 | "maximumWarning": "2mb",
67 | "maximumError": "4mb"
68 | }
69 | ],
70 | "fileReplacements": [
71 | {
72 | "replace": "src/environments/environment.ts",
73 | "with": "src/environments/environment.prod.ts"
74 | }
75 | ],
76 | "outputHashing": "all"
77 | },
78 | "development": {
79 | "buildOptimizer": false,
80 | "optimization": false,
81 | "vendorChunk": true,
82 | "extractLicenses": false,
83 | "sourceMap": true,
84 | "namedChunks": true
85 | }
86 | },
87 | "defaultConfiguration": "production"
88 | },
89 | "serve": {
90 | "builder": "@angular-devkit/build-angular:dev-server",
91 | "configurations": {
92 | "production": {
93 | "browserTarget": "tmdb-filmes:build:production"
94 | },
95 | "development": {
96 | "browserTarget": "tmdb-filmes:build:development"
97 | }
98 | },
99 | "defaultConfiguration": "development"
100 | },
101 | "extract-i18n": {
102 | "builder": "@angular-devkit/build-angular:extract-i18n",
103 | "options": {
104 | "browserTarget": "tmdb-filmes:build"
105 | }
106 | },
107 | "test": {
108 | "builder": "@angular-devkit/build-angular:karma",
109 | "options": {
110 | "main": "src/test.ts",
111 | "polyfills": "src/polyfills.ts",
112 | "tsConfig": "tsconfig.spec.json",
113 | "karmaConfig": "karma.conf.js",
114 | "assets": [
115 | "src/favicon.ico",
116 | "src/assets"
117 | ],
118 | "styles": [
119 | "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
120 | "src/styles.css"
121 | ],
122 | "scripts": []
123 | }
124 | }
125 | }
126 | }
127 | },
128 | "cli": {
129 | "analytics": false
130 | }
131 | }
132 |
--------------------------------------------------------------------------------
/src/app/Pages/lista-assistir-depois/lista-assistir-depois.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, HostListener, OnInit } from '@angular/core';
2 | import { MatDialog } from '@angular/material/dialog';
3 | import { PageEvent } from '@angular/material/paginator';
4 | import { DialogVotoComponent } from 'src/app/Components/dialogs/dialog-voto/dialog-voto.component';
5 | import { Filme } from 'src/app/Interfaces/Filme';
6 | import { FilmeLista } from 'src/app/Interfaces/FilmeLista';
7 | import { Results } from 'src/app/Interfaces/Results';
8 | import { FavoritosService } from 'src/app/Services/favoritos.service';
9 | import { NotificationService } from 'src/app/Services/notificacao.service';
10 | import { SalvosService } from 'src/app/Services/salvos.service';
11 |
12 | @Component({
13 | selector: 'app-lista-assistir-depois',
14 | templateUrl: './lista-assistir-depois.component.html',
15 | styleUrls: ['./lista-assistir-depois.component.css']
16 | })
17 | export class ListaAssistirDepoisComponent implements OnInit {
18 |
19 | constructor(
20 | private notificacao: NotificationService,
21 | public dialog: MatDialog,
22 | private salvosService: SalvosService,
23 | private favoritosService: FavoritosService
24 | ) { }
25 |
26 | ngOnInit(): void {
27 | this.listarFilmes()
28 | this.listarFavoritos()
29 | }
30 |
31 | listaAssistirDepois: FilmeLista[] = []
32 | listaAssistidos: FilmeLista[] = []
33 | verAssistidos: boolean = false
34 | listaFavoritos: FilmeLista[] = []
35 |
36 |
37 | public listarFilmes(): void {
38 | this.salvosService.listarFilmesSalvos().subscribe(lista => {
39 | this.verificarFavoritos(lista)
40 | lista.forEach((filme: FilmeLista) => {
41 | if(filme.assistido == true){
42 | this.listaAssistidos.push(filme)
43 | }else{
44 | this.listaAssistirDepois.push(filme)
45 | }
46 | });
47 | })
48 | }
49 |
50 | public marcarComoAssistido(filme: FilmeLista): void {
51 | const index = this.listaAssistirDepois.indexOf(filme)
52 | this.listaAssistirDepois.splice(index, 1)
53 | filme.assistido = true
54 | this.salvosService.editarFilmeSalvo(filme).subscribe()
55 | this.listaAssistidos.push(filme)
56 | }
57 |
58 | public deletarFilme(id: string, filme: FilmeLista): void{
59 | this.salvosService.deletarFilmeSalvo(id).subscribe(
60 | (resposta) => {
61 | this.notificacao.showmessage("Filme excluído da sua lista de favoritos!")
62 | const index = this.listaAssistirDepois.indexOf(filme)
63 | this.listaAssistirDepois.splice(index, 1)
64 |
65 | }
66 | )
67 | }
68 |
69 | public visualizarAssistidos(): void{
70 | this.verAssistidos = !this.verAssistidos
71 | }
72 |
73 | public openDialog(filme: FilmeLista) {
74 | this.dialog.open(DialogVotoComponent, {
75 | width: "520px",
76 | height: "320px",
77 | data: filme
78 | })
79 | }
80 |
81 | public favoritar(filmeFavorito: FilmeLista): void {
82 | filmeFavorito.isFavorite = true
83 |
84 | this.favoritosService.adicionarFavorito(filmeFavorito).subscribe(
85 | (resposta) => {
86 | this.notificacao.showmessage("Filme inserido na lista de favoritos!")
87 | }
88 | )
89 | this.salvosService.editarFilmeSalvo(filmeFavorito).subscribe()
90 | }
91 |
92 | public listarFavoritos(): void {
93 | this.favoritosService.listarFavoritos().subscribe(
94 | (lista) => {
95 | this.listaFavoritos = lista
96 | })
97 | }
98 |
99 | public verificarFavoritos(listaFilmes: Results): void {
100 | this.favoritosService.listarFavoritos().subscribe(
101 | (lista) => {
102 | for(let filme of lista){
103 | for(let listaFilme of listaFilmes.results){
104 | if(filme.id === listaFilme.id){
105 | listaFilme.isFavorite = true
106 | }
107 | }
108 |
109 | }
110 | })
111 | }
112 |
113 |
114 | public voltarAoTopo(): void{
115 | window.scroll(0, 0)
116 | }
117 |
118 | @HostListener('window:scroll') onWindowScroll(): void{
119 | const botao = document.querySelector(".btn-voltar")
120 | if(window.scrollY > 7.5){
121 | botao?.classList.add("visible")
122 |
123 | }else {
124 | botao?.classList.remove("visible")
125 | }
126 | }
127 |
128 | }
129 |
--------------------------------------------------------------------------------
/.firebase/hosting.ZGlzdFx0bWRiLWZpbG1lcw.cache:
--------------------------------------------------------------------------------
1 | favicon.ico,1674836454830,2c19690e9587bae12f419b34d2edeecc76808099540a9c9f4ea6194116cfc8f7
2 | assets/barra.png,1674836454791,c59944a919c26b04aaf49d741678ceac00ef74e64ce376c38288ba12f41d5df5
3 | assets/coracaoCheio.png,1674836454791,ab01e9bdc3486919dd725ac7684772ab35129658f854117e4deb87912fb95333
4 | assets/coracaoVazio.png,1674836454824,5698a3950f061173d94f600326189a595fa820992ebdc3aaad0e4f29104451a7
5 | assets/estrela-azul-arredondada.png,1675016546804,a188939094236a73360a139f242cd7385f2f31510809216fd2cdeacc581d0348
6 | assets/estrela-azul-cheia.png,1675012664578,8614a9634b038a3d63802739cfb96fac2f0d93079ddceb0d20611794d274643d
7 | assets/estrela-azul.png,1675012610682,112d78602207c73bf9dafa3e6864951ba5146fc51b7c1e5690884ae0aa5eb5c5
8 | assets/estrela-cinza.png,1675014780687,f98cd1765179ecfe9f088e648a8ec8c8ca1c1e4bb508157fe336e628138c841f
9 | assets/estrela-grande-amarela.png,1675452910753,536a1e4debc7374200dfb6e18f14a95c3a7264ebd6debb9771fc32ab54e1bea4
10 | assets/estrela.png,1674836454825,c88ee7de18acc3cd5344490b38129796a86f7821821cc18a9fc2ee12d8f1818f
11 | assets/google.png,1675184729184,6550bb39895a85f41a322f4c0c2455f31e87d979740f10b8223cc0cc47074614
12 | assets/lixeira-de-reciclagem.png,1675128828255,0d71b3b1f356ced95891583173199787998b75728b0fceedd5401aa50b73e473
13 | assets/menu-aberto.png,1676051918619,0d865d33bcbc577a41117811d43adffc93264b94bb3641aea804a2de46a64a20
14 | assets/olho (1).png,1679422191846,8b70db2251a2a59351d0ca3c5d303e22b5608e2dc5ccf0fb00b997e93f9bfdcc
15 | assets/olho.png,1679422167096,adbb5b29320a87586fdcdbe87047a0f622536b33b088ec8c20c49a3e58cf1402
16 | assets/pipoca.png,1674836454826,f5cf84a8290c75df2a805b13711152255fa2ecf859a070eac87bcf4a361e5e26
17 | assets/pra-cima.png,1676140856715,b2d8462124a9ec453a6a97d968455c5da2c37e22c23dacdc05165194e706159f
18 | assets/sair.png,1675948443313,e7b5c1ee442d172863c58a68f495f7c92b5e9996b62577233a45a62e03c827ca
19 | assets/salvar-amarelo.png,1675370259902,5ae1a1d2d771554e12a3949f175e29f5bc3bc87557b6466a1d242dd1489eb9bf
20 | assets/salvar-cheio.png,1674946348028,d8a582c2e1b603e6db4da14f528bf9a3ef91979b92b8c089cc7f74a2145e2898
21 | assets/salvar.png,1674946305301,b2015de37d8f5fa2fe07383636156614802d66fcdb730433629c6dc65b8ff35c
22 | assets/salvo.png,1675012855945,6aa6088c70d69648d1c11e61156b25990bcefc65495792584d9a25e79a30b57d
23 | assets/seta-direita.png,1674836454827,a2f3aa3629ba5face28c2317ef350f6c7538907e8a4b56d2a64ede2c4ca92b46
24 | assets/seta-esquerda.png,1674836454827,5f1eb0c52d4eaa8fb029b548ad7b0560643d5713d6abc72b50ead814dd533ce8
25 | assets/tocar-video.png,1675446598129,b794ef8adee7db8c2bc36021ecf4c87156de3a45c34c492553c64d25df83f63d
26 | assets/img/1.png,1679341658279,a46312d3dafe330c241b7ff1b9c4e4cabd9be2e2579ad2d893404f5a2ceb6a81
27 | assets/img/1000_F_477056624_XAKvgSV5jgHHDEOyoyBAuOuPBJYySzHR (2).jpg,1675886502535,51835f4478b876cf1c8e76badfdd8bc14bd02a539bef94480ea23cd1be37b61f
28 | assets/img/1000_F_477056624_XAKvgSV5jgHHDEOyoyBAuOuPBJYySzHR (3).jpg,1675886884510,487dd34a55c49bbaf2097d4d730ab3d64c5630c54a8990334720955df77a60cf
29 | assets/img/1000_F_477056624_XAKvgSV5jgHHDEOyoyBAuOuPBJYySzHR (4).jpg,1675947152455,9b2e1ff124a8eba1c3a92ac8b0bf9b600720759fbcf2177c76263c1b6bae9478
30 | assets/img/1000_F_477056624_XAKvgSV5jgHHDEOyoyBAuOuPBJYySzHR (5).jpg,1675947217237,c34fa52f45c6521d6df2da96ff59b5e581c9eac28f7add152b67d71160ca4bbb
31 | assets/img/1000_F_477056624_XAKvgSV5jgHHDEOyoyBAuOuPBJYySzHR (6).jpg,1675947259660,c70b10c1961c57ce03613b6a7fb98accad075854033d2312cb51176b2ab34a30
32 | assets/img/1000_F_477056624_XAKvgSV5jgHHDEOyoyBAuOuPBJYySzHR (7).jpg,1675947309228,748af1617258e08edee4f119170214068072272b372ae361520c6980652189c0
33 | assets/img/1000_F_477056624_XAKvgSV5jgHHDEOyoyBAuOuPBJYySzHR (8).jpg,1675947341644,b67f82eb9f0a8051cdc8c6f0634e78e0656c95c0abdebd1a4d5bd4f91fc3f494
34 | assets/img/1000_F_477056624_XAKvgSV5jgHHDEOyoyBAuOuPBJYySzHR (9).jpg,1675947389094,989142d0b4e6001dbf6123066a309e10e83af9507b38cc36932cc8b66f4c5c37
35 | assets/img/2.png,1679341658280,ec472c3ac80fa6f315caa6f8fafac5a0950cb22df9ac2c7c02136d777ece166e
36 | assets/img/3.png,1679341658283,87c0b82c1e377440bbc029cc70521b2fe5c28b089afece018407d037ee1883fb
37 | assets/img/4.png,1679341658284,d1bb617a3e266f65f8207bc52d2cdf71470669379655854c68a528859a97fec0
38 | assets/img/5.png,1679341658285,60b47039ac1b626ac35751cd5cb1122aa11c6d780624bc436275844660eef9c1
39 | assets/img/movie-poster-people-1698949-wallhere.com.jpg,1675179397743,02202a40b68af2a0b41fa6a079a2606d5bd5397f35256c3a6259c99b7f1cc2ba
40 | index.html,1679501933016,be20361b1194117bb8c0ff1c8f2e9f2be7e89c652126126052fad69954b78d36
41 | 3rdpartylicenses.txt,1679501929219,f8da493a2b714a62ff26bff44ba537839e348ffc221f26ee04b4f39c22134279
42 | polyfills.ef5b10d98fdbfcd1.js,1679501929218,1bdaabef77b91840a2ad2b16879020e1e9f3ad3d9739e33e0e86e0dd6bc9b761
43 | runtime.c03c6ce8e759153f.js,1679501929219,82c64f4a2fec7a65bd0de9b8a823c56291145b576b8ad398190df3445a8e284e
44 | styles.546cc8b292cb9628.css,1679501929218,bb739dbc5e45437f1d5e2ffe0964cfe6eeec35176552e234e387444bc16c826a
45 | movie-poster-people-1698949-wallhere.com.cd1d7930edc3d9d7.jpg,1679501929218,02202a40b68af2a0b41fa6a079a2606d5bd5397f35256c3a6259c99b7f1cc2ba
46 | main.923e4bbc82639548.js,1679501929219,7d4d1daaf1df14a390e4f3128a962e3cf47ff8ca79885a26a6fef18dc45ac504
47 |
--------------------------------------------------------------------------------
/src/app/Components/header/header.component.html:
--------------------------------------------------------------------------------
1 |
102 | {{filme.vote_average | number}}
103 |
7 | {{ filme.title }}
27 | ( {{filme.release_date | date: "yyyy"}} ) 28 |
43 | {{filme.vote_average | number}}
44 |{{filme.overview}}
47 | 48 |{{ filme.title }}
66 | ( {{filme.release_date | date: "yyyy"}} ) 67 |
77 | {{filme.vote_average | number}}
78 | 87 | 88 |{{filme.overview}}
91 | 92 |Confira os últimos lançamentos nos cinemas brasileiros:
6 |Está em busca de um novo filme para assistir? Encontre nas listas abaixo ou busque por gênero:
9 |
14 |
33 | {{ filme.vote_average }}
34 |
64 | {{ filme.vote_average }}
65 |
94 | {{ filme.vote_average }}
95 |
125 | {{ filme.vote_average }}
126 |
150 |
169 | {{filme.vote_average | number}}
170 |
197 | {{filme.vote_average | number}}
198 |
227 | {{ filme.vote_average | number}}
228 |
257 | {{ filme.vote_average | number}}
258 |{{genero.name}}
283 |
294 | {{filme.vote_average | number}}
295 |
321 | {{filme.vote_average | number}}
322 |
6 |
20 |
21 |