Owner information display

src/RunnersMeet.Client/src/app/events/event-list-item/event-list-item.component.html

@@ -1,9 +1,9 @@
 <p-card styleClass="event-overview-item">
 	<ng-template pTemplate="title">
-		{{ groupEvent?.title }}
+		{{ groupEvent?.title }} <span class="owner-idicator">by {{ groupEvent?.owner?.displayName}}</span>
 	</ng-template>
 	<ng-template pTemplate="subtitle">
-		🕑 {{ groupEvent?.startTime?.toFullDateTimeString() }} ↔{{ groupEvent?.track?.distance | distance }} ↑{{ groupEvent?.track?.elevationUp | elevation:'up' }} ↓{{ groupEvent?.track?.elevationDown | elevation:'down' }}
+		🕑 {{ groupEvent?.startTime?.toFullDateTimeString() }} &nbsp; ↔{{ groupEvent?.track?.distance | distance }} ↑{{ groupEvent?.track?.elevationUp | elevation:'up' }} ↓{{ groupEvent?.track?.elevationDown | elevation:'down' }}
 	</ng-template>
 	<ng-template pTemplate="content">
 		{{ groupEvent?.description }}

src/RunnersMeet.Client/src/app/events/event-view/event-view.component.html

@@ -1,7 +1,7 @@
 <h1>Event Details</h1>
 <dl class="pivot-table">
 	<dt>Organizer</dt>
-	<dd>{{ event?.owner?.userId }} / {{ event?.owner?.displayName }}</dd>
+	<dd>{{ event?.owner?.displayName }}</dd>
 	<dt>Title</dt>
 	<dd>{{ event?.title }}</dd>
 	<dt>Description</dt>

src/RunnersMeet.Client/src/app/tracks/track-edit/track-edit.component.html

@@ -3,7 +3,7 @@
 	<dt>ID</dt>
 	<dd>{{ track?.trackId }}</dd>
 	<dt>Owner</dt>
-	<dd>{{ track?.owner?.userId }} / {{ track?.owner?.displayName }}</dd>
+	<dd>{{ track?.owner?.displayName }}</dd>
 	<dt>File Hash</dt>
 	<dd>{{ track?.fileHash }}</dd>
 	<dt>Distance</dt>

src/RunnersMeet.Client/src/app/tracks/track-list-item/track-list-item.component.html

@@ -1,6 +1,6 @@
 <p-card styleClass="track-overview-item">
 	<ng-template pTemplate="title">
-		{{ track?.displayName }}
+		{{ track?.displayName }} <span class="owner-idicator">by {{ track?.owner?.displayName}}</span>
 	</ng-template>
 	<ng-template pTemplate="subtitle">
 		↔{{ track?.distance | distance }} ↑{{ track?.elevationUp | elevation:'up' }} ↓{{ track?.elevationDown | elevation:'down' }}

src/RunnersMeet.Client/src/app/tracks/track-view/track-view.component.html

@@ -4,7 +4,7 @@
 	<dt>ID</dt>
 	<dd>{{ track?.trackId }}</dd>
 	<dt>Owner</dt>
-	<dd>{{ track?.owner?.userId }} / {{ track?.owner?.displayName }}</dd>
+	<dd>{{ track?.owner?.displayName }}</dd>
 	<dt>File Hash</dt>
 	<dd>{{ track?.fileHash }}</dd>
 	<dt>Title</dt>

src/RunnersMeet.Client/src/styles.scss

@@ -100,6 +100,11 @@ dl.pivot-table {
 	aspect-ratio: 4 / 3;
 }
 
+.owner-idicator {
+	font-size: 50%;
+	opacity: 0.8;
+}
+
 ///////////////////
 /// PrimeNG "fixes"