jupyter/spawner
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add resources form

Browse source
This commit is contained in:
Benoît Seignovert 2024-01-30 18:30:31 +01:00
parent d60ea89761
commit 2678801d93
Signed by: Benoît Seignovert
GPG key ID: F5D8895227D18A0B
4 changed files with 127 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

66
src/glicid_spawner/templates/interactive.html
View file

@ -1,8 +1,8 @@
<div class="form-horizontal">
<div class="form-group">
<label for="username" class="col-sm-3 control-label">Username:</label>
<label class="col-sm-3 control-label">Username:</label>
<div class="col-sm-9">
<input class="form-control" name="username" type="text" placeholder="{{username}}" disabled>
<div class="form-control-static">{{ username }}</div>
</div>
</div>
<div class="form-group">
@ -10,9 +10,69 @@
<div class="col-sm-9">
<select class="form-control" name="python-env">
{%- for pyenv in python_envs -%}
<option value="{{pyenv.path}}">{{pyenv.name}} ({{pyenv.scope | upper}})</option>
<option value="{{ pyenv.path }}">{{ pyenv.name }} ({{ pyenv.scope | upper }})</option>
{% endfor -%}
</select>
</div>
</div>
<div class="form-group">
<label for="cpu" class="col-sm-3 control-label">CPU:</label>
<div class="col-sm-9">
{%- for cpu in cpu_available -%}
<label class="radio-inline">
<input type="radio" name="cpu"
value="cpu-{{loop.index0}}"
data-max-duration="{{cpu.max_duration}}"
{%- if loop.first -%}checked{%- endif -%}
> {{ cpu.description }}
</label>
{% endfor -%}
</div>
</div>
<div class="form-group">
<label for="ram" class="col-sm-3 control-label">Memory:</label>
<div class="col-sm-9">
{%- for ram in ram_available -%}
<label class="radio-inline">
<input type="radio" name="ram"
value="ram-{{loop.index0}}"
data-max-duration="{{ram.max_duration}}"
{%- if loop.first -%}checked{%- endif -%}
> {{ ram.description }} GB
</label>
{% endfor -%}
</div>
</div>
<div class="form-group">
<label for="gpu" class="col-sm-3 control-label">GPU:</label>
<div class="col-sm-9">
{%- for gpu in gpu_available -%}
<label class="radio-inline">
<input type="radio" name="gpu"
value="gpu-{{loop.index0}}"
data-max-duration="{{gpu.max_duration}}"
{%- if loop.first -%}checked{%- endif -%}
> {{ gpu.description }}
</label>
{% endfor -%}
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Session duration:</label>
<div class="col-sm-9">
<div class="form-control-static"><span id="time-max-duration">24</span> h</div>
</div>
</div>
</div>
<script>
var $reservations_dropdown = $("#time-max-duration");
$('input[type=radio]').change(function() {
var cpu = $('input[name=cpu]:checked').data('max-duration');
var ram = $('input[name=ram]:checked').data('max-duration');
var gpu = $('input[name=gpu]:checked').data('max-duration');
$reservations_dropdown.text(Math.min(cpu, ram, gpu));
})
</script>