Load metadata of search results dynamically

Replace the hard coded paragraph in a search result's
detail view with data taken from the search result.

src/main/webapp/app/mock-search/mock-search.component.html

@@ -134,13 +134,35 @@
                             </div>
 
                             <div class="col-12 col-md-8">
-                                <p style="text-align: left;"><strong
-                                    jhiTranslate="searchResult.metadata.metadata"></strong></p>
+                                <p style="text-align: left;">
+                                    <strong jhiTranslate="searchResult.metadata.metadata"></strong></p>
                                 <hr>
-                                <p style="text-align: left;">Program Language: Java
-                                    <br>Creator: Michael Breu
-                                    <br>Last update: 26.11.2020
-                                    <br>License: CCv2</p>
+
+                                <table>
+                                    <tr *ngIf="selectedResult.programmingLanguages.length > 0">
+                                        <td *ngIf="selectedResult.programmingLanguages.length === 1"
+                                            jhiTranslate="searchResult.metadata.programmingLanguageSingular"></td>
+                                        <td *ngIf="selectedResult.programmingLanguages.length > 1"
+                                            jhiTranslate="searchResult.metadata.programmingLanguagesPlural"></td>
+                                        <td>{{selectedResult.programmingLanguages}}</td>
+                                    </tr>
+                                    <tr *ngIf="selectedResult.creators.length > 0">
+                                        <td *ngIf="selectedResult.creators.length === 1"
+                                            jhiTranslate="searchResult.metadata.creatorSingular"></td>
+                                        <td *ngIf="selectedResult.creators.length > 1"
+                                            jhiTranslate="searchResult.metadata.creatorsPlural"></td>
+                                        <td>{{selectedResult.creators.map(getPersonName)}}</td>
+                                    </tr>
+                                    <tr *ngIf="selectedResult.lastUpdate.length > 0">
+                                        <td jhiTranslate="searchResult.metadata.lastUpdate"></td>
+                                        <td>{{selectedResult.lastUpdate}}</td>
+                                    </tr>
+                                    <tr *ngIf="selectedResult.license.length > 0">
+                                        <td jhiTranslate="searchResult.metadata.license"></td>
+                                        <td>{{selectedResult.license}}</td>
+                                    </tr>
+                                </table>
+
                                 <a href="https://git-scm.com/" class="btn btn-outline-secondary" role="button"
                                    aria-pressed="true" style="float: right;">Git</a>
                             </div>

src/main/webapp/app/mock-search/mock-search.component.ts

@@ -21,4 +21,8 @@ export class MockSearchComponent implements OnInit {
   public get results(): SearchResult[] {
     return this.mockResults;
   }
+
+  public getPersonName(person: Person): string {
+    return person.name;
+  }
 }