Ability to preview and publish media (#191)

Author: auniverseaway

blocks/da-view/da-view.css

@@ -0,0 +1,26 @@
+import { LitElement, html } from '../../deps/lit/lit-core.min.js';
+import { getNx } from '../../../scripts/utils.js';
+
+// Styles
+const { default: getStyle } = await import(`${getNx()}/utils/styles.js`);
+const STYLE = await getStyle(import.meta.url);
+
+class DaMedia extends LitElement {
+  static properties = {};
+
+  connectedCallback() {
+    super.connectedCallback();
+    this.shadowRoot.adoptedStyleSheets = [STYLE];
+    document.title = `View ${this.details.name} - Dark Alley`;
+  }
+
+  render() {
+    return html`
+      <div class="da-content">
+        <img src="${this.details.contentUrl}" width="900" height="600" />
+      </div>
+    `;
+  }
+}
+
+customElements.define('da-media', DaMedia);

blocks/da-view/da-view.js

@@ -0,0 +1,15 @@
+import getPathDetails from '../shared/pathDetails.js';
+
+import '../edit/da-title/da-title.js';
+import './da-media.js';
+
+export default function init(el) {
+  const details = getPathDetails();
+
+  const daTitle = document.createElement('da-title');
+  const daMedia = document.createElement('da-media');
+
+  daTitle.details = details;
+  daMedia.details = details;
+  el.append(daTitle, daMedia);
+}