SlurmScriptGenerator/index.html at gh-pages · HariPeri/SlurmScriptGenerator · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Slurm Job Script Generator</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="JobScriptGenerator.css">
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <script type="text/javascript" src="JobScriptGenerator.js"></script>
</head>
<body>
<div class="container mt-5">
    <!-- <h1 class="mb-4">Slurm Job Script Generator</h1> -->
    <div id="alert-container"></div>
    <div id="jobScriptGenerator">
        <div id="jobScriptForm">
            <h2>Parameters</h2>
        </div>
        <br>
        <div id="jobScript">
            <h2>Script</h2>
        </div>
    </div>
    <!-- Service Units Calculation -->
    <div id="su">
        <h4>Calculated Service Units (SU)
            <sup><a href="https://www.rc.virginia.edu/userinfo/pricing/" target="_blank">[?]</a></sup>
        </h4>
        <i>* Rates will take effect January 7, 2024</i>
    </div>
    <script type="text/javascript">
        var script_gen = new ScriptGen(document.getElementById("jobScriptGenerator"));

        script_gen.settings.partitions = {
            names: ["standard", "parallel", "interactive", "gpu"],
        };

        script_gen.settings.gres = {
            //first 2 are for interactive, everything else for gpu
            names: ["RTX3090", "RTX2080", "a6000", "a40", "a100",  "v100", "H200"],
        };

        script_gen.settings.constraints = {
            names: ["40gb", "80gb"],
        }

        script_gen.init();
    </script>
        <div class="row">
            <div class="col-lg-4 ml-auto">
                <p class="mt-2 text-muted" style="text-align: right;">
                    <small>
                        <i class="fas fa-info-circle"></i> This SU estimate is based on the requested runtime. Actual SUs consumed may be significantly lower if the job finishes in less time than requested.
                    </small>
                </p>
            </div>
        </div>
    </div>
<br><br><br>
</body>
</html>