gitar

{% extends "website/base.djhtml" %}

{% load i18n %}

{% load humanize %}

{% load static %}

{% block title %}{{ repository_name }} | Gitar{% endblock title %}

{% block stylesheets %}

    {{ block.super }}

    <link rel="stylesheet" type="text/css" href="/static/website/syntax.css" />

    <link rel="stylesheet" type="text/css" href="/static/gitar/css/file.css" />

    <style>

    table.highlight {

        border-collapse: collapse;

    }

    table.highlight tr {

        line-height: 1em;

    }

    tr.deletion {

        background-color: rgba(255, 0, 0, .1);

    }

    tr.addition {

        background-color: rgba(0, 255, 0, .1);

    }

    details summary {

        /* Okay this makes the button stretch but whatever, it's better

           than trying to fight the tables */

        display: block;

    }

    section {

        overflow-x: scroll;

    }

    .symbol {

        text-align: right;

        /*font-weight: bolder;*/

    /* These vendor prefixes are still necessary, yeah...*/

    }

    .line-number {

        text-align: right;

        width: 3em;

        -moz-user-select: none;

        -webkit-user-select: none;

        -ms-user-select: none;

      user-select: none;

    }

    .line-number a {

        color: grey;

    }

    details span.opened {

        display: none;

    }

    details[open] span.opened {

         display: inline;

    }

    details[open] span.closed {

         display: none;

    }

    </style>

{% endblock stylesheets %}

{% block description %}

{{ repository_name }} {{ commit.hash|truncatechars:10 }}: {{ commit.msg }}

{% endblock description %}

{% block header %}

<header>

    <label for="nav-drawer-toggle">≡</label>

    <h1>{{ repository_name }}</h1>  

</header>

{% endblock header %}

{% block nav %}

<input id="nav-drawer-toggle" type="checkbox" />

<nav>

    <label for="nav-drawer-toggle">🡠</label>

    <h2>{{ repository_name }}</h2>

    <a class="nav-link" href="{% url 'gitar-index' %}">Gitar | Index</a>

    <a class="nav-link" href="{% url 'gitar-repository' repository_name %}">{{ repository_name }} | Index</a>

    <a class="nav-link" href="{% url 'about-index' %}">{% translate "Front page" %}</a>

    <hr class="half">

    {% for mod_file in modified_files %}

        <a class="nav-link" href="#{{ mod_file.path }}">{{ mod_file.path }}</a>

    {% endfor %}

</nav>

{% endblock nav %}

{% block main %}

<section class="emphasis">

    <h2>{{ first_line }}</h2>

    <p>{{ other_lines|safe }}</p>

    <dl>

        <dt>{% translate "Author" %}</dt>

        <dd>{{ commit.author.name }}</dd>

        <dt>{% translate "Date" %}</dt>

        <dd>{{ commit.committer_date|date:"DATETIME_FORMAT" }}</dd>

        <dt>{% translate "Hash" %}</dt>

        <dd><samp>{{ commit.hash }}</samp></dd>

        {% if commit.parents|length_is:"1" %}

        <dt>{% translate "Parent" %}</dt>

        {% else %}

        <dt>{% translate "Parents" %}</dt>

        {% endif %}

        {% for parent in commit.parents %}

        <dd><samp><a href="{% url "gitar-commit" repository_name parent %}">

        {{ parent }}

        </a></samp</dd>

        {% endfor %}

        {% if modified_files|length_is:"1" %}

        <dt>{% translate "Modified file" %}</dt>

        {% else %}

        <dt>{% translate "Modified files" %}</dt>

        {% endif %}

        {% for mod_file in modified_files %}

        <dd><a href="#{{ mod_file.path }}">{{ mod_file.path }}</a></dd>

        {% endfor %}

        {#<dt>{% translate "Child" %}</dt>#}

        {# <dd>{{ commit.author_date|date:"DATETIME_FORMAT" }}</dd>#}

        {# Gonna leave the email out for now, don't like email scrapers #}

        {# <dt>{% translate "E-mail" %}</dt> #}

        {# <dl>{{ commit.author.email }}</dl> #}

    </dl>

</section>

{% for mod_file in modified_files %}

<section>

    <h3 id="{{ mod_file.path }}">{{ mod_file.path }} <a href="#{{ mod_file.path }}">¶</a></h3>

        <p>

            {{ mod_file.object.added_lines }}

            {% blocktranslate count counter=mod_file.object.added_lines %}

            addition

            {% plural %}

            additions

            {% endblocktranslate %}

            {% translate "and" %}

            {{ mod_file.object.deleted_lines }}

            {% blocktranslate count counter=mod_file.object.deleted_lines %}

            deletion.

            {% plural %}

            deletions.

            {% endblocktranslate %}

        </p>

        {% if mod_file.methods_available %}

        {% endif %}

    <details open>

        <summary class="ripple"><span class="closed"> {% translate "View changes" %}</span><span class="opened"> {% translate "Hide changes" %}</span>

        </summary>

        <table class="highlight" style="font-family: 'Fira Code', monospace;">

        {% for row in mod_file.rows %}

        {% if row.type == "deletion" %}

        <tr class="deletion">

            <td id="{{ mod_file.path }}-A{{ row.old_num }}" class="line-number">

                <a href="#{{ mod_file.path }}-A{{ row.old_num }}" class="accent-on-hover-only"><pre>{{ row.old_num }}</pre>

            </a></td>

            <td class="line-number symbol">-</td>

        {% elif row.type == "addition" %}

        <tr class="addition">

            <td class="line-number symbol">+</td>

            <td id="{{ mod_file.path }}-B{{ row.new_num }}" class="line-number">

                <a href="#{{ mod_file.path }}-B{{ row.new_num }}" class="accent-on-hover-only"><pre>{{ row.new_num }}</pre>

            </a></td>

        {% else %}

        <tr class="nochange">

            <td id="{{ mod_file.path }}-A{{ row.old_num }}" class="line-number">

                <a href="#{{ mod_file.path }}-A{{ row.old_num }}" class="accent-on-hover-only"><pre>{{ row.old_num }}</pre>

            <td id="{{ mod_file.path }}-B{{ row.new_num }}" class="line-number">

                <a href="#{{ mod_file.path }}-B{{ row.new_num }}" class="accent-on-hover-only"><pre>{{ row.new_num }}</pre>

            </a></td>

        {% endif %}

            <td style="padding-left: 1em;"><pre>{{ row.line|safe }}</pre></td>

        </tr>

        {% endfor %}

        </table>

    </details>

</section>

{% endfor %}

{% endblock main %}