diff --git a/src/frontend/app/header/header-panel.component.html b/src/frontend/app/header/header-panel.component.html index dd9629a435a65921f461fb12ba9aef300750e752..1d7467cdbc77c737298ce973f0b7fc5cfe5f3c4a 100644 --- a/src/frontend/app/header/header-panel.component.html +++ b/src/frontend/app/header/header-panel.component.html @@ -1,5 +1,11 @@ <div class="panelHeader"> - <div class="panelHeader-logo"> + <div *ngIf="showBackHome" class="panelHeader-backHome"> + <button mat-button style="padding-top: 5px;padding-bottom: 5px;" (click)="gotToHome()"> + <i class="fa fa-home" style="height: auto"></i> + <span>{{lang.backHome}}</span> + </button> + </div> + <div class="panelHeader-logo" [class.text-center]="showBackHome"> <a href="#" title="{{lang.home}}" style="margin-right: 30px;"> <mat-icon class="maarchLogo" svgIcon="maarchLogoFull"></mat-icon> </a> diff --git a/src/frontend/app/header/header-panel.component.scss b/src/frontend/app/header/header-panel.component.scss index e6e7bf99d7a323596520b147ddab4bdd2dbd400e..22a3dae33ff8e5719363374a260185caa37e7c9c 100644 --- a/src/frontend/app/header/header-panel.component.scss +++ b/src/frontend/app/header/header-panel.component.scss @@ -1,6 +1,6 @@ .panelHeader { display: flex; - + align-items: center; &-logo { flex: 1; } @@ -14,6 +14,24 @@ color: #666; } } + + &-backHome { + i { + height: auto; + color: + #666; + background: + #D8D8D8; + padding: 10px; + border-radius: 20px; + font-size: 18px; + } + + span { + font-size: 13px; + color: #666; + } + } } .maarchLogo { diff --git a/src/frontend/app/header/header-panel.component.ts b/src/frontend/app/header/header-panel.component.ts index c66527dd52f21ef00d80558230dc9fa55c68fc81..e0c3277340904201ed0f8156757220586c9aa0bb 100644 --- a/src/frontend/app/header/header-panel.component.ts +++ b/src/frontend/app/header/header-panel.component.ts @@ -4,6 +4,7 @@ import { HeaderService } from '../../service/header.service'; import { MatDialogRef } from '@angular/material/dialog'; import { MatSidenav } from '@angular/material/sidenav'; import { AppService } from '../../service/app.service'; +import { Router } from '@angular/router'; @Component({ selector: 'header-panel', @@ -17,12 +18,19 @@ export class HeaderPanelComponent implements OnInit { dialogRef : MatDialogRef<any>; config : any = {}; + + @Input('showBackHome') showBackHome: boolean = false; @Input('snavLeft') snavLeft: MatSidenav; constructor( public headerService: HeaderService, - public appService: AppService + public appService: AppService, + private router: Router ) { } ngOnInit(): void { } + + gotToHome() { + this.router.navigate(['/home']); + } } \ No newline at end of file diff --git a/src/frontend/app/indexation/indexation.component.html b/src/frontend/app/indexation/indexation.component.html index e9e993ae848c36c0ef41a9e4471dd697c4351bc6..89bce69683dba1ab75be00f98798c3f5bed852d6 100644 --- a/src/frontend/app/indexation/indexation.component.html +++ b/src/frontend/app/indexation/indexation.component.html @@ -2,7 +2,7 @@ <mat-sidenav #snavLeft class="panel-left" #snav [mode]="appService.getViewMode() ? 'over' : 'side'" [fixedInViewport]="appService.getViewMode()" [opened]="appService.getViewMode() ? false : true" autoFocus="false" style="overflow-x:hidden;" [ngStyle]="{'width': appService.getViewMode() ? '95%' : '600px'}"> - <header-panel [snavLeft]="snav"></header-panel> + <header-panel [snavLeft]="snav" [showBackHome]="true"></header-panel> <ng-container *ngIf="indexingModels.length > 0"> <div class="listModels"> <button mat-button class="button-form-primary listModels-button" diff --git a/src/frontend/lang/lang-en.ts b/src/frontend/lang/lang-en.ts index 69e6ff275d1188341fc4d1fbc8d38e1258b82738..16498f09b99af94e7de6e888ff5b533466d15905 100755 --- a/src/frontend/lang/lang-en.ts +++ b/src/frontend/lang/lang-en.ts @@ -1172,4 +1172,5 @@ export const LANG_EN = { "hideFoldersTree" : "Hide tree", "folderPinned" : "Folder pinned", "folderUnpinned" : "Folder unpinned", + "backHome" : "Back to home", }; diff --git a/src/frontend/lang/lang-fr.ts b/src/frontend/lang/lang-fr.ts index 2e5a29449679ed744f56d28ca96e7da3b777256c..7d07d1ab6c2f36adef360c0362428dba27d9b65e 100755 --- a/src/frontend/lang/lang-fr.ts +++ b/src/frontend/lang/lang-fr.ts @@ -1209,4 +1209,5 @@ export const LANG_FR = { "hideFoldersTree" : "Cacher l'arborescence", "folderPinned" : "Dossier épinglé", "folderUnpinned" : "Dossier retiré", + "backHome" : "Retour accueil", }; diff --git a/src/frontend/lang/lang-nl.ts b/src/frontend/lang/lang-nl.ts index 3b86b925708b2237eb88fc80bb300d01af458d58..063596f96ca0f0344dd8123b9e582775f3ed7e6f 100755 --- a/src/frontend/lang/lang-nl.ts +++ b/src/frontend/lang/lang-nl.ts @@ -1198,4 +1198,5 @@ export const LANG_NL = { "hideFoldersTree" : "Hide tree", //_TO_TRANSLATE "folderPinned" : "Folder pinned", //_TO_TRANSLATE "folderUnpinned" : "Folder unpinned", //_TO_TRANSLATE + "backHome" : "Back to home", //_TO_TRANSLATE };