diff --git a/doc.zih.tu-dresden.de/docs/jobs_and_resources/misc/info.png b/doc.zih.tu-dresden.de/docs/jobs_and_resources/misc/info.png
new file mode 100644
index 0000000000000000000000000000000000000000..2687f73d78d3ae697fda138e8ba69837f34e55ee
Binary files /dev/null and b/doc.zih.tu-dresden.de/docs/jobs_and_resources/misc/info.png differ
diff --git a/doc.zih.tu-dresden.de/docs/jobs_and_resources/misc/style.css b/doc.zih.tu-dresden.de/docs/jobs_and_resources/misc/style.css
new file mode 100644
index 0000000000000000000000000000000000000000..61b585e797ffcdad7230f29419fc2ec5b17ca782
--- /dev/null
+++ b/doc.zih.tu-dresden.de/docs/jobs_and_resources/misc/style.css
@@ -0,0 +1,123 @@
+/* universal style */
+body {
+ margin: auto;
+ width: 90%;
+}
+img {
+ display: block;
+}
+pre {
+ background-color: lightgrey;
+ border-color: black;
+ border-width: 1pt;
+}
+.header {
+ background-color: #002557;
+}
+label.header {
+ color: white;
+ font-size: 40px;
+ margin: 15px;
+}
+.hidden {
+ display: none !important;
+}
+.info-img {
+ height: 20px;
+ width: 20px;
+}
+.info-pre {
+ display: flex;
+ padding: 5px;
+}
+.limits {
+ color: red;
+ display: none;
+ margin-left: 10px;
+}
+button.output {
+ padding: 8px;
+ background-color: rgba(231, 231, 231, 0.726);
+ border-color: rgba(124, 119, 119, 0.541);
+ border-radius: .25rem;
+}
+button.output:hover, button.output:focus {
+ background-color: #ddd;
+}
+div.output {
+ margin: 15px 0px;
+}
+
+/* tablelike layout */
+.input {
+ display: block;
+ width: 70%;
+}
+.row {
+ align-items: center;
+ display: flex;
+ width: 100%;
+}
+.cell-name {
+ display: flex;
+ height: 25px;
+ justify-content: center;
+ align-items: center;
+ width: 125px;
+}
+.cell-tooltip {
+ align-items: center;
+ display: flex;
+ height: 25px;
+ justify-content: center;
+ width: 25px;
+}
+.cell-input {
+ display: flexbox;
+ vertical-align: middle;
+}
+.partition-input {
+ float: left;
+ width: 650px;
+}
+.partition-info {
+ display: flex;
+ float: left;
+ width: calc(30%);
+}
+
+/* collapsible */
+.active {
+ background-color: #5a7094 !important;
+}
+.active:after {
+ content: "-" !important;
+}
+.collapsible {
+ background-color: #274275;
+ border: none;
+ color: #fff;
+ cursor: pointer;
+ font-size: 20px;
+ outline: none;
+ padding: 18px;
+ text-align: left;
+ width: 100%;
+}
+.collapsible:hover, .collapsible:focus {
+ text-decoration: underline;
+}
+.collapsible:after {
+ color: #fff;
+ content: '+';
+ float: right;
+ font-size: 20px;
+ font-weight:900;
+ margin-left: 5px;
+}
+.content {
+ background-color: #f1f1f1;
+ display: block;
+ overflow: hidden;
+ padding: 0 18px;
+}
\ No newline at end of file
diff --git a/doc.zih.tu-dresden.de/docs/jobs_and_resources/slurm_generator.md b/doc.zih.tu-dresden.de/docs/jobs_and_resources/slurm_generator.md
new file mode 100644
index 0000000000000000000000000000000000000000..dd03478d485ebe219a2408ec0905ad379bb1bc47
--- /dev/null
+++ b/doc.zih.tu-dresden.de/docs/jobs_and_resources/slurm_generator.md
@@ -0,0 +1,1308 @@
+# Slurm Job Generator
+
+<!DOCTYPE html>
+<html lang="en-us">
+ <head>
+ <meta charset="utf-8">
+ <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
+ <title>Slurm-Job-Generator</title>
+ <!-- <link type="text/css" href="../misc/style.css" rel="stylesheet"> -->
+ <!-- <script src="jquery-3.6.0.min.js"> </script> -->
+ </head>
+
+ <body>
+ <div class="header">
+ <label class="header">TU Dresden Slurm Job Generator</label>
+ </div>
+ <button type="button" class="collapsible">General</button>
+ <div class="content">
+ <div class="input">
+ <div class="row">
+ <label class="cell-name">Job name</label>
+ <div class="cell-tooltip">
+ <img class="info-img" src="../misc/info.png" title="help">
+ </div>
+ <input id="job-name" class="cell-input" type="text">
+ </div>
+ <div class="row">
+ <label class="cell-name">Account</label>
+ <div class="cell-tooltip">
+ <img class="info-img" src="../misc/info.png" title="help">
+ </div>
+ <input id="account" class="cell-input" type="text">
+ </div>
+ <div class="row">
+ <label class="cell-name">Email</label>
+ <div class="cell-tooltip">
+ <img class="info-img" src="../misc/info.png" title="help">
+ </div>
+ <div class="cell-input">
+ <input id="mail" type="mail">
+
+ <input id="begin" type="checkbox">
+ <lable for="begin">Begin</lable>
+ <input id="end" type="checkbox">
+ <lable for="end">End</lable>
+ <input id="fail" type="checkbox">
+ <lable for="fail">Fail</lable>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <button type="button" class="collapsible">Resources</button>
+ <div class="content">
+ <div class="partition-input">
+ <div class="row">
+ <label class="cell-name">Time limit</label>
+ <div class="cell-tooltip">
+ <img class="info-img" src="../misc/info.png" title="days-hours:minutes:seconds">
+ </div>
+ <input id="time" class="cell-input" type="text" placeholder="00-00:00:00">
+ <label id="time-text" class="limits cell-input"></label>
+ </div>
+ <div class="row">
+ <label class="cell-name">Partition</label>
+ <div class="cell-tooltip">
+ <img class="info-img" src="../misc/info.png" title="help">
+ </div>
+ <select id="partition" class="cell-input"></select>
+ </div>
+ <div class="row">
+ <label class="cell-name">Nodes</label>
+ <div class="cell-tooltip">
+ <img class="info-img" src="../misc/info.png" title="help">
+ </div>
+ <input id="nodes" class="cell-input" type="number" min="1">
+ <label id="nodes-text" class="limits cell-input"></label>
+ </div>
+ <div class="row">
+ <label class="cell-name">Tasks</label>
+ <div class="cell-tooltip">
+ <img class="info-img" src="../misc/info.png" title="help">
+ </div>
+ <input id="tasks" class="cell-input" type="number" min="1">
+ <label id="tasks-text" class="limits cell-input"></label>
+ </div>
+ <div class="row">
+ <label class="cell-name">Tasks/node</label>
+ <div class="cell-tooltip">
+ <img class="info-img" src="../misc/info.png" title="help">
+ </div>
+ <input id="tasks/node" class="cell-input" type="number" min="1">
+ <label id="tasks/node-text" class="limits cell-input"></label>
+ </div>
+ <div class="row">
+ <label class="cell-name">CPUs/task</label>
+ <div class="cell-tooltip">
+ <img class="info-img" src="../misc/info.png" title="help">
+ </div>
+ <input id="cpus" class="cell-input" type="number" min="1">
+ <label id="cpus-text" class="limits cell-input"></label>
+ </div>
+ <div id="div-thread" class="row">
+ <span class="cell-name"></span>
+ <div class="cell-tooltip">
+ <img class="info-img" src="../misc/info.png" title="help">
+ </div>
+ <div class="cell-input">
+ <input id="nomultithread" class="cell" type="checkbox">
+ <lable for="nomultithread">No Multithreading</lable>
+ </div>
+ </div>
+ <div id="div-gpu" class="row">
+ <label class="cell-name">GPUs/node</label>
+ <div class="cell-tooltip">
+ <img class="info-img" src="../misc/info.png" title="help">
+ </div>
+ <input id="gpus" class="cell-input" type="number" min="1">
+ <label id="gpus-text" class="limits cell-input"></label>
+ </div>
+ <div id="div-gpu/task" class="row">
+ <label class="cell-name">GPUs/task</label>
+ <div class="cell-tooltip">
+ <img class="info-img" src="../misc/info.png" title="help">
+ </div>
+ <input id="gpus/task" class="cell-input" type="number" min="1">
+ <label id="gpus/task-text" class="limits cell-input"></label>
+ </div>
+ <div class="row">
+ <label class="cell-name">RAM/CPU</label>
+ <div class="cell-tooltip">
+ <img class="info-img" src="../misc/info.png" title="help">
+ </div>
+ <div class="cell-input">
+ <input id="mem" type="number" min="1">
+ <select id="byte">
+ <option value="M" title="placeholder" selected="selected">MiB</option>
+ <option value="G" title="placeholder">GiB</option>
+ </select>
+ <label id="mem-text" class="limits"></label>
+ </div>
+ </div>
+ <div class="row">
+ <span class="cell-name"></span>
+ <div class="cell-tooltip">
+ <img class="info-img" src="../misc/info.png" title="help">
+ </div>
+ <div class="cell-input">
+ <input id="exclusive" type="checkbox">
+ <lable for="exclusive">Exclusive</lable>
+ </div>
+ </div>
+ </div>
+ <div class="partition-info">
+ <pre id="info-panel" class="info-pre"></pre>
+ </div>
+ </div>
+
+ <button type="button" class="collapsible">Files</button>
+ <div class="content">
+ <div class="input">
+ <div class="row">
+ <label class="cell-name">Executable</label>
+ <div class="cell-tooltip">
+ <img class="info-img" src="../misc/info.png" title="help">
+ </div>
+ <input id="executable" class="cell-input" type="text">
+ </div>
+ <div class="row">
+ <span class="cell-name"></span>
+ <div class="cell-tooltip">
+ <img class="info-img" src="../misc/info.png" title="help">
+ </div>
+ <div class="cell-input">
+ <input id="one-output" type="checkbox">
+ <lable for="one-output">just one output file</lable>
+ </div>
+ </div>
+ <div class="row">
+ <label class="cell-name">Output file</label>
+ <div class="cell-tooltip">
+ <img class="info-img" src="../misc/info.png" title="help">
+ </div>
+ <input id="output-file" class="cell-input" type="text">
+ </div>
+ <div id="err-div" class="row">
+ <label class="cell-name">Error file</label>
+ <div class="cell-tooltip">
+ <img class="info-img" src="../misc/info.png" title="help">
+ </div>
+ <input id="error-file" class="cell-input" type="text">
+ </div>
+ </div>
+ </div>
+
+ <button type="button" class="collapsible">Advanced</button>
+ <div class="content">
+ <div class="input">
+ <div class="row">
+ <label class="cell-name">Array</label>
+ <div class="cell-tooltip">
+ <img class="info-img" src="../misc/info.png" title="help">
+ </div>
+ <input id="array" class="cell-input" type="text" placeholder="1-5">
+ </div>
+ <div class="row">
+ <label class="cell-name">Dependency</label>
+ <div class="cell-tooltip">
+ <img class="info-img" src="../misc/info.png" title="help">
+ </div>
+ <div class="cell-input">
+ <select id="type-depend">
+ <option value="none" title="placeholder" selected="selected"></option>
+ <option value="after" title="placeholder">after</option>
+ <option value="afterany" title="placeholder">afterany</option>
+ <option value="afterburstbuffer" title="placeholder">afterburstbuffer</option>
+ <option value="aftercorr" title="placeholder">aftercorr</option>
+ <option value="afternotok" title="placeholder">afternotok</option>
+ <option value="afterok" title="placeholder">afterok</option>
+ <option value="singleton" title="placeholder">singleton</option>
+ </select>
+ <input id="jobid" class="hidden" type="text" placeholder="jobid">
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <button type="button" class="collapsible">Workspace</button>
+ <div class="content">
+ <div class="input">
+ <div class="row">
+ <span class="cell-name"></span>
+ <div class="cell-tooltip">
+ <img class="info-img" src="../misc/info.png" title="help">
+ </div>
+ <div class="cell-input">
+ <input id="check-workspace" type="checkbox">
+ <label for="check-workspace">Allocate a workspace</label>
+ </div>
+ </div>
+ <div class="row hidden">
+ <label class="cell-name">Filesystem</label>
+ <div class="cell-tooltip">
+ <img class="info-img" src="../misc/info.png" title="help">
+ </div>
+ <select id="workspace-filesystem" class="cell-input"></select>
+ </div>
+ <div class="row hidden">
+ <label class="cell-name">Name</label>
+ <div class="cell-tooltip">
+ <img class="info-img" src="../misc/info.png" title="help">
+ </div>
+ <input id="name" class="cell-input" type="text">
+ </div>
+ <div class="row hidden">
+ <label class="cell-name">Duration</label>
+ <div class="cell-tooltip">
+ <img class="info-img" src="../misc/info.png" title="help">
+ </div>
+ <div class="cell-input">
+ <input id="duration" type="number" min="1">
+ <label id="duration-text" class="limits"></label>
+ </div>
+ </div>
+ <div class="row hidden">
+ <span class="cell-name"></span>
+ <div class="cell-tooltip">
+ <img class="info-img" src="../misc/info.png" title="help">
+ </div>
+ <div class="cell-input">
+ <input id="check-delete" type="checkbox">
+ <label for="check-delete">Delete after job</label>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="output">
+ <button id="generate-button" class="output" type="button">Generate</button>
+ <div class="code">
+ <label id="output-text" class="limits">Output requieres update</label>
+ <pre id="output"></pre>
+ </div>
+ <button id="copy-button" class="output" type="button">Copy to Clipboard</button>
+ <button id="save-button" class="output" type="button">Save as File</button>
+ </div>
+
+ <script>
+ // dictionary containing the limits for the different partitions
+ const limits = {
+ 'gpu2' : gpu2 = {
+ 'MaxTime' : 'INFINITE',
+ 'DefaultTime' : 480,
+ 'info' : 'help',
+ 'Sockets' : 2,
+ 'cpu/socket' : 12,
+ 'threads' : 1,
+ 'nodes' : 59,
+ 'cores/node' : 24,
+ 'ht_cores/node' : 24,
+ 'mem/core' : 2583,
+ 'mem/node' : 62000,
+ 'gpu/node' : 4
+ },
+ 'gpu2-interactive' : gpu2_interactive = {
+ 'MaxTime' : 480,
+ 'DefaultTime' : 10,
+ 'info' : 'help',
+ 'Sockets' : 2,
+ 'cpu/socket' : 12,
+ 'threads' : 1,
+ 'nodes' : 59,
+ 'cores/node' : 24,
+ 'ht_cores/node' : 24,
+ 'mem/core' : 2583,
+ 'mem/node' : 62000,
+ 'gpu/node' : 4
+ },
+ 'haswell' : haswell = {
+ 'MaxTime' : 'INFINITE',
+ 'DefaultTime' : 480,
+ 'info' : 'help',
+ 'Sockets' : 2,
+ 'cpu/socket' : 12,
+ 'threads' : 1,
+ 'nodes' : 1435,
+ 'cores/node' : 24,
+ 'ht_cores/node' : 24,
+ 'mem/core' : 2541,
+ 'mem/node' : 61000,
+ 'gpu/node' : 0
+ },
+ 'haswell64' : haswell64 = {
+ 'MaxTime' : 'INFINITE',
+ 'DefaultTime' : 480,
+ 'info' : 'help',
+ 'Sockets' : 2,
+ 'cpu/socket' : 12,
+ 'threads' : 1,
+ 'nodes' : 1284,
+ 'cores/node' : 24,
+ 'ht_cores/node' : 24,
+ 'mem/core' : 2541,
+ 'mem/node' : 61000,
+ 'gpu/node' : 0
+ },
+ 'haswell128' : haswell128 = {
+ 'MaxTime' : 'INFINITE',
+ 'DefaultTime' : 480,
+ 'info' : 'help',
+ 'Sockets' : 2,
+ 'cpu/socket' : 12,
+ 'threads' : 1,
+ 'nodes' : 84,
+ 'cores/node' : 24,
+ 'ht_cores/node' : 24,
+ 'mem/core' : 5250,
+ 'mem/node' : 126000,
+ 'gpu/node' : 0
+ },
+ 'haswell256' : haswell256 = {
+ 'MaxTime' : 'INFINITE',
+ 'DefaultTime' : 480,
+ 'info' : 'help',
+ 'Sockets' : 2,
+ 'cpu/socket' : 12,
+ 'threads' : 1,
+ 'nodes' : 44,
+ 'cores/node' : 24,
+ 'ht_cores/node' : 24,
+ 'mem/core' : 10583,
+ 'mem/node' : 254000,
+ 'gpu/node' : 0
+ },
+ 'haswell64long' : haswell64long = {
+ 'MaxTime' : 'INFINITE',
+ 'DefaultTime' : 480,
+ 'info' : 'help',
+ 'Sockets' : 2,
+ 'cpu/socket' : 12,
+ 'threads' : 1,
+ 'nodes' : 878,
+ 'cores/node' : 24,
+ 'ht_cores/node' : 24,
+ 'mem/core' : 2541,
+ 'mem/node' : 61000,
+ 'gpu/node' : 0
+ },
+ 'haswell64extralong' : haswell64extralong = {
+ 'MaxTime' : 'INFINITE',
+ 'DefaultTime' : 480,
+ 'info' : 'help',
+ 'Sockets' : 2,
+ 'cpu/socket' : 12,
+ 'threads' : 1,
+ 'nodes' : 698,
+ 'cores/node' : 24,
+ 'ht_cores/node' : 24,
+ 'mem/core' : 2541,
+ 'mem/node' : 61000,
+ 'gpu/node' : 0
+ },
+ 'haswell64ht' : haswell64ht = {
+ 'MaxTime' : 'INFINITE',
+ 'DefaultTime' : 480,
+ 'info' : 'help',
+ 'Sockets' : 2,
+ 'cpu/socket' : 12,
+ 'threads' : 2,
+ 'nodes' : 18,
+ 'cores/node' : 24,
+ 'ht_cores/node' : 48,
+ 'mem/core' : 1270,
+ 'mem/node' : 61000,
+ 'gpu/node' : 0
+ },
+ 'interactive' : interactive = {
+ 'MaxTime' : 480,
+ 'DefaultTime' : 30,
+ 'info' : 'help',
+ 'Sockets' : 2,
+ 'cpu/socket' : 12,
+ 'threads' : 1,
+ 'nodes' : 8,
+ 'cores/node' : 24,
+ 'ht_cores/node' : 24,
+ 'mem/core' : 2541,
+ 'mem/node' : 61000,
+ 'gpu/node' : 0
+ },
+ 'smp2' : smp2 = {
+ 'MaxTime' : 'INFINITE',
+ 'DefaultTime' : 480,
+ 'info' : 'help',
+ 'Sockets' : 4,
+ 'cpu/socket' : 14,
+ 'threads' : 1,
+ 'nodes' : 5,
+ 'cores/node' : 56,
+ 'ht_cores/node' : 56,
+ 'mem/core' : 36500,
+ 'mem/node' : 2044000,
+ 'gpu/node' : 0
+ },
+ 'broadwell' : broadwell = {
+ 'MaxTime' : 'INFINITE',
+ 'DefaultTime' : 480,
+ 'info' : 'help',
+ 'Sockets' : 2,
+ 'cpu/socket' : 14,
+ 'threads' : 1,
+ 'nodes' : 32,
+ 'cores/node' : 28,
+ 'ht_cores/node' : 28,
+ 'mem/core' : 2214,
+ 'mem/node' : 62000,
+ 'gpu/node' : 0
+ },
+ 'ifm' : ifm = {
+ 'MaxTime' : 'INFINITE',
+ 'DefaultTime' : 60,
+ 'info' : 'help',
+ 'Sockets' : 2,
+ 'cpu/socket' : 8,
+ 'threads' : 2,
+ 'nodes' : 1,
+ 'cores/node' : 16,
+ 'ht_cores/node' : 32,
+ 'mem/core' : 12000,
+ 'mem/node' : 384000,
+ 'gpu/node' : 1
+ },
+ 'hpdlf' : hpdlf = {
+ 'MaxTime' : 'INFINITE',
+ 'DefaultTime' : 60,
+ 'info' : 'help',
+ 'Sockets' : 2,
+ 'cpu/socket' : 6,
+ 'threads' : 1,
+ 'nodes' : 14,
+ 'cores/node' : 12,
+ 'ht_cores/node' : 12,
+ 'mem/core' : 7916,
+ 'mem/node' : 95000,
+ 'gpu/node' : 3
+ },
+ 'ml-all' : ml_all = {
+ 'MaxTime' : 'INFINITE',
+ 'DefaultTime' : 60,
+ 'info' : 'help',
+ 'Sockets' : 2,
+ 'cpu/socket' : 22,
+ 'threads' : 4,
+ 'nodes' : 32,
+ 'cores/node' : 44,
+ 'ht_cores/node' : 176,
+ 'mem/core' : 1443,
+ 'mem/node' : 254000,
+ 'gpu/node' : 6
+ },
+ 'ml' : ml = {
+ 'MaxTime' : 'INFINITE',
+ 'DefaultTime' : 60,
+ 'info' : 'help',
+ 'Sockets' : 2,
+ 'cpu/socket' : 22,
+ 'threads' : 4,
+ 'nodes' : 30,
+ 'cores/node' : 44,
+ 'ht_cores/node' : 176,
+ 'mem/core' : 1443,
+ 'mem/node' : 254000,
+ 'gpu/node' : 6
+ },
+ 'ml-interactive' : ml_interactive = {
+ 'MaxTime' : 480,
+ 'DefaultTime' : 10,
+ 'info' : 'help',
+ 'Sockets' : 2,
+ 'cpu/socket' : 22,
+ 'threads' : 4,
+ 'nodes' : 2,
+ 'cores/node' : 44,
+ 'ht_cores/node' : 176,
+ 'mem/core' : 1443,
+ 'mem/node' : 254000,
+ 'gpu/node' : 6
+ },
+ 'nvme' : nvme = {
+ 'MaxTime' : 'INFINITE',
+ 'DefaultTime' : 60,
+ 'info' : 'help',
+ 'Sockets' : 2,
+ 'cpu/socket' : 8,
+ 'threads' : 2,
+ 'nodes' : 90,
+ 'cores/node' : 16,
+ 'ht_cores/node' : 32,
+ 'mem/core' : 1875,
+ 'mem/node' : 60000,
+ 'gpu/node' : 0
+ },
+ 'datamover' : datamover = {
+ 'info' : 'help',
+ 'Sockets' : 2,
+ 'cpu/socket' : 8,
+ 'threads' : 1,
+ 'nodes' : 2,
+ 'cores/node' : 16,
+ 'ht_cores/node' : 16,
+ 'mem/core' : 3875,
+ 'mem/node' : 62000,
+ 'gpu/node' : 0
+ },
+ 'romeo' : romeo = {
+ 'MaxTime' : 'INFINITE',
+ 'DefaultTime' : 480,
+ 'info' : 'help',
+ 'Sockets' : 2,
+ 'cpu/socket' : 64,
+ 'threads' : 2,
+ 'nodes' : 190,
+ 'cores/node' : 128,
+ 'ht_cores/node' : 256,
+ 'mem/core' : 1972,
+ 'mem/node' : 505000,
+ 'gpu/node' : 0
+ },
+ 'romeo-interactive' : romeo_interactive = {
+ 'MaxTime' : 480,
+ 'DefaultTime' : 10,
+ 'info' : 'help',
+ 'Sockets' : 2,
+ 'cpu/socket' : 64,
+ 'threads' : 2,
+ 'nodes' : 2,
+ 'cores/node' : 128,
+ 'ht_cores/node' : 256,
+ 'mem/core' : 1972,
+ 'mem/node' : 505000,
+ 'gpu/node' : 0
+ },
+ 'julia' : julia = {
+ 'MaxTime' : 'INFINITE',
+ 'DefaultTime' : 480,
+ 'info' : 'help',
+ 'Sockets' : 32,
+ 'cpu/socket' : 28,
+ 'threads' : 1,
+ 'nodes' : 1,
+ 'cores/node' : 896,
+ 'ht_cores/node' : 896,
+ 'mem/core' : 54006,
+ 'mem/node' : 48390000,
+ 'gpu/node' : 0
+ },
+ 'alpha' : alpha = {
+ 'MaxTime' : 'INFINITE',
+ 'DefaultTime' : 480,
+ 'info' : 'help',
+ 'Sockets' : 2,
+ 'cpu/socket' : 24,
+ 'threads' : 2,
+ 'nodes' : 32,
+ 'cores/node' : 48,
+ 'ht_cores/node' : 96,
+ 'mem/core' : 10312,
+ 'mem/node' : 990000,
+ 'gpu/node' : 8
+ },
+ 'alpha-interactive' : alpha_interactive = {
+ 'MaxTime' : 'INFINITE',
+ 'DefaultTime' : 480,
+ 'info' : 'help',
+ 'Sockets' : 2,
+ 'cpu/socket' : 24,
+ 'threads' : 2,
+ 'nodes' : 2,
+ 'cores/node' : 48,
+ 'ht_cores/node' : 96,
+ 'mem/core' : 10312,
+ 'mem/node' : 990000,
+ 'gpu/node' : 8
+ },
+ 'htw-gpu' : htw_gpu = {
+ 'MaxTime' : 'INFINITE',
+ 'DefaultTime' : 480,
+ 'info' : 'help',
+ 'Sockets' : 2,
+ 'cpu/socket' : 24,
+ 'threads' : 2,
+ 'nodes' : 5,
+ 'cores/node' : 48,
+ 'ht_cores/node' : 96,
+ 'mem/core' : 10312,
+ 'mem/node' : 990000,
+ 'gpu/node' : 8
+ },
+ 'beaker-interactive' : beaker_interactive = {
+ 'MaxTime' : 480,
+ 'DefaultTime' : 10,
+ 'info' : 'help',
+ 'Sockets' : 2,
+ 'cpu/socket' : 16,
+ 'threads' : 2,
+ 'nodes' : 2,
+ 'cores/node' : 32,
+ 'ht_cores/node' : 64,
+ 'mem/core' : 7890,
+ 'mem/node' : 505000,
+ 'gpu/node' : 0
+ },
+ 'beaker' : beaker = {
+ 'MaxTime' : 'INFINITE',
+ 'DefaultTime' : 480,
+ 'info' : 'help',
+ 'Sockets' : 2,
+ 'cpu/socket' : 16,
+ 'threads' : 2,
+ 'nodes' : 114,
+ 'cores/node' : 32,
+ 'ht_cores/node' : 64,
+ 'mem/core' : 7890,
+ 'mem/node' : 505000,
+ 'gpu/node' : 0
+ }
+ };
+
+ // dictionary containing the limits for the different workspaces
+ const limitsWorkspace = {
+ 'scratch' : scratch = {
+ 'info' : 'help',
+ 'duration' : 100,
+ 'extensions' : 10
+ },
+ 'warm_archive' : warm_archive = {
+ 'info' : 'help',
+ 'duration' : 365,
+ 'extensions' : 2
+ },
+ 'ssd' : ssd = {
+ 'info' : 'help',
+ 'duration' : 30,
+ 'extensions' : 2
+ },
+ 'beegfs_global0' : beegfs_global0 = {
+ 'info' : 'help',
+ 'duration' : 30,
+ 'extensions' : 2
+ },
+ 'beegfs' : beegfs = {
+ 'info' : 'help',
+ 'duration' : 30,
+ 'extensions' : 2
+ }
+ };
+
+ // dictionary for the min and max values
+ var maxValues = {
+ 'nodes' : 0,
+ 'tasks' : 0,
+ 'tasks/node' : 0,
+ 'cpus' : 0,
+ 'gpus' : 0,
+ 'gpus/task' : 0,
+ 'mem' : 0,
+ 'duration': 0
+ }
+
+ /**
+ * Function to generate the output text
+ */
+ var generateOutput = function() {
+ let outputText = document.getElementById('output')
+ outputText.innerText = '#!/bin/bash\n';
+ if (document.getElementById('job-name').value !== '') {
+ outputText.innerText += '\n#SBATCH --job-name=\"'
+ + document.getElementById('job-name').value + '\"';
+ }
+ if (document.getElementById('array').value !== '') {
+ outputText.innerText += '\n#SBATCH --array='
+ + document.getElementById('array').value;
+ }
+ outputText.innerText += '\n#SBATCH --time='
+ + document.getElementById('time').value;
+ + limits[document.getElementById('partition').value]['DefaultTime']
+ outputText.innerText += '\n#SBATCH --partition='
+ + document.getElementById('partition').value;
+ if (document.getElementById('nodes').value !== '') {
+ outputText.innerText += '\n#SBATCH --nodes=' + document.getElementById('nodes').value;
+ }
+ if (document.getElementById('tasks').value !== '') {
+ outputText.innerText += '\n#SBATCH --ntasks='
+ + document.getElementById('tasks').value;
+ }
+ if (document.getElementById('tasks/node').value !== '' && document.getElementById('gpus').value !== '') {
+ outputText.innerText += '\n#SBATCH --ntasks-per-node='
+ + document.getElementById('tasks/node').value;
+ } else if (document.getElementById('tasks/node').value !== '') {
+ outputText.innerText += '\n#SBATCH --mincpus='
+ + document.getElementById('tasks/node').value;
+ }
+ if (document.getElementById('cpus').value !== '') {
+ outputText.innerText += '\n#SBATCH --cpus-per-task='
+ + document.getElementById('cpus').value;
+ }
+ if (document.getElementById('gpus').value !== '') {
+ outputText.innerText += '\n#SBATCH --gres=gpu:'
+ + document.getElementById('gpus').value;
+ }
+ if (document.getElementById('gpus/task').value !== '') {
+ outputText.innerText += '\n#SBATCH --gpus-per-task='
+ + document.getElementById('gpus/task').value;
+ }
+ if (document.getElementById('mem').value !== '') {
+ outputText.innerText += '\n#SBATCH --mem-per-cpu='
+ + document.getElementById('mem').value
+ + document.getElementById('byte').value;
+ }
+ if (document.getElementById('account').value !== '') {
+ outputText.innerText += '\n#SBATCH --account=\"'
+ + document.getElementById('account').value + '\"';
+ }
+ if (document.getElementById('mail').value !== '') {
+ outputText.innerText += '\n#SBATCH --mail-user='
+ + document.getElementById('mail').value;
+ if (document.getElementById('begin').checked === true) {
+ outputText.innerText += '\n#SBATCH --mail-type=BEGIN';
+ }
+ if (document.getElementById('end').checked === true) {
+ outputText.innerText += '\n#SBATCH --mail-type=END';
+ }
+ if (document.getElementById('fail').checked === true) {
+ outputText.innerText += '\n#SBATCH --mail-type=FAIL';
+ }
+ }
+ if (document.getElementById('output-file').value !== '') {
+ outputText.innerText += '\n#SBATCH --output='
+ + document.getElementById('output-file').value;
+ }
+ if (document.getElementById('error-file').value !== '') {
+ outputText.innerText += '\n#SBATCH --error='
+ + document.getElementById('error-file').value;
+ }
+ if (document.getElementById('exclusive').checked === true) {
+ outputText.innerText += '\n#SBATCH --exclusive';
+ }
+ if (document.getElementById('nomultithread').checked === true) {
+ outputText.innerText += '\n#SBATCH --hint=nomultithread';
+ }
+ if (document.getElementById('type-depend').value !== 'none') {
+ outputText.innerText += '\n#SBATCH --dependency='
+ + document.getElementById('type-depend').value
+ if (document.getElementById('type-depend').value !== 'singleton') {
+ outputText.innerText += ':' + document.getElementById('jobid').value
+ }
+ }
+
+ outputText.innerText += '\n\n# Setup computational environment, i.e, load desired modules';
+ outputText.innerText += '\n# module purge';
+ outputText.innerText += '\n# module load <module name>';
+ outputText.innerText += '\n\n';
+
+ if (document.getElementById('check-workspace').checked) {
+ outputText.innerText += '\n# Allocate workspace as working directory';
+ outputText.innerText += '\nWSNAME='
+ + document.getElementById('name').value + '_$SLURM_JOB_ID';
+ outputText.innerText += '\nexport WSDIR=$(ws_allocate -F '
+ + document.getElementById('workspace-filesystem').value
+ + ' -n $WSNAME -d '
+ + document.getElementById('duration').value
+ + ')';
+ outputText.innerText += '\necho "Workspace: $WSDIR"';
+
+ outputText.innerText += '\n# Check allocation';
+ outputText.innerText += '\n[ -z "$WSDIR" ] && echo "Error: Cannot allocate workspace $WSNAME" && exit 1';
+
+ outputText.innerText += '\n\n# Change to workspace';
+ outputText.innerText += '\ncd $WSDIR';
+ }
+
+ if (document.getElementById('executable').value !== '') {
+ outputText.innerText += '\n\n# Execute parallel application '
+ outputText.innerText += '\nsrun '
+ + document.getElementById('executable').value;
+ }
+
+ if (document.getElementById('check-workspace').checked && document.getElementById('check-delete').checked) {
+ outputText.innerText += '\n\n# Save your results!'
+ outputText.innerText += '\n# cp <results> <dest>'
+ outputText.innerText += '\n\n# Clean up workspace'
+ outputText.innerText += '\nif [ -d $WORK_SCRDIR ] && rm -rf $WSDIR/*';
+ outputText.innerText += '\nws_release -F '
+ + document.getElementById('workspace-filesystem').value
+ + ' $WSDIR';
+ }
+ }
+
+ /**
+ * Proof if all values are correct, if yes it prints the output, else it highlights incorrect values
+ */
+ var proofValues = function() {
+ let boolValues = true;
+ // proof values and set/unset warnings
+ // walltime
+ let reArray = /^(([0-9]{1,3})-)?([0-9]{2}):[0-9]{2}:[0-9]{2}$/;
+ if (!reArray.test(document.getElementById('time').value) && document.getElementById('time').value) {
+ document.getElementById('time').style.backgroundColor = 'red';
+ boolValues = false;
+ } else {
+ document.getElementById('time').style.backgroundColor = '';
+ }
+ // proof multiple fields
+ const fields = ['nodes', 'tasks', 'tasks/node', 'cpus', 'gpus', 'gpus/task', 'mem'];
+ if (document.getElementById('check-workspace').checked === true) {
+ fields.push('duration');
+ }
+ [].forEach.call(fields, function(field) {
+ let element = document.getElementById(field);
+ let elementText = document.getElementById(field + '-text');
+ let value = Number(document.getElementById(field).value);
+ let min = Number(document.getElementById(field).min);
+ let max = Number(maxValues[field]);
+ if (value >= min && value <= max || document.getElementById(field).value === '') {
+ element.style.backgroundColor = '';
+ elementText.style.display = 'none';
+ } else {
+ boolValues = false;
+ element.style.backgroundColor = 'rgb(255, 121, 121)';
+ elementText.style.display = 'inline';
+ }
+ })
+
+ if (boolValues === true) {
+ document.getElementById('output-text').style.display = 'none';
+ generateOutput();
+ } else {
+ document.getElementById('output-text').style.display = 'block';
+ }
+ }
+
+ // copy to clipboard
+ document.getElementById('copy-button').addEventListener('click', function () {
+ let code = document.getElementById('output');
+
+ // select the text
+ let range = document.createRange();
+ range.selectNodeContents(code);
+ let selection = window.getSelection();
+ selection.removeAllRanges();
+ selection.addRange(range);
+
+ // copy to clipboard
+ navigator.clipboard.writeText(code.innerText);
+
+ // remove selection
+ selection.removeAllRanges();
+ });
+
+ // save as file
+ document.getElementById('save-button').addEventListener('click', function () {
+ // create file informations
+ var file = new Blob([document.getElementById('output').innerText], {type: 'text/plain'});
+ // create url and link
+ var url = URL.createObjectURL(file);
+ var a = document.createElement('a');
+ a.href = url;
+ a.download = 'sbatchfile.sh';
+ document.body.appendChild(a);
+ // activate the link
+ a.click();
+ // remove link after some time
+ setTimeout(function() {
+ document.body.removeChild(a);
+ window.URL.revokeObjectURL(url);
+ }, 0);
+ });
+
+ // remove the error field, if checkbox is active
+ document.getElementById('one-output').addEventListener('change', function () {
+ if (document.getElementById('one-output').checked) {
+ document.getElementById('err-div').style.display = 'none';
+ document.getElementById('err-div').value = '';
+ } else {
+ document.getElementById('err-div').style.display = '';
+ }
+ });
+
+ // show workspace div, if checkbox is active
+ document.getElementById('check-workspace').addEventListener('change', function () {
+ let hidden = document.getElementsByClassName('row hidden');
+ [].forEach.call(hidden, function (row) {
+ if (document.getElementById('check-workspace').checked === true) {
+ row.style.cssText = 'display:flex !important';
+ } else {
+ row.style.cssText = 'display:none !important';
+ }
+ })
+ });
+
+ // input mask for array
+ document.getElementById('array').addEventListener('change', function () {
+ let reArray = /^[0-9]+(-[0-9]+)?(,[0-9]+(-[0-9]+)?)*(:[0-9]+)?(%[0-9]+)?$/;
+ if (!reArray.test(document.getElementById('array').value) && document.getElementById('array').value) {
+ document.getElementById('array').style.backgroundColor = 'red';
+ } else {
+ document.getElementById('array').style.backgroundColor = '';
+ }
+ });
+ // input mask for walltime
+ document.getElementById('time').addEventListener('change', function () {
+ let reArray = /^([0-9]{1,3}-)?[0-9]{2}:[0-9]{2}:[0-9]{2}$/;
+ if (!reArray.test(document.getElementById('time').value) && document.getElementById('time').value) {
+ document.getElementById('time').style.backgroundColor = 'red';
+ } else {
+ document.getElementById('time').style.backgroundColor = '';
+ setMinDuration()
+ }
+ });
+
+ /**
+ * Function to fill the information panel about the currently selected partition
+ */
+ var fillInfo = function() {
+ let panelText = document.getElementById('info-panel');
+ let partitionLimits = limits[document.getElementById('partition').value];
+
+ panelText.innerText = partitionLimits['info'];
+ panelText.innerText += '\nNodes: ' + partitionLimits['nodes'];
+ panelText.innerText += '\nCores per node: ' + partitionLimits['cores/node'];
+ panelText.innerText += '\nHyper threading: ' + partitionLimits['ht_cores/node'];
+ panelText.innerText += '\nRAM per core: ' + partitionLimits['mem/core'] + 'MB';
+ panelText.innerText += '\nRAM per node: ' + partitionLimits['mem/node'] + 'MB';
+ panelText.innerText += '\nGPUs per node: ' + partitionLimits['gpu/node'];
+ }
+
+ /**
+ * Function to fill the tooltip about the partitions
+ */
+ var fillTooltips = function() {
+ for (const [key, value] of Object.entries(limits)) {
+ let panelText = document.getElementById(key);
+ let partitionLimits = limits[key];
+
+ panelText.title = partitionLimits['info'];
+ panelText.title += '\nNodes: ' + partitionLimits['nodes'];
+ panelText.title += '\nCores per node: ' + partitionLimits['cores/node'];
+ panelText.title += '\nHyper threading: ' + partitionLimits['ht_cores/node'];
+ panelText.title += '\nRAM per core: ' + partitionLimits['mem/core'] + 'MB';
+ panelText.title += '\nRAM per node: ' + partitionLimits['mem/node'] + 'MB';
+ panelText.title += '\nGPUs per node: ' + partitionLimits['gpu/node'];
+ }
+ }
+
+ /**
+ * Function to fill the tooltip about the workspaces
+ */
+ var fillTooltipsWorkspace = function() {
+ for (const [key, value] of Object.entries(limitsWorkspace)) {
+ let panelText = document.getElementById(key);
+ let partitionLimits = limitsWorkspace[key];
+
+ panelText.title = partitionLimits['info'];
+ panelText.title += '\nDuration: ' + partitionLimits['duration'];
+ panelText.title += '\nExtensions: ' + partitionLimits['extensions'];
+ }
+ }
+
+ /**
+ * Function to fill the tooltip about limits of the field
+ *
+ * @param {string} field The id for the field to set the tooltip
+ */
+ var setTooltips = function(field) {
+ let panelText = document.getElementById(field);
+
+ panelText.title = 'Limits by current setting:';
+ panelText.title += '\nmin: ' + panelText.min;
+ panelText.title += '\nmax: ' + maxValues[field];
+ panelText.title += '\nEmpty the field if unneeded'
+
+ // set limit labels
+ let limitText = document.getElementById(field + '-text');
+ limitText.innerText = 'min: ' + panelText.min;
+ limitText.innerText += ' max: ' + maxValues[field];
+ }
+
+ /**
+ * Set the max for the tasks field
+ */
+ var setMaxTasks = function() {
+ // get partition limits from dictionary
+ let partitionLimits = limits[document.getElementById('partition').value];
+
+ let nodes = 0;
+ // set number of nodes
+ if (document.getElementById('nodes').value !== '') {
+ nodes = Number(document.getElementById('nodes').value);
+ } else {
+ nodes = maxValues['nodes'];
+ }
+
+ // set max for tasks
+ if (document.getElementById('nomultithread').checked === true) {
+ maxValues['tasks'] = nodes * partitionLimits['cores/node'];
+ } else {
+ maxValues['tasks'] = nodes * partitionLimits['ht_cores/node'];
+ }
+ if (document.getElementById('tasks/node').value !== '' && document.getElementById('nodes').value !== '') {
+ maxValues['tasks'] = Number(document.getElementById('tasks/node').value)
+ * Number(document.getElementById('nodes').value);
+ }
+
+ // tasks per node
+ if (document.getElementById('nomultithread').checked === true) {
+ maxValues['tasks/node'] = partitionLimits['cores/node'];
+ } else {
+ maxValues['tasks/node'] = partitionLimits['ht_cores/node'];
+ }
+ if (document.getElementById('gpus').value !== '' && document.getElementById('nodes').value !== '' && document.getElementById('tasks').value !== '') {
+ document.getElementById('tasks/node').min = Number(document.getElementById('tasks').value)
+ / Number(document.getElementById('nodes').value);
+ maxValues['tasks/node'] = Number(document.getElementById('tasks').value)
+ / Number(document.getElementById('nodes').value);
+ } else {
+ document.getElementById('tasks/node').min = 1;
+ }
+ setTooltips('tasks');
+ setTooltips('tasks/node');
+ }
+
+ /**
+ * Set the max for the cpus or gpus field
+ *
+ * @param {string} field The id for the field, for which the max has to be updated
+ */
+ var setMaxCpuGpu = function(field) {
+ // get partition limits from dictionary
+ let partitionLimits = limits[document.getElementById('partition').value];
+
+ // get the partition limit and base for the respective field
+ if (field === 'cpus') {
+ if (document.getElementById('nomultithread').checked === true) {
+ limit = 'cores/node';
+ } else {
+ limit = 'ht_cores/node';
+ }
+ } else if (field === 'gpus/task') {
+ limit = 'gpu/node';
+ }
+
+ // get value from base
+ let tasks = document.getElementById('tasks').value;
+ let tasksNode = document.getElementById('tasks/node').value;
+ // set number of nodes
+ let nodes = 0;
+ if (document.getElementById('nodes').value !== '') {
+ nodes = Number(document.getElementById('nodes').value);
+ } else {
+ nodes = maxValues['nodes'];
+ }
+
+ // set new max
+ let maxValue = [partitionLimits[limit]];
+ if (tasks !== '') {
+ maxValue.push(Math.floor(partitionLimits[limit] / Math.ceil(Number(tasks) / Number(nodes))));
+ }
+ if (tasksNode !== '') {
+ maxValue.push(Math.floor(partitionLimits[limit] / Number(document.getElementById('tasks/node').value)));
+ }
+ maxValues[field] = Math.min.apply(null, maxValue);
+
+ // set max for cpus if gpus are set
+ if (document.getElementById('gpus').value !== '' && document.getElementById('gpus').value !== '0' && field === 'cpus' && document.getElementById('exclusive').checked !== true) {
+ maxValues[field] = Math.floor(Number(document.getElementById('gpus').value) / partitionLimits['gpu/node'] * partitionLimits[limit]);
+ }
+ // set tooltips for new limits
+ setTooltips(field);
+ }
+
+ /**
+ * Set the max for the duration field
+ */
+ var setMaxDuration = function() {
+ // get partition limits from dictionary
+ let workspaceLimits = limitsWorkspace[document.getElementById('workspace-filesystem').value];
+ // set new max
+ maxValues['duration'] = workspaceLimits['duration'];
+ // set tooltips for new limits
+ setTooltips('duration');
+ }
+
+ /**
+ * Set the min for the duration field
+ */
+ var setMinDuration = function() {
+ // get days and hours from walltime
+ let reArray = /^(([0-9]{1,3})-)?([0-9]{2}):([0-9]{2}):([0-9]{2})$/;
+ let match = reArray.exec(document.getElementById('time').value);
+ // if days are defined or not
+ if (match[2]) {
+ document.getElementById('duration').min = Number(match[2]) + Math.ceil(Number(match[3]) / 24);
+ } else {
+ document.getElementById('duration').min = Math.ceil(Number(match[3]) / 24);
+ }
+ if ((Number(match[4]) !== 0 || Number(match[5]) !== 0) && Number(match[3]) % 24 === 0) {
+ document.getElementById('duration').min = Number(document.getElementById('duration').min) + 1;
+ }
+ // set tooltips for new limits
+ setTooltips('duration');
+ }
+
+ /**
+ * Update the value und max for CPU values
+ */
+ var memUpdate = function() {
+ // 0 limit if no cpus are selected
+ if (document.getElementById('cpus').value === '0' || document.getElementById('cpus').value === '') {
+ maxValues['mem'] = '0';
+ } else {
+ // get partition limits from dictionary
+ let partitionLimits = limits[document.getElementById('partition').value];
+ maxValues['mem'] = partitionLimits['mem/core'];
+ }
+ if (document.getElementById('nomultithread').checked === true) {
+ maxValues['mem'] *= 2;
+ }
+ if (document.getElementById('byte').value === 'G') {
+ maxValues['mem'] = Math.floor(maxValues['mem'] / 1024);
+ }
+ setTooltips('mem');
+ }
+
+ /**
+ * Update the value und max for CPU and GPU values
+ */
+ var cpugpuLimitChange = function() {
+ setMaxCpuGpu('cpus');
+ if (document.getElementById('div-gpu').style.display !== 'none') {
+ setMaxCpuGpu('gpus/task');
+ }
+ }
+
+ /**
+ * Function to trigger updates, if parttion was changed
+ */
+ var partitionLimitChange = function() {
+ // get partition limits from dictionary
+ let partitionLimits = limits[document.getElementById('partition').value];
+ // hide the GPU field, if partition do not have GPUs
+ if (partitionLimits['gpu/node'] === 0) {
+ document.getElementById('div-gpu').style.display = 'none';
+ document.getElementById('div-gpu/task').style.display = 'none';
+ document.getElementById('gpus').value = '';
+ document.getElementById('gpus/task').value = '';
+ } else {
+ document.getElementById('div-gpu').style.display = '';
+ document.getElementById('div-gpu/task').style.display = '';
+ }
+ // hide the multithreading field if it isnt supported
+ if (partitionLimits['cores/node'] === partitionLimits['ht_cores/node']) {
+ document.getElementById('div-thread').style.display = 'none';
+ document.getElementById('nomultithread').checked = false;
+ } else {
+ document.getElementById('div-thread').style.display = '';
+ }
+ // set new max for nodes
+ maxValues['nodes'] = partitionLimits['nodes'];
+ setTooltips('nodes');
+ // set max for gpus
+ maxValues['gpus'] = partitionLimits['gpu/node'];
+ setTooltips('gpus');
+ // update other values
+ setMaxTasks();
+ cpugpuLimitChange();
+ memUpdate();
+ }
+
+ // set up event listeners, if field change
+ document.getElementById('partition').addEventListener('change', partitionLimitChange);
+ document.getElementById('partition').addEventListener('change', fillInfo);
+ document.getElementById('tasks').addEventListener('change', cpugpuLimitChange);
+ document.getElementById('byte').addEventListener('change', memUpdate);
+ document.getElementById('nodes').addEventListener('change', cpugpuLimitChange);
+ document.getElementById('nodes').addEventListener('change', setMaxTasks);
+ document.getElementById('tasks').addEventListener('change', memUpdate);
+ document.getElementById('tasks').addEventListener('change', setMaxTasks);
+ document.getElementById('gpus').addEventListener('change', setMaxTasks);
+ document.getElementById('gpus').addEventListener('change', cpugpuLimitChange);
+ document.getElementById('tasks/node').addEventListener('change', setMaxTasks);
+ document.getElementById('tasks/node').addEventListener('change', cpugpuLimitChange);
+ document.getElementById('cpus').addEventListener('change', memUpdate);
+ document.getElementById('exclusive').addEventListener('change', memUpdate);
+ document.getElementById('exclusive').addEventListener('change', cpugpuLimitChange);
+ document.getElementById('nomultithread').addEventListener('change', partitionLimitChange);
+ document.getElementById('workspace-filesystem').addEventListener('change', setMaxDuration);
+
+ // hide jobid field if unneeded
+ document.getElementById('type-depend').addEventListener('change', function() {
+ if (document.getElementById('type-depend').value === 'none' ||
+ document.getElementById('type-depend').value === 'singleton') {
+ document.getElementById('jobid').style.cssText = 'display:none !important';
+ } else {
+ document.getElementById('jobid').style.cssText = 'display:inline !important';
+ }
+ });
+
+ document.getElementById('generate-button').addEventListener('click', proofValues);
+
+ // initialize webpage
+
+ // set up the collapsible fields
+ let colls = document.getElementsByClassName('collapsible');
+ [].forEach.call(colls, function (coll) {
+ // add event listeners
+ coll.addEventListener('click', function() {
+ this.classList.toggle('active');
+ let content = this.nextElementSibling;
+ if (content.style.display === 'block') {
+ content.style.display = 'none';
+ } else {
+ content.style.display = 'block';
+ }
+ });
+
+ // extended at beginning
+ let content = coll.nextElementSibling;
+ content.style.display = 'block';
+ coll.classList.toggle('active');
+ })
+
+ // set up of partition options
+ let select = document.getElementById('partition');
+
+ for (const [key, value] of Object.entries(limits)) {
+ let option = document.createElement('option');
+ option.id = key;
+ option.value = key;
+ option.innerText = key;
+ if (key === 'haswell64') {
+ option.selected = 'selected';
+ }
+ select.appendChild(option);
+ }
+
+ // set up of workspace options
+ select = document.getElementById('workspace-filesystem');
+
+ for (const [key, value] of Object.entries(limitsWorkspace)) {
+ let option = document.createElement('option');
+ option.id = key;
+ option.value = key;
+ option.innerText = key;
+ if (key === 'scratch') {
+ option.selected = 'selected';
+ }
+ select.appendChild(option);
+ }
+
+ // initialize UI
+ partitionLimitChange();
+ fillInfo();
+ fillTooltips();
+ fillTooltipsWorkspace();
+ setMaxDuration();
+ </script>
+ </body>
+</html>
diff --git a/doc.zih.tu-dresden.de/mkdocs.yml b/doc.zih.tu-dresden.de/mkdocs.yml
index 34e6df3346bb503aadd92b07ad46565b851a7912..4b5e8ce98aaceb5de896239347ce6b4adb264bc0 100644
--- a/doc.zih.tu-dresden.de/mkdocs.yml
+++ b/doc.zih.tu-dresden.de/mkdocs.yml
@@ -103,6 +103,7 @@ nav:
- Batch System Slurm: jobs_and_resources/slurm.md
- Job Examples: jobs_and_resources/slurm_examples.md
- Partitions and Limits : jobs_and_resources/partitions_and_limits.md
+ - Slurm Job Generator : jobs_and_resources/slurm_generator.md
- Checkpoint/Restart: jobs_and_resources/checkpoint_restart.md
- Job Profiling: jobs_and_resources/slurm_profiling.md
- Binding And Distribution Of Tasks: jobs_and_resources/binding_and_distribution_of_tasks.md
diff --git a/doc.zih.tu-dresden.de/tud_theme/stylesheets/extra.css b/doc.zih.tu-dresden.de/tud_theme/stylesheets/extra.css
index f5664bf72c87decc408c4369fba768e4a010bc3e..a925a9eca9af1acc5c6ea78eafab9836d0abee3b 100644
--- a/doc.zih.tu-dresden.de/tud_theme/stylesheets/extra.css
+++ b/doc.zih.tu-dresden.de/tud_theme/stylesheets/extra.css
@@ -252,3 +252,128 @@ p {
color: var(--tud-red-90);
}
+/* style for the slurm job generator */
+/* universal style */
+body {
+ margin: auto;
+ width: 90%;
+ }
+ img {
+ display: block;
+ }
+ pre {
+ background-color: lightgrey;
+ border-color: black;
+ border-width: 1pt;
+ }
+ .header {
+ background-color: #002557;
+ }
+ label.header {
+ color: white;
+ font-size: 40px;
+ margin: 15px;
+ }
+ .hidden {
+ display: none !important;
+ }
+ .info-img {
+ height: 20px;
+ width: 20px;
+ }
+ .info-pre {
+ display: flex;
+ padding: 5px;
+ }
+ .limits {
+ color: red;
+ display: none;
+ margin-left: 10px;
+ }
+ button.output {
+ padding: 8px;
+ background-color: rgba(231, 231, 231, 0.726);
+ border-color: rgba(124, 119, 119, 0.541);
+ border-radius: .25rem;
+ }
+ button.output:hover, button.output:focus {
+ background-color: #ddd;
+ }
+ div.output {
+ margin: 15px 0px;
+ }
+
+ /* tablelike layout */
+ .input {
+ display: block;
+ width: 70%;
+ }
+ .row {
+ align-items: center;
+ display: flex;
+ width: 100%;
+ }
+ .cell-name {
+ display: flex;
+ height: 25px;
+ justify-content: center;
+ align-items: center;
+ width: 125px;
+ }
+ .cell-tooltip {
+ align-items: center;
+ display: flex;
+ height: 25px;
+ justify-content: center;
+ width: 25px;
+ }
+ .cell-input {
+ display: flexbox;
+ vertical-align: middle;
+ }
+ .partition-input {
+ float: left;
+ width: 650px;
+ }
+ .partition-info {
+ display: flex;
+ float: left;
+ width: calc(30%);
+ }
+
+ /* collapsible */
+ .active {
+ background-color: #5a7094 !important;
+ }
+ .active:after {
+ content: "-" !important;
+ }
+ .collapsible {
+ background-color: #274275;
+ border: none;
+ color: #fff;
+ cursor: pointer;
+ font-size: 20px;
+ outline: none;
+ padding: 18px;
+ text-align: left;
+ width: 100%;
+ }
+ .collapsible:hover, .collapsible:focus {
+ text-decoration: underline;
+ }
+ .collapsible:after {
+ color: #fff;
+ content: '+';
+ float: right;
+ font-size: 20px;
+ font-weight:900;
+ margin-left: 5px;
+ }
+ .content {
+ background-color: #f1f1f1;
+ display: block;
+ overflow: hidden;
+ padding: 0 18px;
+ }
+