Realizacao do merge da branch 1-tela_visualizacao

US1 - Desenvolvimento de Tela para Gestão de Dados de Visualizações dos Vídeos
fga-eps-mds · Jul 28, 2024 · bd8cad6 · bd8cad6
2 parents cda58f0 + c802853
commit bd8cad6
Show file tree

Hide file tree

Showing 231 changed files with 568 additions and 3 deletions.
diff --git a/.dockerignore b/.dockerignore
diff --git a/.editorconfig b/.editorconfig
diff --git a/.github/templates/bug_report.md b/.github/templates/bug_report.md
diff --git a/.github/templates/feature_request.md b/.github/templates/feature_request.md
diff --git a/.github/templates/pull_request_template.md b/.github/templates/pull_request_template.md
diff --git a/.github/templates/user_stories.md b/.github/templates/user_stories.md
diff --git a/.github/workflows/continous-integration.yml b/.github/workflows/continous-integration.yml
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
diff --git a/.gitignore b/.gitignore
diff --git a/Dockerfile b/Dockerfile
diff --git a/README.md b/README.md
diff --git a/angular.json b/angular.json
diff --git a/certificate.cnf b/certificate.cnf
diff --git a/docker-compose.yml b/docker-compose.yml
diff --git a/karma.conf.js b/karma.conf.js
diff --git a/ngsw-config.json b/ngsw-config.json
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
diff --git a/postcss.config.js b/postcss.config.js
diff --git a/public/Simbolo_UnBTV.svg b/public/Simbolo_UnBTV.svg
diff --git a/sonar-project.properties b/sonar-project.properties
diff --git a/sonar_scripts/parser.py b/sonar_scripts/parser.py
diff --git a/src/.well-known/assetlinks.json b/src/.well-known/assetlinks.json
diff --git a/src/_redirects b/src/_redirects
diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
@@ -21,6 +21,8 @@ import { GridComponent } from './pages/grid/grid.component';
 import { CatalogComponent } from './pages/catalog/catalog.component';
 import { PrivacyPolicyComponent } from './pages/privacy-policy/privacy-policy.component';
 import { CategoryTableComponent } from './pages/category-table/category-table.component';
+import { VideoViewsComponent } from './pages/video-views/video-views.component';
+
 
 import { WithTokenGuard } from './guard/with-token.guard';
 
@@ -86,6 +88,7 @@ const routes: Routes = [
   },
   { path: 'privacy', component: PrivacyPolicyComponent },
   { path: 'category-views', component: CategoryTableComponent},
+  { path: 'video-views', component: VideoViewsComponent},
 ];
 
 @NgModule({

diff --git a/src/app/app.component.css b/src/app/app.component.css
diff --git a/src/app/app.component.html b/src/app/app.component.html
diff --git a/src/app/app.component.spec.ts b/src/app/app.component.spec.ts
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
diff --git a/src/app/app.constant.ts b/src/app/app.constant.ts
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -47,6 +47,7 @@ import { CatalogComponent } from './pages/catalog/catalog.component';
 import { PrivacyPolicyComponent } from './pages/privacy-policy/privacy-policy.component';
 import { ServiceWorkerModule } from '@angular/service-worker';
 import { CategoryTableComponent } from './pages/category-table/category-table.component';
+import { VideoViewsComponent } from './pages/video-views/video-views.component';
 
 @NgModule({
   imports: [
@@ -98,7 +99,8 @@ import { CategoryTableComponent } from './pages/category-table/category-table.co
     VideoCommentComponent,
     CatalogComponent,
     PrivacyPolicyComponent,
-    CategoryTableComponent
+    CategoryTableComponent,
+    VideoViewsComponent
   ],
 
   providers: [

diff --git a/src/app/components/background/background.component.css b/src/app/components/background/background.component.css
diff --git a/src/app/components/background/background.component.html b/src/app/components/background/background.component.html
diff --git a/src/app/components/background/background.component.spec.ts b/src/app/components/background/background.component.spec.ts
diff --git a/src/app/components/background/background.component.ts b/src/app/components/background/background.component.ts
diff --git a/src/app/components/video-comment/video-comment.component.css b/src/app/components/video-comment/video-comment.component.css
diff --git a/src/app/components/video-comment/video-comment.component.html b/src/app/components/video-comment/video-comment.component.html
diff --git a/src/app/components/video-comment/video-comment.component.spec.ts b/src/app/components/video-comment/video-comment.component.spec.ts
diff --git a/src/app/components/video-comment/video-comment.component.ts b/src/app/components/video-comment/video-comment.component.ts
diff --git a/src/app/environment/environment.test.ts b/src/app/environment/environment.test.ts
diff --git a/src/app/environment/environment.ts b/src/app/environment/environment.ts
diff --git a/src/app/guard/auth.guard.spec.ts b/src/app/guard/auth.guard.spec.ts
diff --git a/src/app/guard/auth.guard.ts b/src/app/guard/auth.guard.ts
diff --git a/src/app/guard/with-token.guard.spec.ts b/src/app/guard/with-token.guard.spec.ts
diff --git a/src/app/guard/with-token.guard.ts b/src/app/guard/with-token.guard.ts
diff --git a/src/app/helper/must-match.validator.ts b/src/app/helper/must-match.validator.ts
diff --git a/src/app/interceptor/user-token-interceptor.service.spec.ts b/src/app/interceptor/user-token-interceptor.service.spec.ts
diff --git a/src/app/interceptor/user-token-interceptor.service.ts b/src/app/interceptor/user-token-interceptor.service.ts
diff --git a/src/app/pages/active-account/active-account.component.css b/src/app/pages/active-account/active-account.component.css
diff --git a/src/app/pages/active-account/active-account.component.html b/src/app/pages/active-account/active-account.component.html
diff --git a/src/app/pages/active-account/active-account.component.spec.ts b/src/app/pages/active-account/active-account.component.spec.ts
diff --git a/src/app/pages/active-account/active-account.component.ts b/src/app/pages/active-account/active-account.component.ts
diff --git a/src/app/pages/agora/agora.component.css b/src/app/pages/agora/agora.component.css
diff --git a/src/app/pages/agora/agora.component.html b/src/app/pages/agora/agora.component.html
diff --git a/src/app/pages/agora/agora.component.spec.ts b/src/app/pages/agora/agora.component.spec.ts
diff --git a/src/app/pages/agora/agora.component.ts b/src/app/pages/agora/agora.component.ts
diff --git a/src/app/pages/catalog/catalog.component.css b/src/app/pages/catalog/catalog.component.css
diff --git a/src/app/pages/catalog/catalog.component.html b/src/app/pages/catalog/catalog.component.html
diff --git a/src/app/pages/catalog/catalog.component.spec.ts b/src/app/pages/catalog/catalog.component.spec.ts
diff --git a/src/app/pages/catalog/catalog.component.ts b/src/app/pages/catalog/catalog.component.ts
diff --git a/src/app/pages/check-code-rest-password/check-code-rest-password.component.css b/src/app/pages/check-code-rest-password/check-code-rest-password.component.css
diff --git a/src/app/pages/check-code-rest-password/check-code-rest-password.component.html b/src/app/pages/check-code-rest-password/check-code-rest-password.component.html
diff --git a/src/app/pages/check-code-rest-password/check-code-rest-password.component.spec.ts b/src/app/pages/check-code-rest-password/check-code-rest-password.component.spec.ts
diff --git a/src/app/pages/check-code-rest-password/check-code-rest-password.component.ts b/src/app/pages/check-code-rest-password/check-code-rest-password.component.ts
diff --git a/src/app/pages/edit-user/edit-user.component.css b/src/app/pages/edit-user/edit-user.component.css
diff --git a/src/app/pages/edit-user/edit-user.component.html b/src/app/pages/edit-user/edit-user.component.html
diff --git a/src/app/pages/edit-user/edit-user.component.spec.ts b/src/app/pages/edit-user/edit-user.component.spec.ts
diff --git a/src/app/pages/edit-user/edit-user.component.ts b/src/app/pages/edit-user/edit-user.component.ts
diff --git a/src/app/pages/grid-days/grid-days.component.css b/src/app/pages/grid-days/grid-days.component.css
diff --git a/src/app/pages/grid-days/grid-days.component.html b/src/app/pages/grid-days/grid-days.component.html
diff --git a/src/app/pages/grid-days/grid-days.component.spec.ts b/src/app/pages/grid-days/grid-days.component.spec.ts
diff --git a/src/app/pages/grid-days/grid-days.component.ts b/src/app/pages/grid-days/grid-days.component.ts
diff --git a/src/app/pages/grid/grid.component.css b/src/app/pages/grid/grid.component.css
diff --git a/src/app/pages/grid/grid.component.html b/src/app/pages/grid/grid.component.html
diff --git a/src/app/pages/grid/grid.component.spec.ts b/src/app/pages/grid/grid.component.spec.ts
diff --git a/src/app/pages/grid/grid.component.ts b/src/app/pages/grid/grid.component.ts
diff --git a/src/app/pages/login-social/login-social.component.css b/src/app/pages/login-social/login-social.component.css
diff --git a/src/app/pages/login-social/login-social.component.html b/src/app/pages/login-social/login-social.component.html
diff --git a/src/app/pages/login-social/login-social.component.spec.ts b/src/app/pages/login-social/login-social.component.spec.ts
diff --git a/src/app/pages/login-social/login-social.component.ts b/src/app/pages/login-social/login-social.component.ts
diff --git a/src/app/pages/login/login.component.css b/src/app/pages/login/login.component.css
diff --git a/src/app/pages/login/login.component.html b/src/app/pages/login/login.component.html
diff --git a/src/app/pages/login/login.component.spec.ts b/src/app/pages/login/login.component.spec.ts
diff --git a/src/app/pages/login/login.component.ts b/src/app/pages/login/login.component.ts
diff --git a/src/app/pages/participate/participate.component.css b/src/app/pages/participate/participate.component.css
diff --git a/src/app/pages/participate/participate.component.html b/src/app/pages/participate/participate.component.html
diff --git a/src/app/pages/participate/participate.component.spec.ts b/src/app/pages/participate/participate.component.spec.ts
diff --git a/src/app/pages/participate/participate.component.ts b/src/app/pages/participate/participate.component.ts
diff --git a/src/app/pages/privacy-policy/privacy-policy.component.css b/src/app/pages/privacy-policy/privacy-policy.component.css
diff --git a/src/app/pages/privacy-policy/privacy-policy.component.html b/src/app/pages/privacy-policy/privacy-policy.component.html
diff --git a/src/app/pages/privacy-policy/privacy-policy.component.spec.ts b/src/app/pages/privacy-policy/privacy-policy.component.spec.ts
diff --git a/src/app/pages/privacy-policy/privacy-policy.component.ts b/src/app/pages/privacy-policy/privacy-policy.component.ts
diff --git a/src/app/pages/profile/profile.component.css b/src/app/pages/profile/profile.component.css
diff --git a/src/app/pages/profile/profile.component.html b/src/app/pages/profile/profile.component.html
diff --git a/src/app/pages/profile/profile.component.spec.ts b/src/app/pages/profile/profile.component.spec.ts
diff --git a/src/app/pages/profile/profile.component.ts b/src/app/pages/profile/profile.component.ts
diff --git a/src/app/pages/programacao/programacao.component.css b/src/app/pages/programacao/programacao.component.css
diff --git a/src/app/pages/programacao/programacao.component.html b/src/app/pages/programacao/programacao.component.html
diff --git a/src/app/pages/programacao/programacao.component.spec.ts b/src/app/pages/programacao/programacao.component.spec.ts
diff --git a/src/app/pages/programacao/programacao.component.ts b/src/app/pages/programacao/programacao.component.ts
diff --git a/src/app/pages/register/register.component.css b/src/app/pages/register/register.component.css
diff --git a/src/app/pages/register/register.component.html b/src/app/pages/register/register.component.html
diff --git a/src/app/pages/register/register.component.spec.ts b/src/app/pages/register/register.component.spec.ts
diff --git a/src/app/pages/register/register.component.ts b/src/app/pages/register/register.component.ts
diff --git a/src/app/pages/reset-password/reset-password.component.css b/src/app/pages/reset-password/reset-password.component.css
diff --git a/src/app/pages/reset-password/reset-password.component.html b/src/app/pages/reset-password/reset-password.component.html
diff --git a/src/app/pages/reset-password/reset-password.component.spec.ts b/src/app/pages/reset-password/reset-password.component.spec.ts
diff --git a/src/app/pages/reset-password/reset-password.component.ts b/src/app/pages/reset-password/reset-password.component.ts
diff --git a/src/app/pages/stream-view/stream-view.component.css b/src/app/pages/stream-view/stream-view.component.css
diff --git a/src/app/pages/stream-view/stream-view.component.html b/src/app/pages/stream-view/stream-view.component.html
diff --git a/src/app/pages/stream-view/stream-view.component.spec.ts b/src/app/pages/stream-view/stream-view.component.spec.ts
diff --git a/src/app/pages/stream-view/stream-view.component.ts b/src/app/pages/stream-view/stream-view.component.ts
diff --git a/src/app/pages/suggest-agenda/suggest-agenda.component.css b/src/app/pages/suggest-agenda/suggest-agenda.component.css
diff --git a/src/app/pages/suggest-agenda/suggest-agenda.component.html b/src/app/pages/suggest-agenda/suggest-agenda.component.html
diff --git a/src/app/pages/suggest-agenda/suggest-agenda.component.spec.ts b/src/app/pages/suggest-agenda/suggest-agenda.component.spec.ts
@@ -123,4 +123,4 @@ describe('SuggestAgendaComponent', () => {
     component.sendSuggestAgenda();
     expect(alertSpy).toHaveBeenCalledWith('error', 'Erro', 'ERRO - A URL (endereço do vídeo) não é válida. Favor corrigir ou deletar.');
   });
-});
+});
diff --git a/src/app/pages/suggest-agenda/suggest-agenda.component.ts b/src/app/pages/suggest-agenda/suggest-agenda.component.ts
diff --git a/src/app/pages/update-role/update-role.component.css b/src/app/pages/update-role/update-role.component.css
diff --git a/src/app/pages/update-role/update-role.component.html b/src/app/pages/update-role/update-role.component.html
diff --git a/src/app/pages/update-role/update-role.component.spec.ts b/src/app/pages/update-role/update-role.component.spec.ts
diff --git a/src/app/pages/update-role/update-role.component.ts b/src/app/pages/update-role/update-role.component.ts
diff --git a/src/app/pages/video-viewer/video-viewer.component.css b/src/app/pages/video-viewer/video-viewer.component.css
diff --git a/src/app/pages/video-viewer/video-viewer.component.html b/src/app/pages/video-viewer/video-viewer.component.html
diff --git a/src/app/pages/video-viewer/video-viewer.component.spec.ts b/src/app/pages/video-viewer/video-viewer.component.spec.ts
diff --git a/src/app/pages/video-viewer/video-viewer.component.ts b/src/app/pages/video-viewer/video-viewer.component.ts
diff --git a/src/app/pages/video-views/video-views.component.css b/src/app/pages/video-views/video-views.component.css
@@ -0,0 +1,204 @@
+html, body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  font-family: Helvetic, sans-serif;
+}
+
+.containerPrincipal {
+  display: flex;
+  min-height: 100vh;
+  flex-direction: column;
+}
+
+aside {
+  width: 11em;
+  background-color: white;
+  padding: 1em 0.75em;
+  box-shadow: 0.125em 0 0.3125em rgba(0,0,0,0.1);
+  text-align: left;
+  position: fixed;
+  height: 100%;
+  margin: 0;
+}
+
+.informacoesUsuario p {
+  margin: 0;
+  font-size: 1.2em;
+}
+
+.linksBarraLateral {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin: 0.75em 0;
+}
+
+.linkLogout, .linkVoltar {
+  color: #0087c8;
+  text-decoration: none;
+}
+
+.linkLogout:hover, .linkVoltar:hover {
+  text-decoration: underline;
+  color: #0056b3;
+  cursor: pointer;
+}
+
+hr.solid {
+  border-top: 0.0625em solid #bbb;
+}
+
+nav ul {
+  list-style: none;
+  padding: 0;
+}
+
+nav ul li {
+  margin: 0.9375em 0;
+}
+
+nav ul li a {
+  text-decoration: none;
+  color: #1d1d1d;
+  font-size: 1.1em;
+}
+
+nav ul li a:hover,
+nav ul li a.linkSelecionado {
+  color: #00a550;
+}
+
+main {
+  flex: 1;
+  margin-left: 12em; /* Certifique-se de que este valor esteja sincronizado com a largura do aside */
+  padding: 0.25em;
+  display: flex;
+  flex-direction: column;
+}
+
+header h1 {
+  font-size: 2.4em;
+  color: #00a550;
+}
+
+hr.solid2 {
+  border-top: 0.125em solid #bbb;
+}
+
+.containerConteudo {
+  margin-top: 1.25em;
+  flex: 1;
+}
+
+.containerFiltro {
+  display: table;
+  width: 100%;
+  table-layout: fixed;
+  margin-bottom: 1.25em;
+}
+
+.filtroItem {
+  display: table-cell;
+  padding: 0 0.5em;
+}
+
+.filtroItem input {
+  padding: 0.25em 0.5em;
+}
+
+.dropdown {
+  position: relative;
+  display: inline-block;
+}
+
+.botaoDropdown {
+  background-color: #f8f9fa;
+  color: #1d1d1d;
+  padding: 0.75em;
+  font-size: 1em;
+  border: 0.0625em solid #ddd;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+}
+
+.setinha {
+  margin-left: 0.5em;
+  border: solid #1d1d1d;
+  border-width: 0 0.125em 0.125em 0;
+  display: inline-block;
+  padding: 0.125em;
+  transform: rotate(45deg);
+  margin-bottom: 0.25em;
+}
+
+.conteudoDropdown {
+  display: none;
+  position: absolute;
+  background-color: #ffffff;
+  min-width: 12em;
+  box-shadow: 0.125em 0.125em 0.3125em rgba(0,0,0,0.2);
+  z-index: 1;
+  border: 0.0625em solid #ddd;
+}
+
+.conteudoDropdown label {
+  color: black;
+  padding: 0.5em 0.75em;
+  text-decoration: none;
+  display: block;
+}
+
+.conteudoDropdown label:hover {
+  background-color: #d0d0d0;
+}
+
+.dropdown:hover .conteudoDropdown {
+  display: block;
+}
+
+.dropdown:hover .botaoDropdown {
+  background-color: #d0d0d0;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-top: 1.25em;
+}
+
+th, td {
+  border: 0.0625em solid #ddd;
+  padding: 0.75em;
+  text-align: left;
+  word-break: break-word;
+}
+
+th {
+  background-color: #d0d0d0;
+}
+
+th.ordenavel:hover {
+  cursor: pointer;
+  text-decoration: underline;
+  color: #0056b3;
+}
+
+th.ordenavel .setinha.up {
+  transform: rotate(225deg);
+}
+
+th.selected {
+  color: #0087c8;
+}
+
+thead {
+  font-size: 1.2em;
+}
+
+th:nth-child(1) { width: 10%; }
+th:nth-child(2) { width: 20%; }
+th:nth-child(3) { width: 40%; }
+th:nth-child(4) { width: 15%; }
+th:nth-child(5) { width: 15%; }
diff --git a/src/app/pages/video-views/video-views.component.html b/src/app/pages/video-views/video-views.component.html
@@ -0,0 +1,71 @@
+<div class="containerPrincipal">
+  <aside>
+    <div class="informacoesUsuario">
+      <p>Olá, Admin!</p>
+      <div class="linksBarraLateral">
+        <a class="linkLogout" (click)="logoutUser()">Sair</a>
+        <a href="/homeAdmin" class="linkVoltar">Voltar</a>
+      </div>
+    </div>
+    <hr class="solid">
+    <nav>
+      <ul>
+        <li><a href="/video-views" class="linkSelecionado">Dados - Vídeos</a></li>
+        <li><a href="/category-views">Dados - Categorias</a></li>
+      </ul>
+    </nav>
+  </aside>  
+  <main>
+    <header>
+      <h1>Dados - Vídeos</h1>
+      <hr class="solid2">
+    </header>
+    <div class="containerConteudo">
+      <div class="containerFiltro">
+        <div class="filtroItem">
+          <input [(ngModel)]="filterId" (ngModelChange)="filterVideos()" placeholder="Filtrar por ID" />
+        </div>
+        <div class="filtroItem">
+          <input [(ngModel)]="filterTitle" (ngModelChange)="filterVideos()" placeholder="Filtrar por Título" />
+        </div>
+        <div class="filtroItem">
+          <input [(ngModel)]="filterDescription" (ngModelChange)="filterVideos()" placeholder="Filtrar por Descrição" />
+        </div>
+        <div class="filtroItem">
+          <div class="dropdown">
+            <button class="botaoDropdown">Filtrar por Categoria <span class="setinha"></span></button>
+            <div class="conteudoDropdown">
+              <div *ngFor="let category of categories">
+                <label>
+                  <input type="checkbox" [(ngModel)]="selectedCategories[category]" (ngModelChange)="filterVideos()" /> {{ category }}
+                </label>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <table>
+        <thead>
+          <tr>
+            <th>ID</th>
+            <th>Título</th>
+            <th>Descrição</th>
+            <th>Categoria</th>
+            <th (click)="changeSortOrder()" class="ordenavel">Nº Visualizações
+              <span class="setinha" [ngClass]="{'up': !sortAscending, 'down': sortAscending}"></span> 
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let video of filteredVideos">
+            <td>{{ video.id }}</td>
+            <td>{{ video.title }}</td>
+            <td>{{ video.description }}</td>
+            <td>{{ video.catalog }}</td>
+            <td>{{ video.qtAccess }}</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </main>
+</div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -123,4 +123,4 @@ describe('SuggestAgendaComponent', () => { @@
         component.sendSuggestAgenda();
         expect(alertSpy).toHaveBeenCalledWith('error', 'Erro', 'ERRO - A URL (endereço do vídeo) não é válida. Favor corrigir ou deletar.');
       });
-    });
+    });