From 621101aa38e5732885aa184174cd1d97a157c49f Mon Sep 17 00:00:00 2001 From: tykayn Date: Wed, 12 Aug 2020 16:00:20 +0200 Subject: [PATCH] :zap: ability to customize app title and app logo in header from environment vars. fixes #87 #88 #89. --- customisation.md | 14 ++++++++++++++ src/app/app.component.html | 2 +- src/app/app.component.ts | 1 + .../components/header/header.component.html | 10 +++++++++- .../components/header/header.component.scss | 4 ++++ .../core/components/header/header.component.ts | 6 +++++- src/assets/img/logo.png | Bin 0 -> 17645 bytes src/environments/environment.prod.ts | 3 ++- src/environments/environment.ts | 3 ++- 9 files changed, 38 insertions(+), 5 deletions(-) create mode 100644 customisation.md create mode 100644 src/assets/img/logo.png diff --git a/customisation.md b/customisation.md new file mode 100644 index 00000000..b5a2fe11 --- /dev/null +++ b/customisation.md @@ -0,0 +1,14 @@ +# Personnalisation +Vous pouvez modifier les variables d'environnement afin de modifier le logo et le titre de votre installation. +Ce logiciel étant libre et sous la licence GNU Affero V3 vous pouvez bien entendu le modifier à volonté. Voici donc un guide concernant le titre et le logo. + +Modifiez le fichier `src/environment.prod.ts`, et remplacez le contenu des variables `appTitle` (un texte, pas forcément un seul mot) et `appLogo` (une URL absolue ou relative d'image) + Et voilà! + +Quand vous builderez votre app, vous verrez ces valeurs dans la barre titre, incluses par le composant HeaderComponent automatiquement. + +Vous pouvez modifier les valeurs dans le fichier `src/environment.ts` pour voir ce que cela donne en environnement de développement en lancant l'app avec `npm start` ou `yarn start`. + +#Customization +Change the content of the file `src/environment.prod.ts`, and the content of the vars `appTitle` (any text) and `appLogo` (any picture URL, relative or absolute) . + And voilà! diff --git a/src/app/app.component.html b/src/app/app.component.html index 1f3736f5..2f211c98 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -7,7 +7,7 @@
Dev Menu - +
diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 873cfa8a..312f5ac6 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -15,6 +15,7 @@ import { MockingService } from './core/services/mocking.service'; }) export class AppComponent implements OnInit, OnDestroy { public appTitle: string = environment.appTitle; + public appLogo: string = environment.appLogo; public themeClass: string; public isSidebarOpened = false; private themeSubscription: Subscription; diff --git a/src/app/core/components/header/header.component.html b/src/app/core/components/header/header.component.html index a7f551c7..8e147afa 100644 --- a/src/app/core/components/header/header.component.html +++ b/src/app/core/components/header/header.component.html @@ -1,7 +1,15 @@