app/addons/documents/routes-index-editor.js

// Licensed under the Apache License, Version 2.0 (the 'License'); you may not
// use this file except in compliance with the License. You may obtain a copy of
// the License at
//
//   http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an 'AS IS' BASIS, WITHOUT
// WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
// License for the specific language governing permissions and limitations under
// the License.

import React from 'react';
import FauxtonAPI from "../../core/api";
import BaseRoute from "./shared-routes";
import ActionsIndexEditor from "./index-editor/actions";
import Databases from "../databases/base";
import SidebarActions from './sidebar/actions';
import {SidebarItemSelection} from './sidebar/helpers';
import {DocsTabsSidebarLayout, ViewsTabsSidebarLayout} from './layouts';

const IndexEditorAndResults = BaseRoute.extend({
  routes: {
    'database/:database/new_view': {
      route: 'createView',
      roles: ['fx_loggedIn']
    },
    'database/:database/new_view/:designDoc': {
      route: 'createView',
      roles: ['fx_loggedIn']
    },
    'database/:database/_design/:ddoc/_view/:view': {
      route: 'showView',
      roles: ['fx_loggedIn']
    },
    'database/:database/_design/:ddoc/_view/:view/edit': {
      route: 'editView',
      roles: ['fx_loggedIn']
    }
  },

  initialize (route, options) {
    var databaseName = options[0];
    this.databaseName = databaseName;
    this.database = new Databases.Model({id: databaseName});
    this.createDesignDocsCollection();
    this.addSidebar();
  },

  showView: function (databaseName, ddoc, viewName) {

    viewName = viewName.replace(/\?.*$/, '');

    ActionsIndexEditor.clearIndex();
    ActionsIndexEditor.fetchDesignDocsBeforeEdit({
      viewName: viewName,
      newView: false,
      database: this.database,
      designDocs: this.designDocs,
      designDocId: '_design/' + ddoc
    });

    const selectedNavItem = new SidebarItemSelection('designDoc', {
      designDocName: ddoc,
      designDocSection: 'Views',
      indexName: viewName
    });
    SidebarActions.dispatchExpandSelectedItem(selectedNavItem);

    const url = FauxtonAPI.urls('view', 'server', encodeURIComponent(databaseName),
      encodeURIComponent(ddoc), encodeURIComponent(viewName));
    const endpoint = FauxtonAPI.urls('view', 'apiurl', encodeURIComponent(databaseName),
      encodeURIComponent(ddoc), encodeURIComponent(viewName));
    const docURL = FauxtonAPI.constants.DOC_URLS.GENERAL;

    const dropDownLinks = this.getCrumbs(this.database);
    return <DocsTabsSidebarLayout
      docURL={docURL}
      endpoint={endpoint}
      dbName={this.database.id}
      dropDownLinks={dropDownLinks}
      database={this.database}
      fetchUrl={url}
      ddocsOnly={false}
      deleteEnabled={false}
      selectedNavItem={selectedNavItem}
    />;
  },

  createView: function (database, _designDoc) {
    var newDesignDoc = true;
    var designDoc = 'new-doc';

    if (_designDoc) {
      designDoc = '_design/' + _designDoc;
      newDesignDoc = false;
    }

    ActionsIndexEditor.fetchDesignDocsBeforeEdit({
      viewName: 'new-view',
      newView: true,
      database: this.database,
      designDocs: this.designDocs,
      designDocId: designDoc,
      newDesignDoc: newDesignDoc
    });

    const selectedNavItem = new SidebarItemSelection('');
    const dropDownLinks = this.getCrumbs(this.database);

    return <ViewsTabsSidebarLayout
      showIncludeAllDocs={true}
      docURL={FauxtonAPI.constants.DOC_URLS.GENERAL}
      dbName={this.database.id}
      dropDownLinks={dropDownLinks}
      database={this.database}
      selectedNavItem={selectedNavItem}
    />;
  },

  editView: function (databaseName, ddocName, viewName) {
    ActionsIndexEditor.fetchDesignDocsBeforeEdit({
      viewName: viewName,
      newView: false,
      database: this.database,
      designDocs: this.designDocs,
      designDocId: '_design/' + ddocName
    });

    const selectedNavItem = new SidebarItemSelection('designDoc', {
      designDocName: ddocName,
      designDocSection: 'Views',
      indexName: viewName
    });
    SidebarActions.dispatchExpandSelectedItem(selectedNavItem);

    const docURL = FauxtonAPI.constants.DOC_URLS.GENERAL;
    const endpoint = FauxtonAPI.urls('view', 'apiurl', databaseName, ddocName, viewName);
    const dropDownLinks = this.getCrumbs(this.database);

    return <ViewsTabsSidebarLayout
      showIncludeAllDocs={true}
      docURL={docURL}
      endpoint={endpoint}
      dbName={this.database.id}
      dropDownLinks={dropDownLinks}
      database={this.database}
      selectedNavItem={selectedNavItem}
    />;
  }

});

export default IndexEditorAndResults;