partner detail

matsen-tool/src/app/partners/partners-detail/partners-detail.component.html

@@ -36,33 +36,14 @@
         <button (click)="openModalNewContact()">Neuer Kontakt</button>
     </div>
     <div class="row">
-        <div class="col-4">
-            <div class="card">
-                <div class="card-body row">
-                    <div class="col-8">
-                        <h2>Peter Müller-Lüdenscheid</h2>
-                        <p>peterATspawntree.de<br/>
-                            0177-289 23 02<br/>
-                            Stellvertretender Vorsitzender</p>
-                    </div>
-                    <div class="col-4">
-                        <img src="./assets/images/specific/matsen_logo.svg" width="247" height="94"
-                             alt="{{'basic.company-name' | translate}}"/>
-                    </div>
-                </div>
-            </div>
-            <div class="d-flex justify-content-end">
-                <a routerLink="#" class="badge bg-secondary">Details</a>
-            </div>
-        </div>
-        <div class="col-4">
+        <div class="col-4" *ngFor="let contact of contacts">
             <div class="card">
                 <div class="card-body row">
                     <div class="col-8">
-                        <h2>Heidi Kabel</h2>
-                        <p>heidiATspawntree.de<br/>
-                            0177-289 23 02<br/>
-                            Putzfrau</p>
+                        <h2>{{contact.firstName}} {{contact.lastName}}</h2>
+                        <p>{{contact.email}}<br/>
+                            {{contact.phone}}<br/>
+                            {{contact.position}}</p>
                     </div>
                     <div class="col-4">
                         <img src="./assets/images/specific/matsen_logo.svg" width="247" height="94"
@@ -70,7 +51,7 @@
                     </div>
                 </div>
             </div>
-            <div class="d-flex justify-content-end">
+            <div class="d-flex justify-content-end mb-4">
                 <a routerLink="#" class="badge bg-secondary">Details</a>
             </div>
         </div>

matsen-tool/src/app/partners/partners-detail/partners-detail.component.ts

@@ -3,7 +3,7 @@ import {NgbModal} from "@ng-bootstrap/ng-bootstrap";
 import {ModalComponent} from "@app/_components/modal/modal.component";
 import {NewContactComponent} from "@app/partners/new-contact/new-contact.component";
 import {ActivatedRoute} from "@angular/router";
-import {MediaObjectService, PartnerJsonld, PartnerService} from "@app/core/api/v1";
+import {ContactJsonld, ContactService, MediaObjectService, PartnerJsonld, PartnerService} from "@app/core/api/v1";
 import {Subscription} from "rxjs";
 import {environment} from "@environments/environment";
 
@@ -21,18 +21,28 @@ export class PartnersDetailComponent implements OnInit {
     protected partnerLogoSub: Subscription;
     protected partnerLogo: string|null|undefined;
 
+    protected partnerContactsSub: Subscription;
+    protected contacts: Array<ContactJsonld>;
+    // protected contactImageSub: Subscription;
+    // protected contactImage: string|null|undefined;
+
     protected readonly ModalComponent = ModalComponent;
     constructor(
         private modalService: NgbModal,
         private route: ActivatedRoute,
         private partnerService: PartnerService,
-        private mediaObjectService: MediaObjectService
+        private mediaObjectService: MediaObjectService,
+        private contactService: ContactService
     ) {
         this.id = "";
         this.partnerDetailSub = new Subscription();
         this.partner = {};
         this.partnerLogoSub = new Subscription();
         this.partnerLogo = "";
+        this.partnerContactsSub = new Subscription();
+        this.contacts = [];
+        // this.contactImageSub = new Subscription();
+        // this.contactImage = "";
     }
     openModalNewContact() {
         const modalRef = this.modalService.open(ModalComponent);
@@ -67,7 +77,26 @@ export class PartnersDetailComponent implements OnInit {
                     }
                 );
 
+                this.partnerContactsSub = this.contactService.contactsGetCollection(
+                    // TODO: Alle contacts von diesem Partner (id) holen
+                ).subscribe(
+                    data => {
+                        console.log(data);
+                        this.contacts = data["hydra:member"];
+                        console.log(this.contacts);
 
+                        // let imageUrl: string = typeof data.logo === 'string' ? data.logo : "";
+                        // this.contactImageSub = this.mediaObjectService.mediaObjectsIdGet(
+                        //     // logoUrl
+                        //     "4"
+                        // ).subscribe(
+                        //     data => {
+                        //         this.contactImage = data.contentUrl;
+                        //         console.log(this.partnerLogo);
+                        //     }
+                        // );
+                    }
+                )
             }
         );
     }