diff --git a/src/main/webapp/app/entities/dashboard/dashboard-admin/dashboard-admin.component.html b/src/main/webapp/app/entities/dashboard/dashboard-admin/dashboard-admin.component.html index 3269324..2a7b160 100644 --- a/src/main/webapp/app/entities/dashboard/dashboard-admin/dashboard-admin.component.html +++ b/src/main/webapp/app/entities/dashboard/dashboard-admin/dashboard-admin.component.html @@ -138,5 +138,47 @@ +
+
+
+
+
Encuestas En Borrador
+
+
+
{{ encuestasBorrador }}
+
+
+
+
+
+
+
Encuestas Publicadas
+
+
+
{{ encuestasPublicadas }}
+
+
+
+
+
+
+
Encuestas Finalizadas
+
+
+
{{ encuestasFinalizadas }}
+
+
+
+
+
+
+
Encuestas Completadas por Usuarios
+
+
+
{{ encuestasCompletadas }}
+
+
+
+
diff --git a/src/main/webapp/app/entities/dashboard/dashboard-admin/dashboard-admin.component.scss b/src/main/webapp/app/entities/dashboard/dashboard-admin/dashboard-admin.component.scss index 653e090..1c1f9ba 100644 --- a/src/main/webapp/app/entities/dashboard/dashboard-admin/dashboard-admin.component.scss +++ b/src/main/webapp/app/entities/dashboard/dashboard-admin/dashboard-admin.component.scss @@ -1,10 +1,10 @@ .ct-chart { - width: 600px; + width: 100%; height: 400px; overflow-x: scroll; } .grafico-encuestas-fecha .card { - width: 600px; + width: 100%; } .card .icon-big { @@ -26,7 +26,6 @@ .encuestas-por-categoria .table-responsive { height: 300px; max-height: 300px; - overflow-x: none; } .por-categoria { diff --git a/src/main/webapp/app/entities/dashboard/dashboard-admin/dashboard-admin.component.ts b/src/main/webapp/app/entities/dashboard/dashboard-admin/dashboard-admin.component.ts index 1768424..2dfa232 100644 --- a/src/main/webapp/app/entities/dashboard/dashboard-admin/dashboard-admin.component.ts +++ b/src/main/webapp/app/entities/dashboard/dashboard-admin/dashboard-admin.component.ts @@ -36,6 +36,13 @@ export class DashboardAdminComponent implements OnInit { faWallet = faWallet; faUsers = faUsers; faUsersSlash = faUsersSlash; + encuestasPublicadas: number = 0; + encuestasFinalizadas: number = 0; + encuestasBorrador: number = 0; + encuestasCompletadas: number = 0; + + reportsGeneral = true; + reportForUsers = false; chartFechas = []; @@ -88,7 +95,20 @@ export class DashboardAdminComponent implements OnInit { .pipe(finalize(() => this.cargarCategorias())) .subscribe(res => { const tmpEncuestas = res.body; - this.encuestas = tmpEncuestas?.filter(e => e.estado === 'ACTIVE' || e.estado === 'FINISHED'); + this.encuestas = tmpEncuestas?.filter(e => e.estado === 'ACTIVE' || e.estado === 'FINISHED' || e.estado === 'DRAFT'); + if (tmpEncuestas) { + this.encuestasPublicadas = tmpEncuestas.filter(e => e.estado === 'ACTIVE').length; + this.encuestasFinalizadas = tmpEncuestas.filter(e => e.estado === 'FINISHED').length; + this.encuestasBorrador = tmpEncuestas.filter(e => e.estado === 'DRAFT').length; + let cantidadCompletadas: number = 0; + tmpEncuestas + .filter(e => e.estado === 'ACTIVE') + .forEach(e => { + const _contadorCompletadas = e.calificacion; + cantidadCompletadas = cantidadCompletadas + (Number(_contadorCompletadas?.toString().split('.')[1]) - 1); + }); + this.encuestasCompletadas = cantidadCompletadas; + } }); } diff --git a/src/main/webapp/content/scss/paper-dashboard/cards/_card-chart.scss b/src/main/webapp/content/scss/paper-dashboard/cards/_card-chart.scss index d730aa6..42e86d3 100644 --- a/src/main/webapp/content/scss/paper-dashboard/cards/_card-chart.scss +++ b/src/main/webapp/content/scss/paper-dashboard/cards/_card-chart.scss @@ -46,3 +46,40 @@ } } } + +.card-circle-chart { + .card-header { + &:first-child { + border-radius: 12px; + } + } + + .card-title { + font-size: 1.2em; + font-weight: 700; + margin-top: 10px; + } + .card-content { + color: #fff; + padding: 10px 15px 10px; + text-align: center; + } + .chart-circle { + display: inline-block; + font-size: 2em; + height: 160px; + line-height: 160px; + margin-top: 30px; + margin-bottom: 30px; + position: relative; + text-align: center; + width: 160px; + canvas { + position: absolute; + top: 0; + left: -4px; + border: 4px solid #ffffffc4; + border-radius: 100%; + } + } +}