summaryrefslogtreecommitdiffstats
path: root/ogcp/templates/actions/mode.html
blob: c765f4b954197dd13eab5dc9bce57bfb7edbbb64 (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
{% extends 'commands.html' %}
{% import "bootstrap/wtf.html" as wtf %}
{% import "macros.html" as macros %}

{% set sidebar_state = 'disabled' %}
{% set btn_back = true %}

{% block nav_setup %} active{% endblock %}
{% block nav_setup_set_bootmode %} active{% endblock %}
{% block content %}

{% set ip_list = form.ips.data.split(' ') %}
{% set ip_count = ip_list | length %}
<h1 class="m-5">
  {{ _('Changing boot mode of %(ip_count)d computer(s)', ip_count=ip_count) }}
</h1>

{{ macros.cmd_selected_clients(selected_clients) }}
</br>

{% if modes_set|length > 1 %}
    <p>Selected clients have different boot modes set</p>

    <table class="table table-hover">
    <thead class="thead-light">
	<tr>
	    <th>Boot mode</th>
	    <th>Clients</th>
	</tr>
    </thead>
    <tbody class="text-left">
    {% for mode, clients in modes_set.items() %}
	<tr>
	    <th>{{mode}}</th>
	    <td>
	    {% for client in clients %}
	    {{client}}
	    {% endfor %}
	    </td>
	</tr>
    {% endfor %}
    </tbody>
    </table>
{% endif %}

{{ wtf.quick_form(form,
                  action=url_for('action_mode'),
                  method='post',
                  button_map={'ok': 'primary'},
                  extra_classes="m-5") }}

<!-- jQuery -->
<script src="{{ url_for('static', filename='AdminLTE/plugins/jquery/jquery.min.js') }}"></script>
<script>
    var modesSet = {{ modes_set|tojson|safe }};
    // Update pill data
    $('.badge-pill').each(function(index) {
      for (const mode in modesSet) {
        for (const clientName of modesSet[mode]) {
            console.log(mode, clientName, $(this).html())
            if ($(this).html().includes(clientName)) {
              $(this).html($(this).html() + '<br>mode: ' + mode);
              break;
            }
        }
      }
    });
</script>

{% endblock %}