@internetarchive/ia-item-navigator 0.0.0-a10 → 0.0.0-a16

package/src/no-theater-available.ts

@@ -0,0 +1,85 @@
+import {
+  LitElement,
+  customElement,
+  property,
+  html,
+  TemplateResult,
+  PropertyValues,
+  CSSResult,
+  css,
+} from 'lit-element';
+
+@customElement('ia-no-theater-available')
+export class IANoTheaterAvailable extends LitElement {
+  @property({ type: String }) identifier?: string = '';
+
+  emitLoaded(): void {
+    this.dispatchEvent(
+      new CustomEvent<{ loaded: boolean }>('loadingStateUpdated', {
+        detail: { loaded: true },
+      })
+    );
+  }
+
+  updated(changed: PropertyValues): void {
+    if (changed.has('identifier')) {
+      this.emitLoaded();
+    }
+  }
+
+  get downloadUrl(): string {
+    return `/download/${this.identifier}`;
+  }
+
+  render(): TemplateResult {
+    return html`
+      <section>
+        <h2>THERE IS NO PREVIEW AVAILABLE FOR THIS ITEM</h2>
+        <p>
+          This item does not appear to have any files that can be experienced on
+          Archive.org. <br />
+          Please download files in this item to interact with them on your
+          computer.
+        </p>
+        <a href=${this.downloadUrl}>Show all files</a>
+      </section>
+    `;
+  }
+
+  static get styles(): CSSResult {
+    return css`
+      :host {
+        color: var(--primaryTextColor, #fff);
+        text-align: center;
+      }
+      section {
+        margin: 10% auto 0;
+        padding: 0 5%;
+      }
+      p {
+        font-size: 1.4rem;
+      }
+      a {
+        color: var(--primaryTextColor, #fff);
+        background-color: rgb(25, 72, 128);
+        min-height: 35px;
+        outline: none;
+        cursor: pointer;
+        line-height: normal;
+        border-radius: 0.4rem;
+        text-align: center;
+        vertical-align: middle;
+        font-size: 1.4rem;
+        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+        display: inline-block;
+        padding: 0.85rem 1.2rem;
+        border: 1px solid rgb(197, 209, 223);
+        white-space: nowrap;
+        appearance: auto;
+        box-sizing: border-box;
+        user-select: none;
+        text-decoration: none;
+      }
+    `;
+  }
+}

package/test/book-nav-stub.ts

@@ -0,0 +1,47 @@
+import { ModalManager } from '@internetarchive/modal-manager';
+import { SharedResizeObserver } from '@internetarchive/shared-resize-observer';
+import { html, customElement, LitElement, property } from 'lit-element';
+import { MetadataResponse } from '@internetarchive/search-service';
+import {
+  MenuProviderInterface,
+  MenuShortcutInterface,
+} from '../src/interfaces/menu-interfaces';
+import { CustomTheaterInterface } from '../src/interfaces/custom-theater-interface';
+@customElement('book-navigator')
+export class BookNavigator
+  extends LitElement
+  implements CustomTheaterInterface {
+  @property({ attribute: false }) modal?: ModalManager;
+
+  @property({ type: Object }) itemMD?: MetadataResponse;
+
+  @property({ type: String }) baseHost?: string;
+
+  @property({ type: Boolean, reflect: true }) signedIn?: boolean | null = null;
+
+  @property({ type: Boolean }) sideMenuOpen!: boolean;
+
+  @property({ attribute: false }) sharedObserver?: SharedResizeObserver;
+
+  @property({ type: Array }) menuProviders?: MenuProviderInterface[];
+
+  @property({ type: Array }) menuShortcuts?: MenuShortcutInterface[];
+
+  emitLoadingStatusUpdate() {}
+
+  addMenuShortcut(menuId: string) {
+    return menuId;
+  }
+
+  removeMenuShortcut(menuId: string) {
+    return menuId;
+  }
+
+  sortMenuShortcuts() {}
+
+  emitMenuShortcutsUpdated() {}
+
+  render() {
+    return html` <p>foo</p> `;
+  }
+}