summaryrefslogtreecommitdiffstats
path: root/ogcp/templates/images.html
blob: c439e520b59038e2a7053563f7299a56b6009eea (plain)
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
{% extends 'base.html' %}

{% block nav_images %}active{% endblock %}

{% block container %}
    <form id="imagesForm">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
    </form>
    {{ super() }}
</form>

<script>
    // Launch the javascript on document ready, so all the global functions exists
    // in the scope
    document.addEventListener('readystatechange', () => {
        if (document.readyState === 'complete') {
            keepImagesTreeState();
            checkImageServer();
        }
    });
</script>
{% endblock %}

{% block sidebar %}
    <ul id="servers" class="nav ogcp-nav flex-column nav-pills">
        {% for response in responses %}
        {% set server_str = response["server"]["ip"] ~ ":" ~ response["server"]["port"] %}
        {% set parent_id = "repos-" ~ loop.index0 %}
                <li class="nav-item">
                <input class="form-check-input" type="checkbox" form="imagesForm"
                       id="{{ server_str }}" value="{{ server_str }}"
                       onclick="return false;" name="image-server" hidden/>
                <a class="nav-link" data-toggle="collapse" data-target="#repos-{{ loop.index0 }}">
                    <b>{{ response["server"]["name"] }}</b>
                </a>
                <ul id="{{ parent_id }}" class="nav flex-column nav-pills collapse">
                    {% for repo, repo_data in response["repos"].items() %}
                        <li class="nav-item">
                        <a class="nav-link" data-toggle="collapse" data-target="#{{parent_id}}-{{ loop.index0 }}">
                            <b>{{ repo_data["name"] }}</b>
                        </a>
                        <ul id="{{parent_id}}-{{ loop.index0 }}" class="nav ogcp-nav flex-column nav-pills collapse">
                            {% for image in repo_data["images"] %}
                                <li id="{{ image["name"] }}_{{ image["id"] }}" class="nav-item">
                                    <input class="form-check-input" type="checkbox" form="imagesForm"
                                        data-server="{{ server_str }}" value="{{ image["id"] }}"
                                        {% if image.get("selected", False) %}checked{% endif %}
                                        name="{{ image["name"] }}_{{ image["id"] }}" />
                                     {{ image["name"] }}
                                </li>
                            {% endfor %}
                        </ul>
                    {% endfor %}
                </ul>
            </li>
        {% endfor %}
    </ul>
{% endblock %}

{% block commands %}
  <input class="btn btn-light" type="submit" value="{{ _('Image details') }}"
         form="imagesForm" formaction="{{ url_for('action_image_info') }}" formmethod="get">
  <input class="btn btn-light" type="submit" value="{{ _('List images') }}"
         form="imagesForm" formaction="{{ url_for('action_image_list') }}" formmethod="get">
{% if current_user.admin %}
  <input class="btn btn-light" type="submit" value="{{ _('Delete image') }}"
         form="imagesForm" formaction="{{ url_for('action_image_delete') }}" formmethod="get">
{% endif %}
  {% if btn_back %}
    <button class="btn btn-danger ml-3" type="button" id="backButton" onclick="history.back()">
      {{ _("Back") }}
    </button>
  {% endif %}
{% endblock %}