Add puppeteer to Log

src/app/person/person.component.html

@@ -303,7 +303,7 @@ <h5 class="card-title">{{ 'logs' | translate | titlecase }}</h5>
                 <div class="small" *ngFor="let data of log.data | keyvalue">{{ data.key }}: {{ data.value }}</div>
               </div>
             </details>
-            <p class="text-muted small">{{ log.occured | date:'dd.MM.yyyy HH:mm' }} - {{ log.person?.first_name }} {{ log.person?.last_name }}</p>
+            <p class="text-muted small">{{ log.occured | date:'dd.MM.yyyy HH:mm' }} - {{ log.person?.first_name }} {{ log.person?.last_name }} <span *ngIf="log.puppeteer">(Puppeteer: {{ log.puppeteer.first_name }} {{ log.puppeteer.last_name }})</span></p>
           </div>
         </div>
       </div>

src/app/person/person.component.ts

@@ -113,13 +113,19 @@ export class PersonComponent extends WsComponent implements OnInit {
               const personIds = new Set<number>();
               this.logs.forEach(log => {
                 personIds.add(log.person_id);
+                if (log.puppeteer_id) {
+                  personIds.add(log.puppeteer_id);
+                }
               });
               personIds.forEach(personId => {
                 this.peopleService.getPerson(personId).subscribe(person => {
                   this.logs.forEach(log => {
                     if (log.person_id === person.id) {
                       log.person = person;
                     }
+                    if (log.puppeteer_id === person.id) {
+                      log.puppeteer = person;
+                    }
                   });
                 });
               });

src/types/log.ts

@@ -7,7 +7,9 @@ export interface Log {
   occured: Date;
   data: object;
   person_id: number;
+  puppeteer_id: number;
   person?: Person;
+  puppeteer?: Person;
 }
 
 export interface LogList {