refactor visit detail into multiple components, rename ui module to shared module

angular.json

@@ -31,10 +31,12 @@
           },
           "configurations": {
             "local": {
-              "fileReplacements": [{
+              "fileReplacements": [
+                {
                   "replace": "src/environments/environment.ts",
                   "with": "src/environments/environment.local.ts"
-              }]
+                }
+              ]
             },
             "dev-production": {
               "optimization": true,
@@ -58,10 +60,12 @@
               "extractLicenses": true,
               "vendorChunk": false,
               "buildOptimizer": true,
-              "fileReplacements": [{
+              "fileReplacements": [
+                {
                   "replace": "src/environments/environment.ts",
                   "with": "src/environments/environment.prod.ts"
-              }]
+                }
+              ]
             }
           }
         },
@@ -116,7 +120,7 @@
           }
         }
       }
-    },
+    }
   },
   "defaultProject": "oser-app",
   "schematics": {

src/app/app-routing.module.ts

 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { SignupPageComponent } from './signup-page/signup-page.component';
-import { LoginComponent, UiGalleryComponent } from './ui';
+import { LoginComponent, UiGalleryComponent } from './shared';
 import { InternalErrorComponent, NotFoundComponent, AuthGuard, MapsAPIResolver } from './core';
 
 import {

src/app/app.module.ts

@@ -13,7 +13,7 @@ import { MomentModule } from 'ngx-moment';
 
 // App modules
 import { CoreModule } from './core';
-import { UiModule } from './ui';
+import { SharedModule } from './shared';
 import { AppRoutingModule } from './app-routing.module';
 import { ShowcaseSiteModule } from './showcase-site/showcase-site.module';
 import { VisitsModule } from './visits';
@@ -40,7 +40,7 @@ registerLocaleData(localeFR);
     HttpModule,
     MomentModule,
     CoreModule,
-    UiModule,
+    SharedModule,
     HttpClientModule,
     ShowcaseSiteModule,
     VisitsModule,

src/app/core/auth/models.ts

@@ -26,4 +26,8 @@ export class User {
     this.phoneNumber = opts.phoneNumber;
     this.dateOfBirth = opts.dateOfBirth;
   }
+
+  get fullName(): string {
+    return [this.firstName, this.lastName].filter(x => x).join(' ');
+  }
 }

src/app/ui/index.ts → src/app/shared/index.ts

-export * from './ui.module';
+export * from './shared.module';
 export * from './navbar/navbar.component';
 export * from './footer/footer.component';
 export * from './login/login.component';