260 lines
11 KiB
HTML
260 lines
11 KiB
HTML
{% extends "layouts/base.html" %}
|
|
{% load i18n %}
|
|
{% load static %}
|
|
|
|
{% block title %}{% trans "Import Job Status" %} - PX360{% endblock %}
|
|
|
|
{% block extra_css %}
|
|
<style>
|
|
.progress-ring {
|
|
width: 120px;
|
|
height: 120px;
|
|
}
|
|
.progress-ring-circle {
|
|
transition: stroke-dashoffset 0.35s;
|
|
transform: rotate(-90deg);
|
|
transform-origin: 50% 50%;
|
|
}
|
|
</style>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="container-fluid">
|
|
<!-- Header -->
|
|
<div class="d-flex justify-content-between align-items-center mb-4">
|
|
<div>
|
|
<h2 class="mb-1">
|
|
<i class="bi bi-activity text-primary me-2"></i>
|
|
{% trans "Import Job Status" %}
|
|
</h2>
|
|
<p class="text-muted mb-0">{{ job.name }}</p>
|
|
</div>
|
|
<div>
|
|
<a href="{% url 'physicians:doctor_rating_job_list' %}" class="btn btn-outline-secondary">
|
|
<i class="bi bi-list me-2"></i>{% trans "All Jobs" %}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Status Card -->
|
|
<div class="row mb-4">
|
|
<div class="col-md-4">
|
|
<div class="card text-center">
|
|
<div class="card-body">
|
|
<!-- Progress Circle -->
|
|
<div class="position-relative d-inline-block mb-3">
|
|
<svg class="progress-ring" viewBox="0 0 120 120">
|
|
<circle
|
|
class="progress-ring-circle"
|
|
stroke="#e9ecef"
|
|
stroke-width="8"
|
|
fill="transparent"
|
|
r="52"
|
|
cx="60"
|
|
cy="60"
|
|
/>
|
|
<circle
|
|
class="progress-ring-circle"
|
|
stroke="{% if job.status == 'completed' %}#28a745{% elif job.status == 'failed' %}#dc3545{% elif job.status == 'partial' %}#ffc107{% else %}#007bbd{% endif %}"
|
|
stroke-width="8"
|
|
fill="transparent"
|
|
r="52"
|
|
cx="60"
|
|
cy="60"
|
|
stroke-dasharray="326.73"
|
|
stroke-dashoffset="{{ 326.73|add:-progress|div:100|mul:326.73 }}"
|
|
stroke-linecap="round"
|
|
/>
|
|
</svg>
|
|
<div class="position-absolute top-50 start-50 translate-middle">
|
|
<h3 class="mb-0">{{ progress }}%</h3>
|
|
</div>
|
|
</div>
|
|
|
|
<h5 class="mb-2">
|
|
{% if job.status == 'pending' %}
|
|
<span class="badge bg-secondary">{% trans "Pending" %}</span>
|
|
{% elif job.status == 'processing' %}
|
|
<span class="badge bg-primary">{% trans "Processing" %}</span>
|
|
{% elif job.status == 'completed' %}
|
|
<span class="badge bg-success">{% trans "Completed" %}</span>
|
|
{% elif job.status == 'failed' %}
|
|
<span class="badge bg-danger">{% trans "Failed" %}</span>
|
|
{% elif job.status == 'partial' %}
|
|
<span class="badge bg-warning text-dark">{% trans "Partial Success" %}</span>
|
|
{% endif %}
|
|
</h5>
|
|
|
|
{% if not is_complete %}
|
|
<div class="spinner-border text-primary" role="status">
|
|
<span class="visually-hidden">{% trans "Processing..." %}</span>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-8">
|
|
<div class="card h-100">
|
|
<div class="card-header bg-white">
|
|
<h5 class="mb-0">{% trans "Job Details" %}</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<table class="table table-borderless table-sm">
|
|
<tr>
|
|
<td class="text-muted">{% trans "Hospital:" %}</td>
|
|
<td><strong>{{ job.hospital.name }}</strong></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-muted">{% trans "Source:" %}</td>
|
|
<td>{{ job.get_source_display }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-muted">{% trans "Total Records:" %}</td>
|
|
<td><strong>{{ job.total_records }}</strong></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-muted">{% trans "Created By:" %}</td>
|
|
<td>{{ job.created_by.get_full_name|default:job.created_by.email }}</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<table class="table table-borderless table-sm">
|
|
<tr>
|
|
<td class="text-muted">{% trans "Created:" %}</td>
|
|
<td>{{ job.created_at|date:"Y-m-d H:i" }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-muted">{% trans "Started:" %}</td>
|
|
<td>{{ job.started_at|date:"Y-m-d H:i"|default:"-" }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-muted">{% trans "Completed:" %}</td>
|
|
<td>{{ job.completed_at|date:"Y-m-d H:i"|default:"-" }}</td>
|
|
</tr>
|
|
{% if job.duration_seconds %}
|
|
<tr>
|
|
<td class="text-muted">{% trans "Duration:" %}</td>
|
|
<td>{{ job.duration_seconds }} {% trans "seconds" %}</td>
|
|
</tr>
|
|
{% endif %}
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Results Summary -->
|
|
{% if is_complete %}
|
|
<div class="row mb-4">
|
|
<div class="col-md-3">
|
|
<div class="card border-left-success">
|
|
<div class="card-body text-center">
|
|
<h2 class="text-success mb-1">{{ job.success_count }}</h2>
|
|
<span class="text-muted">{% trans "Successful" %}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="card border-left-danger">
|
|
<div class="card-body text-center">
|
|
<h2 class="text-danger mb-1">{{ job.failed_count }}</h2>
|
|
<span class="text-muted">{% trans "Failed" %}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="card border-left-warning">
|
|
<div class="card-body text-center">
|
|
<h2 class="text-warning mb-1">{{ job.skipped_count }}</h2>
|
|
<span class="text-muted">{% trans "Skipped" %}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="card border-left-info">
|
|
<div class="card-body text-center">
|
|
<h2 class="text-info mb-1">{{ job.processed_count }}</h2>
|
|
<span class="text-muted">{% trans "Processed" %}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<!-- Error Message -->
|
|
{% if job.error_message %}
|
|
<div class="alert alert-danger mb-4">
|
|
<h6 class="alert-heading">
|
|
<i class="bi bi-exclamation-triangle me-2"></i>{% trans "Error" %}
|
|
</h6>
|
|
<p class="mb-0">{{ job.error_message }}</p>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<!-- Detailed Results -->
|
|
{% if results and results.errors %}
|
|
<div class="card">
|
|
<div class="card-header bg-white">
|
|
<h5 class="mb-0">
|
|
<i class="bi bi-list-ul me-2"></i>{% trans "Error Details" %}
|
|
</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="table-responsive" style="max-height: 400px;">
|
|
<table class="table table-sm">
|
|
<thead>
|
|
<tr>
|
|
<th>{% trans "Row" %}</th>
|
|
<th>{% trans "Error" %}</th>
|
|
<th>{% trans "Data" %}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for error in results.errors|slice:":50" %}
|
|
<tr>
|
|
<td>{{ error.row }}</td>
|
|
<td class="text-danger">{{ error.message }}</td>
|
|
<td><code class="small">{{ error.data|truncatechars:50 }}</code></td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{% if results.errors|length > 50 %}
|
|
<p class="text-muted small mt-2">
|
|
{% trans "Showing first 50 errors of" %} {{ results.errors|length }}
|
|
</p>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<!-- Navigation -->
|
|
<div class="mt-4">
|
|
<a href="{% url 'physicians:doctor_rating_import' %}" class="btn btn-primary">
|
|
<i class="bi bi-plus-circle me-2"></i>{% trans "Import More Ratings" %}
|
|
</a>
|
|
<a href="{% url 'physicians:individual_ratings_list' %}" class="btn btn-outline-secondary">
|
|
<i class="bi bi-list me-2"></i>{% trans "View Imported Ratings" %}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block extra_js %}
|
|
{% if not is_complete %}
|
|
<script>
|
|
// Auto-refresh page every 3 seconds while job is processing
|
|
setTimeout(function() {
|
|
window.location.reload();
|
|
}, 3000);
|
|
</script>
|
|
{% endif %}
|
|
{% endblock %}
|