marketplace published at for service (#1689)

* at published timestamp to marketplace package show

* add todo

frontend/projects/marketplace/src/pages/show/package/package.component.html

@@ -7,6 +7,10 @@
   <div class="text">
     <h1 class="title">{{ pkg.manifest.title }}</h1>
     <p class="version">{{ pkg.manifest.version | displayEmver }}</p>
+    <!-- @TODO remove conditional when registry code deployed. published-at will be required -->
+    <p *ngIf="pkg['published-at']" class="published">
+      Released: {{ pkg['published-at'] | date: 'medium' }}
+    </p>
     <ng-content></ng-content>
   </div>
 </div>

frontend/projects/marketplace/src/pages/show/package/package.component.scss

@@ -18,11 +18,16 @@
 }
 
 .version {
-  padding: 4px 0 12px 0;
   margin: 0;
   font-size: 18px;
 }
 
+.published {
+  margin: 0;
+  padding: 4px 0 12px 0;
+  font-style: italic;
+}
+
 @media (min-width: 1000px) {
   .logo {
     width: 140px;

frontend/projects/marketplace/src/types/marketplace-pkg.ts

@@ -14,4 +14,5 @@ export interface MarketplacePkg {
       icon: Url
     }
   }
+  'published-at': string
 }