moviewyrm/bookwyrm/templates/import/import_status.html

{% extends 'layout.html' %}
{% load i18n %}
{% load humanize %}
{% load static %}

{% block title %}{% trans "Import Status" %}{% endblock %}

{% block content %}{% spaceless %}
<header class="block">
    <h1 class="title">
        {% block page_title %}
        {% if job.retry %}
            {% trans "Retry Status" %}
        {% else %}
            {% trans "Import Status" %}
        {% endif %}
        {% endblock %}
    </h1>

    <nav class="breadcrumb subtitle" aria-label="breadcrumbs">
        <ul>
            <li><a href="{% url 'import' %}">{% trans "Imports" %}</a></li>
            {% url 'import-status' job.id as path %}
            <li{% if request.path in path %} class="is-active"{% endif %}>
                <a href="{{ path }}" {% if request.path in path %}aria-current="page"{% endif %}>
                    {% if job.retry %}
                    {% trans "Retry Status" %}
                    {% else %}
                    {% trans "Import Status" %}
                    {% endif %}
                </a>
            </li>
            {% block breadcrumbs %}{% endblock %}
        </ul>
    </nav>

    <div class="block">
        <dl>
            <dt class="is-pulled-left mr-5">{% trans "Import started:" %}</dt>
            <dd>{{ job.created_date | naturaltime }}</dd>
        </dl>
    </div>

    {% if not complete %}
    <div class="box is-processing">
        <div class="block">
            <span class="icon icon-spinner is-pulled-left" aria-hidden="true"></span>
            <span>{% trans "In progress" %}</span>
            <span class="is-pulled-right">
                <a href="" class="button is-small">{% trans "Refresh" %}</a>
            </span>
        </div>
        <div class="is-flex">
            <progress class="progress is-success is-medium mr-2" value="{{ percent }}" max="100">{{ percent }}%</progress>
            <span>{{ percent }}%</span>
        </div>
    </div>
    {% endif %}

    {% if manual_review_count %}
    <div class="notification">
        {% blocktrans trimmed count counter=manual_review_count with display_counter=manual_review_count|intcomma %}
            {{ display_counter }} item needs manual approval.
            {% plural %}
            {{ display_counter }} items need manual approval.
        {% endblocktrans %}
        <a href="{% url 'import-review' job.id %}">{% trans "Review items" %}</a>
    </div>
    {% endif %}

    {% if complete and fail_count and not job.retry %}
    <div class="notification is-warning">
        {% blocktrans trimmed count counter=fail_count with display_counter=fail_count|intcomma %}
            {{ display_counter }} item failed to import.
            {% plural %}
            {{ display_counter }} items failed to import.
        {% endblocktrans %}
        <a href="{% url 'import-troubleshoot' job.id %}">
            {% trans "View and troubleshoot failed items" %}
        </a>
    </div>
    {% endif %}
</header>

<div class="block">
    {% block actions %}{% endblock %}
    <div class="table-container">
        <table class="table is-striped">
            <tr>
                <th>
                    {% trans "Row" %}
                </th>
                <th>
                    {% trans "Title" %}
                </th>
                <th>
                    {% trans "ISBN" %}
                </th>
                <th>
                    {% trans "Author" %}
                </th>
                <th>
                    {% trans "Shelf" %}
                </th>
                <th>
                    {% trans "Review" %}
                </th>
                {% block import_cols_headers %}
                <th>
                    {% trans "Book" %}
                </th>
                <th>
                    {% trans "Status" %}
                </th>
                {% endblock %}
            </tr>
            {% for item in items %}
            <tr>
                {% block index_col %}
                <td>
                    {{ item.index }}
                </td>
                {% endblock %}
                <td>
                    {{ item.normalized_data.title }}
                </td>
                <td>
                    {{ item.isbn|default:'' }}
                </td>
                <td>
                    {{ item.normalized_data.authors }}
                </td>
                <td>
                    {{ item.normalized_data.shelf }}
                </td>
                <td>
                    {% if item.rating %}
                    <p>{% include 'snippets/stars.html' with rating=item.rating %}</p>
                    {% endif %}
                    {% if item.review %}
                    <p>{{ item.review|truncatechars:100 }}</p>
                    {% endif %}
                    {% if item.linked_review %}
                    <a href="{{ item.linked_review.remote_id }}" target="_blank">{% trans "View imported review" %}</a>
                    {% endif %}
                </td>
                {% block import_cols %}
                <td>
                    {% if item.book %}
                    <a href="{{ item.book.local_path }}">
                    {% include 'snippets/book_cover.html' with book=item.book cover_class='is-h-s' size='small' %}
                    </a>
                    {% endif %}
                </td>
                <td>
                    {% if item.book %}
                    <span class="icon icon-check" aria-hidden="true"></span>
                    <span class="is-sr-only-mobile">{% trans "Imported" %}</span>

                    {% elif item.fail_reason %}
                    <span class="icon icon-x has-text-danger" aria-hidden="true"></span>
                    <span class="is-sr-only-mobile">
                        {% if item.book_guess %}
                        {% trans "Needs manual review" %}
                        {% else %}
                        {{ item.fail_reason }}
                        {% endif %}
                    </span>
                    {% else %}
                    <span class="icon icon-dots-three" aria-hidden="true"></span>
                    <span class="is-sr-only-mobile">{% trans "Pending" %}</span>
                    {% endif %}
                </td>
                {% endblock %}
            </tr>
            {% block action_row %}{% endblock %}
            {% endfor %}
        </table>
    </div>
</div>

<div>
    {% include 'snippets/pagination.html' with page=items %}
</div>
{% endspaceless %}{% endblock %}

{% block scripts %}
<script src="{% static "js/check_all.js" %}?v={{ js_cache }}"></script>
{% endblock %}