From 284050889a0fc7efe526dfcb8432da77fbf4bf41 Mon Sep 17 00:00:00 2001
From: Guillaume Heurtier <guillaume.heurtier@maarch.org>
Date: Mon, 25 Jan 2021 16:50:27 +0100
Subject: [PATCH] FEAT #15827 TIME 3:30 moved about page to login

---
 package.json                                  |   2 +-
 .../controllers/AuthenticationController.php  |   2 +-
 src/frontend/app/about-us.component.html      | 146 ++++++++----------
 src/frontend/app/about-us.component.ts        |   4 +-
 src/frontend/app/app-routing.module.ts        |   1 -
 src/frontend/app/home/home.component.html     |   6 +-
 src/frontend/app/login/login.component.html   |   4 +-
 src/frontend/app/login/login.component.scss   |   6 +-
 src/frontend/app/login/login.component.ts     |   5 +
 9 files changed, 84 insertions(+), 92 deletions(-)

diff --git a/package.json b/package.json
index dbe4df2f3cc..1c2592da95e 100755
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "MaarchCourrier",
-  "version": "20.10.1",
+  "version": "21.03.1",
   "description": "MaarchCourrier",
   "scripts": {
     "build-css": "node-sass --include-path scss src/frontend/css/maarch-material.scss   src/frontend/css/maarch-material.css --output-style compressed",
diff --git a/src/core/controllers/AuthenticationController.php b/src/core/controllers/AuthenticationController.php
index 50216064b4a..cdb0ba9b33b 100755
--- a/src/core/controllers/AuthenticationController.php
+++ b/src/core/controllers/AuthenticationController.php
@@ -36,7 +36,7 @@ class AuthenticationController
     const ROUTES_WITHOUT_AUTHENTICATION = [
         'GET/authenticationInformations', 'PUT/versionsUpdateSQL', 'GET/validUrl', 'GET/authenticate/token', 'GET/images', 'POST/password', 'PUT/password', 'GET/passwordRules',
         'GET/jnlp/{jnlpUniqueId}', 'GET/onlyOffice/mergedFile', 'POST/onlyOfficeCallback', 'POST/authenticate',
-        'GET/wopi/files/{id}', 'GET/wopi/files/{id}/contents', 'POST/wopi/files/{id}/contents','GET/onlyOffice/content', 'GET/languages/{lang}', 'GET/languages'
+        'GET/wopi/files/{id}', 'GET/wopi/files/{id}/contents', 'POST/wopi/files/{id}/contents','GET/onlyOffice/content', 'GET/languages/{lang}', 'GET/languages', 'GET/commitInformation'
     ];
 
     public function getInformations(Request $request, Response $response)
diff --git a/src/frontend/app/about-us.component.html b/src/frontend/app/about-us.component.html
index 75ad6a01968..0c6a77a52f4 100755
--- a/src/frontend/app/about-us.component.html
+++ b/src/frontend/app/about-us.component.html
@@ -1,83 +1,73 @@
-<mat-sidenav-container autosize class="maarch-container">
-    <mat-sidenav-content>
-        <div class="bg-head">
-            <div class="bg-head-title" [class.customContainerRight]="appService.getViewMode()">
-                <div class="bg-head-title-label">
-                    <header-left></header-left>
-                </div>
-                <div class="bg-head-title-tool">
-                    <header-right></header-right>
-                </div>
-            </div>
-            <div class="bg-head-content" [class.fullContainer]="appService.getViewMode()">
+<div class="mat-dialog-content-container">
+    <h1 mat-dialog-title>
+        <span style="flex: 1;">
+            {{'lang.aboutUs' | translate}}
+        </span>
+        <button *ngIf="!loading" [title]="'lang.close' | translate" mat-icon-button (click)="dialogRef.close();">
+            <mat-icon class="fa fa-times"></mat-icon>
+        </button>
+    </h1>
+    <div *ngIf="loading" style="display:flex;height:100%;">
+        <mat-spinner style="margin:auto;"></mat-spinner>
+    </div>
+    <mat-card mat-dialog-content *ngIf="!loading" class="card-app-content" style="min-height: 90% !important;">
+        <div class="col-sm-8">
+            <h3>Maarch Courrier {{applicationVersion}} </h3>
+            <em>Version : <a target="blank" href="https://labs.maarch.org/maarch/MaarchCourrier/commit/{{commitHash}}">{{commitHash}}</a></em>
+            <hr />
+            <p><em>Copyright &copy; 2008-2020 Maarch SAS {{'lang.groupeCompany' | translate}}</em></p>
+            <p>{{'lang.maarchLicence' | translate}}
+                <a target="blank" href="http://www.gnu.org/licenses/gpl-3.0-standalone.html">licence GNU GPLv3</a>.</p>
+            <div>
+                <ul>
+                    <li>{{'lang.officialWebsite' | translate}} : <a target="blank" href="https://maarch.com/">https://maarch.com</a></li>
+                    <li>{{'lang.community' | translate}} : <a target="blank"
+                                                href="https://community.maarch.org/">https://community.maarch.org</a></li>
+                    <li>{{'lang.documentation' | translate}} : <a target="blank"
+                                                    href="https://docs.maarch.org/">https://docs.maarch.org</a></li>
+                </ul>
             </div>
+            <p>&nbsp;</p>
+            <h3>{{'lang.externalComponents' | translate}}</h3>
+            <hr />
+            <em>{{'lang.thanksToExtDev' | translate}}</em>
+            <p>&nbsp;</p>
+            <ul>
+                <li><a target="blank" href="https://angular.io/">Angular</a></li>
+                <li><a target="blank" href="https://material.angular.io/">Angular Material</a></li>
+                <li><a target="blank" href="http://getbootstrap.com/">Bootstrap</a></li>
+                <li><a target="blank" href="http://fortawesome.github.io/Font-Awesome/">Font Awesome</a></li>
+                <li><a target="blank" href="http://www.fpdf.org/">Fpdf</a></li>
+                <li><a target="blank" href="http://www.setasign.de/products/pdf-php-solutions/fpdi/">fpdi</a></li>
+                <li><a target="blank" href="https://jquery.com/">Jquery</a></li>
+                <li><a target="blank" href="https://github.com/running-coder/jquery-typeahead">Jquery Typeahead</a></li>
+                <li><a target="blank" href="http://logging.apache.org/log4php/">log4php</a></li>
+                <li><a target="blank" href="http://chir.ag/tech/download/pdfb">Pdfb</a></li>
+                <li><a target="blank" href="http://www.foolabs.com/xpdf/">Pdftotext</a></li>
+                <li><a target="blank" href="http://www.tinybutstrong.com/">Tiny But Strong</a></li>
+                <li><a target="blank" href="http://www.tinymce.com/">TinyMCE</a></li>
+                <li><a target="blank" href="http://framework.zend.com/">Zend Lucene Search</a></li>
+            </ul>
         </div>
-        <div class="container" [class.fullContainer]="appService.getViewMode()">
-            <div class="container-content">
-                <div *ngIf="loading" style="display:flex;height:100%;">
-                    <mat-spinner style="margin:auto;"></mat-spinner>
-                </div>
-                <mat-card *ngIf="!loading" class="card-app-content">
-                    <div class="col-sm-8">
-                        <h3>Maarch Courrier {{applicationVersion}} </h3>
-                        <em>Version : <a target="blank" href="https://labs.maarch.org/maarch/MaarchCourrier/commit/{{commitHash}}">{{commitHash}}</a></em>
-                        <hr />
-                        <p><em>Copyright &copy; 2008-2020 Maarch SAS {{'lang.groupeCompany' | translate}}</em></p>
-                        <p>{{'lang.maarchLicence' | translate}}
-                            <a target="blank" href="http://www.gnu.org/licenses/gpl-3.0-standalone.html">licence GNU GPLv3</a>.</p>
-                        <div>
-                            <ul>
-                                <li>{{'lang.officialWebsite' | translate}} : <a target="blank" href="https://maarch.com/">https://maarch.com</a></li>
-                                <li>{{'lang.community' | translate}} : <a target="blank"
-                                                            href="https://community.maarch.org/">https://community.maarch.org</a></li>
-                                <li>{{'lang.documentation' | translate}} : <a target="blank"
-                                                                href="https://docs.maarch.org/">https://docs.maarch.org</a></li>
-                            </ul>
-                        </div>
-                        <p>&nbsp;</p>
-                        <h3>{{'lang.externalComponents' | translate}}</h3>
-                        <hr />
-                        <em>{{'lang.thanksToExtDev' | translate}}</em>
-                        <p>&nbsp;</p>
-                        <ul>
-                            <li><a target="blank" href="https://angular.io/">Angular</a></li>
-                            <li><a target="blank" href="https://material.angular.io/">Angular Material</a></li>
-                            <li><a target="blank" href="http://getbootstrap.com/">Bootstrap</a></li>
-                            <li><a target="blank" href="http://fortawesome.github.io/Font-Awesome/">Font Awesome</a></li>
-                            <li><a target="blank" href="http://www.fpdf.org/">Fpdf</a></li>
-                            <li><a target="blank" href="http://www.setasign.de/products/pdf-php-solutions/fpdi/">fpdi</a></li>
-                            <li><a target="blank" href="https://jquery.com/">Jquery</a></li>
-                            <li><a target="blank" href="https://github.com/running-coder/jquery-typeahead">Jquery Typeahead</a></li>
-                            <li><a target="blank" href="http://logging.apache.org/log4php/">log4php</a></li>
-                            <li><a target="blank" href="http://chir.ag/tech/download/pdfb">Pdfb</a></li>
-                            <li><a target="blank" href="http://www.foolabs.com/xpdf/">Pdftotext</a></li>
-                            <li><a target="blank" href="http://www.tinybutstrong.com/">Tiny But Strong</a></li>
-                            <li><a target="blank" href="http://www.tinymce.com/">TinyMCE</a></li>
-                            <li><a target="blank" href="http://framework.zend.com/">Zend Lucene Search</a></li>
-                        </ul>
-                    </div>
 
-                    <div class="col-sm-4">
-                        <h3>Crédits</h3>
-                        <hr />
-                        <ul>
-                            <li>Florian AZIZIAN, Damien BUREL, Bruno CARLIN, Carole COTIN, Prosper DE LAURE, Driss DEMIRAY, Gaël DE
-                                VILLEBLANCHE, Emmanuel DILLARD, Mathieu DONZEL, Jean-Louis ERCOLANI, Claire FIGUERAS, Laurent
-                                GIOVANNONI,
-                                Guillaume HEURTIER, Henri QUENEAU, Kader KANE, Yves-Christian KPAKPO, Alexandre MORIN, Sébastien
-                                NANABONDJA, Fodé NDIAYE, Cédric NDOUMBA, Alex ORLUC, Alexis RAGOT, Alexandre STEFANOVIC, Serge
-                                THIERRY-MIEG,
-                                Cyril VAZQUEZ, Arnaud VEBER, Loic VINET</li>
-                            <br>
-                            <li><em>{{'lang.thanksToCommunity' | translate}}</em></li>
-                        </ul>
-                        <p>&nbsp;</p>
-                        <div class="img_credits_maarch_box">
-                            <mat-icon svgIcon="maarchBox" style="width: 100%;height: auto;"></mat-icon>
-                        </div>
-                    </div>
-                </mat-card>
+        <div class="col-sm-4">
+            <h3>Crédits</h3>
+            <hr />
+            <ul>
+                <li>Florian AZIZIAN, Damien BUREL, Bruno CARLIN, Carole COTIN, Prosper DE LAURE, Driss DEMIRAY, Gaël DE
+                    VILLEBLANCHE, Emmanuel DILLARD, Mathieu DONZEL, Jean-Louis ERCOLANI, Claire FIGUERAS, Laurent
+                    GIOVANNONI,
+                    Guillaume HEURTIER, Henri QUENEAU, Kader KANE, Yves-Christian KPAKPO, Alexandre MORIN, Sébastien
+                    NANABONDJA, Fodé NDIAYE, Cédric NDOUMBA, Alex ORLUC, Alexis RAGOT, Alexandre STEFANOVIC, Serge
+                    THIERRY-MIEG,
+                    Cyril VAZQUEZ, Arnaud VEBER, Loic VINET</li>
+                <br>
+                <li><em>{{'lang.thanksToCommunity' | translate}}</em></li>
+            </ul>
+            <p>&nbsp;</p>
+            <div class="img_credits_maarch_box">
+                <mat-icon svgIcon="maarchBox" style="width: 100%;height: auto;"></mat-icon>
             </div>
         </div>
-    </mat-sidenav-content>
-</mat-sidenav-container>
+    </mat-card>
+</div>
diff --git a/src/frontend/app/about-us.component.ts b/src/frontend/app/about-us.component.ts
index f356112fc6e..76832f3991b 100755
--- a/src/frontend/app/about-us.component.ts
+++ b/src/frontend/app/about-us.component.ts
@@ -7,6 +7,7 @@ import { catchError, tap } from 'rxjs/operators';
 import { HttpClient } from '@angular/common/http';
 import { NotificationService } from '@service/notification/notification.service';
 import { of } from 'rxjs';
+import { MatDialogRef } from '@angular/material/dialog';
 
 @Component({
     templateUrl: 'about-us.component.html',
@@ -26,7 +27,8 @@ export class AboutUsComponent implements OnInit {
         public http: HttpClient,
         private notify: NotificationService,
         private headerService: HeaderService,
-        public appService: AppService) { }
+        public appService: AppService,
+        public dialogRef: MatDialogRef<AboutUsComponent>) { }
 
     async ngOnInit() {
         this.headerService.setHeader(this.translate.instant('lang.aboutUs'));
diff --git a/src/frontend/app/app-routing.module.ts b/src/frontend/app/app-routing.module.ts
index 76c40ede39b..d8097ad48dc 100755
--- a/src/frontend/app/app-routing.module.ts
+++ b/src/frontend/app/app-routing.module.ts
@@ -41,7 +41,6 @@ const routes: Routes = [
     { path: 'password-modification', component: PasswordModificationComponent },
     { path: 'folders/:folderId', canActivate: [AppGuard], component: FolderDocumentListComponent },
     { path: 'profile', canActivate: [AppGuard], component: ProfileComponent },
-    { path: 'about-us', canActivate: [AppGuard], component: AboutUsComponent },
     { path: 'home', canActivate: [AppGuard], component: HomeComponent },
     { path: 'basketList/users/:userSerialId/groups/:groupSerialId/baskets/:basketId', canActivate: [AppGuard], component: BasketListComponent },
     { path: 'login', canActivate: [AppLightGuard], component: LoginComponent },
diff --git a/src/frontend/app/home/home.component.html b/src/frontend/app/home/home.component.html
index 1e829afcc6b..3f9ae528c79 100644
--- a/src/frontend/app/home/home.component.html
+++ b/src/frontend/app/home/home.component.html
@@ -20,10 +20,6 @@
                             <span [innerHTML]="homeMessage"></span>
                         </div>
                     </div>
-                    <div style="text-align: right;opacity: 0.5;">
-                        <button mat-button routerLink="/about-us"
-                            style="position:absolute;font-size:10px;right: 0px;bottom: 0px;">{{'lang.aboutUs' | translate}}</button>
-                    </div>
                 </mat-card>
             </div>
         </div>
@@ -120,4 +116,4 @@
             </div>
         </div>
     </mat-sidenav-content>
-</mat-sidenav-container>
\ No newline at end of file
+</mat-sidenav-container>
diff --git a/src/frontend/app/login/login.component.html b/src/frontend/app/login/login.component.html
index e6da8a5dd17..1a2a9859048 100644
--- a/src/frontend/app/login/login.component.html
+++ b/src/frontend/app/login/login.component.html
@@ -26,8 +26,8 @@
                     style="color: white;border-color: #24b0ed;background: #24b0ed;">{{'lang.LOGIN' | translate}}</button>
             </form>
         </div>
-        <footer>
-            Maarch courrier {{environment.VERSION}} Powered by {{environment.AUTHOR}}
+        <footer style="padding: 8px; backdrop-filter: blur(8px)">
+            <a (click)="openAboutModal()" style="color: white;cursor: pointer">Maarch courrier {{environment.VERSION}}</a> Powered by {{environment.AUTHOR}}
         </footer>
     </div>
 </div>
diff --git a/src/frontend/app/login/login.component.scss b/src/frontend/app/login/login.component.scss
index 09f6360080d..4223acac992 100644
--- a/src/frontend/app/login/login.component.scss
+++ b/src/frontend/app/login/login.component.scss
@@ -44,8 +44,8 @@ footer {
     color: white;
     position: absolute;
     bottom: 5px;
-    font-size: 10px;
-    opacity: 0.5;
+    //font-size: 10px;
+    opacity: 0.8;
     left: 10px;
 }
 
@@ -109,4 +109,4 @@ footer {
         padding-bottom: 0px !important;
     }
 
-}
\ No newline at end of file
+}
diff --git a/src/frontend/app/login/login.component.ts b/src/frontend/app/login/login.component.ts
index 6a5224b5531..9a54751f935 100644
--- a/src/frontend/app/login/login.component.ts
+++ b/src/frontend/app/login/login.component.ts
@@ -13,6 +13,7 @@ import { FunctionsService } from '@service/functions.service';
 import { TimeLimitPipe } from '../../plugins/timeLimit.pipe';
 import { TranslateService } from '@ngx-translate/core';
 import { LocalStorageService } from '@service/local-storage.service';
+import { AboutUsComponent } from '@appRoot/about-us.component';
 
 @Component({
     templateUrl: 'login.component.html',
@@ -147,4 +148,8 @@ export class LoginComponent implements OnInit {
             }
         }
     }
+
+    openAboutModal() {
+        this.dialog.open(AboutUsComponent, { panelClass: 'maarch-modal', autoFocus: false, disableClose: false });
+    }
 }
-- 
GitLab