visualizer-on-tabs

Builds a static website that has multiple instances of the visualizer that can communicate with each other.

Install and configure visualizer-on-tabs

Clone visualizer-on-tabs

Clone the GitHub project in your preferred location. In this example let's use /usr/local/node/

cd usr/local/node/
git clone https://github.com/cheminfo/visualizer-on-tabs.git
cd visualizer-on-tabs
npm install

Choose your configuration

If you want to override the default behavior of visualizer-on-tabs, you have to add a custom.json with your custom preferences in /usr/local/on-tabs-config/custom.json. Here there is an example

Build the project on your default apache websites directory

node bin/build.js --outDir=/var/www/html/on-tabs/ --config=/usr/local/on-tabs-config/custom.json

Now you try it in: www.myserver.com/on-tabs/

Configure a flavor to deploy on-tabs

Edit the flavorLayouts(/usr/local/flavor-builder/config.json) to specify a deployment method for your flavor. For this, you need to add a new entry which key is your flavor name and value is visualizer-on-tabs. Example:

...
"flavorLayouts": {
    "720p": "minimal-simple-menu",
    "myflavor":"visualizer-on-tabs"
  }
  ...

Add a new rewriteRule

"visualizerOnTabs": {
    "_default": {
      "rocLogin": {
        "url": "https://myloginserver"
      },
      "rewriteRules": [
        {"reg": "^[^/]+$", "replace": "http://myserver.org/rest-on-couch/db/visualizer/$&/view.json"}
      ]
    }
    ...

You would need to edit a view in this flavor, or launch the build manually with the --forceUpdate option.