673 lines
		
	
	
		
			22 KiB
		
	
	
	
		
			HTML
		
	
	
	
		
		
			
		
	
	
			673 lines
		
	
	
		
			22 KiB
		
	
	
	
		
			HTML
		
	
	
	
| 
								 | 
							
								{% 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">©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 %}
							 |