bepinbuilds/src/templates/project_view.html

{% extends "base.html" %}

{%block head%}
<link rel="stylesheet" href="{{ url_for('static', filename='style/fontello/css/fontello.css') }}"" />
</script>
{%endblock%}

{%block title%}{{selected_project.info.name}}{%endblock%}

{%block content%}

<div class="content">
    <div class="readme">
        {%- if readme %}
        {{readme|safe}}
        {%-else%}
        <h1>{{selected_project.info.name}}</h1>
        <p>
            Here you can find artifacts for project &quot;{{selected_project.info.name}}&quot;
        </p>
        {%-endif%}
    </div>
</div>


<h1 class="is-size-2">Artifacts</h1>
<hr class="content-divider" />
{%-for artifact in artifacts %}
<div class="artifact-item">
    <div class="artifact-details">
        <div class="artifact-id">
            <p class="is-size-5">#{{artifact.id}}</p>
        </div>
        <div class="artifact-info">
            <div class="artifact-info-content" style="align-items: center">
                <p>Build date: <span class="build-date">{{artifact.date}}</span></p>
                <div class="dropdown-button">
                    <span class="icon-down-open"></span>
                </div>
            </div>
        </div>
    </div>
    <div class="artifact-contents">
        <div class="column content">
            <h2>Downloads</h2>

            <div>
                <table class="table is-hoverable is-striped is-bordered is-narrow">
                    <thead>
                        <tr>
                            <th>Artifact</th>
                            <th>Description</th>
                        </tr>
                    </thead>
                    <tbody>
                        {%-for download_item in artifact.artifacts%}
                        <tr>
                            <td class="min-size"><a class="button is-link button-scale"
                                    style="width: {{download_item.width * 0.5}}em;"
                                    href="{{ url_for('download_item', project_id=selected_project.id, artifact_id=artifact.id, download_item=download_item.file)}}">{{download_item.file}}</a>
                            </td>
                            <td>{{download_item.description}}</td>
                        </tr>
                        {%-endfor%}
                    </tbody>
                </table>
            </div>
            {%- if artifact.changelog %}
            <h2>Changelog</h2>
            <p>
                {{artifact.changelog|safe}}
            </p>
            {%- endif %}
        </div>
    </div>

</div>
{%-endfor%}

<script>
    function init() {
        let dates = document.querySelectorAll("span.build-date");

        for (let date of dates) {
            date.textContent = new Date(date.textContent).toLocaleString();
        }

        let artifacts = document.querySelectorAll("div.artifact-item");
        for (let artifact of artifacts) {
            let contents = artifact.querySelector(".artifact-contents");
            if (!contents || !(contents instanceof HTMLElement))
                continue;
            artifact.addEventListener("click", e => {
                if(e.target instanceof HTMLElement && e.target.nodeName.toUpperCase() == "A")
                    return;
                e.preventDefault();
                if (contents.classList.contains("contents-visible"))
                    contents.classList.remove("contents-visible");
                else
                    contents.classList.add("contents-visible");
            });
        }
    }
    init();
</script>
{%endblock%}