-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
88 lines (69 loc) · 3.87 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
---
---
<!DOCTYPE html>
<html lang="en">
<head>
{% include head.html %}
</head>
<body>
{% include github_corner.html %}
<div class="container">
<div class="row">
<div class="col-md-6">
<img style="margin: 10px;" src="/assets/img/cluster-creator.svg"/>
<form class="form-horizontal" id="options">
{% include text_field.html title="Cluster Name" placeholder='cluster-name' id='cluster_name' required="required" default="hpc-cluster" %}
{% include regions.html id='region' %}
<h2>Image</h2>
{% include os.html %}
{% include checkbox_field.html title="Use a Custom AMI?" id="CustomAmi" placeholder="AMI ID: ami-12345" help="Custom AMI's provide a way to customize the cluster. See <a href='https://docs.aws.amazon.com/parallelcluster/latest/ug/pcluster.build-image-v3.html'>Image section.</a>"%}
<h2>Head Node</h2>
{% include headnode.html %}
<h2>Compute Queues</h2>
{% include slider.html title="Number of Queues" id='num_queues' min='1' max='10' step='1' default='1' %}
{% include queue.html number='1' %}
{% include queue.html number='2' %}
{% include queue.html number='3' %}
{% include queue.html number='4' %}
{% include queue.html number='5' %}
{% include queue.html number='6' %}
{% include queue.html number='7' %}
{% include queue.html number='8' %}
{% include queue.html number='9' %}
{% include queue.html number='10' %}
<h2>Networking</h2>
{% include networking.html %}
<h2>Storage</h2>
{% include selectpicker.html id="shared_storage_type" title="Type of Storage" datafile="storage" %}
{% include storage.html id="storage_options" %}
</form>
</div>
<div class="col-md-6">
<h2>Deploy Cluster</h2>
<div class="card" id="create_cluster">
<div class="card-body">
<h3>Step 1: Download Config</h3>
<button type="button" id="download" class="btn btn-success">Download Config</button>
<small class="form-text text-muted">Configure your cluster using the options on the left then download config.</small>
<h3>Step 2: Create the Cluster</h3>
<pre><code id="create-command" class="language-yml"></code></pre>
<small class="form-text text-muted">Run the pcluster cli to create the cluster. To install the CLI run "pip install aws-parallelcluster".</small>
</div>
</div>
<h2>Generated AWS ParallelCluster Config</h2>
<pre><code id="code" class="language-yml"></code></pre>
<button type="button" id="download" class="btn btn-success">Download Config</button>
</div>
</div>
</div>
<!-- Javascript -->
<script src="/assets/js/lib/jquery-3.5.1.min.js"></script>
<script src="/assets/js/lib/popper.min.js"></script>
<script src="/assets/js/lib/bootstrap.min.js"></script>
<script src="/assets/js/lib/bootstrap-select.min.js"></script>
<script src="/assets/js/lib/bootstrap-slider.min.js"></script>
<script src="/assets/node_modules/js-yaml/dist/js-yaml.min.js"></script>
<script src="/assets/js/lib/prism.js"></script>
<script src="/assets/js/create.js"></script>
</body>
</html>