Align pad URL with pad title

Rename the paramether in the route fron `id` to `name` to have
friendly urls. Use the name in the route to call `getObjectNames` which
allow us to get the id. The result need an ugly parsing to get the id,
due to the format of the response. See:
SwellRT#1 (comment)

Closes SwellRT#1.

src/app/app.module.ts

@@ -62,7 +62,7 @@ import { PadContainerComponent } from './components/pad/pad-container/pad-contai
 const appRoutes: Routes = [
   { path: '', component: LandingComponent },
   { path: 'home', component: HomeComponent },
-  { path: 'pad/:id', component: PadComponent },
+  { path: 'pad/:name', component: PadComponent },
   { path: 'login', component: LoginComponent },
   { path: '**', component: NotFoundComponent }
 ];

src/app/components/pad/pad.component.html

@@ -2,7 +2,7 @@
     <button mat-icon-button (click)="sideDrawer.toggle()">
       <mat-icon>menu</mat-icon>
     </button>    
-    <h1 class="example-app-name">Pad {{object?.id}}</h1>
+    <h1 class="example-app-name">Pad {{name}}</h1>
 </mat-toolbar>
 
 

src/app/components/pad/pad.component.ts

@@ -20,6 +20,8 @@ export class PadComponent implements OnInit, OnDestroy {
 
   objectId;
 
+  name: string;
+
   constructor(
     private route: ActivatedRoute,
     private router: Router,
@@ -33,17 +35,22 @@ export class PadComponent implements OnInit, OnDestroy {
     });
 
     // we init the pad service with the object id param iff session is ready.
-    let id: string;
     this.sessionSubscription = this.route.paramMap.pipe( switchMap( (params: ParamMap) => {
 
-      id = params.get('id');
+      this.name = params.get('name');
       return this.swellService.session$;
 
     })).subscribe( session => {
 
         if (session) {
           this.session = session;
-          this.padService.init(id);
+
+          this.swellService.getObjectNames(this.name)
+            .then( response => {
+              let names_json = JSON.parse(JSON.stringify(response));
+              let id = names_json['waveId']['domain'].concat('/').concat(names_json['waveId']['id']);
+              this.padService.init(id);
+            });
         }
 
     });

src/app/services/swell.service.ts

@@ -139,6 +139,11 @@ export class SwellService  {
       })
   }
 
+  getObjectNames(name) {
+    return this.api.getObjectNames({ name: name })
+             .then( response => { return response } );
+  }
+
 
   /**
    * Propagate session info