Cloudmesh Javascript GUI

Overview

Cloudmesh Javascript GUI is a front end for the Cloudmesh system.

Requirements

• Cloudmesh
• NodeJS - 12.x
• Yarn - 1.22.x

Note:

• The Yarn JS package installer conflicts with the Hadoop Yarn command so yarnpkg is used to avoid clashes.
• Only NodeJS 12.x is supported at this time. Using other versions of NodeJS may result in errors during the compilation steps.

Getting started

The following commands clone the repo from github, installs the cms viewer command, and starts the Cloudmesh Dashboard, building it first if it needs to.

cloudmesh-installer get javascript
cms viewer start

This assumes that you are starting with Cloudmesh, yarn, and NodeJS installed.

Main Overview

• Dashboard Features - Feature overview.
• cms viewer - Description of how to build and run the Cloudmesh Dashboard via the cms viewer command.
• For Developers - Information for developers of Cloudmesh Dashboard.

Prior Art

For previous efforts see this doc.

Evaluation

Details on our selection of technologies used in this project.

Contributors

• https://github.com/cloudmesh/cloudmesh-javascript/graphs/contributors

Actions for developers

Editing the contributors page

• Go to renderer/editables/contributors.md and edit the text in markdown
• Need to escape the ` character

To change the help page url

• Go to renderer\components\Sidebar\index.js
• Find the ExternalBrowserLink component which has the help page url in the href attribute
• Replace the url with a new value

Editing the row height on VM table

• Go to renderer\components\DataTable\index.js
• Find the TableCell component
• Edit the padding values in style object
• Syntax: padding: top right bottom left