Dynamic favicon from instance config (admin)

client/src/app/admin/components/instance/design-form-group.component.html

@@ -19,5 +19,14 @@
             [rootDirectoryIsLoaded]="rootDirectoryIsLoaded"
             (loadRootDirectory)="loadRootDirectory.emit($event)">
         </app-file-select-form-control>
+        <app-file-select-form-control
+            [form]="form"
+            [controlName]="'design_favicon'"
+            [controlLabel]="'Favicon'"
+            [rootDirectory]="rootDirectory"
+            [rootDirectoryIsLoading]="rootDirectoryIsLoading"
+            [rootDirectoryIsLoaded]="rootDirectoryIsLoaded"
+            (loadRootDirectory)="loadRootDirectory.emit($event)">
+        </app-file-select-form-control>
     </accordion-group>
 </form>

client/src/app/admin/components/instance/instance-form.component.ts

@@ -26,7 +26,8 @@ export class InstanceFormComponent implements OnInit {
 
     public designFormGroup = new FormGroup({
         design_color: new FormControl('#7AC29A', [Validators.required]),
-        design_logo: new FormControl('')
+        design_logo: new FormControl(''),
+        design_favicon: new FormControl('')
     });
 
     public searchFormGroup = new FormGroup({

client/src/app/instance/instance.component.ts

@@ -62,7 +62,9 @@ export class InstanceComponent implements OnInit, OnDestroy {
             if (instance.config.documentation.documentation_allowed) {
                 this.links.push({ label: 'Documentation', icon: 'fas fa-question', routerLink: 'documentation' });
             }
-            this.favIcon.href = `assets/${instance.name}-favicon.ico`;
+            if (instance.config.design.design_favicon !== '') {
+                this.favIcon.href = `${this.config.apiUrl}/download-instance-file/${instance.name}/${instance.config.design.design_favicon}`;
+            }
         })
     }
 

client/src/app/metamodel/models/instance.model.ts

@@ -15,6 +15,7 @@ export interface Instance {
         design: {
             design_color: string;
             design_logo: string;
+            design_favicon: string;
         };
         search: {
             search_by_criteria_allowed: boolean;

client/src/app/shared/components/navbar.component.ts

@@ -32,7 +32,7 @@ export class NavbarComponent {
 
     getLogoHref() {
         if (this.instance.config.design.design_logo) {
-            return this.apiUrl + '/download-instance-file/' + this.instance.name + '/' + this.instance.config.design.design_logo;
+            return `${this.apiUrl}/download-instance-file/${this.instance.name}/${this.instance.config.design.design_logo}`;
         } else {
             return 'assets/cesam_anis40.png';
         }