haproxy-wi/app/templates/include/mon_installation.html

    <table>
        {% if page == 'users.py' %}
        <caption><h3>Installing Grafana and Prometheus servers</h3></caption>
        <tr class="overviewHead">
            <td class="padding10 first-collumn">Current installation</td>
            <td class="padding10 first-collumn" style="width: 40%;">Available Versions</td>
            <td class="padding10 first-collumn" style="width: 30%;">Note</td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td id="cur_grafana_ver" class="padding10 first-collumn">
                {% if grafana == "active" %}
                Grafana and Prometheus servers have already installed
                {% else %}
                There are no Grafana and Prometheus servers
                {% endif %}
            </td>
            <td class="padding10 first-collumn" style="width: 20%;">
                Roxy-WI will try to install the latest Grafana and Prometheus servers versions
            </td>
            <td class="padding10 first-collumn">
                Before installing any exporters, first install Grafana and Prometheus servers
            </td>
            <td></td>
            <td>
                {% if grafana != "active" %}
                <span class="ui-button ui-widget ui-corner-all" id="grafna_install" title="Install Grafana and Prometheus server">Install</span>
                {% endif %}
            </td>
        </tr>
    </table>
    {% endif %}
    <table>
        <caption><h3>Install HAProxy Exporter</h3></caption>
        <tr class="overviewHead">
            <td class="padding10 first-collumn">Current installation</td>
            <td class="padding10 first-collumn" style="width: 40%;">Available Versions</td>
            <td class="padding10 first-collumn" style="width: 30%;">Server</td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td id="cur_haproxy_exp_ver" class="padding10 first-collumn">
            </td>
            <td class="padding10 first-collumn" style="width: 20%;">
                Roxy-WI will try to install the latest HAProxy Exporter version
            </td>
            <td class="padding10 first-collumn">
                <select autofocus required name="haproxy_exp_addserv" id="haproxy_exp_addserv">
                    <option disabled selected>------</option>
                    {% for select in servers %}
                    <option value="{{ select.2 }}">{{ select.1 }}</option>
                    {% endfor %}
                </select>
            </td>
            <td>
            </td>
            <td>
                <span class="ui-button ui-widget ui-corner-all" id="haproxy_exp_install" title="Install HAProxy Exporter">Install</span>
            </td>
        </tr>
    </table>
    <table>
        <caption><h3>Install Nginx Exporter</h3></caption>
        <tr class="overviewHead">
            <td class="padding10 first-collumn">Current installation</td>
            <td class="padding10 first-collumn" style="width: 40%;">Available Versions</td>
            <td class="padding10 first-collumn" style="width: 30%;">Server</td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td id="cur_nginx_exp_ver" class="padding10 first-collumn">
            </td>
            <td class="padding10 first-collumn" style="width: 20%;">
                Roxy-WI will try to install the latest Nginx Exporter version
            </td>
            <td class="padding10 first-collumn">
                <select autofocus required name="nginx_exp_addserv" id="nginx_exp_addserv">
                    <option disabled selected>------</option>
                    {% for select in servers %}
                    <option value="{{ select.2 }}">{{ select.1 }}</option>
                    {% endfor %}
                </select>
            </td>
            <td>
            </td>
            <td>
                <span class="ui-button ui-widget ui-corner-all" id="nginx_exp_install" title="Install Nginx Exporter">Install</span>
            </td>
        </tr>
    </table>
    <table style="margin-top: 20px">
        <caption><h3>Install Node Exporter</h3></caption>
        <tr class="overviewHead">
            <td class="padding10 first-collumn">Current installation</td>
            <td class="padding10 first-collumn" style="width: 40%;">Available Versions</td>
            <td class="padding10 first-collumn" style="width: 30%;">Server</td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td id="cur_node_exp_ver" class="padding10 first-collumn">
            </td>
            <td class="padding10 first-collumn" style="width: 20%;">
                Roxy-WI will try to install the latest Node Exporter version
            </td>
            <td class="padding10 first-collumn">
                <select autofocus required name="node_exp_addserv" id="node_exp_addserv">
                    <option disabled selected>------</option>
                    {% for select in servers %}
                    <option value="{{ select.2 }}">{{ select.1 }}</option>
                    {% endfor %}
                </select>
            </td>
            <td>
            </td>
            <td>
                <span class="ui-button ui-widget ui-corner-all" id="node_exp_install" title="Install Node Exporter">Install</span>
            </td>
        </tr>
    </table>
    <div id="ajaxmon"></div>