-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit d0e0b54
Showing
54 changed files
with
51,858 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,3 @@ | ||
The "queue-chart" repository is created by the Institute of Disease Modeling and licensed under the Creative Commons Attribution Non Commercial Share Alike 4.0 International. | ||
|
||
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/4.0/legalcode |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,18 @@ | ||
###### This is pre-release software. Please **[log issues](/issues)** found. | ||
# Dashboard | ||
A Means for Visualizing Progress of Work Processing on High Performance Computing (HPC) Cluster as Implemented by the Institute for Disease Modeling's **Computational Modeling Platform Service** (COMPS) | ||
|
||
This JavaScript module, [queue-chart.js](/queue-chart.js), should allow a web client to facilitate access to data available from the [COMPS API](https://comps.idmod.org/api/metadata) via conventional Representational State Transfer (REST) protocol, also known as [RESTful web services](https://en.wikipedia.org/wiki/Representational_state_transfer). | ||
|
||
This is the same code intended for the COMPS Web Client. Included within this code is required interface (HTML) and styles (CSS). A simple demonstration is provided (see [the demo](/demo)). An illustration of a possible design: | ||
|
||
*** | ||
![A prototype.](demo/illustration.png) | ||
*** | ||
|
||
### Installation | ||
While it is possible to simply clone or download this repository and drag the code into a project, it is recommended to use a package manager to maintain version control and facilitate keeping dependent projects current with the latest changes. This is critical software that should be expected to change, and the most-current version is the only version guaranteed to work with the COMPS system. | ||
|
||
[NodeJS](https://nodejs.org/en/download/) is a technology which can execute scripts on a computer. In this application, NodeJS fasciliates the Webpack framework in assembling the various ingredients of the Client code, preparing them for deployment from a server to a browser. It is recommended to install NodeJS to add this code to another project or run the enclosed demonstration. | ||
|
||
The Node Package Manager ([NPM](https://www.npmjs.com/get-npm)) is installed as a component of NodeJS and is a popular means for executing the `package.json` of a project. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,41 @@ | ||
###### This is pre-release software. Please **[log issues](/issues)** found. | ||
# Demo of queue-chart.js | ||
Sample implementation of Dashboard module(s) intended for monitoring work within the Institute for Disease Modeling's **Computational Modeling Platform Service** (COMPS) | ||
|
||
>**Warning. This code is the real deal.** Authentication into the COMPS system provides for useful interactions, but also the potential disruption of actual research and destructive transactions from which there is no recourse. Any implementation of this code **must** be done with the advice, consent, and review of COMPS engineers! Otherwise, access to the system and/or this code may be suspended or revoked. | ||
Run this demonstration in a web browser. A web server (or localhost) is required for demonstrating complete functionality. The code here references dependencies via a relative path, so it is recommended to run this entire repository intact. | ||
|
||
*** | ||
### Running this Demo | ||
This example demonstrates integration into a minimal [ES6-compliant](http://es6-features.org/) project bundled by the [Webpack](https://webpack.js.org/) library. An enclosed `package.json` designates all dependencies required for running the demonstration. Note: This example may not work as expected in the Internet Explorer browser. | ||
|
||
>*This is the current methodology of COMPS and the Quick Start web clients.* | ||
[NodeJS](https://nodejs.org/en/download/) is a technology which can execute scripts on a computer. In this application, NodeJS fasciliates the Webpack framework in assembling the various ingredients of the Client code, preparing them for deployment to a browser. It will be necessary to install NodeJS to run these examples. | ||
|
||
The Node Package Manager ([NPM](https://www.npmjs.com/get-npm)) is installed as a component of NodeJS and is a popular means for executing the `package.json` of a project. | ||
|
||
**1:** From a command prompt, navigate to the project path where the clone of this repository is installed, and then the path where the relevant `package.json` file exists. | ||
```sh | ||
> cd C:\path\to\COMPS-UI-Dashboard | ||
``` | ||
**2:** From a command prompt, run the NPM `install` command to get the dependencies as prescribed in the `package.json` file. This will create a path local to this project `\node_modules` for deposit of the downloaded code. There may be a considerable number of dependencies, so this process could take a minute or so. | ||
```sh | ||
> npm install | ||
``` | ||
**3:** Now do the same two steps above but for the demo code. | ||
```sh | ||
> cd demo | ||
> npm install | ||
``` | ||
**4: NOTE!** This demo employs a project which provides authorization into COMPS. This is a private repository which may require configuration of the NPM client. If the previous step #3 failed attempting to download `COMPS-UI-Auth`, then proceed with this step to resolve. Otherwise, proceed to step #5. | ||
```sh | ||
> npm config set registry https://packages.idmod.org/api/npm/npm-production/ | ||
``` | ||
|
||
**5:** From a command prompt, run the NPM `start` command which has been configured in the `webpack.config.js` to instruct Webpack to survey the dependencies prescribed in the project code and then compile the bundled JavaScript. | ||
```sh | ||
> npm start | ||
``` | ||
**6:** Open a browser and navigate to `http://localhost:8081` to view the deployed code. Note: If this does not work, there may be a conflict with other processes, so the `8081` port can be changed by [configuring the devServer](https://webpack.js.org/configuration/dev-server/). |
Oops, something went wrong.