{% extends "base.html" %}

{% block title %}{{ stream_title }} PatchSets - ePortal{% if current_unit() %} [{{ current_unit().title }}]{% endif %}{% endblock %}

{% set sclass = {
    DeploymentStatus.UNDEPLOYED: 'undeployed',
    DeploymentStatus.NOT_DOWNLOADED: 'undeployed',
    DeploymentStatus.ENABLED: 'enabled',
    DeploymentStatus.DISABLED: 'disabled',
    DeploymentStatus.NOT_AVAILABLE: 'na',
    DeploymentStatus.BLOCKED: 'na',
    DeploymentStatus.WARNING: 'enabled warning'}
%}

{% block head_css %}
{{ super() }}
<link rel="stylesheet" href="{{ url_for('static', filename='eportal-css/dashboard.css') }}">
{% endblock %}

{% block body %}


<div id="dialog" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="dialog-title">
    <div class="modal-dialog dialog-styling">
        <div class="modal-content">
            <div class="modal-header">
                <h2 class="modal-title h5" id="dialog-title">Changelog</h2>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body modal-body-styling">
                {# A scrollable region needs a focus mechanism of its own:
                   only some engines put a scroller in the tab order, and the
                   dialog's name does not reach the stop inside it. #}
                <pre id="changelog" role="region" tabindex="0" aria-labelledby="dialog-title"></pre>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<div id="manage_dialog" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="manage_dialog-title">
    <div class="modal-dialog dialog-styling">
        <div class="modal-content">
            <div class="modal-header">
                <h2 class="modal-title h5" id="manage_dialog-title">Manage patchset</h2>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body modal-body-styling">
            </div>
        </div>
    </div>
</div>

{% if local %}
<div class="alert alert-warning">
    Patch source isn't configured! You can setup source <a href="{{ url_for('source_edit') }}">here</a> or deploy patchsets manually.
    See <a href="https://docs.kernelcare.com/kernelcare-enterprise/#script-to-deploy-release-from-a-file">documentation.</a>
</div>
{% endif %}

{% if deployment_status %}
<div class="alert alert-info" role="alert">{{ deployment_status }}</div>
{% endif %}

<div>
    <h1 class="h3">
        Available {{ stream_title }} PatchSets
        {% if is_kernel and enabled_distros %}
        <small>{{ enabled_distros | join(', ') }}</small>
        {% endif %}
    </h1>

    {% if (ps_products|length) > 1 %}
    <ul class="nav nav-tabs">
        {% for it in ps_products %}
        <li role="presentation" class="{{ 'active' if it == ps_product else ''}}">
          <a href="?ps_product={{it.value}}&stream={{ stream }}">{{ it.title }}</a>
        </li>
        {% endfor %}
    </ul>
    {% endif %}

    <div class="container">
        <div class="form-check">
            <input class="form-check-input col-md-1" type="checkbox" id="showUnvailableToggle">
            <label class="form-check-label col-md-3" for="showUnvailableToggle">Show unavailable patchsets</label>
        </div>
    </div>

    <div id="filterStatus" class="filter-status" role="status"></div>

    {# The grid is as wide as the feeds the portal has, so the page reflows by
       scrolling the table rather than itself. Focusable: a scroll container
       that only the mouse can reach is unusable from the keyboard. Named, or
       that stop announces as a group with nothing to say. #}
    <div class="table-responsive" role="region" tabindex="0" aria-labelledby="patchset-grid-caption">
    <table class="dashboard">
        <caption id="patchset-grid-caption" class="visually-hidden">Patchsets and their deployment state per feed</caption>
        <thead>
        <tr>
            <th scope="col">
                <select id="usageFilter" class="form-control" aria-label="Filter patchsets by usage">
                    <option disabled selected>Usage</option>
                    <option value="">All</option>
                    <option disabled>------</option>
                    <option value="used">Used</option>
                    <option value="unused">Unused</option>
                </select>
            </th>
            <th scope="col">
                <select id="distributionFilter" class="form-control" aria-label="Filter patchsets by distribution">
                    <option disabled selected>Distribution</option>
                    <option value="">All</option>
                    <option disabled>-------------------</option>
                </select>
            </th>
            <th scope="col">Patchsets</th>
            {% for feed in all_feeds %}
            <th scope="col" class="dashboard-feed-styling">
                {{ feed }}
                {%- if usage.feed.get(feed) %}
                <br><a href="{{ servers_url(filter_feeds=feed, filter_checkin_after=checkin_active_date) }}" class="scount">{{ usage.feed[feed] }}</a>
                {%- endif %}
            </th>
            {% endfor %}
            <th scope="col"><span class="visually-hidden">Actions</span></th>
        </tr>
        </thead>
        <tbody>
        {% for ps in patchsets %}
        <tr{% if ps in unavailable %} class="unavailable-ps" hidden{% endif %}>
            <td class="patchset text-center usage-col">
                {% if usage.release.get(ps) %}
                <a href="{{ servers_url(filter_patchset=ps, filter_checkin_after=none if userspace else checkin_active_date) }}">{{ usage.release[ps] }}</a>
                {% endif %}
            </td>
            {% set distro_list = ", ".join(distros[ps] | sort) or 'Unknown' %}
            <td class="distributions-col undeployed" data-distros="{{ distro_list }}"
                {%- if raw_flavors[ps] %} data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{ ", ".join(raw_flavors[ps]) }}"{% endif %}>
                {{ distro_list }}
                {%- if raw_flavors[ps] %}
                {# The `title` tooltip needs a hover; the cell cannot take focus. #}
                <span class="visually-hidden">Flavours: {{ ", ".join(raw_flavors[ps]) }}</span>
                {%- endif %}
            </td>
            <td class="patchset">
                <a href="#" class="patchsetLink" aria-haspopup="dialog" data-ps="{{ ps }}">{{ ps }}</a>
            </td>
            {% for feed in all_feeds %}
            {% set feed_status = status.get((feed, ps)) %}
            <td class="{{ sclass[feed_status] }}">
                {{ feed_status }}
                {%- if feed_status == DeploymentStatus.WARNING %}
                <br>Disabled on the patchserver
                {%- endif %}
                {% if usage.feed_release.get((feed, ps)) %}
                <br><a href="{{ servers_url(filter_patchset=ps, filter_feeds=feed, filter_checkin_after=checkin_active_date) }}">{{ usage.feed_release[(feed, ps)] }}</a>
                {% endif %}
            </td>
            {% endfor %}
            <td>
                {% if permitted(perms.DEPLOY) %}
                {% if ps in unmanageable %}
                <span class="btn btn-primary btn-sm disabled">Manage</span>
                {% else %}
                {# No role="button": it navigates, so it is a link. Claiming
                   otherwise promises a Space key an anchor does not honour. #}
                <a class="btn btn-primary btn-sm do-manage" data-patchset="{{ ps }}"
                   href="{{ url_for('deploy_settings', patchset=ps, stream=stream, ps_product=ps_product.value) }}">Manage</a>
                {% endif %}
                {% endif %}
            </td>
        </tr>
        {% endfor %}
        </tbody>
    </table>
    </div>
</div>
{% endblock -%}

{% block tail %}
    {{ super() }}
    <div id="changelog-url" class="hidden-elem" data-url="{{ url_for('patch_changelog', name='NAME') }}"></div>
    <script src="{{ url_for('static', filename='eportal-js/show_changelog_dashboard.js') }}"></script>
    <script src="{{ url_for('static', filename='eportal-js/dashboard_filters.js') }}"></script>
{% endblock %}