Here you can find some informal diagrams that help to understand how some components work

• Item Columns

• ChEMBL Dasboard Basic Layout
• Heatmap Concpetual Design
• Heatmap Window System 1
• Heatmap Window System 2
• Heatmap Window System 3
• Heatmap Visual Layout

• All Features
• SVG Icons
• Icon Credits

• All Assets
• ChEMBL Logo Files

https://www.ebi.ac.uk/chembl/beta/design_components/

This requires Docker installed and running. Copy and rename the minimal_dev_config file to configurations/config.yml, add the elasticsearch endpoint information. Then run the following command to create and start the instance:

$ docker-compose up

The entry point for the images is fireitup.sh file, there an instance of the service will be started listening on the port 8000.

VueJS 3 requires its client which can be installed by running:

$ npm install -g @vue/cli

GLaDOS collectstatic function CONFIG_FILE_PATH=configurations/config.yml ./manage_glados_no_install.sh collectstatic --no-input will build and place chemvue static files on src/glados/v folder, which will be served by Django.

This process will fail if the configuration file is not present

In order to take advantage of VueJS's hot reload capabilities while developing, on chemvue dir run:

$ CONFIG_FILE_PATH=../configurations/config.yml npm start

To build the statics files run:

$ CONFIG_FILE_PATH=../configurations/config.yml npm run build