list_jobs.html

{% extends 'base.html' %}
{% load static %}

{% block style %}
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="{% static 'css/atom-one-dark.css' %}">
<link rel="stylesheet" href="{% static 'css/bootstrap.css' %}">
<link rel="stylesheet" href="{% static 'css/font-awesome.min.css' %}">
<link rel="stylesheet" href="{% static 'css/style.css' %}">
{% endblock %}

{% block title %}
<title>Job</title>
{% endblock %}

{% block content %}
{% csrf_token %}
<div class="loading">
    <div class="loading-content"><i class="fa fa-refresh fa-spin"></i></div>
</div>
<div class="container-fluid container-max">
    <!-- START: Table pending -->
    <div class="table-item">
        <div class="table-header">
            <div class="table-title">Pending</div>
            {% if user.is_authenticated %}
                <a href="{% url 'new_job' %}" class="table-button btn btn-primary">New Job</a>
            {% endif %}
        </div>
        <div class="table-wrap">
            <table data-table="pending" class="table table-sm table-custom">
                <thead class="thead-inverse">
                <th>Job</th>
                <th>Spider</th>
                <th>Created date</th>
                <th>Status</th>
                <th style="width: 250px">Actions</th>
                </thead>
                <tbody>
                <!-- Line 1 -->
                {% for i in jobs.pending %}
                <tr id="{{ i.pk }}">
                    <td data-col="job">{{ i.name }}</td>
                    <td data-col="spider">{{ i.spider }}</td>
                    <td data-col="created-date">{{ i.create_time|date:"d.m.Y" }} {{ i.create_time|time:"H:i" }}</td>
                    <td data-col="status" class="text-success">{{ i.status }}</td>
                    <td data-col="action">
                        {% if user.is_authenticated %}
                        <button class="btn btn-sm btn-primary" data-loading="loading" data-action="run"
                                data-loading-text="Running..." data-text="Run">Run
                        </button>
                        <button class="btn btn-sm btn-danger" data-action="delete" data-loading-text="Deleting..."
                                data-text="Delete">Delete
                        </button>
                        <a class="btn btn-sm btn-secondary" href="{% url 'edit_job' i.id %}" >
                            <i class="fa fa-cog" aria-hidden="true"></i>
                        </a>
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
    <!-- END: Table pending -->
    <!-- START: Table Running -->
    <div class="table-item">
        <div class="table-header">
            <div class="table-title">Running</div>
        </div>
        <div class="table-wrap">
            <table data-table="running" class="table table-sm table-custom">
                <thead class="thead-inverse">
                <th>Job</th>
                <th>Spider</th>
                <th>Created date</th>
                <th>Start date</th>
                <th>Status</th>
                <th>Log</th>
                <th style="width: 250px">Actions</th>
                </thead>
                <tbody>
                <!-- Line 1 -->
                {% for i in jobs.running %}
                <tr id="{{ i.pk }}">
                    <td data-col="job">{{ i.name }}</td>
                    <td data-col="spider">{{ i.spider }}</td>
                    <td data-col="created-date">{{ i.create_time|date:"d.m.Y" }} {{ i.create_time|time:"H:i" }}</td>
                    <td data-col="start-date">{{ i.start_time|date:"d.m.Y" }} {{ i.start_time|time:"H:i"}}</td>
                    <td data-col="status" class="text-success">{{ i.status }}</td>
                    <td data-col="log">
                        <a class="btn btn-sm btn-secondary" href="?action=log&id={{ i.pk }}">Get log</a>
                    </td>
                    <td data-col="action">
                        {% if user.is_authenticated %}
                        <button class="btn btn-sm btn-primary" data-action="cancel" data-loading-text="Cancelling..."
                                data-text="Cancel">Cancel
                        </button>
                        <button class="btn btn-sm btn-danger" data-action="delete" data-loading-text="Deleting..."
                                data-text="Delete">Delete
                        </button>
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
    <!-- END: Table Running -->
    <!-- START: Table Finished -->
    <div class="table-item">
        <div class="table-header">
            <div class="table-title">Finished</div>

        </div>
        <div class="table-wrap">
            <table data-table="finished" class="table table-sm table-custom">
                <thead class="thead-inverse">
                <th>Job</th>
                <th>Spider</th>
                <th>Created date</th>
                <th>Started date</th>
                <th>Finished date</th>
                <th>Status</th>
                <th>Log</th>
                <th style="width: 250px">Actions</th>
                </thead>
                <tbody>
                <!-- Line 1 -->
                {% for i in jobs.finished %}
                <tr id="{{ i.pk }}">
                    <td data-col="job">{{ i.name }}</td>
                    <td data-col="spider">{{ i.spider }}</td>
                    <td data-col="created-date">{{ i.create_time|date:"d.m.Y" }} {{ i.create_time|time:"H:i" }}</td>
                    <td data-col="start-date">{{ i.start_time|date:"d.m.Y" }} {{ i.start_time|time:"H:i"}}</td>
                    <td data-col="finished-date">{{ i.end_time|date:"d.m.Y" }} {{ i.end_time|time:"H:i" }}</td>
                    <td data-col="status" class="text-success">{{ i.status }}</td>
                    <td data-col="log">
                        <a class="btn btn-sm btn-secondary" href="?action=log&id={{ i.pk }}">Get log</a>
                    </td>
                    <td data-col="action">
                        {% if user.is_authenticated %}
                        <button class="btn btn-sm btn-primary" data-action="restart" data-loading-text="Restarting..."
                                data-text="Restart">Restart
                        </button>
                        <button class="btn btn-sm btn-danger" data-action="delete" data-loading-text="Deleting..."
                                data-text="Delete">Delete
                        </button>
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
    <!-- END: Table finished -->
    <!-- START: Table deleted -->
    <div class="table-item">
        <div class="table-header">
            <div class="table-title">Deleted</div>
        </div>
        <div class="table-wrap">
            <table data-table="deleted" class="table table-sm table-custom">
                <thead class="thead-inverse">
                <th>Job</th>
                <th>Spider</th>
                <th>Created date</th>
                <th>Started date</th>
                <th style="width: 200px;">Finished date</th>
                <th>Status</th>
                <th>Log</th>
                <th style="width: 250px">Actions</th>
                </thead>
                <tbody>
                <!-- Line 1 -->
                {% for i in jobs.deleted %}
                <tr id="{{ i.pk }}">
                    <td data-col="job">{{ i.name }}</td>
                    <td data-col="spider">{{ i.spider }}</td>
                    <td data-col="created-date">{{ i.create_time|date:"d.m.Y" }} {{ i.create_time|time:"H:i" }}</td>
                    <td data-col="start-date">{{ i.start_time|date:"d.m.Y" }} {{ i.start_time|time:"H:i"}}</td>
                    <td data-col="finished-date">{{ i.end_time|date:"d.m.Y" }} {{ i.end_time|time:"H:i" }}</td>
                    <td data-col="status" class="text-success">{{ i.status }}</td>
                    <td data-col="log">
                        <a class="btn btn-sm btn-secondary" href="?action=log&id={{ i.pk }}">Get log</a>
                    </td>
                    <td data-col="action">
                        {% if user.is_authenticated %}
                        <button class="btn btn-sm btn-success" data-action='activate' data-loading-text="Activating..."
                                data-text="Activate">Activate
                        </button>
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
    <!-- END: Table deleted -->
    <div class="modal" id="log-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
         aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-body">
                    <button type="button" class="close modal-close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <pre><code class="js">

</code></pre>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block script %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"
        integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb"
        crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.16.2/axios.min.js"></script>
<script src="{% static 'js/highlight.pack.js' %}"></script>
<script src="{% static 'js/dateformat.js' %}"></script>
<script src="{% static 'js/tables.js' %}"></script>
{% endblock %}