initial release

bizmatch/src/app/pages/subscription/my-listing/my-listing.component.html

@@ -0,0 +1,33 @@
+
+<div class="surface-ground px-4 py-8 md:px-6 lg:px-8 h-full">
+    <div class="p-fluid flex flex-column lg:flex-row">
+        <menu-account></menu-account>
+        <p-toast></p-toast>
+        <p-confirmPopup></p-confirmPopup>
+        <div class="surface-card p-5 shadow-2 border-round flex-auto">
+            <div class="text-900 font-semibold text-lg mt-3">My Listings</div>
+            <p-divider></p-divider>        
+            <p-table [value]="myListings" [tableStyle]="{ 'min-width': '50rem' }"  dataKey="id" [paginator]="true" [rows]="10" [rowsPerPageOptions]="[10, 20, 50]" [showCurrentPageReport]="true" currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries">
+                <ng-template pTemplate="header">
+                    <tr>
+                        <th class="wide-column">Title</th>
+                        <th>Category</th>
+                        <th>Located in</th>
+                        <th></th>
+                    </tr>
+                </ng-template>
+                <ng-template pTemplate="body" let-listing>
+                    <tr>
+                        <td class="wide-column line-height-3">{{ listing.title }}</td>
+                        <td>{{ selectOptions.getListingsCategory(listing.listingsCategory) }}</td>
+                        <td>{{ selectOptions.getLocation(listing.location) }}</td>
+                        <td>
+                            <button pButton pRipple icon="pi pi-pencil" class="p-button-rounded p-button-success mr-2" [routerLink]="['/editListing',listing.id]"></button>
+                            <button pButton pRipple icon="pi pi-trash" class="p-button-rounded p-button-warning" (click)="confirm($event,listing)"></button>
+                        </td>
+                    </tr>
+                </ng-template>
+            </p-table>    
+        </div>
+    </div>
+</div>