wba/frontend/src/js/page/wb-app.js

import { h, Component } from 'preact';
import { Router, route } from 'preact-router';
import WBBrowse from 'wb-browse';
import WBSignIn from 'wb-sign-in';
import WBSignOut from 'wb-sign-out';
import WBLandingPage from 'wb-landing-page';
import WBProcessView from 'wb-process-view';
import WBContainerView from 'wb-container-view';
import WBCollectionView from 'wb-collection-view';
import WBCollectionBrowse from 'wb-collection-browse';
import WBUsersPage from 'wb-users-page';
import WBWorkflowView from 'wb-workflow-view';
import WBLaunchWorkflowPage from 'wb-launch-workflow-page';
import arvadosTypeName from 'arvados-type-name';

class WBApp extends Component {
  constructor(...args) {
    super(...args);
    this.state.arvHost = window.localStorage['arvHost'];
    this.state.arvToken = window.localStorage['arvToken'];
    if ('currentUser' in window.localStorage)
      this.state.currentUser = JSON.parse(window.localStorage['currentUser']);
    this.loadToolbox();
  }

  navbarItemUrl(item) {
    if (item['id'] === 'sign-out') {
      return ('/sign-out');
    } else if (item['id'] === 'home') {
      return ('/browse/' + this.state.currentUser.uuid);
    } else if (item['id'] === 'all-projects') {
      return ('/browse');
    } else if (item['id'] === 'all-users') {
      return ('/users');
    } else if (item['id'] === 'shared-with-me') {
      return ('/shared-with-me');
    }
  }

  breadcrumbClicked(item) {
    let objectType = arvadosTypeName(item.uuid.split('-')[1]);
    if (objectType === 'user')
      route('/browse/' + item.uuid)
    else if (objectType === 'group' && item.group_class === 'project')
      route('/browse/' + item.uuid);
    else if (objectType === 'container_request')
      route('/process/' + item.uuid)
  }

  addToToolbox(uuid) {
    this.state.toolboxItems.push(uuid);
    window.localStorage['toolboxItems'] =
      JSON.stringify(this.state.toolboxItems);
  }

  clearToolbox() {
    this.state.toolboxItems = [];
    delete window.localStorage['toolboxItems'];
  }

  loadToolbox() {
    this.state.toolboxItems = ('toolboxItems' in window.localStorage) ?
      JSON.parse(window.localStorage['toolboxItems']) : [];
  }

  render() {
    return (
      <Router>
        <WBLandingPage path="/" />

        <WBSignIn path="/sign-in" appState={ this.state } />

        <WBSignOut path='/sign-out' app={ this } />

        <WBBrowse path="/browse/:ownerUuid?/:activePage?/:objTypeTab?/:collectionPage?/:processPage?/:workflowPage?"
          app={ this } mode="browse" />

        <WBBrowse path="/shared-with-me/:activePage?"
          app={ this } mode="shared-with-me" />

        <WBProcessView path="/process/:uuid" app={ this } />

        <WBContainerView path="/container/:uuid" app={ this } />

        <WBCollectionView path="/collection/:uuid" app={ this } />

        <WBCollectionBrowse path='/collection-browse/:uuid/:collectionPath?/:page?' app={ this } />

        <WBUsersPage path='/users/:page?' app={ this } />

        <WBWorkflowView path="/workflow/:uuid" app={ this } />

        <WBLaunchWorkflowPage path="/workflow-launch/:workflowUuid" app={ this } />
      </Router>
    );
  }
}

export default WBApp;