Conversion_Kitchen_Code/kitchen_counter/scriptAudit/templates/audit/audited_k.html

673 lines
22 KiB
HTML
Raw Permalink Normal View History

2024-04-27 09:33:09 +00:00
{% extends "mnfapp/base.html" %}
{% load static %}
{% load doc2pdf %}
{% load i18n %}
{% block content %}
<style>
:root {
--primary-btn-bg: #33B0CA;
--disabled-btn-bg: #616161;
--primary-bg: #FAFAFA;
--heading-bg: #EAEAEA;
--heading-color: #252525;
--text-color: #616161;
--cards-text-size: 10px;
--para-text-size: 12px;
--fullpage-para-text-size: 14px;
--seb-heading-text-size: 16px;
--menu-text-size: 16px;
--primary-heading-text-size: 24px;
--font-family: "Poppins", sans-serif;
}
.primary-btn-greeen {
background: var(--primary-btn-bg) !important;
font-family: var(--font-family) !important;
border: none !important;
}
.symbol.symbol-primary .symbol-label {
background-color: var(--primary-btn-bg) !important;
}
.green-stroke,
.green-stroke-2 {
background-color: var(--primary-bg) !important;
border: 1px solid var(--primary-btn-bg) !important;
color: var(--primary-btn-bg) !important;
}
.green-stroke-2:hover {
cursor: default !important;
}
.green-stroke:hover {
background-color: var(--primary-btn-bg) !important;
color: var(--primary-bg) !important;
}
.text-hover-primary {
color: var(--disabled-btn-bg) !important;
font-size: 12px !important;
}
.text-hover-primary:hover {
color: var(--primary-btn-bg) !important;
}
.primary-btn-color {
background: transparent !important;
width: 43px;
}
.primary-btn-color:hover {
background: transparent !important
}
.gray-background {
background: #EAEAEA !important;
color: var(--disabled-btn-bg) !important;
}
.gray-background:hover {
background: #EAEAEA !important;
color: var(--disabled-btn-bg) !important;
cursor: default !important;
}
.container-script {
display: grid;
grid-template-columns: 30vw 30vw 30vw;
width: 90vw;
margin: auto;
padding-right: 100px;
}
.py-5 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.container-script .card {
margin: 0.5em;
}
#wrap {
word-wrap: break-word;
}
.dropdown_container {
display: flex;
justify-content: flex-end;
}
.actsic_builder {
background-color: #ee3c4d;
color: #fff;
}
.navi .navi-item {
cursor: pointer;
}
.footer {
position: fixed;
bottom: 0;
min-width: 100%;
}
{
% comment %
}
----------------FOOTER---------------- {
% endcomment %
}
footer {
display: flex;
justify-content: space-around;
background-color: #EAEAEA;
width: 100%;
}
footer a {
text-decoration: none;
padding: 0 5px;
color: #616161;
position: relative !important;
}
.part2 {
display: flex;
align-items: center;
gap: 10px;
}
@media (max-width: 768px) {
footer {
flex-direction: column-reverse;
justify-content: center;
align-items: center;
gap: 10px;
}
}
@media (max-width: 590px) {
.part2 {
flex-direction: column;
}
}
.container {
min-height: calc(100vh - 100px);
width: 100%;
display: flex;
flex-direction: column;
}
{
% comment %
}
MODIFICATION CSS STARTS HERE {
% endcomment %
}
.primary_header_aud {
font-family: Poppins;
font-size: 24px;
font-weight: 600;
line-height: 36px;
letter-spacing: 0em;
color: #252525;
}
.secondary_header_aud {
font-family: Poppins;
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
color: #252525;
}
.secondary_header_aud_hightlight {
color: #33B0CA;
}
.card_custom_sizing {
background: #fff;
width: 292.14px;
height: auto !important;
{
% comment %
}
height: 238.08px !important;
{
% endcomment %
}
top: 217.46px;
left: 67.02px;
border: 1px solid #33B0CA !important;
}
.card {
position: static !important;
}
</style>
<div id="mulitligule">
<div style="text-align: center;">
<h2 class="primary_header_aud">My Audited Scripts</h2>
<h6 class="secondary_header_aud">Your Assets are Secured by blockchain. <span
class="secondary_header_aud_hightlight">MNF</span> has no access to Them.</h6>
</div>
<div class="container-script ">
{% if user.is_authenticated %}
{% if i %}
{% for k in i %}
<div class="maindiv card card-custom gutter-b card-stretch card_custom_sizing">
<div class="card-body pt-4">
<div class="dropdown_container">
<div class="dropdown dropdown-inline" data-toggle="tooltip" data-placement="left">
<a href="#" class="btn primary-btn-color" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="ki ki-bold-more-hor"></i>
</a>
<div class="dropdown-menu dropdown-menu-md dropdown-menu-right">
<ul class="navi navi-hover py-5">
<li class="navi-item">
<div href="#" class="navi-link delete-script" data-scriptid="{{k.scriptName}}"
data-url="{{url}}/audit/delete_scripts/{{k.scriptName}}">
<span class="navi-icon">
<i class="flaticon-interface-4"></i>
</span>
<span class="navi-text" style="font-size: 12px !important;">{% trans "Delete Script" %}</span>
</div>
</li>
<li class="navi-item">
<a onclick="downloadAuditedScriptOrigianal('{{url}}', '{{k.scriptid}}')" target="_blank"
class="navi-link" download>
<span class="navi-icon">
<i class="flaticon-download"></i>
</span>
<span class="navi-text" style="font-size: 12px !important;">{% trans "Download Original" %}</span>
</a>
</li>
<li class="navi-item">
{% if k.iscomplete == "S" %}
<a onclick="downloadAuditedScriptReport('{{url}}', '{{k.scriptid}}')" target="_blank"
class="navi-link" download>
<span class="navi-icon">
<i class="flaticon-download"></i>
</span>
<span class="navi-text" style="font-size: 12px !important;">{% trans "Download Audited Report"
%}</span>
</a>
{% elif k.iscomplete == "R" %}
<a onclick="alert('your script is under processing please wait...');window.location.reload(false)"
class="navi-link" download>
<span class="navi-icon">
<i class="flaticon-download"></i>
</span>
<span class="navi-text">{% trans "Download Audited Report" %}</span>
</a>
{% elif k.iscomplete == "F" %}
<a onclick="alert('Sorry, We were unable to audit your script.');window.location.reload(false)"
class="navi-link" download>
<span class="navi-icon">
<i class="flaticon-download"></i>
</span>
<span class="navi-text">{% trans "Download Audited Report" %}</span>
</a>
{% endif %}
</li>
</ul>
</div>
</div>
</div>
<div class="d-flex align-items-center mb-7">
<div class="flex-shrink-0 mr-4 mt-lg-0 mt-3">
<div class="symbol symbol-circle symbol-lg-75 d-none">
<img src="assets/media/users/300_10.jpg" alt="image" />
</div>
<div class="symbol symbol-lg-75 symbol-circle symbol-primary">
<span class="symbol-label font-size-h1 font-weight-boldest"
style="text-transform: uppercase;">{{k.author|slice:":1"}}</span>
</div>
</div>
<div class="d-flex flex-column wrap">
<a href="#" class="text-dark font-weight-bold font-size-h4 mb-0 script-title"
style="word-wrap:break-all; max-width: 200px;cursor: default; color: #616161; font-size: 14px !important;">{{k.scriptName|slice:":12"}}</a>
<span class="font-weight-bold" style="font-size: 12px;">{% trans "Copyright" %} </span>
</div>
</div>
<div class="mb-7">
<div class="d-flex justify-content-between align-items-center my-1">
<span class="text-dark-75 font-weight-bolder mr-2" style="font-size: 12px !important;">{% trans "Author:"
%}</span>
<span class="text-hover-primary">{{k.author }}</span>
</div>
<div class="d-flex justify-content-between align-items-center my-1">
<span class="text-dark-75 font-weight-bolder mr-2" style="font-size: 12px !important;">{% trans "Uploaded
on:" %}</span>
<span class="text-hover-primary">
{{ k.created_on }}
</span>
</div>
</div>
{% if k.iscomplete == "S" %}
<button onclick="downloadAuditedScript('{{url}}', '{{k.scriptid}}')"
class="btn btn-block btn-sm btn-light-success font-weight-bolder text-uppercase py-4 green-stroke">
Download Audited Script (PDF)
</button>
<button onclick="downloadAuditedScriptDocs('{{url}}', '{{k.scriptid}}')"
class="btn btn-block btn-sm btn-light-success font-weight-bolder text-uppercase py-4 green-stroke" download>
Download Audited Script (DOCX)
</button>
<button onclick=redirectToScriptPad("{{k.scriptid}}")
class="btn btn-block btn-sm btn-light-success font-weight-bolder text-uppercase py-4 green-stroke">
View / Edit in Scriptpad
</button>
{% elif k.iscomplete == "R" %}
<button onclick="alert('your script is under processing please wait...');window.location.reload(false)"
class="btn btn-block btn-sm btn-light-warning font-weight-bolder text-uppercase py-4 green-stroke-2">
{% trans "Download Audited Script (PDF)" %}
</button>
<button onclick="alert('your script is under processing please wait...');window.location.reload(false)"
class="btn btn-block btn-sm btn-light-warning font-weight-bolder text-uppercase py-4 green-stroke-2">
{% trans "Download Audited Script (DOCX)" %}
</button>
<button onclick="alert('your script is under processing please wait...');window.location.reload(false)"
class="btn btn-block btn-sm btn-light-warning font-weight-bolder text-uppercase py-4 green-stroke-2">
{% trans "View / Edit in Scriptpad" %}
</button>
{% elif k.iscomplete == "F" %}
<button onclick="alert('Sorry, We were unable to audit your script.');window.location.reload(false)"
class="btn btn-block btn-sm btn-light-danger font-weight-bolder text-uppercase py-4 gray-background">
{% trans " Download Audited Script (PDF)" %}
</button>
<button onclick="alert('Sorry, We were unable to audit your script.');window.location.reload(false)"
class="btn btn-block btn-sm btn-light-danger font-weight-bolder text-uppercase py-4 gray-background">
{% trans " Download Audited Script (DOCX)" %}
</button>
<button onclick="alert('Sorry, We were unable to audit your script');window.location.reload(false)"
class="btn btn-block btn-sm btn-light-danger font-weight-bolder text-uppercase py-4 gray-background">
{% trans "View / Edit in Scriptpad" %}
</button>
{% endif %}
</div>
</div>
{% endfor %}
</div>
{% else %}
<div class="container-script">
<div style="
width: 42vw;
margin-left: 80%;
padding: 2em;
margin-top: 5%;
background-color: #FAFAFA;
border: 2px solid #616161;
text-align: center;
">
<h4 style="font-size: 16px; font-weight: 600;">{% trans "Oops! You are yet to Audit your first script!!" %}</h4>
<div style="margin: 15px auto 0 auto; display: flex; justify-content: center;">
<button onclick="window.location.replace('/audit/home')" class="btn btn-primary primary-btn-greeen"
style="margin-right: 1cm;">
{% trans "Audit your Script Now" %}
</button>
<button onclick="window.location.replace('/audit/home')" class="btn btn-primary primary-btn-greeen">
{% trans "Audit a Sample Script" %}
</button>
</div>
<br />
<p style="text-align: left; font-size: 12px;">
P.S. - if you uploaded your script for Audit and are not yet seeing the Audited script OR had some difficulty
in uploading your script, please"
<a href="/contact">{% trans "contact us" %}</a>.
</p>
</div>
{% csrf_token %}
</div>
</div>
{% endif %} {% endif %}
</div>
{% comment %} -----------------------FOOTER----------------------- {% endcomment %}
<footer id="footer_mulitligule" class="py-3 footer toBottom handle-footer">
<div>
<p class="my-auto">&copy;2023 My Next Film PVT LTD</p>
</div>
<div class="my-auto part2">
<a href="{%url 'agreement_base'%}" target="_blank">Agreement</a>
<a href="{%url 'tnc_base'%}" target="_blank">Terms & Conditions</a>
{% comment %} <a href="https://mynextfilm.com/static/homepage/PrivacyPolicy.html" target="_blank">Privacy Policy</a>
{% endcomment %}
<a href="{%url 'PrivacyPolicy_base'%}" target="_blank">Privacy Policy</a>
<a href="{%url 'Refunds_base' %}#refunds" target="_blank">Refund & Cancellation Policy</a>
<a href="{%url 'NDA_base'%}" target="_blank">N.D.A</a>
</div>
</footer>
<script>
function deleteFile(filename) {
var xhr = new XMLHttpRequest();
var url = 'data-url';
var params = 'filename=' + encodeURIComponent(filename);
xhr.open('DELETE', url, true);
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function () {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
console.log('File deleted:', filename);
} else {
console.error('Error deleting file:', filename);
}
}
};
xhr.send(params);
}
function deletescript() {
var fileNameToDelete = 'example-file.txt';
deleteFile(fileNameToDelete);
}
</script>
<script>
$(document).ready(function () {
const deleteBtn = document.querySelectorAll(".delete-script");
deleteBtn.forEach((btn) => {
btn.addEventListener("click", async () => {
console.log("maojsdf")
//const sampleScriptMaindiv = btn.closest(".maindiv");
//const scriptid = sampleScriptMaindiv.getAttribute("data-scriptid");
const scriptid = btn.getAttribute("data-scriptid");
const csrftoken = document.querySelector('[name=csrfmiddlewaretoken]').value;
const accessToken = localStorage.getItem("accessToken");
console.log(scriptid)
console.log(csrftoken)
if (window.confirm("Are you sure to delete?")) {
$.ajax({
type: "delete",
url: `/audit/delete_scripts/${scriptid}`,
headers: {
'X-CSRFToken': csrftoken,
'Authorization': `Bearer ${accessToken}`
},
data: {
'id': scriptid
},
success: function (response) {
console.log("deleted successfully");
window.location.reload();
},
error: function (response) {
console.log("error in deletion process");
}
})
}
})
})
})
</script>
<script>
function downloadAuditedScript(url, id) {
const accessToken = localStorage.getItem('accessToken')
const apiUrl = `${url}/audit/download?script_id=${id}&type=script-pdf`;
const headers = new Headers();
headers.append('Authorization', `Bearer ${accessToken}`);
const request = new Request(apiUrl, {
method: 'GET',
headers: headers,
});
{% comment %} window.location.reload() {% endcomment %}
fetch(request)
.then((response) => {
if (!response.ok) {
throw new Error(`HTTP error! Status: ${response.status}`);
}
return response.blob();
})
.then((blob) => {
const blobUrl = window.URL.createObjectURL(blob);
const downloadLink = document.createElement('a');
downloadLink.href = blobUrl;
downloadLink.download = 'AuditedPDF.pdf';
downloadLink.style.display = 'none';
document.body.appendChild(downloadLink);
downloadLink.click();
window.URL.revokeObjectURL(blobUrl);
})
.catch((error) => {
console.error('Error downloading file:', error);
});
alert("Your Script is Downloading")
}
function downloadAuditedScriptDocs(url, id) {
const apiUrl = `${url}/audit/download?script_id=${id}&type=script-docx`;
const headers = new Headers();
const accessToken = localStorage.getItem('accessToken')
headers.append('Authorization', `Bearer ${accessToken}`);
const request = new Request(apiUrl, {
method: 'GET',
headers: headers,
});
{% comment %} window.location.reload() {% endcomment %}
fetch(request)
.then((response) => {
if (!response.ok) {
throw new Error(`HTTP error! Status: ${response.status}`);
}
return response.blob();
})
.then((blob) => {
const blobUrl = window.URL.createObjectURL(blob);
const downloadLink = document.createElement('a');
downloadLink.href = blobUrl;
downloadLink.download = 'AuditedDocument.docx';
downloadLink.style.display = 'none';
document.body.appendChild(downloadLink);
downloadLink.click();
window.URL.revokeObjectURL(blobUrl);
})
.catch((error) => {
console.error('Error downloading file:', error);
});
alert("Your Script is Downloading")
}
function downloadAuditedScriptOrigianal(url, id) {
const apiUrl = `${url}/audit/download?script_id=${id}&type=script-original`;
const headers = new Headers();
const accessToken = localStorage.getItem('accessToken')
headers.append('Authorization', `Bearer ${accessToken}`);
const request = new Request(apiUrl, {
method: 'GET',
headers: headers,
});
{% comment %} window.location.reload() {% endcomment %}
fetch(request)
.then((response) => {
if (!response.ok) {
throw new Error(`HTTP error! Status: ${response.status}`);
}
return response.blob();
})
.then((blob) => {
const blobUrl = window.URL.createObjectURL(blob);
const downloadLink = document.createElement('a');
downloadLink.href = blobUrl;
downloadLink.download = 'OriginalFile';
downloadLink.style.display = 'none';
document.body.appendChild(downloadLink);
downloadLink.click();
window.URL.revokeObjectURL(blobUrl);
})
.catch((error) => {
console.error('Error downloading file:', error);
});
alert("Your Script is Downloading")
}
function downloadAuditedScriptReport(url, id) {
const apiUrl = `${url}/audit/download?script_id=${id}&type=audit-report`;
const headers = new Headers();
const accessToken = localStorage.getItem('accessToken')
headers.append('Authorization', `Bearer ${accessToken}`);
const request = new Request(apiUrl, {
method: 'GET',
headers: headers,
});
{% comment %} window.location.reload() {% endcomment %}
fetch(request)
.then((response) => {
if (!response.ok) {
throw new Error(`HTTP error! Status: ${response.status}`);
}
return response.blob();
})
.then((blob) => {
const blobUrl = window.URL.createObjectURL(blob);
const downloadLink = document.createElement('a');
downloadLink.href = blobUrl;
downloadLink.download = 'Audit Report';
downloadLink.style.display = 'none';
document.body.appendChild(downloadLink);
downloadLink.click();
window.URL.revokeObjectURL(blobUrl);
})
.catch((error) => {
console.error('Error downloading file:', error);
});
alert("Your Script is Downloading")
}
// Handling Footer as per scrollbar - Aris
// Check if the browser has a scrollbar
function hasVerticalScrollbar() {
const page = document.querySelector(".split-pane-component");
return page.scrollHeight > window.innerHeight;
}
// Function to toggle the footer's position
function toggleFooterPosition() {
const footer = document.querySelector(".handle-footer");
if (hasVerticalScrollbar()) {
// If there is a scrollbar, make the footer scrollable
footer.setAttribute('style', 'position:relative !important');
footer.style.bottom = "auto";
footer.style.overflowY = "auto";
footer.style.maxHeight = "50vh";
} else {
// If there is no scrollbar, fix the footer at the bottom
footer.setAttribute('style', 'position:fixed !important');
footer.style.bottom = 0;
footer.style.overflowY = "hidden";
footer.style.maxHeight = "100%";
}
}
// Call the function when the page loads and when it resizes
window.addEventListener("load", toggleFooterPosition);
window.addEventListener("resize", toggleFooterPosition);
</script>
<script>
function redirectToScriptPad(id) {
window.location.href = window.location.origin + "/scriptpad/#/" + id;
}
</script>
{% endblock content %}