Skip to content
Snippets Groups Projects
Commit 91b990ac authored by Dung Vu's avatar Dung Vu
Browse files

Update my_spawner.html

parent 6c753952
No related branches found
No related tags found
No related merge requests found
Pipeline #46999 passed
Stage: test
Hide whitespace changes
Inline Side-by-side
extraFiles/my_spawner.html
+ 26
− 89
View file @ 91b990ac
......@@ -14,15 +14,15 @@ output {
<div class="text-center" style="width: 100%; text-align: center">
<details open>
<summary>
<p style="font-size: 150%; text-align: left; TEXT-DECORATION: underline">Advanced Options </p>
<p style="font-size: 150%; text-align: left">Advanced Options </p>
</summary>
<p>Click the slider to adjust values; once clicked arrow keys can be used</p>
<div style="margin-right: 20%; margin-left: 20%;">
<p>
<label for="gpus">GPUs </label> max 6
<label for="gpus">GPUs </label> max 4
<br/>
<input type="range" name="gpus" value="0" min="0" max="6" oninput="this.nextElementSibling.value = this.value"/>
<input type="range" name="gpus" value="0" min="0" max="4" oninput="this.nextElementSibling.value = this.value"/>
<output> default 0 </output>
</p>
......@@ -31,32 +31,24 @@ output {
<br/>
<select name="gputype" style="display: inline">
<option value="" selected="selected">Any</option>
<option value="NVIDIA-GeForce-GTX-1080">NVIDIA-GeForce-GTX-1080-8GB</option>
<option value="NVIDIA-GeForce-GTX-1080-Ti">NVIDIA-GeForce-GTX-1080-Ti-12GB</option>
<option value="NVIDIA-GeForce-RTX-2080-Ti">NVIDIA-GeForce-RTX-2080-Ti-12GB</option>
<option value="NVIDIA-GeForce-RTX-3090">NVIDIA-GeForce-RTX-3090-24GB</option>
<option value="NVIDIA-GeForce-GTX-1080">NVIDIA-GeForce-GTX-1080</option>
<option value="NVIDIA-GeForce-GTX-1080-Ti">NVIDIA-GeForce-GTX-1080-Ti</option>
<option value="NVIDIA-GeForce-RTX-2080-Ti">NVIDIA-GeForce-RTX-2080-Ti</option>
<option value="NVIDIA-GeForce-RTX-3090">NVIDIA-GeForce-RTX-3090</option>
<option value="NVIDIA-A10">NVIDIA-A10 Tensorcore</option>
<option value="NVIDIA-L40">NVIDIA-L40-48GB</option>
<option value="NVIDIA-RTX-A4000">NVIDIA RTX A4000-16GB</option>
<option value="NVIDIA-RTX-A5000">NVIDIA RTX A5000-24GB</option>
<option value="NVIDIA-RTX-A6000">NVIDIA RTX A6000-48GB</option>
<option value="NVIDIA-A100-PCIE-40GB-MIG-2g.10gb">NVIDIA-A100-PCIE-40GB-MIG-2g.10gb</option>
<option value="NVIDIA-A100-SXM4-80GB">NVIDIA-A100-SXM4-80GB</option>
<option value="NVIDIA-A100-80GB-PCIe">NVIDIA-A100-PCIe-80GB</option>
</select>
</p>
<div id="gpu-note">
<span style="color: tomato"><i>Tips:</i></span>
<i>If you do not need any specific GPU type, select Any. If you need RTX-A4000, A5000, A6000, or A100, select them specifically, Otherwise, They will not be selected, even available</i>
</div>
<p> &nbsp </p>
<p>
<label for="cores">Cores </label> max 128
<br/>
<input type="range" name="cores" value="4" min="4" max="128" step="4" oninput="this.nextElementSibling.value = this.value"/>
<output> default 4 </output>
<input type="range" name="cores" value="8" min="4" max="128" step="4" oninput="this.nextElementSibling.value = this.value"/>
<output> default 8 </output>
</p>
<p> &nbsp </p>
......@@ -64,82 +56,27 @@ output {
<p>
<label for="ram">RAM, GB </label> max 256
<br/>
<input type="range" name="ram" value="16" min="8" max="512" step="16" oninput="this.nextElementSibling.value = this.value"/>
<input type="range" name="ram" value="16" min="16" max="256" step="8" oninput="this.nextElementSibling.value = this.value"/>
<output> default 16 </output>
</p>
<!-- <label for="cephfscourse">Test course shared PVC </label>
<input style="display: inline" type="checkbox" name="cephfscourse"> -->
<p>
<label for="shared">Use Shared Directory</label>
<input style="display: inline" type="checkbox" name="shared" checked/>
<br/>
</p>
</p>
</div>
</details>
</div>
<br/>
<div class='form-group' id='kubespawner-profiles-list'>
<label style="font-size: 150%; font-weight: normal;">Image</label>
{%- for profile in profile_list %}
{#- Wrap everything in a label tag so clicking anywhere selects the option #}
<label for="profile-item-{{ profile.slug }}"
class="profile js-profile-label">
<div class="radio">
<input type="radio"
name="profile"
id="profile-item-{{ profile.slug }}"
value="{{ profile.slug }}"
{% if profile.default %}checked{% endif %} />
</div>
<div>
<h3>{{ profile.display_name }}</h3>
{%- if profile.description %}<p>{{ profile.description }}</p>{%- endif %}
{%- if profile.profile_options %}
<div>
{%- for k, option in profile.profile_options.items() %}
<div class="js-options-container">
<div class="option">
<label for="profile-option-{{ profile.slug }}--{{ k }}"
class="js-profile-option-label">{{ option.display_name }}</label>
<select name="profile-option-{{ profile.slug }}--{{ k }}"
class="form-control js-profile-option-select">
{%- for k, choice in option['choices'].items() %}
<option value="{{ k }}" {% if choice.default %}selected{% endif %}>{{ choice.display_name }}</option>
{%- endfor %}
{%- if option['unlisted_choice']['enabled'] %}
<option value="unlisted-choice">{{ option['unlisted_choice']['display_name_in_choices'] }}</option>
{%- endif %}
</select>
</div>
{%- if option['unlisted_choice']['enabled'] %}
<div class="option hidden js-other-input-container">
<label for="profile-option-{{ profile.slug }}--{{ k }}--unlisted-choice">
{{ option['unlisted_choice']['display_name'] }}
</label>
<input data-name="profile-option-{{ profile.slug }}--{{ k }}--unlisted-choice"
{%- if option['unlisted_choice']['validation_regex'] %}
pattern="{{ option['unlisted_choice']['validation_regex'] }}"
{%- endif %}
title="{{ option['unlisted_choice']['validation_message'] }}"
class="form-control js-other-input" />
</div>
{%- endif %}
</div>
{%- endfor %}
</div>
{%- endif %}
</div>
</label>
{%- endfor %}
<div id="note:">
<span style="color: tomato"><i>Important Note:</i></span>
<i>When this server is longer needed, or if you want to launch a different stack, please stop it as follows:</i>
<span style="color:SlateBlue;"><i>Go to File > Hub Control Panel > Stop Server<i></span>
{% for profile in profile_list %}
<label style="font-weight: normal;" for='profile-item-{{ loop.index0 }}' class='form-control input-group'>
<div class='col-md-1'>
<input type='radio' name='profile' id='profile-item-{{ loop.index0 }}' value='{{ loop.index0 }}' {% if profile.default %}checked{% endif %} />
</div>
<div class='col-md-11'>
<strong>{{ profile.display_name }}</strong>
{% if profile.description %}
<p>{{ profile.description }}</p>
{% endif %}
</div>
</label>
{% endfor %}
</div>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment