728 lines
34 KiB
HTML
Executable File
728 lines
34 KiB
HTML
Executable File
{% extends "mnfapp/base.html" %} {% load static %} {% block content %}
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Admin Dashboard</title>
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/js/bootstrap.bundle.min.js"></script>
|
|
<!-- jQuery library -->
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|
<!-- Latest compiled JavaScript -->
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
|
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css">
|
|
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
|
|
<script src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('#example4').DataTable({
|
|
"pagingType": "full_numbers"
|
|
});
|
|
});
|
|
|
|
function deleteRow(btn) {
|
|
var row = btn.parentNode.parentNode;
|
|
row.parentNode.removeChild(row);
|
|
}
|
|
|
|
// ///////////////
|
|
$(".button").on("click", function() {
|
|
$('input:checked').not('.all').parents("tr").remove();
|
|
});
|
|
$('.all').on('click', function() {
|
|
var $inputs = $('table').find('input');
|
|
$inputs.prop('checked', 'checked');
|
|
});
|
|
</script>
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('#example1').DataTable({
|
|
"pagingType": "full_numbers"
|
|
});
|
|
});
|
|
|
|
function deleteRow(btn) {
|
|
var row = btn.parentNode.parentNode;
|
|
row.parentNode.removeChild(row);
|
|
}
|
|
|
|
// ///////////////
|
|
$(".button").on("click", function() {
|
|
$('input:checked').not('.all').parents("tr").remove();
|
|
});
|
|
$('.all').on('click', function() {
|
|
var $inputs = $('table').find('input');
|
|
$inputs.prop('checked', 'checked');
|
|
});
|
|
</script>
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('#example2').DataTable({
|
|
"pagingType": "full_numbers"
|
|
});
|
|
});
|
|
|
|
function deleteRow(btn) {
|
|
var row = btn.parentNode.parentNode;
|
|
row.parentNode.removeChild(row);
|
|
}
|
|
|
|
// ///////////////
|
|
$(".button").on("click", function() {
|
|
$('input:checked').not('.all').parents("tr").remove();
|
|
});
|
|
$('.all').on('click', function() {
|
|
var $inputs = $('table').find('input');
|
|
$inputs.prop('checked', 'checked');
|
|
});
|
|
</script>
|
|
<script>
|
|
//table action reason and option
|
|
function change(ele) {
|
|
var reason = ele.parentElement.nextElementSibling;
|
|
console.log(ele.value);
|
|
switch (ele.value) {
|
|
case "Decline":
|
|
reason.innerHTML = `<select name="reasontype" id="reasontype" onchange="change2(this)" >
|
|
<option value="none">none</option>
|
|
<option value=" Wrong language pair assigned"> Wrong language pair assigned</option>
|
|
<option value="unavailable">unavailable</option>
|
|
<option value=" problem with file"> problem with file</option>
|
|
<option value="other">other</option>
|
|
</select>
|
|
`;
|
|
break;
|
|
|
|
case "Cancel":
|
|
reason.innerHTML = `
|
|
<select name="reasontype" id="reasontype" onchange="change2(this)" >
|
|
<option value="none">none</option>
|
|
<option value="other">other</option>
|
|
</select>
|
|
`;
|
|
break;
|
|
default:
|
|
reason.innerHTML = "";
|
|
}
|
|
ele.parentElement.nextElementSibling.nextElementSibling.innerHTML = "";
|
|
}
|
|
|
|
function change2(ele) {
|
|
if (ele.value == "other") {
|
|
ele.parentElement.nextElementSibling.innerHTML =
|
|
"<textarea style= 'height: 25px;'> </textarea>";
|
|
} else {
|
|
ele.parentElement.nextElementSibling.innerHTML = "";
|
|
}
|
|
}
|
|
</script>
|
|
<script>
|
|
function populate_details(user_rating,user_rating2, user_rating3, user_comment, user_comment2, user_comment3){
|
|
|
|
var rating = document.getElementById("rating_user10")
|
|
var rating2 = document.getElementById("rating_user20")
|
|
var rating3 = document.getElementById("rating_user30")
|
|
var feedback = document.getElementById("feedback_user10")
|
|
var feedback2 = document.getElementById("feedback_user20")
|
|
var feedback3 = document.getElementById("feedback_user30")
|
|
|
|
if(user_comment){
|
|
feedback.value = user_comment
|
|
}
|
|
else{
|
|
feedback.value = "No feedback given by user yet!"
|
|
}
|
|
if(user_comment2){
|
|
feedback2.value = user_comment2
|
|
}
|
|
else{
|
|
feedback2.value = "No feedback given by user yet!"
|
|
}
|
|
if(user_comment3){
|
|
feedback3.value = user_comment3
|
|
}
|
|
else{
|
|
feedback3.value = "No feedback given by user yet!"
|
|
}
|
|
if(user_rating != 0){
|
|
rating.value = user_rating + " star"
|
|
}
|
|
else{
|
|
rating.value = "No rating given by user yet!"
|
|
}
|
|
if(user_rating2 != 0){
|
|
rating2.value = user_rating2 + " star"
|
|
}
|
|
else{
|
|
rating2.value = "No rating given by user yet!"
|
|
}
|
|
if(user_rating3 != 0){
|
|
rating3.value = user_rating3 + " star"
|
|
}
|
|
else{
|
|
rating3.value = "No rating given by user yet!"
|
|
}
|
|
}
|
|
</script>
|
|
<script>
|
|
function clean_details(){
|
|
var rating = document.getElementById("rating_user10")
|
|
var rating2 = document.getElementById("rating_user20")
|
|
var rating3 = document.getElementById("rating_user30")
|
|
var feedback = document.getElementById("feedback_user10")
|
|
var feedback2 = document.getElementById("feedback_user20")
|
|
var feedback3 = document.getElementById("feedback_user30")
|
|
|
|
rating.value = ""
|
|
rating2.value = ""
|
|
rating3.value = ""
|
|
feedback.value = ""
|
|
feedback2.value = ""
|
|
feedback3.value = ""
|
|
}
|
|
</script>
|
|
<script>
|
|
window.addEventListener('load', function() {
|
|
document.getElementById("close-popup").addEventListener("click", function() {
|
|
document.querySelector(".popup-wrapper").style.display = "none";
|
|
});
|
|
});
|
|
</script>
|
|
<script>
|
|
function manual_assign_admin(task_id){
|
|
$.ajax({
|
|
type:"POST",
|
|
url:"{% url 'manually_assign_admin' %}",
|
|
data:{
|
|
'task_id': task_id,
|
|
csrfmiddlewaretoken:$('input[name=csrfmiddlewaretoken').val()
|
|
},
|
|
success:function(response){
|
|
lpp_list = response['lpp_list']
|
|
|
|
// Get a reference to the table element
|
|
var table = document.getElementById("myTable");
|
|
for (var i = table.rows.length - 1; i > 0; i--) {
|
|
table.deleteRow(i);
|
|
}
|
|
if (lpp_list.length === 0){
|
|
var row = table.insertRow();
|
|
var cell1 = row.insertCell(0);
|
|
cell1.innerHTML = "<b style='color:#f01313'>No LPP's Available to Select</b>";
|
|
cell1.setAttribute("colspan", "2");
|
|
}else{
|
|
for (let i = 0; i < lpp_list.length; i++) {
|
|
id = lpp_list[i][1]
|
|
// Create a new row element
|
|
var row = table.insertRow();
|
|
|
|
// Insert new cells into the row
|
|
var cell1 = row.insertCell(0);
|
|
var cell2 = row.insertCell(1);
|
|
|
|
// Set the content of each cell
|
|
cell1.innerHTML = lpp_list[i][0];
|
|
cell2.innerHTML = "<button class='btn btn-success mx-3' onclick=\"manual_assign_lpp('" + id + "','" + task_id + "');this.disabled=true;\">Assign it</button>";
|
|
}
|
|
}
|
|
document.querySelector(".popup-wrapper").style.display = "block";
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
<script>
|
|
function manual_assign_lpp(lpp_id, task_id){
|
|
$.ajax({
|
|
type:"POST",
|
|
url:"{% url 'manual_assign_admin' %}",
|
|
data:{
|
|
'task_id':task_id,
|
|
'lpp_id':lpp_id,
|
|
csrfmiddlewaretoken:$('input[name=csrfmiddlewaretoken').val()
|
|
},
|
|
success:function(response){
|
|
console.log("Raaaan successfully");
|
|
location.reload();
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
</head>
|
|
<style>
|
|
body {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.form-control {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.form-label {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
table {
|
|
font-family: arial, sans-serif;
|
|
border-collapse: collapse;
|
|
width: 80%;
|
|
}
|
|
|
|
td,
|
|
th {
|
|
border: 1px solid #dddddd;
|
|
text-align: left;
|
|
padding: 8px;
|
|
text-align: center
|
|
}
|
|
|
|
tr:nth-child(even) {
|
|
background-color: #dddddd;
|
|
}
|
|
|
|
.popup-wrapper {
|
|
display: none;
|
|
position: fixed;
|
|
z-index: 9999;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.popup {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: 50%;
|
|
max-width: 600px;
|
|
background-color: #fff;
|
|
padding: 20px;
|
|
text-align: center;
|
|
}
|
|
|
|
#close-popup {
|
|
position: absolute;
|
|
top: -6px;
|
|
right: 4px;
|
|
border: none;
|
|
background: none;
|
|
font-size: 24px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
button#close-popup i.fa.fa-times {
|
|
color: red;
|
|
}
|
|
|
|
|
|
table.popup-table {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
}
|
|
|
|
.popup-table th, .popup-table td {
|
|
text-align: center;
|
|
padding: 8px;
|
|
}
|
|
|
|
.popup-table th {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.footer {
|
|
position: static;
|
|
margin-bottom:-20px;
|
|
}
|
|
</style>
|
|
<body>
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<h4 style="text-align: center; padding-top: 10px; padding-bottom: 10px; color: #ee273c;">LPP Dashboard (Admin view)</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% if tasks %}
|
|
<div class="row my-2" style="margin-left:10px ;">
|
|
{% if counter.0.0 != 0 %}
|
|
<h5 style="color: #ee273c; background-color: #ffe2e5; text-align: center; padding: 3px; border-radius: 5px;">
|
|
Unassigned
|
|
</h5>
|
|
<div id="example_wrapper1" class="dataTables_wrapper" style="padding: 1%;margin-left:10px; overflow-x:scroll;">
|
|
<table id="example1" class="display" style="width:100%; text-align: center;">
|
|
<thead>
|
|
<tr>
|
|
<th>User Note</th>
|
|
<th>Date at</th>
|
|
<th>User Comments</th>
|
|
<th>Generated Form</th>
|
|
<th>Manually Assign Lpp</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for dataa in tasks %}
|
|
{% if dataa.status == "none_available_action" or dataa.status == "none_available_dialogue" or dataa.status == "none_available_lpp" %}
|
|
<input type="hidden" value="{{dataa.task_id}}" name="id">
|
|
{% if dataa.generated_from == 'conversion' %}
|
|
<tr style="background-color:#F7b4be">
|
|
{% endif %}
|
|
<td>{{dataa.usernote}}</td>
|
|
<td>{{ dataa.date_at }}</td>
|
|
<td>
|
|
{% if dataa.translated_script %}
|
|
<button class="btn btn-info mx-3 " onclick="$('#popupobject').show();populate_details('{{dataa.translated_script.exp_rate}}','{{dataa.translated_script.content_accuracy_rate}}','{{dataa.translated_script.translation_accuracy_rate}}','{{dataa.translated_script.attention_feedback}}','{{dataa.translated_script.error_faced_feedback}}','{{dataa.translated_script.improvement_feedback}}');">Check User Comments</button>
|
|
{% else %}
|
|
<button class="btn btn-info mx-3 " onclick="$('#popupobject').show();populate_details('{{dataa.translated_ppt.exp_rate}}','{{dataa.translated_ppt.content_accuracy_rate}}','{{dataa.translated_ppt.translation_accuracy_rate}}','{{dataa.translated_ppt.attention_feedback}}','{{dataa.translated_ppt.error_faced_feedback}}','{{dataa.translated_ppt.improvement_feedback}}');">Check User Comments</button>
|
|
{% endif %}
|
|
</td>
|
|
<td>{{dataa.generated_from|title}}</td>
|
|
<td><button class="btn btn-success mx-3" onclick="manual_assign_admin('{{dataa.task_id}}')">Manually Assign</button></td>
|
|
<td><a href="{% url 'delete_task' dataa.task_id %}" type="button" class="btn btn-primary mx-3">Reject Task</a></td>
|
|
</tr>
|
|
{% endif %}
|
|
{% endfor %}
|
|
<tfoot>
|
|
</table>
|
|
</div>
|
|
<br>
|
|
{% endif %}
|
|
{% if counter.0.1 != 0 %}
|
|
<h5 style="color: #ee273c; background-color: #ffe2e5; text-align: center; padding: 3px; border-radius: 5px;">
|
|
In progress
|
|
</h5>
|
|
<div id="example_wrapper2" class="dataTables_wrapper" style="padding: 1%;margin-left:10px; overflow-x:scroll;">
|
|
<table id="example2" class="display" style="width:100%;">
|
|
<thead>
|
|
<tr>
|
|
<th>Assigned Lpp</th>
|
|
<th>User Note</th>
|
|
<th>Date at</th>
|
|
<th>Lpp Acceptance Time</th>
|
|
<th>Lpp's Comments</th>
|
|
<th>User Comments</th>
|
|
<th>Generated Form</th>
|
|
<th>Manually Assign Lpp</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% if tasks %}
|
|
{% for dataa in tasks %}
|
|
{% if dataa.status == "actionline_inprogress" or dataa.status == "dialogue_inprogress" %}
|
|
<input type="hidden" value="{{dataa.task_id}}" name="id">
|
|
{% if dataa.generated_from == 'conversion' %}
|
|
<tr style="background-color:#F7b4be">
|
|
{% endif %}
|
|
{% if dataa.status == 'actionline_inprogress' %}
|
|
<td>{{dataa.assignedlpp_action.first_name}} {{dataa.assignedlpp_action.last_name}} (Actionline)</td>
|
|
{% elif dataa.status == 'dialogue_inprogress' %}
|
|
<td>{{dataa.assignedlpp_dialogue.first_name}} {{dataa.assignedlpp_dialogue.last_name}} (Dialogue)</td>
|
|
{% else %}
|
|
<td>N/A</td>
|
|
{% endif %}
|
|
<td>{{dataa.usernote}}</td>
|
|
<td>{{ dataa.date_at }}</td>
|
|
{% if dataa.status == 'actionline_inprogress' %}
|
|
<td>{{ dataa.lppacceptancetime_action }}</td>
|
|
{% elif dataa.status == 'dialogue_inprogress' %}
|
|
<td>{{ dataa.lppacceptancetime_dialogue }}</td>
|
|
{% endif %}
|
|
<td>
|
|
{% if dataa.lpp_action_comment %}
|
|
<b>{{ dataa.lpp_action_comment }}</b> (Actionline)
|
|
{% else %}
|
|
N/A (Actionline)
|
|
{% endif %}
|
|
{% if dataa.lpp_dialogue_comment %}
|
|
<b>{{ dataa.lpp_dialogue_comment }}</b> (Dialogue)
|
|
{% else %}
|
|
N/A (Dialogue)
|
|
{% endif %}
|
|
</td>
|
|
<td>
|
|
{% if dataa.translated_script %}
|
|
<button class="btn btn-info mx-3 " onclick="$('#popupobject').show();populate_details('{{dataa.translated_script.exp_rate}}','{{dataa.translated_script.content_accuracy_rate}}','{{dataa.translated_script.translation_accuracy_rate}}','{{dataa.translated_script.attention_feedback}}','{{dataa.translated_script.error_faced_feedback}}','{{dataa.translated_script.improvement_feedback}}');">Check User Comments</button>
|
|
{% else %}
|
|
<button class="btn btn-info mx-3 " onclick="$('#popupobject').show();populate_details('{{dataa.translated_ppt.exp_rate}}','{{dataa.translated_ppt.content_accuracy_rate}}','{{dataa.translated_ppt.translation_accuracy_rate}}','{{dataa.translated_ppt.attention_feedback}}','{{dataa.translated_ppt.error_faced_feedback}}','{{dataa.translated_ppt.improvement_feedback}}');">Check User Comments</button>
|
|
{% endif %}
|
|
</td>
|
|
<td>{{dataa.generated_from|title}}</td>
|
|
<td><button class="btn btn-success mx-3" onclick="manual_assign_admin('{{dataa.task_id}}')">Manually Assign</button></td>
|
|
<td><a href="{% url 'delete_task' dataa.task_id %}" type="button" class="btn btn-primary mx-3">Reject Task</a></td>
|
|
</tr>
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% endif %}
|
|
<tfoot>
|
|
</table>
|
|
</div>
|
|
<br>
|
|
{% endif %}
|
|
{% if counter.0.2 != 0 %}
|
|
|
|
<h5 style="color: #ee273c; background-color: #ffe2e5; text-align: center;margin-top: 5px; padding: 3px; border-radius: 5px;">
|
|
Assigned but No Action by LPP
|
|
</h5>
|
|
<div id="example_wrapper3" class="dataTables_wrapper" style="padding: 1%;margin-left:10px; overflow-x:scroll;">
|
|
<table id="example3" class="display" style="width:100%;">
|
|
<thead>
|
|
<tr>
|
|
<th>Assigned Lpp</th>
|
|
<th>User Note</th>
|
|
<th>Date at</th>
|
|
<th>Lpp Acceptance Time</th>
|
|
<th>Lpp's Comments</th>
|
|
<th>User Comments</th>
|
|
<th>Generated Form</th>
|
|
<th>Manually Assign Lpp</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% if tasks %}
|
|
{% for dataa in tasks %}
|
|
{% if dataa.status == "no_action_taken_bylpp" or dataa.status == "dialogue_lppassigned" or dataa.status == "actionline_lppassigned" %}
|
|
<input type="hidden" value="{{dataa.task_id}}" name="id">
|
|
{% if dataa.generated_from == 'conversion' %}
|
|
<tr style="background-color:#F7b4be">
|
|
{% endif %}
|
|
{% if dataa.status == 'actionline_lppassigned' %}
|
|
<td>{{dataa.assignedlpp_action.first_name}} {{dataa.assignedlpp_action.last_name}} (Actionline)</td>
|
|
{% elif dataa.status == 'dialogue_lppassigned' %}
|
|
<td>{{dataa.assignedlpp_dialogue.first_name}} {{dataa.assignedlpp_dialogue.last_name}} (Dialogue)</td>
|
|
{% else %}
|
|
<td>N/A</td>
|
|
{% endif %}
|
|
<td>{{dataa.usernote}}</td>
|
|
<td>{{ dataa.date_at }}</td>
|
|
{% if dataa.status == 'actionline_lppassigned' %}
|
|
<td>{{ dataa.lppacceptancetime_action }}</td>
|
|
{% elif dataa.status == 'dialogue_lppassigned' %}
|
|
<td>{{ dataa.lppacceptancetime_dialogue }}</td>
|
|
{% endif %}
|
|
<td>
|
|
{% if dataa.lpp_action_comment %}
|
|
<b>{{ dataa.lpp_action_comment }}</b> (Actionline)
|
|
{% else %}
|
|
N/A (Actionline)
|
|
{% endif %}
|
|
{% if dataa.lpp_dialogue_comment %}
|
|
<b>{{ dataa.lpp_dialogue_comment }}</b> (Dialogue)
|
|
{% else %}
|
|
N/A (Dialogue)
|
|
{% endif %}
|
|
</td>
|
|
<td>
|
|
{% if dataa.translated_script %}
|
|
<button class="btn btn-info mx-3 " onclick="$('#popupobject').show();populate_details('{{dataa.translated_script.exp_rate}}','{{dataa.translated_script.content_accuracy_rate}}','{{dataa.translated_script.translation_accuracy_rate}}','{{dataa.translated_script.attention_feedback}}','{{dataa.translated_script.error_faced_feedback}}','{{dataa.translated_script.improvement_feedback}}');">Check User Comments</button>
|
|
{% else %}
|
|
<button class="btn btn-info mx-3 " onclick="$('#popupobject').show();populate_details('{{dataa.translated_ppt.exp_rate}}','{{dataa.translated_ppt.content_accuracy_rate}}','{{dataa.translated_ppt.translation_accuracy_rate}}','{{dataa.translated_ppt.attention_feedback}}','{{dataa.translated_ppt.error_faced_feedback}}','{{dataa.translated_ppt.improvement_feedback}}');">Check User Comments</button>
|
|
{% endif %}
|
|
</td>
|
|
<td>{{dataa.generated_from|title}}</td>
|
|
<td><button class="btn btn-success mx-3" onclick="manual_assign_admin('{{dataa.task_id}}')">Manually Assign</button></td>
|
|
<td><a href="{% url 'delete_task' dataa.task_id %}" type="button" class="btn btn-primary mx-3">Reject Task</a></td>
|
|
</tr>
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% endif %}
|
|
<tfoot>
|
|
</table>
|
|
</div>
|
|
<br>
|
|
{% endif %}
|
|
{% if counter.0.3 != 0 %}
|
|
<h5 style="color: #ee273c; background-color: #ffe2e5; text-align: center;margin-top: 5px; padding: 3px; border-radius: 5px;">
|
|
Completed
|
|
</h5>
|
|
<div id="example_wrapper4" class="dataTables_wrapper" style="padding: 1%;margin-left:10px; overflow-x:scroll;">
|
|
<table id="example4" class="display" style="width:100%;">
|
|
<thead>
|
|
<tr>
|
|
<th>Assigned Lpp</th>
|
|
<th>Payment Status</th>
|
|
<th>User Note</th>
|
|
<th>Date at</th>
|
|
<th>Lpp Acceptance Time</th>
|
|
<th>Lpp Completion Time</th>
|
|
<th>Lpp's Comments</th>
|
|
<th>User Comments</th>
|
|
<th>Rating On Machine-translation</th>
|
|
<th>Mistake Per Page</th>
|
|
<th>Generated Form</th>
|
|
<th>Output File</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% if tasks %}
|
|
{% for dataa in tasks %}
|
|
{% if dataa.status == "dialogue_completed" or dataa.status == "completed" %}
|
|
<input type="hidden" value="{{dataa.task_id}}" name="id">
|
|
{% if dataa.generated_from == 'conversion' %}
|
|
<tr style="background-color:#F7b4be">
|
|
{% endif %}
|
|
{% if dataa.status == 'completed' %}
|
|
<td>{{dataa.assignedlpp_action.first_name}} {{dataa.assignedlpp_action.last_name}} (Actionline) {{dataa.assignedlpp_dialogue.first_name}} {{dataa.assignedlpp_dialogue.last_name}} (Dialogue)</td>
|
|
{% elif dataa.status == 'dialogue_completed' %}
|
|
<td>{{dataa.assignedlpp_dialogue.first_name}} {{dataa.assignedlpp_dialogue.last_name}} (Dialogue)</td>
|
|
{% else %}
|
|
<td>N/A</td>
|
|
{% endif %}
|
|
<td>
|
|
{% if dataa.lpp_invoice_action %}
|
|
<a href="../../media/lpptaskfolder/{{dataa.lpp_invoice_action}}" type="button" class="btn btn-success mx-3" download>View Actionline LPP Invoice</a>
|
|
{% endif %}
|
|
{% if dataa.lpp_invoice_dialogue %}
|
|
<a href="../../media/lpptaskfolder/{{dataa.lpp_invoice_dialogue}}" type="button" class="btn btn-success mx-3" download>View Dialogue LPP Invoice</a>
|
|
{% endif %}
|
|
</td>
|
|
<td>{{dataa.usernote}}</td>
|
|
<td>{{ dataa.date_at }}</td>
|
|
{% if dataa.lppacceptancetime_action %}
|
|
<td>{{ dataa.lppacceptancetime_action }} (Actionline) {% if dataa.lppacceptancetime_dialogue %} {{ dataa.lppacceptancetime_dialogue }} (Dialogue) {% endif %}</td>
|
|
{% elif dataa.lppacceptancetime_dialogue %}
|
|
<td>{{ dataa.lppacceptancetime_dialogue }} (Dialogue)</td>
|
|
{% else %}
|
|
<td>N/A</td>
|
|
{% endif %}
|
|
{% if dataa.completiontime_action %}
|
|
<td>{{ dataa.completiontime_action }} (Actionline) {% if dataa.completiontime_dialogue %} {{ dataa.completiontime_dialogue }} (Dialogue) {% endif %}</td>
|
|
{% elif dataa.completiontime_dialogue %}
|
|
<td>{{ dataa.completiontime_dialogue }} (Dialogue)</td>
|
|
{% else %}
|
|
<td>N/A</td>
|
|
{% endif %}
|
|
<td>
|
|
{% if dataa.lpp_action_comment %}
|
|
<b>{{ dataa.lpp_action_comment }}</b> (Actionline)
|
|
{% else %}
|
|
N/A (Actionline)
|
|
{% endif %}
|
|
{% if dataa.lpp_dialogue_comment %}
|
|
<b>{{ dataa.lpp_dialogue_comment }}</b> (Dialogue)
|
|
{% else %}
|
|
N/A (Dialogue)
|
|
{% endif %}
|
|
</td>
|
|
<td>
|
|
{% if dataa.translated_script %}
|
|
<button class="btn btn-info mx-3 " onclick="$('#popupobject').show();populate_details('{{dataa.translated_script.exp_rate}}','{{dataa.translated_script.content_accuracy_rate}}','{{dataa.translated_script.translation_accuracy_rate}}','{{dataa.translated_script.attention_feedback}}','{{dataa.translated_script.error_faced_feedback}}','{{dataa.translated_script.improvement_feedback}}');">Check User Comments</button>
|
|
{% else %}
|
|
<button class="btn btn-info mx-3 " onclick="$('#popupobject').show();populate_details('{{dataa.translated_ppt.exp_rate}}','{{dataa.translated_ppt.content_accuracy_rate}}','{{dataa.translated_ppt.translation_accuracy_rate}}','{{dataa.translated_ppt.attention_feedback}}','{{dataa.translated_ppt.error_faced_feedback}}','{{dataa.translated_ppt.improvement_feedback}}');">Check User Comments</button>
|
|
{% endif %}
|
|
</td>
|
|
<td>
|
|
{% if dataa.ratingonmachinetranslation_action %}
|
|
{{ dataa.ratingonmachinetranslation_action }} (Actionline)
|
|
{% else %}
|
|
N/A (Actionline)
|
|
{% endif %}
|
|
{% if dataa.ratingonmachinetranslation_dialogue %}
|
|
{{ dataa.ratingonmachinetranslation_dialogue }} (Dialogue)
|
|
{% else %}
|
|
N/A (Dialogue)
|
|
{% endif %}
|
|
</td>
|
|
<td>
|
|
{% if dataa.mistakeperpage_action != "" %}
|
|
{{ dataa.mistakeperpage_action }} (Actionline)
|
|
{% else %}
|
|
N/A (Actionline)
|
|
{% endif %}
|
|
{% if dataa.mistakeperpage_dialogue != "" %}
|
|
{{ dataa.mistakeperpage_dialogue }} (Dialogue)
|
|
{% else %}
|
|
N/A (Dialogue)
|
|
{% endif %}
|
|
</td>
|
|
<td>{{dataa.generated_from|title}}</td>
|
|
<td><a href="../../media/{{dataa.outputfile}}" type="button" class="btn btn-success mx-3" download>Click to download</a></td>
|
|
</tr>
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% endif %}
|
|
<tfoot>
|
|
</table>
|
|
</div>
|
|
<br>
|
|
{% endif %}
|
|
</div>
|
|
{% else %}
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<h2 style="text-align: center; padding-top: 10px; padding-bottom: 10px; color: #ee273c;">NO TASKS FOR ADMIN TO OVERVIEW</h2>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</body>
|
|
</html>
|
|
<div class="popup-wrapper">
|
|
<div class="popup">
|
|
<button id="close-popup"><i class="fa fa-times"></i></button>
|
|
<h2 style="color: #ee273c; background-color: #ffe2e5; text-align: center; padding: 3px; border-radius: 5px; margin-bottom:0rem;">Manually Assign Current Task</h2>
|
|
<p style="color: #000000; background-color: #ffe2e5; text-align: center; padding: 0px; border-radius: 5px;">Below is the list of Eligible LPP for this Task </p>
|
|
<table id="myTable" class="table table-striped table-bordered popup-table">
|
|
<thead>
|
|
<tr>
|
|
<th>LPP Name</th>
|
|
<th>Assign</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="modal-content" id="popupobject" style="position: fixed; top: 10vw; left:25vw; border-radius: 8px;display:none;z-index: 9999;padding:0.4em; background-color:antiquewhite; width:700px; height:auto; float:left;width:700px;overflow-y: auto;height: 500px; ">
|
|
<div>
|
|
<!-- {% comment %} $('#form-dialog').dialog('close'); {% endcomment %} -->
|
|
<h3 style="text-align: center; margin-top: 5px; display:flex; padding-left:250px; color:#ee3c4d;">More Details
|
|
|
|
<b data-toggle="tooltip" title="Close" style="color:red; font-size:32px;margin-top:-10px; margin-left: 45%;border: 0;" onclick="$('#popupobject').hide();clean_details();" type="button">x
|
|
</b>
|
|
</h3>
|
|
<div class="modal-body" style="margin-top: -15px;">
|
|
<div><br>
|
|
<div class="row">
|
|
<div class=" ">
|
|
<br>
|
|
<p>Rating on user's overall experience of conversion!</p>
|
|
<input type="text" class=" form-control" id="rating_user10" placeholder="Rating given by user to vetted file!" maxlength="600" style="height:100px; width:100%" disabled></input>
|
|
</div>
|
|
<div class=" ">
|
|
<br>
|
|
<p>Rating on how accurate was the context of conversion!</p>
|
|
<input type="text" class=" form-control" id="rating_user20" placeholder="Rating given by user to vetted file!" maxlength="600" style="height:100px; width:100%" disabled></input>
|
|
</div>
|
|
<div class=" ">
|
|
<br>
|
|
<p>Rating on How accurate was the translation in terms of language syntax!</p>
|
|
<input type="text" class=" form-control" id="rating_user30" placeholder="Rating given by user to vetted file!" maxlength="600" style="height:100px; width:100%" disabled></input>
|
|
</div>
|
|
<div class=" ">
|
|
<br>
|
|
<p>User comments on Is there anything specific about languages that needs attention!</p>
|
|
<input type="text" class=" form-control" id="feedback_user10" placeholder="User comments on vetted file!" maxlength="1000" style="height:100px; width:100%" disabled></input>
|
|
</div>
|
|
<div class=" ">
|
|
<br>
|
|
<p>User comments on the errors he/she faced in conversion!</p>
|
|
<input type="text" class=" form-control" id="feedback_user20" placeholder="User comments on vetted file!" maxlength="1000" style="height:100px; width:100%" disabled></input>
|
|
</div>
|
|
<div class=" ">
|
|
<br>
|
|
<p>User comments on areas of improvement!</p>
|
|
<input type="text" class=" form-control" id="feedback_user30" placeholder="User comments on vetted file!" maxlength="1000" style="height:100px; width:100%" disabled></input>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
{%endblock%} |