frontend: Added version to console page

OpenVidu · Oct 25, 2024 · 4f1323f · 4f1323f
1 parent fecd2d4
commit 4f1323f
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 3 deletions.
diff --git a/...ojects/shared-call-components/src/lib/components/cards/logo-card/logo-card.component.scss b/...ojects/shared-call-components/src/lib/components/cards/logo-card/logo-card.component.scss
@@ -3,7 +3,7 @@
 	border-radius: 8px;
 	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 	transition: box-shadow 0.3s ease-in-out;
-	position: relative; // Para posicionar el icono de selección
+	position: relative;
 
 	&:hover {
 		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

diff --git a/...projects/shared-call-components/src/lib/components/console-nav/console-nav.component.html b/...projects/shared-call-components/src/lib/components/console-nav/console-nav.component.html
@@ -40,6 +40,13 @@
 				</a>
 			</ng-container>
 		</mat-nav-list>
+
+		@if (!isSideMenuCollapsed) {
+			<div class="separator"></div>
+			<div class="version">
+				<p>v{{ version }}</p>
+			</div>
+		}
 	</mat-sidenav>
 
 	<!-- Main content -->

diff --git a/...projects/shared-call-components/src/lib/components/console-nav/console-nav.component.scss b/...projects/shared-call-components/src/lib/components/console-nav/console-nav.component.scss
@@ -59,6 +59,10 @@ mat-sidenav {
 	}
 }
 
+.mat-mdc-nav-list {
+	height: calc(100% - 3.5rem - 25px);
+}
+
 // Move the content down so that it won't be hidden by the toolbar
 mat-sidenav-content {
 	padding-top: 3.5rem;
@@ -87,3 +91,14 @@ mat-sidenav-content {
 .menu-hr {
 	margin: 0px !important;
 }
+.version {
+	margin-top: auto;
+	padding: 0.5rem;
+	font-size: 0.875rem;
+	color: #757575;
+	text-align: center;
+}
+.separator {
+	margin: 0px;
+	border-top: 1px solid #e0e0e0;
+}
diff --git a/...d/projects/shared-call-components/src/lib/components/console-nav/console-nav.component.ts b/...d/projects/shared-call-components/src/lib/components/console-nav/console-nav.component.ts
@@ -8,6 +8,7 @@ import { MatToolbarModule } from '@angular/material/toolbar';
 import { RouterModule } from '@angular/router';
 import { ConsoleNavLink } from '../../models/sidenav.model';
 
+import packageJson from 'package.json';
 @Component({
 	selector: 'ov-console-nav',
 	standalone: true,
@@ -20,6 +21,7 @@ export class ConsoleNavComponent {
 	isMobile = false;
 	isTablet = false;
 	isSideMenuCollapsed = false;
+	version: string = packageJson.version;
 	@Input() navLinks: ConsoleNavLink[] = [];
 
 	@Output() onLogoutClicked: EventEmitter<void> = new EventEmitter<void>();

diff --git a/...projects/shared-call-components/src/lib/components/dynamic-grid/dynamic-grid.component.ts b/...projects/shared-call-components/src/lib/components/dynamic-grid/dynamic-grid.component.ts
@@ -1,5 +1,5 @@
 import { CommonModule } from '@angular/common';
-import { Component, HostListener, Input } from '@angular/core';
+import { Component, HostListener, Input, OnInit } from '@angular/core';
 import { MatGridListModule } from '@angular/material/grid-list';
 
 @Component({
@@ -9,7 +9,7 @@ import { MatGridListModule } from '@angular/material/grid-list';
 	templateUrl: './dynamic-grid.component.html',
 	styleUrl: './dynamic-grid.component.scss'
 })
-export class DynamicGridComponent {
+export class DynamicGridComponent implements OnInit {
 	@Input() maxColumns: number = 3; // Maximum number of columns
 	columns: number = 1; // Current number of columns
 	private itemsCount: number = 0;