Merge pull request #425 from umbraco/package-repo-iframe

Adds the marketplace iframe

src/Umbraco.Web.UI.Client/src/backoffice/packages/package-section/views/market-place/packages-market-place-section-view.element.ts

@@ -1,10 +1,39 @@
-import { html, LitElement } from 'lit';
-import { customElement } from 'lit/decorators.js';
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
 
 @customElement('umb-packages-market-place-section-view')
 export class UmbPackagesMarketPlaceSectionViewElement extends LitElement {
+	static styles = [css`
+		#container {
+			height: 100%;
+			display: flex;
+			align-items: stretch;
+		}
+
+
+		iframe {
+			width: 100%;
+  			height: 100%;
+  			overflow: hidden;
+			border: none;
+		}
+	`];
+
+	// TODO: This URL comes from the server
+	// Was previously found in 'Umbraco.Sys.ServerVariables.umbracoUrls.marketplaceUrl'
+	@property()
+	marketplaceUrl = 'https://marketplace.umbraco.com/?umbversion=11.1.0&style=backoffice';
+
 	render() {
-		return html`<div>Render Marketplace</div> `;
+		return html`
+			<div id="container">
+				<iframe
+					src="${this.marketplaceUrl}"
+					title="Umbraco Marketplace"
+					allowfullscreen
+					allow="geolocation; autoplay; clipboard-write; encrypted-media">
+				</iframe>
+			</div>`;
 	}
 }