5070 lines
331 KiB
HTML
Executable File
5070 lines
331 KiB
HTML
Executable File
{% extends 'mnfapp/base.html'%} {%load static%} {%block content%}
|
|
{% load poll_extras %}
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
{% for data in scriptdatabase %}
|
|
<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" />
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
|
|
<!-- font awesome -->
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
|
|
integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous" />
|
|
<!-- MDB -->
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.6.0/mdb.min.css" rel="stylesheet" />
|
|
<!-- <link rel="stylesheet" href="{%static 'css/style_home.css'%}" /> -->
|
|
<link rel="stylesheet" href="{%static 'css/scriptPage.css'%}" />
|
|
<title>Script Page</title>
|
|
<style>
|
|
.flex-container {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
|
|
}
|
|
|
|
.flex-container>div {
|
|
margin: auto;
|
|
text-align: center;
|
|
|
|
}
|
|
.btn.btn-primary {
|
|
color: #FFFFFF;
|
|
background-color: #ee3c4d;
|
|
border-color: #ee3c4d;
|
|
font-size:0.9rem;
|
|
}
|
|
|
|
.col-item {
|
|
display: flex;
|
|
}
|
|
|
|
.form-control {
|
|
height: auto;
|
|
flex-flow: column wrap;
|
|
align-content: flex-start;
|
|
height: 25px;
|
|
|
|
}
|
|
.acte{
|
|
background-color: #ee3c4d;
|
|
color: white;
|
|
}
|
|
.thicker{
|
|
font-weight:900;
|
|
font-size: 12px;
|
|
}
|
|
.modal {
|
|
display: none; /* Hidden by default */
|
|
position: fixed; /* Stay in place */
|
|
z-index: 1; /* Sit on top */
|
|
padding-top: 100px; /* Location of the box */
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%; /* Full width */
|
|
height: 100%; /* Full height */
|
|
overflow: auto; /* Enable scroll if needed */
|
|
background-color: rgb(0,0,0);
|
|
background-color: rgba(0,0,0,0.4);
|
|
}
|
|
|
|
/* Modal Content */
|
|
.modal-content {
|
|
background-color: #fefefe;
|
|
margin: auto;
|
|
padding: 20px;
|
|
border: 1px solid #888;
|
|
width: 80%;
|
|
}
|
|
|
|
/* The Close Button */
|
|
.close {
|
|
color: #aaaaaa;
|
|
float: right;
|
|
font-size: 28px;
|
|
font-weight: bold;
|
|
top: -10px;
|
|
right: -10px;
|
|
}
|
|
.close11,.close12,.close13,.close14,.close15{
|
|
color: #aaaaaa;
|
|
float: right;
|
|
font-size: 28px;
|
|
font-weight: bold;
|
|
top: -10px;
|
|
right: -10px;
|
|
}
|
|
|
|
.close:hover,
|
|
.close:focus {
|
|
color: #000;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
.close11:hover,.close12:hover,.close13:hover,.close14:hover,.close15:hover{
|
|
cursor: pointer;
|
|
}
|
|
.close11,.close12,.close13,.close14,.close15:focus {
|
|
color: #000;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
#message{
|
|
display:inline;
|
|
}
|
|
@media only screen and (max-width: 995px) {
|
|
.btn.btn-primary {
|
|
color: #FFFFFF;
|
|
background-color: #ee3c4d;
|
|
border-color: #ee3c4d;
|
|
font-size: 0.5rem;
|
|
height: 35px;
|
|
padding: 5px 10px 17px;
|
|
}
|
|
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="container">
|
|
<div class="row" style="float: right;">
|
|
|
|
|
|
<div class="topnav-right" style="display: flex; ">
|
|
<h4>{{ data.script_name }} (version {{data.version_no}})</h4>
|
|
Generated from
|
|
{% if data.auto_populate %}
|
|
{% if data.version_no == 1 %}
|
|
(By converting a story)
|
|
{% else %}
|
|
(By Editing a previous version)
|
|
{% endif %}
|
|
{% else %}
|
|
(By uploading a new version)
|
|
{% endif %}
|
|
|
|
<button class="btn btn-primary mx-2 thicker" id="myBtn" onclick="$('#myModal').show();">Add Collaborator</b></button>
|
|
<div id="myModal" class="modal" style="display:none;">
|
|
<!-- Modal content -->
|
|
<div class="modal-content">
|
|
<div class="close11" onclick="$('#myModal').hide();">×</div>
|
|
<form action="{% url 'addcollab' data.script_id %}" method='post' >
|
|
<div class="form-group">
|
|
<label for="exampleInputName1" class="form-label">Name</label>
|
|
<input type="text" class="form-control" name="exampleInputName1" id="exampleInputName1" aria-describedby="nameHelp">
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="exampleInputEmail1" class="form-label">Email address</label>
|
|
<input type="email" class="form-control" name="exampleInputEmail1" id="exampleInputEmail1" aria-describedby="emailHelp">
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="exampleInputArea1" class="form-label">Area of collaboration</label>
|
|
<input type="text" class="form-control" name="exampleInputArea1" id="exampleInputArea1" aria-describedby="AreaHelp">
|
|
</div>
|
|
<div>
|
|
{% csrf_token %}
|
|
<button type="submit" class="btn btn-primary">Add Collaborator</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
console.log("Hereeeeeeeeee");
|
|
|
|
var ttyy = "{{b|safe}}";
|
|
|
|
console.log(ttyy);
|
|
ttyy.forEach(item => {
|
|
console.log(item);
|
|
})
|
|
|
|
for (let i = 0; i < ttyy.length; i++) {
|
|
console.log(ttyy[i]);
|
|
}
|
|
|
|
console.log(ttyy.collab_details);
|
|
|
|
</script>
|
|
|
|
<button class="btn btn-primary mx-2 thicker" id="ShareBtn" onclick="$('#ShareModal').show();">Share</button>
|
|
<div id="ShareModal" class="modal">
|
|
<!-- Modal content -->
|
|
<div class="modal-content">
|
|
<span class="close12" onclick="$('#ShareModal').hide();">×</span>
|
|
<form>
|
|
<div class="form-group">
|
|
<label for="Name2" class="form-label">Name</label>
|
|
<input type="text" class="form-control" id="Name2" aria-describedby="nameHelp">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="Email2" class="form-label">Email</label>
|
|
<input type="text" class="form-control" id="Email2" aria-describedby="emailHelp">
|
|
</div>
|
|
<input type="submit" class="button" value="Add more email field" onclick="addField(this);" />
|
|
</form>
|
|
<div>
|
|
<button type="submit" class="btn btn-primary"onclick="share_anything();">Share Now</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function share_anything(){
|
|
var name=document.getElementById("Name2").value;
|
|
var email=document.getElementById("Email2").value;
|
|
|
|
$.ajax({
|
|
type:"POST",
|
|
url:"{% url 'share_anything' %}",
|
|
data:{
|
|
'name':name,
|
|
'email':email,
|
|
'filename': "filename",
|
|
csrfmiddlewaretoken:$('input[name=csrfmiddlewaretoken').val()
|
|
|
|
|
|
},
|
|
success:function(response){
|
|
console.log("Raaaan successfully");
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
{% comment %} <script>
|
|
|
|
|
|
var modal2 = document.getElementById("ShareModal");
|
|
var btn2 = document.getElementById("ShareBtn");
|
|
var span2 = document.getElementsByClassName("close2")[0];
|
|
btn2.onclick = function() {
|
|
modal2.style.display = "block";
|
|
}
|
|
span2.onclick = function() {
|
|
modal2.style.display = "none";
|
|
}
|
|
window.onclick = function(event) {
|
|
if (event.target == modal) {
|
|
modal2.style.display = "none";
|
|
}
|
|
}
|
|
</script> {% endcomment %}
|
|
<button class="btn btn-primary mx-2 thicker" id="versionhistory_Btn" onclick="$('#versionhistory_modal').show();">Version history</button>
|
|
<div id="versionhistory_modal" class="modal">
|
|
<!-- Modal content -->
|
|
<script>
|
|
console.log("something");
|
|
console.log('{{version_data}}');
|
|
</script>
|
|
<div class="modal-content">
|
|
<span class="close13" onclick="$('#versionhistory_modal').hide();">×</span>
|
|
<table>
|
|
<thead>
|
|
<tr >
|
|
<th style="padding-left:9vw;"> Version No. </th>
|
|
<th style="padding-left:10vw;"> Go to Version No. </th>
|
|
<th style="padding-left:11vw;"> View your Script </th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
{% for i in version_data %}
|
|
<tr>
|
|
<td><label> Version {{i.version_no}} </label></td>
|
|
<td><a href="{% url 'ScriptPage' i.script_id %}"target="_blank"><button class="btn btn-primary mx-2 thicker" >Go to Version {{i.version_no}}</button></a>{{i.date_at}}</td>
|
|
<td><a href="../../media/{{i.script_file}}" target="_blank">View Script</a></td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
{% comment %} <script>
|
|
var versionhistory_modal = document.getElementById("versionhistory_modal");
|
|
var versionhistory_Btn = document.getElementById("versionhistory_Btn");
|
|
var span = document.getElementsByClassName("close")[0];
|
|
versionhistory_Btn.onclick = function() {
|
|
versionhistory_modal.style.display = "block";
|
|
}
|
|
span.onclick = function() {
|
|
versionhistory_modal.style.display = "none";
|
|
}
|
|
window.onclick = function(event) {
|
|
if (event.target == versionhistory_modal) {
|
|
versionhistory_modal.style.display = "none";
|
|
}
|
|
}
|
|
</script> {% endcomment %}
|
|
<button class="btn btn-primary mx-2 thicker" id="Newversion_Btn" onclick="$('#Newversion_modal').show();">Upload new version</button>
|
|
<div id="Newversion_modal" class="modal">
|
|
<!-- Modal content -->
|
|
<div class="modal-content">
|
|
<span class="close14" onclick="$('#Newversion_modal').hide();">×</span>
|
|
|
|
|
|
<form action="{% url 'new_version' script_id=data.script_id service='new_version_upload' %}" method='POST' enctype="multipart/form-data">
|
|
|
|
<div class="form-group">
|
|
{% csrf_token %}
|
|
<fieldset>
|
|
<input checked="checked" type="radio" name="sampleScript" id="message" value="false" /><label for="message"> Do not include in Sample Scripts</label><br />
|
|
<input type="radio" name="sampleScript" id="message" value="true" /><label for="message"> Include in Sample Scripts</label><br />
|
|
</fieldset>
|
|
<div class="col-sm-12 ml-3">
|
|
<input type="file" name="script" accept = "text/*" id="input_script" onchange="checkExt()" required>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Upload</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
{% comment %} <script>
|
|
var Newversion_modal = document.getElementById("Newversion_modal");
|
|
var Newversion_Btn = document.getElementById("Newversion_Btn");
|
|
var span = document.getElementsByClassName("close")[0];
|
|
Newversion_Btn.onclick = function() {
|
|
Newversion_modal.style.display = "block";
|
|
}
|
|
span.onclick = function() {
|
|
Newversion_modal.style.display = "none";
|
|
}
|
|
window.onclick = function(event) {
|
|
if (event.target == Newversion_modal) {
|
|
Newversion_modal.style.display = "none";
|
|
}
|
|
}
|
|
</script> {% endcomment %}
|
|
<button class="btn btn-primary mx-2 thicker" id="FreeupBtn" onclick="$('#FreeUpModal').show();">FreeUp Space</b></button>
|
|
<div id="FreeUpModal" class="modal" >
|
|
<!-- Modal content -->
|
|
<div class="modal-content">
|
|
<div class="close15" onclick="$('#FreeUpModal').hide();">×</div>
|
|
<fieldset>
|
|
<input type="radio" name="action" id="track" value="track" /><label for="track">Keep only the latest versin of everything</label><br />
|
|
<input type="radio" name="action" id="event" value="event" /><label for="event">Delete earlier versions of the script</label><br />
|
|
<input type="radio" name="action" id="message" value="message" /><label for="message">Delete earlier versions of the videos</label><br />
|
|
<input type="radio" name="action" id="message" value="message" onclick="$('#more17').toggle()" /><label for="message">Delete selectively</label><br />
|
|
<div class=" shadow mb-3" content="width=device-width, initial-scale=1.0" style=" justify-content:center;">
|
|
<div class="table-responsive-sm ">
|
|
<div class="dataTables_wrapper" id="more17" style="display: none; padding: 5%;">
|
|
<table id="example" class="display" style="width:100%;">
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold">Versions</td>
|
|
<td scope="col" class="font-weight-bold">One Pager</td>
|
|
<td scope="col" class="font-weight-bold">Story</td>
|
|
<td scope="col" class="font-weight-bold">Sample Script</td>
|
|
<td scope="col" class="font-weight-bold">Sample Narration</td>
|
|
<td scope="col" class="font-weight-bold">Full Script</td>
|
|
<td scope="col" class="font-weight-bold">Full Narration</td>
|
|
<td scope="col" class="font-weight-bold">Co-Author Names</td>
|
|
<td scope="col" class="font-weight-bold">Character Introduction</td>
|
|
<td scope="col" class="font-weight-bold">Full Narration</td>
|
|
</tr>
|
|
{% for i in version_data %}
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold">Version{{version_no}}</td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Delete</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Delete</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Delete</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Delete</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Delete</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Delete</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Delete</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Delete</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Delete</button></td>
|
|
|
|
</tr>
|
|
{% endfor %}
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<form action="/page_script/addcollab/" method='post'>
|
|
<div class="form-group">
|
|
{% csrf_token %}
|
|
<button type="submit" class="btn btn-primary">Done</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
{% comment %} <script>
|
|
var FreeUpModal = document.getElementById("FreeUpModal");
|
|
var FreeupBtn = document.getElementById("FreeupBtn");
|
|
var span = document.getElementsByClassName("close")[0];
|
|
FreeupBtn.onclick = function() {
|
|
FreeUpModal.style.display = "block";
|
|
}
|
|
span.onclick = function() {
|
|
FreeUpModal.style.display = "none";
|
|
}
|
|
window.onclick = function(event) {
|
|
if (event.target == FreeUpModal) {
|
|
FreeUpModal.style.display = "none";
|
|
}
|
|
}
|
|
</script> {% endcomment %}
|
|
</div>
|
|
</div>
|
|
<br><br>
|
|
<br>
|
|
<div class="flex-container my-4">
|
|
<div class="col-item mx-2">
|
|
<label for="auth-name" class="form-label">Author Name </label>
|
|
<input type="text" class="form-control" id="auth-name" value="{{data.author_name}}" readonly/>
|
|
</div>
|
|
{% if data.script_audited or data.auto_populate %}
|
|
<button class="btn btn-primary mx-2 thicker">Download</b></button>
|
|
{% endif %}
|
|
<a href="../../media/{{data.script_file.name}}" ><button class="btn btn-primary mx-2 thicker">View</b></button></a>
|
|
<a href="{% url 'scriptcard_version' data.script_id %}" class="btn btn-primary mx-2 thicker" >view script card</b></a>
|
|
<button class="btn btn-primary mx-2 thicker" id="script_shared_Btn">Shared With</b></button>
|
|
|
|
<div id="script_shared_modal" class="modal">
|
|
<!-- Modal content -->
|
|
<div class="modal-content">
|
|
<span id="closeShared" class="close">×</span>
|
|
|
|
{% comment %} {% for i in script_data %}
|
|
{{i.name}} {{i.email}} <br>
|
|
{% endfor %} {% endcomment %}
|
|
</div>
|
|
</div>
|
|
<script>
|
|
var script_shared_modal = document.getElementById("script_shared_modal");
|
|
var script_shared_Btn = document.getElementById("script_shared_Btn");
|
|
var span = document.getElementById("closeShared");
|
|
|
|
script_shared_Btn.onclick = function() {
|
|
script_shared_modal.style.display = "block";
|
|
}
|
|
|
|
span.onclick = function() {
|
|
console.log(span,"hi",script_shared_modal)
|
|
script_shared_modal.style.display = "none";
|
|
}
|
|
window.onclick = function(event) {
|
|
if (event.target == script_shared_modal) {
|
|
script_shared_modal.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
<div class="col-item mx-2">
|
|
<label for="copyr" class="form-label">Copyright </label>
|
|
<input type="text" class="form-control" id="copyr" value="{{data.copyright}}" readonly/>
|
|
<button class="btn btn-primary mx-2 thicker" id="CopyrightBtn">Update</button>
|
|
<div id="CopyrightModal" class="modal">
|
|
<!-- Modal content -->
|
|
<div class="modal-content">
|
|
<span id="copy" class="close">×</span>
|
|
<form action="{% url 'copyright_update' data.script_id %}" method='post' >
|
|
<div class="mb-3">
|
|
<label for="newcopyright" class="form-label">Name</label>
|
|
<input type="text" class="form-control" name="newcopyright" id="newcopyright" aria-describedby="AreaHelp">
|
|
<label for="newcopyrightemail" class="form-label">E-mail</label>
|
|
<input type="email" class="form-control" name="newcopyrightemail" id="newcopyrightemail" aria-describedby="AreaHelp">
|
|
</div>
|
|
<div>
|
|
{% csrf_token %}
|
|
<button type="submit" class="btn btn-primary">Update Copyright</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
var CopyrightModal = document.getElementById("CopyrightModal");
|
|
var CopyrightBtn = document.getElementById("CopyrightBtn");
|
|
var span = document.getElementById("copy");
|
|
|
|
CopyrightBtn.onclick = function() {
|
|
CopyrightModal.style.display = "block";
|
|
}
|
|
span.onclick = function() {
|
|
CopyrightModal.style.display = "none";
|
|
}
|
|
window.onclick = function(event) {
|
|
if (event.target == CopyrightModal) {
|
|
CopyrightModal.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
</div>
|
|
{% comment %} <div class="col-item mx-2">
|
|
<label for="copyr" class="form-label">Uploaded on </label>
|
|
<input type="text" class="form-control" id="copyr" value="{{uploadon}}" readonly/>
|
|
</div> {% endcomment %}
|
|
</div>
|
|
{% comment %} <div class="flex-container "> {% endcomment %}
|
|
{% comment %} <div class="col-item mx-2">
|
|
<label for="colab-names">Collaborators Name </label><br />
|
|
<input type="text" class="form-control" id="fname" name="fname" value="{{collaboratorname}}" readonly>
|
|
<!-- <select id="colab-names">
|
|
<option value="1" disabled>Collaborators Name</option>
|
|
<option value="2">Name1</option>
|
|
<option value="3">Name2</option>
|
|
<option value="4">Name3</option>
|
|
<option value="5">Name4</option>
|
|
<option value="6">Name5</option>
|
|
<option value="7">Name6</option>
|
|
</select> -->
|
|
<!-- <button for="colab-names mx-2" type="button" id="collab-name-delete" onclick="DeleteValues();">
|
|
<i class="fa fa-trash"></i>
|
|
</button> -->
|
|
</div> {% endcomment %}
|
|
{% comment %} <div class="col-item mx-2">
|
|
<label for="colab-mail">Email Id </label><br />
|
|
<input type="text" class="form-control" id="fname" name="fname" value="{{collaboratoremail}}" readonly>
|
|
|
|
<!-- <select id="colab-mail">
|
|
<option value="1" disabled>Email-Id</option>
|
|
<option value="2">mail1</option>
|
|
<option value="3">mail2</option>
|
|
<option value="4">mail3</option>
|
|
<option value="5">mail4</option>
|
|
<option value="6">mail5</option>
|
|
<option value="7">mail6</option>
|
|
</select>
|
|
<button for="colab-mail mx-2" type="button" id="collab-email-delete" onclick="DeleteMail();">
|
|
<i class="fa fa-trash"></i>
|
|
</button> -->
|
|
</div>
|
|
<div class="col-item mx-2">
|
|
<label for="colab-year">Collaborators Since</label><br />
|
|
<input type="text" class="form-control" id="fname" name="fname" value="{{collaboratorsince}}" readonly>
|
|
<!-- <select id="colab-year">
|
|
<option value="1" disabled>Collaborators Since</option>
|
|
<option value="2">Year1</option>
|
|
<option value="3">Year2</option>
|
|
<option value="4">Year3</option>
|
|
<option value="5">Year4</option>
|
|
<option value="6">Year5</option>
|
|
<option value="7">Year6</option>
|
|
</select>
|
|
<button for="colab-year mx-2" type="button" id="collab-since-delete" onclick="DeleteYear();">
|
|
<i class="fa fa-trash"></i>
|
|
</button> -->
|
|
</div> {% endcomment %}
|
|
{% comment %} <div class="col-item mx-2">
|
|
<button class="btn btn-sm btn-primary thicker">Message now</button>
|
|
</div> {% endcomment %}
|
|
{% comment %} <div class="col-item mx-2">
|
|
|
|
<button class="btn btn-sm btn-primary thicker"id="addcollabbtn" onclick="addcollabcall();">Add collaborators</button>
|
|
|
|
</div> {% endcomment %}
|
|
|
|
</div>
|
|
{% comment %} <form id="add_collabb">
|
|
<div class="flex-container">
|
|
|
|
{% csrf_token %}
|
|
<div id="newElementId"></div>
|
|
<!-- <div class="col-item mx-2">
|
|
<input type="text" name="collab_name" maxlength="100" id="name_text">
|
|
</div> -->
|
|
<!-- <div class="col-item mx-2">
|
|
<input type="text" name="collab_name" maxlength="100" id="email_text">
|
|
</div> -->
|
|
|
|
|
|
</div>
|
|
</form> {% endcomment %}
|
|
|
|
<div class="flex-container my-2">
|
|
|
|
<div class="col-item mx-2">
|
|
<label for="copyr" class="form-label">Last Edited on: Date </label>
|
|
<input type="text" class="form-control" id="copyr" value="{{data.last_edited_on}}" readonly/>
|
|
</div>
|
|
<div class="col-item">
|
|
<a href="https://mynextfilm.com/scriptpad/#/{{data.script_id}}" <button class="btn btn-primary btn-sm thicker">Edit Now</button></a>
|
|
</div>
|
|
<div class="col-item">
|
|
<select>
|
|
<option value="default">Translate now</option>
|
|
{% for language in languages %}
|
|
<option value="{{ language.id }}">{{language}}</option>
|
|
{% if selected == item %}selected{% endif %}
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
|
|
<div class="col-item mx-2">
|
|
<label for="copyr" class="form-label"> Last Audited on Date </label>
|
|
{% if audit_date == '' %}
|
|
<input class="form-control input-lg py-3" type="text" value="N/A" readonly>
|
|
{% else %}
|
|
<input class="form-control input-lg py-3" type="text" value="{{audit_date}}" readonly>
|
|
{% endif %}
|
|
|
|
|
|
|
|
</div>
|
|
|
|
{% if audit_status == 2 %}
|
|
|
|
<div class="col-item">
|
|
<a class="btn btn-primary btn-sm thicker" href="../../media/{{ audit_report |media_cutter:'/media/'}}">Download Audit Report</a>
|
|
</div>
|
|
{% elif audit_status == 1 %}
|
|
<div class="col-item">
|
|
<input type="text" value="Auditing..." disabled />
|
|
</div>
|
|
{% elif audit_status == 0 %}
|
|
<div class="col-item">
|
|
<a href="{% url 'services' data.script_id "Audit" %}"><button class="btn btn-primary btn-sm thicker">Audit Now</button></a>
|
|
</div>
|
|
{% endif %}
|
|
{% if data.vectors_made %}
|
|
<div class="col-item">
|
|
<label class="border p-2 text-dark"> Vector already created </label>
|
|
</div>
|
|
{% else %}
|
|
<div class="col-item">
|
|
<a href="{% url 'services' data.script_id "Vector" %}"><button class="btn btn-primary btn-sm thicker">Create vector </button></a>
|
|
</div>
|
|
{% endif %}
|
|
<div class="col-item">
|
|
<a type="button" class="btn btn-primary btn-sm thicker" href="{% url 'services' data.script_id "Conversion" %}">Convert your Script</a>
|
|
</div>
|
|
<div class="col-item">
|
|
<a href="{% url 'showcase' %}"><button class="btn btn-primary btn-sm thicker">Setup an auction now</button></a>
|
|
</div>
|
|
|
|
{% comment %} to be done {% endcomment %}
|
|
<script>
|
|
function disable_func(btn){
|
|
btn.disabled=true;
|
|
}
|
|
|
|
{% comment %} var arr=["One Pager(PDF)"]
|
|
|
|
sessionStorage.setItem("arr", JSON.stringify(arr)); {% endcomment %}
|
|
</script>
|
|
|
|
|
|
|
|
{% comment %} <div class="col-item">
|
|
<!-- <label class="font-weight-bold" for="ex3">Translated on</label>
|
|
<input type="text" class="form-control" placeholder="Add more" aria-label="Add more" /> -->
|
|
<button class="btn btn-primary btn-sm thicker">Translate Now</button>
|
|
</div>
|
|
|
|
<div class="col-item">
|
|
<!-- <label class="font-weight-bold" for="ex3">Narrated on</label>
|
|
<input type="text" class="form-control" placeholder="Add more" aria-label="Add more" /> -->
|
|
<button class="btn btn-primary btn-sm thicker">Narrate Now</button>
|
|
</div>
|
|
<div class="col-item">
|
|
<button class="btn btn-primary btn-sm thicker">Edit onepager</button>
|
|
</div>
|
|
|
|
<div class="col-item">
|
|
<!-- <label class="font-weight-bold" for="ex3">Dummy video created on</label>
|
|
<input type="text" class="form-control" placeholder="Add more" aria-label="Add more" /> -->
|
|
<button class="btn btn-primary btn-sm thicker">Create Dummy Video</button>
|
|
</div>
|
|
|
|
<div class="col-item">
|
|
<!-- <label class="font-weight-bold" for="ex3">Project created on</label>
|
|
<input type="text" class="form-control" placeholder="Add more" aria-label="Add more" /> -->
|
|
<button class="btn btn-primary btn-sm thicker">Create Project</button>
|
|
</div> {% endcomment %}
|
|
|
|
|
|
</div>
|
|
<div class="flex-container my-3">
|
|
<div class="row d-flex">
|
|
{% if data.logline_editcheck %}
|
|
|
|
<form action="{% url 'logline_save' %}" method="post">
|
|
<div class="col-sm-8 d-flex">
|
|
<label class="font-weight-bold" for="logline">Logline </label>
|
|
|
|
|
|
{% csrf_token %}
|
|
<input type="text" class="form-control input-lg py-3" name = "logline_saved" placeholder="{{pitchvector.logline}}" aria-label="logline" id="logline_saved"/>
|
|
<input type="hidden" value="{{ data.script_id }}" name="script_id"/>
|
|
<button type = "submit" class="btn btn-primary ">Save</button>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
{% else %}
|
|
<div class="col-sm-8 d-flex ">
|
|
<label class="font-weight-bold" for="logline">Logline </label>
|
|
<input type="text" class="form-control input-lg py-3" placeholder="{{pitchvector.logline}}" aria-label="logline" id="logline"readonly/>
|
|
<a href="{% url 'logline_edit' data.script_id %}"><button class="btn btn-primary ">Edit</button></a>
|
|
</div>
|
|
|
|
{% endif %}
|
|
<div class="col-sm-3 mt-3">
|
|
<form action="{% url 'logline_translate' %}" method='post' enctype="multipart/form-data">
|
|
|
|
{% csrf_token %}
|
|
<input type= "hidden" name = "script_id" value="{{ data.script_id }}">
|
|
<select name = 'logline_dest_lang'>
|
|
|
|
<option value="" disabled>Translate into a new language</option>
|
|
{% for language in languages %}
|
|
<option value="{{ language }}">{{language}}</option>
|
|
{% if selected == item %}selected{% endif %}
|
|
{% endfor %}
|
|
</select>
|
|
<input type="submit" class="btn btn-primary " value="submit">
|
|
</form>
|
|
</div>
|
|
<div class="col-sm-3 ">
|
|
|
|
<button class="btn btn-primary my-2" id="logline-shared" onclick="$('#logline_shared_modal').show();">Shared with</button>
|
|
<div id="logline_shared_modal" class="modal" style="display:none;">
|
|
<!-- Modal content -->
|
|
<div class="modal-content">
|
|
<span class="close" onclick="$('#logline_shared_modal').hide();">×</span>
|
|
Hello
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-sm-3 ">
|
|
|
|
<button class="btn btn-primary my-2" id="logline-share">Share Now</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% comment %} {% for i in b.test %}
|
|
{{i.collab_name}}
|
|
{% endfor %}
|
|
{% for i in collab_details %}
|
|
{% for j in b.i.collab_name %}
|
|
{{j.collab_name}}
|
|
{% endfor %}
|
|
{% endfor %} {% endcomment %}
|
|
<div class="row text-center" style="background-color: #ee3c4d; color: #fff; border-radius: 5px; margin-top: 10px;">
|
|
<label class="font-weight-bold my-2" for="ex3"><b>Collaborators' Details </b><input type="checkbox" name="" onclick="Collaborator()" id="Collaborator"></label>
|
|
</div>
|
|
|
|
<div class=" shadow mb-3" content="width=device-width, initial-scale=1.0" style=" justify-content:center;">
|
|
|
|
<div class="table-responsive-sm ">
|
|
<style>
|
|
.custom-checkbox input[type="checkbox"],
|
|
.custom-checkbox .checked {
|
|
display: none;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.checked {
|
|
display: inline-block;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.unchecked {
|
|
display: none;
|
|
}
|
|
th {
|
|
font-size: 13px;
|
|
border-collapse: collapse;
|
|
border: 1px solid black;
|
|
background-color: #fff;
|
|
}
|
|
|
|
td {
|
|
font-size: 13px;
|
|
height: 30px;
|
|
height: auto;
|
|
border: 1px solid black;
|
|
border-collapse: collapse;
|
|
text-align: center;
|
|
background-color: #fff;
|
|
}
|
|
|
|
table{
|
|
background-color: #ff0000;
|
|
}
|
|
</style>
|
|
<div class="dataTables_wrapper" id="more1" style="display: none; padding: 5%;">
|
|
|
|
<table id="example" class="display" style="width:100%;">
|
|
<thead>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<th scope="col" class="font-weight-bold" >S No.</th>
|
|
<th scope="col" class="font-weight-bold" >Collaborators' Names</th>
|
|
<th scope="col" class="font-weight-bold">Email ID</th>
|
|
<th scope="col" class="font-weight-bold">Collaborator since</th>
|
|
<th scope="col" class="font-weight-bold">Area of Collaboration</th>
|
|
<th scope="col" class="font-weight-bold">Message Now</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for c in collab_details %}
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >{{forloop.counter}}</td>
|
|
<td scope="col" class="font-weight-bold" >{{c.collab_name}}</td>
|
|
<td scope="col" class="font-weight-bold">{{c.collab_email}}</td>
|
|
<td scope="col" class="font-weight-bold">{{c.collab_from}}</td>
|
|
<td scope="col" class="font-weight-bold">{{c.collab_area}}</td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm" onclick="message_email(this)" value="{{c.collab_email}}">Message Now</button></td>
|
|
<div id="MessageModal" class="modal">
|
|
<!-- Modal content -->
|
|
<div class="modal-content">
|
|
<span class="close1">×</span>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
<input type="text" name="collab_email "id="collab_email" value="" class="form-label" readonly style="display:none">
|
|
<label for="Message1" class="form-label">Message</label>
|
|
<input type="text" class="form-control" id="Message1" name="collab_message" aria-describedby="nameHelp">
|
|
</div>
|
|
|
|
|
|
<div>
|
|
<input type="submit" class="btn btn-primary" value="send message" onclick="message_collab();">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<script>
|
|
function message_collab(){
|
|
var modal1 = document.getElementById("MessageModal");
|
|
var email=document.getElementById("collab_email").value;
|
|
var message=document.getElementById("Message1").value;
|
|
|
|
$.ajax({
|
|
type:"POST",
|
|
url:"{% url 'collab_email' %}",
|
|
data:{
|
|
'email':email,
|
|
'message':message,
|
|
|
|
csrfmiddlewaretoken:$('input[name=csrfmiddlewaretoken').val()
|
|
|
|
|
|
},
|
|
success:function(response){
|
|
console.log("Raaaan successfully");
|
|
modal1.style.display="none";
|
|
}
|
|
});
|
|
}
|
|
|
|
</script>
|
|
<script>
|
|
function message_email(btn){
|
|
var modal1 = document.getElementById("MessageModal");
|
|
modal1.style.display = "block";
|
|
var email=btn.value;
|
|
document.getElementById("collab_email").value=email;
|
|
var span1 = document.getElementsByClassName("close1")[0];
|
|
span1.onclick = function() {
|
|
modal1.style.display = "none";
|
|
}
|
|
|
|
}
|
|
</script>
|
|
<script>
|
|
|
|
var modal1 = document.getElementById("MessageModal");
|
|
console.log("Hello");
|
|
var btn1 = document.getElementById("MessageBtn");
|
|
console.log(btn1.value);
|
|
|
|
var email = btn1.value;
|
|
|
|
var span1 = document.getElementsByClassName("close1")[0];
|
|
|
|
btn1.onclick = function() {
|
|
document.getElementById("collab_email").value=email;
|
|
|
|
|
|
|
|
modal1.style.display = "block";
|
|
}
|
|
span1.onclick = function() {
|
|
modal1.style.display = "none";
|
|
}
|
|
window.onclick = function(event) {
|
|
if (event.target == modal) {
|
|
modal1.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
<script>
|
|
function Collaborator() {
|
|
var checkBox = document.getElementById("Collaborator");
|
|
var text = document.getElementById("more1");
|
|
if (checkBox.checked == true){
|
|
text.style.display = "block";
|
|
} else {
|
|
text.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row text-center" style="background-color: #ee3c4d; color: #fff; border-radius: 5px; margin-top: 10px;">
|
|
<label class="font-weight-bold my-2" for="ex3"><b>screenplay Details </b><input type="checkbox" name="" onclick="Screenplay()" id="Screenplay"></label>
|
|
</div>
|
|
<div class=" shadow mb-3" content="width=device-width, initial-scale=1.0" style=" justify-content:center;">
|
|
|
|
<div class="table-responsive-sm ">
|
|
<style>
|
|
.custom-checkbox input[type="checkbox"],
|
|
.custom-checkbox .checked {
|
|
display: none;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.checked {
|
|
display: inline-block;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.unchecked {
|
|
display: none;
|
|
}
|
|
th {
|
|
font-size: 13px;
|
|
border-collapse: collapse;
|
|
border: 1px solid white;
|
|
}
|
|
|
|
td {
|
|
font-size: 13px;
|
|
height: 30px;
|
|
height: auto;
|
|
border: 1px solid white;
|
|
border-collapse: collapse;
|
|
text-align: center;
|
|
}
|
|
|
|
table,
|
|
th,
|
|
td {
|
|
table-layout: fixed;
|
|
word-wrap: break-word;
|
|
}
|
|
</style>
|
|
<div class="dataTables_wrapper" id="more2" style="display: none; padding: 5%;">
|
|
|
|
<table id="example" class="display" style="width:100%;">
|
|
<tbody>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >Language of Screenplay</td>
|
|
{% if MNFDatabase.actionline_language|length == 0 %}
|
|
<td scope="col" class="font-weight-bold" ><input type="text" class="form-control" id="copyr" value="{{uploadon}}"/></td>
|
|
{% else %}
|
|
<td scope="col" class="font-weight-bold" >{{MNFDatabase.actionline_language}}</td>
|
|
{% endif %}
|
|
<td scope="col" class="font-weight-bold" >Script of Screenplay</td>
|
|
{% if MNFDatabase.actionline_script_language|length == 0 %}
|
|
<td scope="col" class="font-weight-bold" ><input type="text" class="form-control" id="copyr" value="{{uploadon}}"/></td>
|
|
{% else %}
|
|
<td scope="col" class="font-weight-bold" >{{MNFDatabase.actionline_script_language}}</td>
|
|
{% endif %}
|
|
<td scope="col" class="font-weight-bold">Language of Dialogues</td>
|
|
{% if MNFDatabase.dialogues_language|length == 0 %}
|
|
<td scope="col" class="font-weight-bold" ><input type="text" class="form-control" id="copyr" value="{{uploadon}}"/></td>
|
|
{% else %}
|
|
<td scope="col" class="font-weight-bold" >{{MNFDatabase.dialogues_language}}</td>
|
|
{% endif %}
|
|
<td scope="col" class="font-weight-bold">Script of Dialogues</td>
|
|
{% if MNFDatabase.dialogues_script_language|length == 0 %}
|
|
<td scope="col" class="font-weight-bold" ><input type="text" class="form-control" id="copyr" value="{{uploadon}}"/></td>
|
|
{% else %}
|
|
<td scope="col" class="font-weight-bold" >{{MNFDatabase.dialogues_script_language}}</td>
|
|
{% endif %}
|
|
</tr>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >Uploaded On</td>
|
|
{% if MNFDatabase.date_at|length == 0 %}
|
|
<td scope="col" class="font-weight-bold" ><input type="text" class="form-control" id="copyr" value="{{uploadon}}"/></td>
|
|
{% else %}
|
|
<td scope="col" class="font-weight-bold" >{{MNFDatabase.date_at}}</td>
|
|
{% endif %}
|
|
<td scope="col" class="font-weight-bold" >Script status</td>
|
|
<td scope="col" class="font-weight-bold" ><input type="text" class="form-control" id="copyr" value="{{uploadon}}"/></td>
|
|
<td scope="col" class="font-weight-bold">Script Genre</td>
|
|
{% if pitchvector.genre|length == 0 %}
|
|
<td scope="col" class="font-weight-bold" ><input type="text" class="form-control" id="copyr" value="{{uploadon}}"/></td>
|
|
{% else %}
|
|
<td scope="col" class="font-weight-bold" >{{pitchvector.genre}}</td>
|
|
{% endif %}
|
|
<td scope="col" class="font-weight-bold">Number of pages</td>
|
|
{% if MNFDatabase.numPages|length == 0 %}
|
|
<td scope="col" class="font-weight-bold" ><input type="text" class="form-control" id="copyr" value="{{uploadon}}"/></td>
|
|
{% else %}
|
|
<td scope="col" class="font-weight-bold" >{{MNFDatabase.numPages}}</td>
|
|
{% endif %}
|
|
</tr>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >No. of Characters</td>
|
|
<td scope="col" class="font-weight-bold" ><input type="text" class="form-control" id="copyr" value="{{uploadon}}"/></td>
|
|
<td scope="col" class="font-weight-bold" >No. of scenes</td>
|
|
<td scope="col" class="font-weight-bold" ><input type="text" class="form-control" id="copyr" value="{{uploadon}}"/></td>
|
|
<td scope="col" class="font-weight-bold">Set in (Time)</td>
|
|
{% if pitchvector.timeperiod|length == 0 %}
|
|
<td scope="col" class="font-weight-bold" ><input type="text" class="form-control" id="copyr" value="{{uploadon}}"/></td>
|
|
{% else %}
|
|
<td scope="col" class="font-weight-bold" >{{pitchvector.timeperiod}}</td>
|
|
{% endif %}
|
|
<td scope="col" class="font-weight-bold">Set in (Space)</td>
|
|
{% if pitchvector.geography|length == 0 %}
|
|
<td scope="col" class="font-weight-bold" ><input type="text" class="form-control" id="copyr" value="{{uploadon}}"/></td>
|
|
{% else %}
|
|
<td scope="col" class="font-weight-bold" >{{pitchvector.geography}}</td>
|
|
{% endif %}
|
|
</tr>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >No. of locations(as per script)</td>
|
|
<td scope="col" class="font-weight-bold" ><input type="text" class="form-control" id="copyr" value="{{uploadon}}"/></td>
|
|
<td scope="col" class="font-weight-bold" >Shooting locations</td>
|
|
<td scope="col" class="font-weight-bold" ><input type="text" class="form-control" id="copyr" value="{{uploadon}}"/></td>
|
|
<td scope="col" class="font-weight-bold">Optimal Budget</td>
|
|
{% if pitchvector.film_budget|length == 0 %}
|
|
<td scope="col" class="font-weight-bold" ><input type="text" class="form-control" id="copyr" value="{{uploadon}}"/></td>
|
|
{% else %}
|
|
<td scope="col" class="font-weight-bold" >{{pitchvector.film_budget}}</td>
|
|
{% endif %}
|
|
<td scope="col" class="font-weight-bold">Special Requirements</td>
|
|
{% if pitchvector.special_preparation|length == 0 %}
|
|
<td scope="col" class="font-weight-bold" ><input type="text" class="form-control" id="copyr" value="{{uploadon}}"/></td>
|
|
{% else %}
|
|
<td scope="col" class="font-weight-bold" >{{pitchvector.special_preparation}}</td>
|
|
{% endif %}
|
|
</tr>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >Characters</td>
|
|
<td scope="col" class="font-weight-bold" colspan=5>
|
|
{% for i in character_details %}
|
|
<td>
|
|
<tr>
|
|
{{ i.character_name }}
|
|
</tr>
|
|
</td>
|
|
{{ i.character_name }}
|
|
{% endfor %}
|
|
</td>
|
|
<td scope="col" class="font-weight-bold" ><button class="btn btn-primary my-2" id="logline-shared" onclick="$('#Character_list').show();">Show all characters </button></td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
</tr>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >Locations</td>
|
|
<td scope="col" class="font-weight-bold" colspan=7>
|
|
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<script>
|
|
function Screenplay() {
|
|
var checkBox = document.getElementById("Screenplay");
|
|
var text = document.getElementById("more2");
|
|
if (checkBox.checked == true){
|
|
text.style.display = "block";
|
|
} else {
|
|
text.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row text-center" style="background-color: #ee3c4d; color: #fff; border-radius: 5px; margin-top: 10px;">
|
|
<label class="font-weight-bold my-2" for="ex3"><b>Auction Details </b><input type="checkbox" name="" onclick="Auction()" id="Auction"></label>
|
|
</div>
|
|
<div class=" shadow mb-3" content="width=device-width, initial-scale=1.0" style=" justify-content:center;">
|
|
|
|
<div class="table-responsive-sm ">
|
|
<style>
|
|
.custom-checkbox input[type="checkbox"],
|
|
.custom-checkbox .checked {
|
|
display: none;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.checked {
|
|
display: inline-block;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.unchecked {
|
|
display: none;
|
|
}
|
|
th {
|
|
font-size: 13px;
|
|
border-collapse: collapse;
|
|
border: 1px solid white;
|
|
}
|
|
|
|
td {
|
|
font-size: 13px;
|
|
height: 30px;
|
|
height: auto;
|
|
border: 1px solid white;
|
|
border-collapse: collapse;
|
|
text-align: center;
|
|
}
|
|
|
|
table,
|
|
th,
|
|
td {
|
|
table-layout: fixed;
|
|
word-wrap: break-word;
|
|
}
|
|
</style>
|
|
<div class="dataTables_wrapper" id="more12" style="display: none; padding: 5%;">
|
|
|
|
<table id="example" class="display" style="width:100%;">
|
|
<thead>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<th scope="col" class="font-weight-bold">Auction For</th>
|
|
<th scope="col" class="font-weight-bold">Status</th>
|
|
<th scope="col" class="font-weight-bold">Date of Start</th>
|
|
<th scope="col" class="font-weight-bold">Open Till</th>
|
|
<th scope="col" class="font-weight-bold">Reserve Price</th>
|
|
<th scope="col" class="font-weight-bold">No. of Bidders</th>
|
|
<th scope="col" class="font-weight-bold">No. of Bids</th>
|
|
<th scope="col" class="font-weight-bold">Current/Highest Bid</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% if ongoing %}
|
|
{% for i in ongoing reversed %}
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold">{{i.auction_details.projecttitle}} <b style="font-weight:800;">:</b> {{i.auction_details.loglines}}</td>
|
|
<td scope="col" class="font-weight-bold">Ongoing</td>
|
|
<td scope="col" class="font-weight-bold">{{i.auction_start_date}}</td>
|
|
<td scope="col" class="font-weight-bold">{{i.auction_end_date}}</td>
|
|
<td scope="col" class="font-weight-bold">{{i.currency}} {{i.reserve_price}}</td>
|
|
<td scope="col" class="font-weight-bold">{{i.no_of_bidders}}</td>
|
|
<td scope="col" class="font-weight-bold">{{i.no_of_bids}}</td>
|
|
<td scope="col" class="font-weight-bold">{{i.currency}} {{i.highest_bid}}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% if upcoming %}
|
|
{% for i in upcoming reversed %}
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold">{{i.auction_details.projecttitle}} <b style="font-weight:800;">:</b> {{i.auction_details.loglines}}</td>
|
|
<td scope="col" class="font-weight-bold">Upcoming</td>
|
|
<td scope="col" class="font-weight-bold">{{i.auction_start_date}}</td>
|
|
<td scope="col" class="font-weight-bold">{{i.auction_end_date}}</td>
|
|
<td scope="col" class="font-weight-bold">{{i.currency}} {{i.reserve_price}}</td>
|
|
<td scope="col" class="font-weight-bold">{{i.no_of_bidders}}</td>
|
|
<td scope="col" class="font-weight-bold">{{i.no_of_bids}}</td>
|
|
<td scope="col" class="font-weight-bold">{{i.currency}} {{i.highest_bid}}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% if past %}
|
|
{% for i in past reversed %}
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold">{{i.auction_details.projecttitle}} <b style="font-weight:800;">:</b> {{i.auction_details.loglines}}</td>
|
|
<td scope="col" class="font-weight-bold">Closed</td>
|
|
<td scope="col" class="font-weight-bold">{{i.auction_start_date}}</td>
|
|
<td scope="col" class="font-weight-bold">{{i.auction_end_date}}</td>
|
|
<td scope="col" class="font-weight-bold">{{i.currency}} {{i.reserve_price}}</td>
|
|
<td scope="col" class="font-weight-bold">{{i.no_of_bidders}}</td>
|
|
<td scope="col" class="font-weight-bold">{{i.no_of_bids}}</td>
|
|
<td scope="col" class="font-weight-bold">{{i.currency}} {{i.highest_bid}}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</tbody>
|
|
</table>
|
|
<script>
|
|
function Auction() {
|
|
var checkBox = document.getElementById("Auction");
|
|
var text = document.getElementById("more12");
|
|
if (checkBox.checked == true){
|
|
text.style.display = "block";
|
|
} else {
|
|
text.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row text-center" style="background-color: #ee3c4d; color: #fff; border-radius: 5px; margin-top: 10px;">
|
|
<label class="font-weight-bold my-2" for="ex3"><b>Viewing Permissions </b><input type="checkbox" name="" onclick="$('#more13').toggle()" id=""></label>
|
|
</div>
|
|
<div class=" shadow mb-3" content="width=device-width, initial-scale=1.0" style=" justify-content:center;">
|
|
|
|
<div class="table-responsive-sm ">
|
|
<style>
|
|
.custom-checkbox input[type="checkbox"],
|
|
.custom-checkbox .checked {
|
|
display: none;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.checked {
|
|
display: inline-block;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.unchecked {
|
|
display: none;
|
|
}
|
|
|
|
th {
|
|
font-size: 13px;
|
|
border-collapse: collapse;
|
|
border: 1px solid white;
|
|
}
|
|
|
|
td {
|
|
font-size: 13px;
|
|
height: 30px;
|
|
height: auto;
|
|
border: 1px solid white;
|
|
border-collapse: collapse;
|
|
text-align: center;
|
|
}
|
|
|
|
table,
|
|
th,
|
|
td {
|
|
table-layout: fixed;
|
|
word-wrap: break-word;
|
|
}
|
|
</style>
|
|
<div class="dataTables_wrapper" id="more13" style="display: none; padding: 5%;">
|
|
|
|
<table class="table table-hover table-sm p-3" style="width:auto;margin:auto;">
|
|
<thead class="py-2">
|
|
<tr>
|
|
<th style="text-align:center;" scope="col " class="font-weight-bold"> </th>
|
|
<th style="text-align:center;" scope="col " class="font-weight-bold one-pager-elements">One Pager</th>
|
|
<th style="text-align:center;" scope="col " class="font-weight-bold story-elements">Story</th>
|
|
<th style="text-align:center;" scope="col " class="font-weight-bold sample-script-elements">Sample Script</th>
|
|
<th style="text-align:center;" scope="col " class="font-weight-bold sample-narration-elements">Sample Narration</th>
|
|
<th style="text-align:center;" scope="col " class="font-weight-bold full-script-elements">Full Script</th>
|
|
<th scope="col " class="font-weight-bold full-narration-elements">Full Narration</th>
|
|
{% comment %} <th style="text-align:center;" scope="col " class="font-weight-bold co-authors-name-elements">Co - authors name</th> {% endcomment %}
|
|
<th style="text-align:center;" scope="col " class="font-weight-bold script-analysis-elements">Script Analysis</th>
|
|
<th style="text-align:center;" scope="col " class="font-weight-bold character-introduction-elements">Character Introduction</th>
|
|
<th style="text-align:center;" scope="col " class="font-weight-bold sample-footage-elements">Sample Footage</th>
|
|
<th style="text-align:center;" scope="col " class="font-weight-bold sample-footage-elements">Pitcdeck</th>
|
|
<!-- <th scope="col " class="font-weight-bold">Duration</th> -->
|
|
<!-- <th scope="col " class="font-weight-bold">More details</th> -->
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<th class="font-weight-bold" scope="row " style="text-align:center;"> Anyone</th>
|
|
|
|
<td style="text-align:center;">
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyonepager" value="Anyonepager" id="AllOnePager"
|
|
checked="true" class="one-pager-elements selectany" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="UnAnyonepager" value="UnAnyonepager" id="AllOnePager"
|
|
class="one-pager-elements deselect" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked class=" one-pager-elements"" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked class=" one-pager-elements"" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
|
|
<td style="text-align:center;">
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyonestory" value="Anyonestory" id="AllStory"
|
|
checked="true" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyonestory" value="Anyonestory" id="AllStory" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td style="text-align:center;">
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyonescript" value="Anyonescript" id="AllSampleScript"
|
|
checked="true" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyonescript" value="Anyonescript"
|
|
id="AllSampleScript" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td style="text-align:center;">
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyonenarration" value="Anyonenarration"
|
|
id="AllSampleNarration" checked="true" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyonenarration" value="Anyonenarration"
|
|
id="AllSampleNarration" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td style="text-align:center;">
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyonefscript" value="Anyonefscript" id="AllFullScript"
|
|
checked="true" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyonefscript" value="Anyonefscript"
|
|
id="AllFullScript" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td style="text-align:center;">
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyonefnarration" value="Anyonefnarration"
|
|
id="AllFullNarration" checked="true" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyonefnarration" value="Anyonefnarration"
|
|
id="AllFullNarration" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
{% comment %} <td style="text-align:center;">
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyoneauthor" value="Anyoneauthor" id="AllCo-AuthorsName"
|
|
checked="true" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyoneauthor" value="Anyoneauthor"
|
|
id="AllCo-AuthorsName" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td> {% endcomment %}
|
|
<td style="text-align:center;">
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyonedetail" value="Anyonedetail" id="AllScriptDetails"
|
|
checked="true" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyonedetail" value="Anyonedetail"
|
|
id="AllScriptDetails" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td style="text-align:center;">
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyoneintro" value="Anyoneintro"
|
|
id="AllCharacterIntroduce" checked="true" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyoneintro" value="Anyoneintro"
|
|
id="AllCharacterIntroduce" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td style="text-align:center;">
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyonefootage" value="Anyonefootage"
|
|
id="AllSampleFootage" checked="true" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyonefootage" value="Anyonefootage"
|
|
id="AllSampleFootage" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td style="text-align:center;">
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyonefootage" value="Anyonefootage"
|
|
id="AllSampleFootage" checked="true" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyonefootage" value="Anyonefootage"
|
|
id="AllSampleFootage" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
|
|
</tr>
|
|
<tr style="text-align: center" ;>
|
|
|
|
<th scope="row " class="font-weight-bold">Any auction bidder</th>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="checkstar('onepager',this.checked);star({{i.id}});" name="auctionpager" id="checkbox-{{i.id}}" value = "Any auction bidder"
|
|
class="one-pager onepager_select" checked="true" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="checkstar('onepager',this.checked);star({{i.id}});" name="auctionpager" id="checkbox-{{i.id}}" value="Any auction bidder"
|
|
class="one-pager onepager_select" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="auctionstory" id="checkbox-{{i.id}}" checked="true" value="Any auction bidder"
|
|
class="anyone-story" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="auctionstory" id="checkbox-{{i.id}}" value="Any auction bidder"
|
|
class="anyone-story" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="auctionscript" id="checkbox-{{i.id}}" value="Any auction bidder"
|
|
checked="true" class="anyone-sample-script" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="auctionscript" id="checkbox-{{i.id}}" value="Any auction bidder"
|
|
class="anyone-sample-script" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod;"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="auctionnarration" value="Any auction bidder" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-sample-narration" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="auctionnarration" value="Any auction bidder" id="checkbox-{{i.id}}"
|
|
class="anyone-sample-narration" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="auctionfscript" id="checkbox-{{i.id}}" value="Any auction bidder"
|
|
checked="true" class="anyone-full-script" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="auctionfscript" value="Any auction bidder" id="checkbox-{{i.id}}"
|
|
class="anyone-full-script" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="auctionfnarration" value="Any auction bidder" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-full-narration" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="auctionfnarration" value="Any auction bidder" id="checkbox-{{i.id}}"
|
|
class="anyone-full-narration" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
{% comment %} <td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="auctionauthor" value="auctionauthor" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-co-authors-name" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="auctionauthor" value="auctionauthor" id="checkbox-{{i.id}}"
|
|
class="anyone-co-authors-name" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td> {% endcomment %}
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="auctiondetails" value="Any auction bidder" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-script-details" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="auctiondetails" value="Any auction bidder" id="checkbox-{{i.id}}"
|
|
class="anyone-script-details" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="auctionintro" value="Any auction bidder" id="checkbox-{{i.id}}" checked="true"
|
|
class="anyone-character-introduce" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="auctionintro" value="Any auction bidder" id="checkbox-{{i.id}}"
|
|
class="anyone-character-introduce" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="auctionfootage" value="Any auction bidder" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-sample-footage" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="auctionfootage" value="Any auction bidder" id="checkbox-{{i.id}}"
|
|
class="anyone-sample-footage" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="auctionfootage" value="Any auction bidder" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-sample-footage" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="auctionfootage" value="Any auction bidder" id="checkbox-{{i.id}}"
|
|
class="anyone-sample-footage" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
|
|
</tr>
|
|
<tr style="text-align: center" ;>
|
|
|
|
<th scope="row " class="font-weight-bold">Anyone after signing NDA</th>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="checkstar('onepager',this.checked);star({{i.id}});" name="Anyoneafterpager" value="Any auction bidder" id="checkbox-{{i.id}}"
|
|
checked="true" class="one-pager" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="checkstar('onepager',this.checked);star({{i.id}});" name="Anyoneafterpager" value="Any auction bidder" id="checkbox-{{i.id}}"
|
|
class="one-pager" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyoneafterstory" value="Anyone after signing NDA" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-story" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyoneafterstory" value="Anyone after signing NDA" id="checkbox-{{i.id}}"
|
|
class="anyone-story" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyoneafterscript" value="Anyone after signing NDA" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-sample-script" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyoneafterscript" value="Anyone after signing NDA" id="checkbox-{{i.id}}"
|
|
class="anyone-sample-script" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyoneafternarration" value="Anyone after signing NDA" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-sample-narration" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyoneafternarration" value="Anyone after signing NDA" id="checkbox-{{i.id}}"
|
|
class="anyone-sample-narration" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyoneafterfscript" value="Anyone after signing NDA" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-full-script" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyoneafterfscript" value="Anyone after signing NDA" id="checkbox-{{i.id}}"
|
|
class="anyone-full-script" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyoneafterfnarration" value="Anyone after signing NDA" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-full-narration" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyoneafterfnarration" value="Anyone after signing NDA" id="checkbox-{{i.id}}"
|
|
class="anyone-full-narration" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
{% comment %} <td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyoneafterauthors" value="Anyoneafterauthors" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-co-authors-name" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyoneafterauthors" value="Anyoneafterauthors" id="checkbox-{{i.id}}"
|
|
class="anyone-co-authors-name" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td> {% endcomment %}
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyoneafterdetails" value="Any auction bidder" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-script-details" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyoneafterdetails" value="Any auction bidder" id="checkbox-{{i.id}}"
|
|
class="anyone-script-details" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyoneafterintro" value="Anyone after signing NDA" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-character-introduce" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyoneafterintro" value="Anyone after signing NDA" id="checkbox-{{i.id}}"
|
|
class="anyone-character-introduce" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyoneafterfootage" value="Anyone after signing NDA" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-sample-footage" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyoneafterfootage" value="Anyone after signing NDA" id="checkbox-{{i.id}}"
|
|
class="anyone-sample-footage" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyoneafterfootage" value="Anyone after signing NDA" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-sample-footage" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Anyoneafterfootage" value="Anyone after signing NDA" id="checkbox-{{i.id}}"
|
|
class="anyone-sample-footage" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
|
|
</tr>
|
|
<tr style="text-align: center" ;>
|
|
|
|
<th scope="row " class="font-weight-bold">
|
|
Someone who has shortlisted the idea
|
|
</th>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="checkstar('onepager',this.checked);star({{i.id}});" name="Someonewhopager" value="Any auction bidder" id="IdeaOnePager" checked="true"
|
|
class="one-pager" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="checkstar('onepager',this.checked);star({{i.id}});" name="Someonewhopager" value="Any auction bidder" id="IdeaOnePager"
|
|
class="one-pager" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonewhostory" id="IdeaStory" checked="true" value="Who has shortlisted the idea"
|
|
class="anyone-story" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonewhostory" id="IdeaStory" value="Who has shortlisted the idea"
|
|
class="anyone-story" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonewhoscript" id="IdeaSampleScript" value="Who has shortlisted the idea"
|
|
checked="true" class="anyone-sample-script" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonewhoscript" id="IdeaSampleScript"
|
|
class="anyone-sample-script" value="Who has shortlisted the idea"/>
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonewhonarration" id="IdeaSampleNarration" value=" Who has shortlisted the idea"
|
|
checked="true" class="anyone-sample-narration" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonewhonarration" value="Who has shortlisted the idea" id="IdeaSampleNarration"
|
|
class="anyone-sample-narration" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonewhofscript" value="Who has shortlisted the idea" id="IdeaFullScript"
|
|
checked="true" class="anyone-full-script" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonewhofscript" value="Who has shortlisted the idea" id="IdeaFullScript"
|
|
class="anyone-full-script" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonewhofnarration" value="Who has shortlisted the idea" id="IdeaFullNarration"
|
|
checked="true" class="anyone-full-narration" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonewhofnarration" value="Who has shortlisted the idea" id="IdeaFullNarration"
|
|
class="anyone-full-narration" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
{% comment %} <td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonewhoauthors" value="Someonewhoauthors" id="IdeaCo-AuthorsName"
|
|
checked="true" class="anyone-co-authors-name" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonewhoauthors" value="Someonewhoauthors" id="IdeaCo-AuthorsName"
|
|
class="anyone-co-authors-name" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td> {% endcomment %}
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonewhodetails" value="Who has shortlisted the idea" id="IdeaScriptDetails"
|
|
checked="true" class="anyone-script-details" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonewhodetails" value="Who has shortlisted the idea" id="IdeaScriptDetails"
|
|
class="anyone-script-details" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonewhointro" id="IdeaCharacterIntroduce" value="Who has shortlisted the idea"
|
|
checked="true" class="anyone-character-introduce" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonewhointro" id="IdeaCharacterIntroduce" value="Who has shortlisted the idea"
|
|
class="anyone-character-introduce" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonewhofootage" id="IdeaSampleFootage" value="Who has shortlisted the idea"
|
|
checked="true" class="anyone-sample-footage" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonewhofootage" value="Who has shortlisted the idea" id="IdeaSampleFootage"
|
|
class="anyone-sample-footage" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonewhofootage" id="IdeaSampleFootage" value="Who has shortlisted the idea"
|
|
checked="true" class="anyone-sample-footage" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonewhofootage" value="Who has shortlisted the idea" id="IdeaSampleFootage"
|
|
class="anyone-sample-footage" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
|
|
</tr>
|
|
<tr style="text-align: center" ;>
|
|
|
|
<th scope="row " class="font-weight-bold">
|
|
Someone interested in co producing
|
|
</th>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="checkstar('onepager',this.checked);star({{i.id}});" name="Someoneinterestedpager" value="Interested in co-producing" id="CoproducingOnePager"
|
|
checked="true" class="one-pager idea-one-pager" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="checkstar('onepager',this.checked);star({{i.id}});" name="Someoneinterestedpager" value="Interested in co-producing" id="CoproducingOnePager"
|
|
class="one-pager idea-one-pager" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneinterestedstory" value="Interested in co-producing" id="CoproducingStory"
|
|
checked="true" class="anyone-story idea-story" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneinterestedstory" value="Interested in co-producing" id="CoproducingStory"
|
|
class="anyone-story idea-story" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneinterestedscript" value="Interested in co-producing"
|
|
id="CoproducingSampleScript" checked="true" class="anyone-sample-script idea-sample-script" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneinterestedscript" value="Interested in co-producing"
|
|
id="CoproducingSampleScript" class="anyone-sample-script idea-sample-script" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneinterestednarration" value="Interested in co-producing"
|
|
id="CoproducingSampleNarration" checked="true" class="anyone-sample-narration idea-sample-narration" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneinterestednarration" value="Interested in co-producing"
|
|
id="CoproducingSampleNarration" class="anyone-sample-narration idea-sample-narration" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneinterestedfscript" value="Interested in co-producing"
|
|
id="CoproducingFullScript" checked="true" class="anyone-full-script idea-full-script" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneinterestedfscript" value="Interested in co-producing"
|
|
id="CoproducingFullScript" class="anyone-full-script idea-full-script" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneinterestedfnarration" value="Interested in co-producing"
|
|
id="CoproducingFullNarration" checked="true" class="anyone-full-narration idea-full-narration" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneinterestedfnarration" value="Interested in co-producing"
|
|
id="CoproducingFullNarration" class="anyone-full-narration idea-full-narration" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
{% comment %} <td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneinterestedauthors" value="Someoneinterestedauthors"
|
|
id="CoproducingCo-AuthorsName" checked="true" class="anyone-co-authors-name idea-co-authors-name" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneinterestedauthors" value="Someoneinterestedauthors"
|
|
id="CoproducingCo-AuthorsName" class="anyone-co-authors-name idea-co-authors-name" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td> {% endcomment %}
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneinteresteddetails" value="Interested in co-producing"
|
|
id="CoproducingScriptDetails" checked="true" class="anyone-script-details idea-script-details" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneinteresteddetails" value="Interested in co-producing"
|
|
id="CoproducingScriptDetails" class="anyone-script-details idea-script-details" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneinterestedintro" value="Interested in co-producing"
|
|
id="CoproducingCharacterIntroduce" checked="true"
|
|
class="anyone-character-introduce idea-character-introduce" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneinterestedintro" value="Interested in co-producing"
|
|
id="CoproducingCharacterIntroduce" class="anyone-character-introduce idea-character-introduce" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneinterestedfootage" value="Interested in co-producing"
|
|
id="CoproducingSampleFootage" checked="true" class="anyone-sample-footage idea-sample-footage" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneinterestedfootage" value="Interested in co-producing"
|
|
id="CoproducingSampleFootage" class="anyone-sample-footage idea-sample-footage" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneinterestedfootage" value="Interested in co-producing"
|
|
id="CoproducingSampleFootage" checked="true" class="anyone-sample-footage idea-sample-footage" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneinterestedfootage" value="Interested in co-producing"
|
|
id="CoproducingSampleFootage" class="anyone-sample-footage idea-sample-footage" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr style="text-align: center" ;>
|
|
|
|
<th scope="row " class="font-weight-bold">
|
|
Someone interested in full financing
|
|
|
|
</th>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="checkstar('onepager',this.checked);star({{i.id}});" name="Someonefinancingpager" value="Interested in Full-financing" id="checkbox-{{i.id}}"
|
|
checked="true" class="one-pager idea-one-pager coproducing-one-pager" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="checkstar('onepager',this.checked);star({{i.id}});" name="Someonefinancingpager" value="Interested in Full-financing" id="checkbox-{{i.id}}"
|
|
class="one-pager idea-one-pager coproducing-one-pager" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonefinancingstory" value="Interested in Full-financing" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-story idea-story coproducing-story" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonefinancingstory" value="Interested in Full-financing" id="checkbox-{{i.id}}"
|
|
class="anyone-story idea-story coproducing-story" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonefinancingscript" value="Interested in Full-financing" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-sample-script idea-sample-script coproducing-sample-script" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonefinancingscript" value="Interested in Full-financing" id="checkbox-{{i.id}}"
|
|
class="anyone-sample-script idea-sample-script coproducing-sample-script" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonefinancingnarration" value="Interested in Full-financing" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-sample-narration idea-sample-narration coproducing-sample-narration" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonefinancingnarration" value="Interested in Full-financing" id="checkbox-{{i.id}}"
|
|
class="anyone-sample-narration idea-sample-narration coproducing-sample-narration" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonefinancingfscript" value="Interested in Full-financing" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-full-script idea-full-script coproducing-full-script" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonefinancingfscript" value="Interested in Full-financing" id="checkbox-{{i.id}}"
|
|
class="anyone-full-script idea-full-script coproducing-full-script" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonefinancingfnarration" value="Interested in Full-financing" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-full-narration idea-full-narration coproducing-full-narration" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonefinancingfnarration" value="Interested in Full-financing"
|
|
id="checkbox-{{i.id}}" class="anyone-full-narration idea-full-narration coproducing-full-narration" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
{% comment %} <td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonefinancingauthors" value="Someonefinancingauthors" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-co-authors-name idea-co-authors-name coproducing-co-authors-name" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonefinancingauthors" value="Someonefinancingauthors" id="checkbox-{{i.id}}"
|
|
class="anyone-co-authors-name idea-co-authors-name coproducing-co-authors-name" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td> {% endcomment %}
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonefinancingdetails" value="Interested in Full-financing" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-script-details idea-script-details coproducing-script-details" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonefinancingdetails" value="Interested in Full-financing" id="checkbox-{{i.id}}"
|
|
class="anyone-script-details idea-script-details coproducing-script-details" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonefinancingintro" name="Interested in Full-financing" id="checkbox-{{i.id}}"
|
|
checked="true"
|
|
class="anyone-character-introduce idea-character-introduce coproducing-character-introduce" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonefinancingintro" value="Interested in Full-financing" id="checkbox-{{i.id}}"
|
|
class="anyone-character-introduce idea-character-introduce coproducing-character-introduce" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonefinancingfootage" value="Interested in Full-financing" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-sample-footage idea-sample-footage coproducing-sample-footage" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonefinancingfootage" value="Interested in Full-financing" id="checkbox-{{i.id}}"
|
|
class="anyone-sample-footage idea-sample-footage coproducing-sample-footage" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonefinancingfootage" value="Interested in Full-financing" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-sample-footage idea-sample-footage coproducing-sample-footage" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonefinancingfootage" value="Interested in Full-financing" id="checkbox-{{i.id}}"
|
|
class="anyone-sample-footage idea-sample-footage coproducing-sample-footage" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr style="text-align: center" ;>
|
|
|
|
<th scope="row " class="font-weight-bold">
|
|
Someone intrested in aquiring limited rights
|
|
</th>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="checkstar('onepager',this.checked);star({{i.id}});" name="Someoneaquiringpager" value="Acquiring limited rights" id="LimitedOnePager"
|
|
checked="true" class="one-pager idea-one-pager" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="checkstar('onepager',this.checked);star({{i.id}});" name="Someoneaquiringpager" value="Acquiring limited rights" id="LimitedOnePager"
|
|
class="one-pager idea-one-pager" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneaquiringstory" value="Acquiring limited rights" id="LimitedStory"
|
|
checked="true" class="anyone-story idea-story" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneaquiringstory" value="Acquiring limited rights" id="LimitedStory"
|
|
class="anyone-story idea-story" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneaquiringscript" value="Acquiring limited rights" id="LimitedSampleScript"
|
|
checked="true" class="anyone-sample-script idea-sample-script" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneaquiringscript" value="Acquiring limited rights" id="LimitedSampleScript"
|
|
class="anyone-sample-script idea-sample-script" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneaquiringnarration" value="Acquiring limited rights"
|
|
id="LimitedSampleNarration" checked="true" class="anyone-sample-narration idea-sample-narration" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneaquiringnarration" value="Acquiring limited rights"
|
|
id="LimitedSampleNarration" class="anyone-sample-narration idea-sample-narration" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneaquiringfscript" id="LimitedFullScript" value="Acquiring limited rights"
|
|
checked="true" class="anyone-full-script idea-full-script" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneaquiringfscript" value="Acquiring limited rights" id="LimitedFullScript"
|
|
class="anyone-full-script idea-full-script" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneaquiringfnarration" value="Acquiring limited rights"
|
|
id="LimitedFullNarration" checked="true" class="anyone-full-narration idea-full-narration" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneaquiringfnarration" value="Acquiring limited rights"
|
|
id="LimitedFullNarration" class="anyone-full-narration idea-full-narration" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
{% comment %} <td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneaquiringauthors" value="Someoneaquiringauthors" id="LimitedCo-AuthorsName"
|
|
checked="true" class="anyone-co-authors-name idea-co-authors-name" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneaquiringauthors" value="Someoneaquiringauthors"
|
|
id="LimitedCo-AuthorsName" class="anyone-co-authors-name idea-co-authors-name" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td> {% endcomment %}
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneaquiringdetails" value="Acquiring limited rights" id="LimitedScriptDetails"
|
|
checked="true" class="anyone-script-details idea-script-details" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneaquiringdetails" value="Acquiring limited rights" id="LimitedScriptDetails"
|
|
class="anyone-script-details idea-script-details" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneaquiringintro" value="Acquiring limited rights"
|
|
id="LimitedCharacterIntroduce" checked="true"
|
|
class="anyone-character-introduce idea-character-introduce" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneaquiringintro" value="Acquiring limited rights"
|
|
id="LimitedCharacterIntroduce" class="anyone-character-introduce idea-character-introduce" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneaquiringfootage" value="Acquiring limited rights" id="LimitedSampleFootage"
|
|
checked="true" class="anyone-sample-footage idea-sample-footage" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneaquiringfootage" value="Acquiring limited rights" id="LimitedSampleFootage"
|
|
class="anyone-sample-footage idea-sample-footage" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneaquiringfootage" value="Acquiring limited rights" id="LimitedSampleFootage"
|
|
checked="true" class="anyone-sample-footage idea-sample-footage" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someoneaquiringfootage" value="Acquiring limited rights" id="LimitedSampleFootage"
|
|
class="anyone-sample-footage idea-sample-footage" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr style="text-align: center" ;>
|
|
|
|
<th scope="row " class="font-weight-bold">
|
|
Someone intrested in buying all rights
|
|
</th>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="checkstar('onepager',this.checked);star({{i.id}});" name="Someonebuyingpager" value="Interested in buying all right" id="checkbox-{{i.id}}"
|
|
checked="true" class="one-pager idea-one-pager limited-one-pager" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="checkstar('onepager',this.checked);star({{i.id}});" name="Someonebuyingpager" value="Interested in buying all right" id="checkbox-{{i.id}}"
|
|
class="one-pager idea-one-pager limited-one-pager" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonebuyingstory" value="Interested in buying all right" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-story idea-story limited-story" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonebuyingstory" value="Interested in buying all right" id="checkbox-{{i.id}}"
|
|
class="anyone-story idea-story limited-story" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonebuyingscript" value="Interested in buying all right" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-sample-script idea-sample-script limited-sample-script" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonebuyingscript" value="Interested in buying all right" id="checkbox-{{i.id}}"
|
|
class="anyone-sample-script idea-sample-script limited-sample-script" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonebuyingnarration" value="Interested in buying all right" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-sample-narration idea-sample-narration limited-sample-narration" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonebuyingnarration" value="Interested in buying all right" id="checkbox-{{i.id}}"
|
|
class="anyone-sample-narration idea-sample-narration limited-sample-narration" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonebuyingfscript" value="Interested in buying all right" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-full-script idea-full-script limited-full-script" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonebuyingfscript" value="Interested in buying all right" id="checkbox-{{i.id}}"
|
|
class="anyone-full-script idea-full-script limited-full-script" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonebuyingfnarration" value="Interested in buying all right" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-full-narration idea-full-narration limited-full-narration" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonebuyingfnarration" value="Interested in buying all right" id="checkbox-{{i.id}}"
|
|
class="anyone-full-narration idea-full-narration limited-full-narration" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
{% comment %} <td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonebuyingauthor" value="Someonebuyingauthor" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-co-authors-name idea-co-authors-name limited-co-authors-name" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonebuyingauthor" value="Someonebuyingauthor" id="checkbox-{{i.id}}"
|
|
class="anyone-co-authors-name idea-co-authors-name limited-co-authors-name" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td> {% endcomment %}
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonebuyingdetails" value="Interested in buying all right" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-script-details idea-script-details limited-script-details" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonebuyingdetails" value="Interested in buying all right" id="checkbox-{{i.id}}"
|
|
class="anyone-script-details idea-script-details limited-script-details" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonebuyingintro" value="Interested in buying all right" id="checkbox-{{i.id}}"
|
|
checked="true"
|
|
class="anyone-character-introduce idea-character-introduce limited-character-introduce" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonebuyingintro" value="Interested in buying all right" id="checkbox-{{i.id}}"
|
|
class="anyone-character-introduce idea-character-introduce limited-character-introduce" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonebuyingfootage" value="Interested in buying all right" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-sample-footage idea-sample-footage limited-sample-footage" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonebuyingfootage" value="Interested in buying all right" id="checkbox-{{i.id}}"
|
|
class="anyone-sample-footage idea-sample-footage limited-sample-footage" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<label class="custom-checkbox">
|
|
{% if i.id in active %}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonebuyingfootage" value="Interested in buying all right" id="checkbox-{{i.id}}"
|
|
checked="true" class="anyone-sample-footage idea-sample-footage limited-sample-footage" />
|
|
{%else%}
|
|
<input type="checkbox" onchange="star({{i.id}})" name="Someonebuyingfootage" value="Interested in buying all right" id="checkbox-{{i.id}}"
|
|
class="anyone-sample-footage idea-sample-footage limited-sample-footage" />
|
|
{%endif%}
|
|
<i class="far fa-star unchecked" style="color: goldenrod"></i>
|
|
<i class="fas fa-star checked" style="color: goldenrod"></i>
|
|
</label>
|
|
</td>
|
|
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="Character_listst" class="modal" style="display:none;">
|
|
<!-- Modal content -->
|
|
<div class="modal-content text-center">
|
|
<span class="close " onclick="$('#Character_listst').hide();" >×</span>
|
|
<p>list data</p>
|
|
</div>
|
|
</div>
|
|
<div id="Character_listst1" class="modal" style="display:none;">
|
|
<!-- Modal content -->
|
|
<div class="modal-content text-center">
|
|
<span class="close " onclick="$('#Character_listst1').hide();" >×</span>
|
|
<p>list data</p>
|
|
</div>
|
|
</div>
|
|
<div class="row text-center" style="background-color: #ee3c4d; color: #fff; border-radius: 5px; margin-top: 10px;">
|
|
<label class="font-weight-bold my-2" for="ex3"><b>Narration </b><input type="checkbox" name="" onclick="$('#more3').toggle()" id=""></label>
|
|
</div>
|
|
<div class=" shadow mb-3" content="width=device-width, initial-scale=1.0" style=" justify-content:center;">
|
|
|
|
<div class="table-responsive-sm ">
|
|
<style>
|
|
.custom-checkbox input[type="checkbox"],
|
|
.custom-checkbox .checked {
|
|
display: none;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.checked {
|
|
display: inline-block;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.unchecked {
|
|
display: none;
|
|
}
|
|
|
|
th {
|
|
font-size: 13px;
|
|
|
|
}
|
|
|
|
td {
|
|
font-size: 13px;
|
|
height: 30px;
|
|
height: auto;
|
|
|
|
text-align: center;
|
|
}
|
|
|
|
table,
|
|
th,
|
|
td {
|
|
table-layout: fixed;
|
|
word-wrap: break-word;
|
|
}
|
|
</style>
|
|
<div class="dataTables_wrapper" id="more3" style="display: none; padding: 5%;">
|
|
|
|
<table id="example" class="display" style="width:100%;">
|
|
<tbody>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" rowspan="2">One Pager</td>
|
|
<td scope="col" class="font-weight-bold" >Uploaded by User</td>
|
|
{% if onepager.one_pager_file == "" %}
|
|
<form action="{% url 'upload' %}" method='post' enctype="multipart/form-data" name="mainForm" id="form_id">
|
|
<td scope="col" class="font-weight-bold">
|
|
{% csrf_token %}
|
|
<div class="row ">
|
|
<div class="col-sm-12 ml-3">
|
|
<input type="file" name="onepagerfile" accept = "text/*" id="input_script" onchange="checkExt()" required>
|
|
</div>
|
|
<div class="col-sm-12 my-5 ml-3">
|
|
<button type="submit" class="btn btn-primary active" id="uploadBtn">
|
|
<b>UPLOAD ONE PAGER</b>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</form>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
{% else %}
|
|
|
|
<td scope="col" class="font-weight-bold"><a href="../../media/{{onepager.one_pager_file}}"><button class="btn btn-primary btn-sm">View</button></a></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Edit</button></td>
|
|
<td scope="col" class="font-weight-bold"><a href=""><button class="btn btn-primary btn-sm" >Download</button></a></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm" id="uploaded_onepager_shared_Btn">Shared with</button></td>
|
|
<div id="uploaded_onepager_shared_modal" class="modal">
|
|
<!-- Modal content -->
|
|
<div class="modal-content">
|
|
<span class="close">×</span>
|
|
<p>
|
|
{% for i in uploaded_onepager_data %}
|
|
{{i.name}} {{i.email}} <br>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<script>
|
|
var uploaded_onepager_shared_modal = document.getElementById("uploaded_onepager_shared_modal");
|
|
var uploaded_onepager_shared_Btn = document.getElementById("uploaded_onepager_shared_Btn");
|
|
var span = document.getElementsByClassName("close")[0];
|
|
uploaded_onepager_shared_Btn.onclick = function() {
|
|
uploaded_onepager_shared_modal.style.display = "block";
|
|
}
|
|
span.onclick = function() {
|
|
uploaded_onepager_shared_modal.style.display = "none";
|
|
}
|
|
window.onclick = function(event) {
|
|
if (event.target == uploaded_onepager_shared_modal) {
|
|
uploaded_onepager_shared_modal.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Share now</button></td>
|
|
<td scope="col" class="font-weight-bold">
|
|
{% if translated_uploaded_onepager|length == 0 %}
|
|
Not yet translated
|
|
{% else %}
|
|
{% for i in translated_uploaded_onepager %}
|
|
{{i.dest_lang}},
|
|
{% endfor %}
|
|
{% endif %}
|
|
</td>
|
|
<td scope="col" class="font-weight-bold">
|
|
<select>
|
|
<option value="default">Translate into a new language</option>
|
|
{% for language in languages %}
|
|
<option value="{{ language.id }}">{{language}}</option>
|
|
{% if selected == item %}selected{% endif %}
|
|
{% endfor %}
|
|
</select>
|
|
</td>
|
|
{% endif %}
|
|
</tr>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >Created in Narration room</td>
|
|
{% if pitchdeck.onepager|length == 0 %}
|
|
<td scope="col" class="font-weight-bold"><a class="btn btn-primary btn-sm" onclick="return addOnePager()" id="pdf" href="{% url 'script_pitchnarrate' data.script_id "One Pager(PDF)" %}">Create Onepager</a></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
{% else %}
|
|
<td scope="col" class="font-weight-bold"><a href={{pitchdeck.onepager_url}}<button class="btn btn-primary btn-sm">view</button></a></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Edit</button></td>
|
|
<td scope="col" class="font-weight-bold"><a href={{pitchdeck.onepager_url}}<button class="btn btn-primary btn-sm">Download</button></a></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm" id="created_onepager_shared_Btn">Shared with</button></td>
|
|
<div id="created_onepager_shared_modal" class="modal">
|
|
<!-- Modal content -->
|
|
<div class="modal-content">
|
|
<span class="close">×</span>
|
|
<p>
|
|
{% for i in created_onepager_data %}
|
|
{{i.name}} {{i.email}} <br>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
{% comment %} function addOnePager(){
|
|
windoes.alert("Clicked")
|
|
var arr=["One Pager(PDF)"];
|
|
sessionStorage.setItem("arr", JSON.stringify(arr));
|
|
} {% endcomment %}
|
|
var arr=[];
|
|
sessionStorage.setItem("arr", JSON.stringify(arr));
|
|
function disable_func(btn){
|
|
btn.disabled=true;
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<script>
|
|
var created_onepager_shared_modal = document.getElementById("created_onepager_shared_modal");
|
|
var created_onepager_shared_Btn = document.getElementById("created_onepager_shared_Btn");
|
|
var span = document.getElementsByClassName("close")[0];
|
|
created_onepager_shared_Btn.onclick = function() {
|
|
created_onepager_shared_modal.style.display = "block";
|
|
}
|
|
span.onclick = function() {
|
|
created_onepager_shared_modal.style.display = "none";
|
|
}
|
|
window.onclick = function(event) {
|
|
if (event.target == created_onepager_shared_modal) {
|
|
created_onepager_shared_modal.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm" id="ShareBtn">Share now</button></td>
|
|
<td scope="col" class="font-weight-bold">
|
|
{% if translated_created_onepager|length == 0 %}
|
|
Not yet translated
|
|
{% else %}
|
|
{% for i in translated_created_onepager %}
|
|
{{i.dest_lang}},
|
|
{% endfor %}
|
|
{% endif %}
|
|
</td>
|
|
<td scope="col" class="font-weight-bold">
|
|
<select>
|
|
<option value="default">Translate into a new language</option>
|
|
{% for language in languages %}
|
|
<option value="{{ language.id }}">{{language}}</option>
|
|
{% if selected == item %}selected{% endif %}
|
|
{% endfor %}
|
|
</select>
|
|
</td>
|
|
{% endif %}
|
|
</tr>
|
|
<tr>
|
|
<td><div class="row text-center" style="background-color: #ee3c4d; color: #fff; border-radius: 5px; margin-top: 10px;">
|
|
<label class="font-weight-bold my-2" for="ex3"><b>One Pager translations</b><input type="checkbox" name="" onclick="$('#more4').toggle()" id=""></label>
|
|
</div></td>
|
|
<td><div style="background-color: #fff;" ></div></td>
|
|
<td><div style="background-color: #fff;" ></div></td>
|
|
<td><div style="background-color: #fff;" ></div></td>
|
|
<td><div style="background-color: #fff;" ></div></td>
|
|
<td><div style="background-color: #fff;" ></div></td>
|
|
<td><div style="background-color: #fff;" ></div></td>
|
|
<td><div style="background-color: #fff;" ></div></td>
|
|
<td><div style="background-color: #fff;" ></div></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div class=" shadow mb-3" content="width=device-width, initial-scale=1.0" style=" justify-content:center;">
|
|
|
|
<div class="table-responsive-sm ">
|
|
<style>
|
|
.custom-checkbox input[type="checkbox"],
|
|
.custom-checkbox .checked {
|
|
display: none;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.checked {
|
|
display: inline-block;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.unchecked {
|
|
display: none;
|
|
}
|
|
|
|
th {
|
|
font-size: 13px;
|
|
border-collapse: collapse;
|
|
border: 1px solid white;
|
|
}
|
|
|
|
td {
|
|
font-size: 13px;
|
|
height: 30px;
|
|
height: auto;
|
|
border: 1px solid white;
|
|
border-collapse: collapse;
|
|
text-align: center;
|
|
}
|
|
|
|
table,
|
|
th,
|
|
td {
|
|
table-layout: fixed;
|
|
word-wrap: break-word;
|
|
}
|
|
</style>
|
|
<div class="dataTables_wrapper" id="more4" style="display: none; padding: 5%;">
|
|
|
|
<table id="example" class="display" style="width:100%;">
|
|
<tbody>
|
|
{% if translated_uploaded_onepager|length > 0 %}
|
|
<tr>
|
|
<td scope="col" class="font-weight-bold" >Uploaded One-Pager</td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
</tr>
|
|
<tr>
|
|
<td scope="col" class="font-weight-bold" colspan="5">Machine Translations</td>
|
|
<td scope="col" class="font-weight-bold" colspan="5">Vetting by LPP</td>
|
|
</tr>
|
|
{% for i in translated_uploaded_onepager %}
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >In {{i.dest_lang}} on {{i.date_on}}</td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">view</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Download</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Shared with</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Share now</button></td>
|
|
{% if i.translated_file_vetted_path|length == 0 %}
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Get vetted by LPP</button></td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
{% else %}
|
|
<td scope="col" class="font-weight-bold" >In {{i.dest_lang}} On {{i.translated_file_vetted_on}}</td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">view</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Download</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Shared with</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Share now</button></td>
|
|
{% endif %}
|
|
</tr>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% if translated_created_onepager|length > 0 %}
|
|
<tr>
|
|
<td scope="col" class="font-weight-bold" >Generated One-Pager</td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
</tr>
|
|
<tr>
|
|
<td scope="col" class="font-weight-bold" colspan="5">Machine Translations</td>
|
|
<td scope="col" class="font-weight-bold" colspan="5">Vetting by LPP</td>
|
|
</tr>
|
|
{% for i in translated_created_onepager %}
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >In {{i.dest_lang}} On {{i.date_on}}</td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">view</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Download</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Shared with</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Share now</button></td>
|
|
{% if i.translated_file_vetted_path|length == 0%}
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Get vetted by LPP</button></td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
<td scope="col" class="font-weight-bold" ></td>
|
|
{% else %}
|
|
<td scope="col" class="font-weight-bold" >In {{i.dest_lang}} On {{i.translated_file_vetted_on}}</td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">view</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Download</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Shared with</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Share now</button></td>
|
|
{% endif %}
|
|
</tr>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<table id="example" class="display" style="width:100%;">
|
|
<tbody>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >Character Introduction</td>
|
|
{% if pitchdeck.character_intro|length == 0 %}
|
|
<td scope="col" class="font-weight-bold"><a class="btn btn-primary btn-sm" onclick="addCharacterIntroduction" href="{% url 'script_pitchnarrate' data.script_id "Character Introduction(Video)" %}" >Create</a></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
{% else %}
|
|
<td scope="col" class="font-weight-bold">Created on {{pitchdeck.character_intro_createdon}}</td>
|
|
<td scope="col" class="font-weight-bold"><a href={{pitchdeck.character_intro_url}}<button class="btn btn-primary btn-sm">view</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Edit</button></a></td>
|
|
<td scope="col" class="font-weight-bold"><a href={{pitchdeck.character_intro_url}}<button class="btn btn-primary btn-sm">Download</button></a></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm" id="CharIntro_shared_Btn">Shared with</button></td>
|
|
<div id="CharIntro_shared_modal" class="modal">
|
|
<!-- Modal content -->
|
|
<div class="modal-content">
|
|
<span class="close">×</span>
|
|
<p>
|
|
{% for i in Charintro_data %}
|
|
{{i.name}} {{i.email}} <br>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<script>
|
|
{% comment %} function addCharacterIntroduction(){
|
|
var arr=["Character Introduction(Video)"];
|
|
sessionStorage.setItem("arr", JSON.stringify(arr));
|
|
} {% endcomment %}
|
|
|
|
function disable_func(btn){
|
|
btn.disabled=true;
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script>
|
|
var CharIntro_shared_modal = document.getElementById("CharIntro_shared_modal");
|
|
var CharIntro_shared_Btn = document.getElementById("CharIntro_shared_Btn");
|
|
var span = document.getElementsByClassName("close")[0];
|
|
CharIntro_shared_Btn.onclick = function() {
|
|
CharIntro_shared_modal.style.display = "block";
|
|
}
|
|
span.onclick = function() {
|
|
CharIntro_shared_modal.style.display = "none";
|
|
}
|
|
window.onclick = function(event) {
|
|
if (event.target == created_onepager_shared_modal) {
|
|
CharIntro_shared_modal.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Share now</button></td>
|
|
|
|
{% endif %}
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm" id="versionhistory_Btn" onclick="$('#versionhistory_modal').show();">Earlier versions</button></td>
|
|
</tr>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >Screenplay Analysis</td>
|
|
{% if pitchdeck.screenplay_analysis|length == 0 %}
|
|
<td scope="col" class="font-weight-bold"><a class="btn btn-primary btn-sm" href="{% url 'script_pitchnarrate' data.script_id "Screenplay Analysis(Video)" %}" >Create</a></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
{% else %}
|
|
<td scope="col" class="font-weight-bold">Created on {{pitchdeck.screenplay_analysis_createdon}}</td>
|
|
<td scope="col" class="font-weight-bold"><a href={{pitchdeck.screenplay_analysis_url}}<button class="btn btn-primary btn-sm">view</button></a></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Edit</button></td>
|
|
<td scope="col" class="font-weight-bold"><a href={{pitchdeck.screenplay_analysis_url}}<button class="btn btn-primary btn-sm">Download</button></a></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm" id="Screenplay_shared_Btn">Shared with</button></td>
|
|
<div id="Screenplay_shared_modal" class="modal">
|
|
<!-- Modal content -->
|
|
<div class="modal-content">
|
|
<span class="close">×</span>
|
|
<p>
|
|
{% for i in Screenplay_data %}
|
|
{{i.name}} {{i.email}} <br>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<script>
|
|
var Screenplay_shared_modal = document.getElementById("Screenplay_shared_modal");
|
|
var Screenplay_shared_Btn = document.getElementById("Screenplay_shared_Btn");
|
|
var span = document.getElementsByClassName("close")[0];
|
|
Screenplay_shared_Btn.onclick = function() {
|
|
Screenplay_shared_modal.style.display = "block";
|
|
}
|
|
span.onclick = function() {
|
|
Screenplay_shared_modal.style.display = "none";
|
|
}
|
|
window.onclick = function(event) {
|
|
if (event.target == Screenplay_shared_modal) {
|
|
Screenplay_shared_modal.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Share now</button></td>
|
|
{% endif %}
|
|
</tr>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >Elevator Pitch</td>
|
|
{% if pitchdeck.elevator_pitch|length == 0 %}
|
|
<td scope="col" class="font-weight-bold"><a class="btn btn-primary btn-sm" href="{% url 'script_pitchnarrate' data.script_id "Elevator Pitch(Video)" %}" >Create</a></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
{% else %}
|
|
<td scope="col" class="font-weight-bold">Created on {{pitchdeck.elevator_pitch_createdon}}</td>
|
|
<td scope="col" class="font-weight-bold"><a href={{pitchdeck.elevator_pitch_url}}<button class="btn btn-primary btn-sm">view</button></a></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Edit</button></td>
|
|
<td scope="col" class="font-weight-bold"><a href={{pitchdeck.elevator_pitch_url}}<button class="btn btn-primary btn-sm">Download</button></a></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm" id="Elevator_shared_Btn">Shared with</button></td>
|
|
<div id="Elevator_shared_modal" class="modal">
|
|
<!-- Modal content -->
|
|
<div class="modal-content">
|
|
<span class="close">×</span>
|
|
<p>
|
|
{% for i in Elevator_data %}
|
|
{{i.name}} {{i.email}} <br>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<script>
|
|
var Elevator_shared_modal = document.getElementById("Elevator_shared_modal");
|
|
var Elevator_shared_Btn = document.getElementById("Elevator_shared_Btn");
|
|
var span = document.getElementsByClassName("close")[0];
|
|
Elevator_shared_Btn.onclick = function() {
|
|
Elevator_shared_modal.style.display = "block";
|
|
}
|
|
span.onclick = function() {
|
|
Elevator_shared_modal.style.display = "none";
|
|
}
|
|
window.onclick = function(event) {
|
|
if (event.target == Elevator_shared_modal) {
|
|
Elevator_shared_modal.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Share now</button></td>
|
|
{% endif %}
|
|
</tr>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >Line by Line Narration</td>
|
|
{% if pitchdeck.linebyline|length == 0 %}
|
|
<td scope="col" class="font-weight-bold"><a class="btn btn-primary btn-sm" onclick=addLineByLine() href="{% url 'script_pitchnarrate' data.script_id "Line by Line Narration(Video)" %}" >Create</a></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
{% else %}
|
|
<td scope="col" class="font-weight-bold">Created on {{pitchdeck.linebyline_createdon}}</td>
|
|
<td scope="col" class="font-weight-bold"><a href={{pitchdeck.linebyline_url}}<button class="btn btn-primary btn-sm">view</button></a></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Edit</button></td>
|
|
<td scope="col" class="font-weight-bold"><a href={{pitchdeck.linebyline_url}}<button class="btn btn-primary btn-sm">Download</button></a></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm" id="linebyline_shared_Btn">Shared with</button></td>
|
|
<div id="linebyline_shared_modal" class="modal">
|
|
<!-- Modal content -->
|
|
<div class="modal-content">
|
|
<span class="close">×</span>
|
|
<p>
|
|
{% for i in linebyline_data %}
|
|
{{i.name}} {{i.email}} <br>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<script>
|
|
{% comment %} function addLineByLine(){
|
|
var arr=["Line by Line Narration(Video)"];
|
|
sessionStorage.setItem("arr", JSON.stringify(arr));
|
|
} {% endcomment %}
|
|
|
|
function disable_func(btn){
|
|
btn.disabled=true;
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script>
|
|
var linebyline_shared_modal = document.getElementById("linebyline_shared_modal");
|
|
var linebyline_shared_Btn = document.getElementById("linebyline_shared_Btn");
|
|
var span = document.getElementsByClassName("close")[0];
|
|
linebyline_shared_Btn.onclick = function() {
|
|
linebyline_shared_modal.style.display = "block";
|
|
}
|
|
span.onclick = function() {
|
|
linebyline_shared_modal.style.display = "none";
|
|
}
|
|
window.onclick = function(event) {
|
|
if (event.target == linebyline_shared_modal) {
|
|
linebyline_shared_modal.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Share now</button></td>
|
|
{% endif %}
|
|
</tr>
|
|
<tr>
|
|
<td><div class="row text-center" style="background-color: #ee3c4d; color: #fff; border-radius: 5px; margin-top: 10px;">
|
|
<label class="font-weight-bold my-2" for="ex3"><b>Characterwise Scripts</b><input type="checkbox" name="" onclick="$('#more15').toggle()" id=""></label>
|
|
</div></td>
|
|
|
|
<td><div style="background-color: #fff;" > <a class="btn btn-primary btn-sm" href="{% url 'script_pitchnarrate' data.script_id "Characterwise Scripts(PDF)" %}">Create</a></div></td>
|
|
<td><div style="background-color: #fff;" ></div></td>
|
|
<td><div style="background-color: #fff;" ></div></td>
|
|
<td><div style="background-color: #fff;" ><button class="btn btn-primary btn-sm">Download all</button></div></td>
|
|
<td><div style="background-color: #fff;" ></div></td>
|
|
<td><div style="background-color: #fff;" ></div></td>
|
|
<td><div style="background-color: #fff;" ></div></td>
|
|
<td><div style="background-color: #fff;" ></div></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div class=" shadow mb-3" content="width=device-width, initial-scale=1.0" style=" justify-content:center;">
|
|
|
|
<div class="table-responsive-sm ">
|
|
<style>
|
|
.custom-checkbox input[type="checkbox"],
|
|
.custom-checkbox .checked {
|
|
display: none;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.checked {
|
|
display: inline-block;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.unchecked {
|
|
display: none;
|
|
}
|
|
|
|
th {
|
|
font-size: 13px;
|
|
border-collapse: collapse;
|
|
border: 1px solid white;
|
|
}
|
|
|
|
td {
|
|
font-size: 13px;
|
|
height: 30px;
|
|
height: auto;
|
|
border: 1px solid white;
|
|
border-collapse: collapse;
|
|
text-align: center;
|
|
}
|
|
|
|
table,
|
|
th,
|
|
td {
|
|
table-layout: fixed;
|
|
word-wrap: break-word;
|
|
}
|
|
</style>
|
|
<div class="dataTables_wrapper" id="more15" style="display: none; padding: 5%;">
|
|
|
|
<table id="example" class="display" style="width:100%;">
|
|
<tbody>
|
|
{% for i in character_details %}
|
|
{% if i.characters_script_file_path|length > 0 %}
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold">{{i.character_name}}</td>
|
|
<td scope="col" class="font-weight-bold">{{i.character_script_createdon}}</td>
|
|
<td scope="col" class="font-weight-bold"><a href={{i.characters_script_file_path}}<button class="btn btn-primary btn-sm">view</button></a></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Edit</button></td>
|
|
<td scope="col" class="font-weight-bold"><a href={{i.characters_script_file_path}}<button class="btn btn-primary btn-sm">Download</button></a></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Shared with</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Share now</button></td>
|
|
</tr>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<table id="example" class="display" style="width:100%;">
|
|
<tbody>
|
|
<tr>
|
|
<td><div class="row text-center" style="background-color: #ee3c4d; color: #fff; border-radius: 5px; margin-top: 10px;">
|
|
<label class="font-weight-bold my-2" for="ex3"><b>Characterwise Narration</b><input type="checkbox" name="" onclick="$('#more10').toggle()" id=""></label>
|
|
</div></td>
|
|
<td><div style="background-color: #fff;" ><a class="btn btn-primary btn-sm" href="{% url 'script_pitchnarrate' data.script_id "Characterwise Narration(Video)" %}" onclick="$('#Character_listst1').show();">Create</a></div></td>
|
|
<td><div style="background-color: #fff;" ></div></td>
|
|
<td><div style="background-color: #fff;" ></div></td>
|
|
<td><div style="background-color: #fff;" ><button class="btn btn-primary btn-sm">Download all</button></div></td>
|
|
<td><div style="background-color: #fff;" ></div></td>
|
|
<td><div style="background-color: #fff;" ></div></td>
|
|
<td><div style="background-color: #fff;" ></div></td>
|
|
<td><div style="background-color: #fff;" ></div></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div class=" shadow mb-3" content="width=device-width, initial-scale=1.0" style=" justify-content:center;">
|
|
|
|
<div class="table-responsive-sm ">
|
|
<style>
|
|
.custom-checkbox input[type="checkbox"],
|
|
.custom-checkbox .checked {
|
|
display: none;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.checked {
|
|
display: inline-block;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.unchecked {
|
|
display: none;
|
|
}
|
|
|
|
th {
|
|
font-size: 13px;
|
|
border-collapse: collapse;
|
|
border: 1px solid white;
|
|
}
|
|
|
|
td {
|
|
font-size: 13px;
|
|
height: 30px;
|
|
height: auto;
|
|
border: 1px solid white;
|
|
border-collapse: collapse;
|
|
text-align: center;
|
|
}
|
|
|
|
table,
|
|
th,
|
|
td {
|
|
table-layout: fixed;
|
|
word-wrap: break-word;
|
|
}
|
|
</style>
|
|
<div class="dataTables_wrapper" id="more10" style="display: none; padding: 5%;">
|
|
|
|
<table id="example" class="display" style="width:100%;">
|
|
<tbody>
|
|
{% for i in character_details %}
|
|
{% if i.characters_narration_file_path|length > 0 %}
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold">{{i.character_name}}</td>
|
|
<td scope="col" class="font-weight-bold">{{i.character_narration_createdon}}</td>
|
|
<td scope="col" class="font-weight-bold"><a href={{i.characters_narration_file_path}}<button class="btn btn-primary btn-sm">view</button></a></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Edit</button></td>
|
|
<td scope="col" class="font-weight-bold"><a href={{i.characters_narration_file_path}}<button class="btn btn-primary btn-sm">Download</button></a></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Shared with</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Share now</button></td>
|
|
</tr>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% for i in translated_uploaded_onepager %}
|
|
{{i.dest_lang}}
|
|
{{i.translated_file_path}}
|
|
{% endfor %}
|
|
<div class="row text-center" style="background-color: #ee3c4d; color: #fff; border-radius: 5px; margin-top: 10px;">
|
|
<label class="font-weight-bold my-2" for="ex3"><b>Project Planner </b><input type="checkbox" name="" onclick="$('#more5').toggle()" id=""></label>
|
|
</div>
|
|
<div class=" shadow mb-3" content="width=device-width, initial-scale=1.0" style=" justify-content:center;">
|
|
|
|
<div class="table-responsive-sm ">
|
|
<style>
|
|
.custom-checkbox input[type="checkbox"],
|
|
.custom-checkbox .checked {
|
|
display: none;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.checked {
|
|
display: inline-block;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.unchecked {
|
|
display: none;
|
|
}
|
|
|
|
th {
|
|
font-size: 13px;
|
|
border-collapse: collapse;
|
|
border: 1px solid white;
|
|
}
|
|
|
|
td {
|
|
font-size: 13px;
|
|
height: 30px;
|
|
height: auto;
|
|
border: 1px solid white;
|
|
border-collapse: collapse;
|
|
text-align: center;
|
|
}
|
|
|
|
table,
|
|
th,
|
|
td {
|
|
table-layout: fixed;
|
|
word-wrap: break-word;
|
|
}
|
|
</style>
|
|
<div class="dataTables_wrapper" id="more5" style="display: none; padding: 5%;">
|
|
|
|
<table id="example" class="display" style="width:100%;">
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >Item 1 Created on Date</td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Create</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">view</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Edit</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Download</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Shared with</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Share now</button></td>
|
|
</tr>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >Item 2 Created on Date</td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Create</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">view</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Edit</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Download</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Shared with</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Share now</button></td>
|
|
</tr>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >Item 2 Created on Date</td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Create</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">view</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Edit</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Download</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Shared with</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Share now</button></td>
|
|
</tr>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >Item 4 Created on Date</td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Create</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">view</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Edit</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Download</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Shared with</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Share now</button></td>
|
|
</tr>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >Item 5 Created on Date</td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Create</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">view</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Edit</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Download</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Shared with</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Share now</button></td>
|
|
</tr>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >Item 6 Created on Date</td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Create</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">view</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Edit</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Download</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Shared with</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Share now</button></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row text-center" style="background-color: #ee3c4d; color: #fff; border-radius: 5px; margin-top: 10px;">
|
|
<label class="font-weight-bold my-2" for="ex3"><b>Dummy Video </b><input type="checkbox" name="" onclick="$('#more6').toggle()" id=""></label>
|
|
</div>
|
|
<div class=" shadow mb-3" content="width=device-width, initial-scale=1.0" style=" justify-content:center;">
|
|
|
|
<div class="table-responsive-sm ">
|
|
<style>
|
|
.custom-checkbox input[type="checkbox"],
|
|
.custom-checkbox .checked {
|
|
display: none;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.checked {
|
|
display: inline-block;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.unchecked {
|
|
display: none;
|
|
}
|
|
|
|
th {
|
|
font-size: 13px;
|
|
border-collapse: collapse;
|
|
border: 1px solid white;
|
|
}
|
|
|
|
td {
|
|
font-size: 13px;
|
|
height: 30px;
|
|
height: auto;
|
|
border: 1px solid white;
|
|
border-collapse: collapse;
|
|
text-align: center;
|
|
}
|
|
|
|
table,
|
|
th,
|
|
td {
|
|
table-layout: fixed;
|
|
word-wrap: break-word;
|
|
}
|
|
</style>
|
|
<div class="dataTables_wrapper" id="more6" style="display: none; padding: 5%;">
|
|
|
|
<table id="example" class="display" style="width:100%;">
|
|
<tbody>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
{% comment %} {% if dummy_video.dummy_url| length == 0%} {% endcomment %}
|
|
<td scope="col" class="font-weight-bold" >Dummy video</td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Create</button></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
{% comment %} {% else %}
|
|
<td scope="col" class="font-weight-bold" >Dummy video</td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Created on {{dummy_video.dummy_date_on}}</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">view</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Edit</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Download</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm" id="dummy_shared_Btn">Shared with</button></td>
|
|
<div id="dummy_shared_modal" class="modal">
|
|
<!-- Modal content -->
|
|
<div class="modal-content">
|
|
<span class="close">×</span>
|
|
<p>
|
|
{% for i in dummy_video_data %}
|
|
{{i.name}} {{i.email}} <br>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<script>
|
|
var dummy_shared_modal = document.getElementById("dummy_shared_modal");
|
|
var dummy_shared_Btn = document.getElementById("dummy_shared_Btn");
|
|
var span = document.getElementsByClassName("close")[0];
|
|
dummy_shared_Btn.onclick = function() {
|
|
dummy_shared_modal.style.display = "block";
|
|
}
|
|
span.onclick = function() {
|
|
dummy_shared_modal.style.display = "none";
|
|
}
|
|
window.onclick = function(event) {
|
|
if (event.target == dummy_shared_modal) {
|
|
dummy_shared_modal.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Share now</button></td>
|
|
<td scope="col" class="font-weight-bold">Subtitled in (List of languages)</td>
|
|
<td scope="col" class="font-weight-bold">
|
|
<select>
|
|
<option value="default">Subtitle into a new language</option>
|
|
{% for language in languages %}
|
|
<option value="lang">{{language}}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</td>
|
|
{% endif %} {% endcomment %}
|
|
</tr>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >Item 7 created on</td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Create</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">view</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Edit</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Download</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Shared with</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Share now</button></td>
|
|
<td scope="col" class="font-weight-bold">Subtitled in (List of languages)</td>
|
|
<td scope="col" class="font-weight-bold">
|
|
<select>
|
|
<option value="default">Subtitle into a new language</option>
|
|
{% for language in languages %}
|
|
<option value="lang">{{language}}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >Item 8 created on</td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Create</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">view</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Edit</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Download</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Shared with</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Share now</button></td>
|
|
<td scope="col" class="font-weight-bold">Subtitled in (List of languages)</td>
|
|
<td scope="col" class="font-weight-bold">
|
|
<select>
|
|
<option value="default">Subtitle into a new language</option>
|
|
{% for language in languages %}
|
|
<option value="lang">{{language}}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >Item 9 created on</td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Create</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">view</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Edit</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Download</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Shared with</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Share now</button></td>
|
|
<td scope="col" class="font-weight-bold">Subtitled in (List of languages)</td>
|
|
<td scope="col" class="font-weight-bold">
|
|
<select>
|
|
<option value="default">Subtitle into a new language</option>
|
|
{% for language in languages %}
|
|
<option value="lang">{{language}}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >Item 10 created on</td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Create</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">view</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Edit</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Download</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Shared with</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Share now</button></td>
|
|
<td scope="col" class="font-weight-bold">Subtitled in (List of languages)</td>
|
|
<td scope="col" class="font-weight-bold">
|
|
<select>
|
|
<option value="default">Subtitle into a new language</option>
|
|
{% for language in languages %}
|
|
<option value="lang">{{language}}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >Item 11 created on</td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Create</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">view</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Edit</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Download</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Shared with</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Share now</button></td>
|
|
<td scope="col" class="font-weight-bold">Subtitled in (List of languages)</td>
|
|
<td scope="col" class="font-weight-bold">
|
|
<select>
|
|
<option value="default">Subtitle into a new language</option>
|
|
{% for language in languages %}
|
|
<option value="lang">{{language}}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="row text-center" style="background-color: #ee3c4d; color: #fff; border-radius: 5px; margin-top: 10px;">
|
|
<label class="font-weight-bold my-2" for="ex3"><b>Dummy Video subtitling</b><input type="checkbox" name="" onclick="$('#more7').toggle()" id=""></label>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div class=" shadow mb-3" content="width=device-width, initial-scale=1.0" style=" justify-content:center;">
|
|
|
|
<div class="table-responsive-sm ">
|
|
<style>
|
|
.custom-checkbox input[type="checkbox"],
|
|
.custom-checkbox .checked {
|
|
display: none;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.checked {
|
|
display: inline-block;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.unchecked {
|
|
display: none;
|
|
}
|
|
|
|
th {
|
|
font-size: 13px;
|
|
border-collapse: collapse;
|
|
border: 1px solid white;
|
|
}
|
|
|
|
td {
|
|
font-size: 13px;
|
|
height: 30px;
|
|
height: auto;
|
|
border: 1px solid white;
|
|
border-collapse: collapse;
|
|
text-align: center;
|
|
}
|
|
|
|
table,
|
|
th,
|
|
td {
|
|
table-layout: fixed;
|
|
word-wrap: break-word;
|
|
}
|
|
</style>
|
|
<div class="dataTables_wrapper" id="more7" style="display: none; padding: 5%;">
|
|
|
|
<table id="example" class="display" style="width:100%;">
|
|
<tbody>
|
|
<tr style="background-color:#EE3c4d; color:white; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >Item Name</td>
|
|
<td scope="col" class="font-weight-bold" >In (Language) on (Date)</td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">view</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Edit</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Download</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Shared with</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Share now</button></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row text-center" style="background-color: #ee3c4d; color: #fff; border-radius: 5px; margin-top: 10px;">
|
|
<label class="font-weight-bold my-2" for="ex3"><b>Converted Scripts</b><input type="checkbox" name="" onclick="$('#more8').toggle()" id=""></label>
|
|
</div>
|
|
<div class=" shadow mb-3" content="width=device-width, initial-scale=1.0" style=" justify-content:center;">
|
|
|
|
<div class="table-responsive-sm ">
|
|
<style>
|
|
.custom-checkbox input[type="checkbox"],
|
|
.custom-checkbox .checked {
|
|
display: none;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.checked {
|
|
display: inline-block;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.unchecked {
|
|
display: none;
|
|
}
|
|
|
|
th {
|
|
font-size: 13px;
|
|
border-collapse: collapse;
|
|
border: 1px solid white;
|
|
}
|
|
|
|
td {
|
|
font-size: 13px;
|
|
height: 30px;
|
|
height: auto;
|
|
border: 1px solid white;
|
|
border-collapse: collapse;
|
|
text-align: center;
|
|
}
|
|
|
|
table,
|
|
th,
|
|
td {
|
|
table-layout: fixed;
|
|
word-wrap: break-word;
|
|
}
|
|
</style>
|
|
<div class="dataTables_wrapper" id="more8" style="display: none; padding: 5%;">
|
|
|
|
<table id="example" class="display" style="width:100%;">
|
|
<thead>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<th scope="col" class="font-weight-bold" colspan="4">Machine Translations</th>
|
|
<th scope="col" class="font-weight-bold" ></th>
|
|
<th scope="col" class="font-weight-bold" colspan="4">Vetting by LPP</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for i in conversion_details %}
|
|
{% if i.translated_script_path != "" %}
|
|
<tr>
|
|
<td scope="col" class="font-weight-bold" >V{{i.version_no}} in {{i.dial_dest_language}} (on {{i.converted_on}})</td>
|
|
<td scope="col" class="font-weight-bold"><a href="/../../{{i.translated_script_path}}"<button class="btn btn-primary btn-sm">view</button></a></td>
|
|
<td scope="col" class="font-weight-bold"><a href={{i.translated_script_path}}<button class="btn btn-primary btn-sm">Download</button></a></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Shared with</button></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Go to script Page</button></td>
|
|
{% if i.translated_file_vetted_path == "" %}
|
|
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Get vetted by LPP</button></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
<td scope="col" class="font-weight-bold"></td>
|
|
{% else %}
|
|
<td scope="col" class="font-weight-bold" >V{{i.version_no}}({{i.dial_dest_language}}_Vetted) on {{i.translated_file_vetted_on}}</td>
|
|
<td scope="col" class="font-weight-bold"><a href={{i.translated_file_vetted_path}}<button class="btn btn-primary btn-sm">view</button></a></td>
|
|
<td scope="col" class="font-weight-bold"><a href={{i.translated_file_vetted_path}}<button class="btn btn-primary btn-sm">Download</button></a></td>
|
|
<td scope="col" class="font-weight-bold"><button class="btn btn-primary btn-sm">Shared with</button></td>
|
|
{% endif %}
|
|
</tr>
|
|
{% endif %}
|
|
{% endfor %}
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row text-center" style="background-color: #ee3c4d; color: #fff; border-radius: 5px; margin-top: 10px;">
|
|
<label class="font-weight-bold my-2" for="ex3"><b>Requests under Progress</b><input type="checkbox" name="" onclick="$('#more9').toggle()" id=""></label>
|
|
</div>
|
|
<div class=" shadow mb-3" content="width=device-width, initial-scale=1.0" style=" justify-content:center;">
|
|
|
|
<div class="table-responsive-sm ">
|
|
<style>
|
|
.custom-checkbox input[type="checkbox"],
|
|
.custom-checkbox .checked {
|
|
display: none;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.checked {
|
|
display: inline-block;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.unchecked {
|
|
display: none;
|
|
}
|
|
|
|
th {
|
|
font-size: 13px;
|
|
border-collapse: collapse;
|
|
border: 1px solid white;
|
|
}
|
|
|
|
td {
|
|
font-size: 13px;
|
|
height: 30px;
|
|
height: auto;
|
|
border: 1px solid white;
|
|
border-collapse: collapse;
|
|
text-align: center;
|
|
}
|
|
|
|
table,
|
|
th,
|
|
td {
|
|
table-layout: fixed;
|
|
word-wrap: break-word;
|
|
}
|
|
</style>
|
|
<div class="dataTables_wrapper" id="more9" style="display: none; padding: 5%;">
|
|
|
|
<table id="example" class="display" style="width:100%;">
|
|
<thead>
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<th scope="col" class="font-weight-bold" >Request ID</th>
|
|
<th scope="col" class="font-weight-bold" >Request</th>
|
|
<th scope="col" class="font-weight-bold" >Date and time of request</th>
|
|
<th scope="col" class="font-weight-bold" >Payment Details</th>
|
|
<th scope="col" class="font-weight-bold" >Status</th>
|
|
<th scope="col" class="font-weight-bold" >Expected Date and Time of Delivery</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for i in requests_asked %}
|
|
<tr style="background-color:#EE3c4d; color:black; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<td scope="col" class="font-weight-bold" >{{i.request_id}}</td>
|
|
<td scope="col" class="font-weight-bold" >{{i.service}}</td>
|
|
<td scope="col" class="font-weight-bold" >{{i.timestamp}}</td>
|
|
<td scope="col" class="font-weight-bold" >Recieved {{i.payment_paid}} after a discount of {{i.payment_discount}}</td>
|
|
<td scope="col" class="font-weight-bold" >{{i.status}}</td>
|
|
<td scope="col" class="font-weight-bold" >{{i.expected_completiontime}}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
{% comment %} <div class="card" style="width: 14rem; font-family: Helvetica, sans-serif; box-shadow: 30px;">
|
|
|
|
<!-- <div class="card-body d-flex ">
|
|
<h5 class="card-title">Card title</h5>
|
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
|
</div> -->
|
|
<ul class="list-group list-group-flush">
|
|
<li><label for="fname">Last edited on</label>
|
|
<input type="text" class="form-control mt-n2" id="fname" name="fname" readonly>
|
|
</li>
|
|
<li>
|
|
<label for="fname">Shared with</label>
|
|
<input type="text" class="form-control mt-n2" id="fname" name="fname" readonly>
|
|
</li>
|
|
<li >
|
|
<!-- <label for="fname">Share with</label> -->
|
|
<input type="text" class="form-control mt-1" id="fname" placeholder="Share by Email" name="fname">
|
|
</li>
|
|
</ul>
|
|
<div class="card-body d-flex ">
|
|
<a href="#" class="card-link"> <button class="btn btn-sm btn-primary">View </button></a>
|
|
<a href="#" class="card-link"> <button class="btn btn-sm btn-primary">Share</button></a>
|
|
</div>
|
|
</div>
|
|
<div class="card" style="width: 14rem; font-family: Helvetica, sans-serif; box-shadow: 30px;">
|
|
|
|
<!-- <div class="card-body d-flex ">
|
|
<h5 class="card-title">Card title</h5>
|
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
|
</div> -->
|
|
<ul class="list-group list-group-flush">
|
|
<li><label for="fname">Audited On</label>
|
|
<input type="text" class="form-control mt-n2" id="fname" name="fname" readonly>
|
|
</li>
|
|
<li>
|
|
<label for="fname">Shared with</label>
|
|
<input type="text" class="form-control mt-n2" id="fname" name="fname" readonly>
|
|
</li>
|
|
<li >
|
|
<input type="text" class="form-control mt-1" id="fname" placeholder="Share by Email" name="fname">
|
|
</li>
|
|
</ul>
|
|
<div class="card-body d-flex ">
|
|
<a href="#" class="card-link"> <button class="btn btn-sm btn-primary">View </button></a>
|
|
<a href="#" class="card-link"> <button class="btn btn-sm btn-primary">Share</button></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card" style="width: 14rem; font-family: Helvetica, sans-serif; box-shadow: 30px;">
|
|
|
|
<!-- <div class="card-body d-flex ">
|
|
<h5 class="card-title">Card title</h5>
|
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
|
</div> -->
|
|
<ul class="list-group list-group-flush">
|
|
<li><label for="fname">Last Translated in </label>
|
|
<input type="text" class="form-control mt-n2" placeholder="Language + date" id="fname" name="fname" readonly>
|
|
</li>
|
|
<li>
|
|
<label for="fname">Shared with</label>
|
|
<input type="text" class="form-control mt-n2" id="fname" name="fname" readonly>
|
|
</li>
|
|
<li >
|
|
<input type="text" class="form-control mt-1" id="fname" placeholder="Share by Email" name="fname">
|
|
</li>
|
|
</ul>
|
|
<div class="card-body d-flex ">
|
|
<a href="#" class="card-link"> <button class="btn btn-sm btn-primary">View </button></a>
|
|
<a href="#" class="card-link"> <button class="btn btn-sm btn-primary">Share</button></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card" style="width: 14rem; font-family: Helvetica, sans-serif; box-shadow: 30px;">
|
|
|
|
<!-- <div class="card-body d-flex ">
|
|
<h5 class="card-title">Card title</h5>
|
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
|
</div> -->
|
|
<ul class="list-group list-group-flush">
|
|
<li><label for="fname">Narrated On</label>
|
|
<input type="text" class="form-control mt-n2" id="fname" name="fname" readonly>
|
|
</li>
|
|
<li>
|
|
<label for="fname">Shared with</label>
|
|
<input type="text" class="form-control mt-n2" id="fname" name="fname" readonly>
|
|
</li>
|
|
<!-- <li >
|
|
<label for="fname">Share with</label>
|
|
<input type="text" id="fname" name="fname" readonly>
|
|
</li> -->
|
|
<li >
|
|
<input type="text" class="form-control mt-1" id="fname" placeholder="Share by Email" name="fname">
|
|
</li>
|
|
</ul>
|
|
<div class="card-body " style="display: block;">
|
|
|
|
|
|
<!-- <a href="#" class="card-link " > <button class="btn btn-sm btn-primary" >View Pitch-Deck</button></a>
|
|
<a href="#" class="card-link " > <button class="btn btn-sm btn-primary" style="margin-top: 2px;">View Script Analysis</button></a>
|
|
<a href="#" class="card-link " > <button class="btn btn-sm btn-primary" style="margin-top: 2px;">View Character<br>Introduction</button></a>
|
|
<a href="#" class="card-link" > <button class="btn btn-sm btn-primary" style="margin-top: 2px;">View Line by<br>line Narration</button></a> -->
|
|
<a href="#" class="card-link " > <select name="view" class="form-select" id="view">
|
|
<option value="volvo">Pitch-Deck</option>
|
|
<option value="saab">Script Analysis</option>
|
|
<option value="mercedes">Character Introduction</option>
|
|
<option value="audi">Line by line Narration</option>
|
|
</select> </a>
|
|
<div class="d-flex">
|
|
<a href="#" class="card-link"> <button class="btn btn-sm btn-primary">View </button></a>
|
|
<a href="#" class="card-link " > <button class="btn btn-sm btn-primary" style="margin-top: 2px;">Share</button></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card" style="width: 14rem; font-family: Helvetica, sans-serif; box-shadow: 30px;">
|
|
|
|
<!-- <div class="card-body d-flex ">
|
|
<h5 class="card-title">Card title</h5>
|
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
|
</div> -->
|
|
<ul class="list-group list-group-flush">
|
|
<li><label for="fname">One pager Created On</label>
|
|
<input type="text" class="form-control mt-n2" id="fname" name="fname" readonly>
|
|
</li>
|
|
<li>
|
|
<label for="fname">Shared with</label>
|
|
<input type="text" class="form-control mt-n2" id="fname" name="fname" readonly>
|
|
</li>
|
|
<li >
|
|
<input type="text" class="form-control mt-1" id="fname" placeholder="Share by Email" name="fname">
|
|
</li>
|
|
</ul>
|
|
<div class="card-body d-flex ">
|
|
<a href="#" class="card-link"> <button class="btn btn-sm btn-primary">View </button></a>
|
|
<a href="#" class="card-link"> <button class="btn btn-sm btn-primary">Share</button></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card" style="width: 16rem; font-family: Helvetica, sans-serif; box-shadow: 30px;">
|
|
|
|
<!-- <div class="card-body d-flex ">
|
|
<h5 class="card-title">Card title</h5>
|
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
|
</div> -->
|
|
<ul class="list-group list-group-flush">
|
|
<li><label for="fname">Dummy Video Created On</label>
|
|
<input type="text" class="form-control mt-n2" id="fname" name="fname" readonly>
|
|
</li>
|
|
<li>
|
|
<label for="fname">Shared with</label>
|
|
<input type="text" id="fname" class="form-control mt-n2" name="fname" readonly>
|
|
</li>
|
|
<li >
|
|
<input type="text" class="form-control mt-1" id="fname" placeholder="Share by Email" name="fname">
|
|
</li>
|
|
</ul>
|
|
<div class="card-body d-flex ">
|
|
<a href="#" class="card-link"> <button class="btn btn-sm btn-primary">View </button></a>
|
|
<a href="#" class="card-link"> <button class="btn btn-sm btn-primary">Share</button></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card" style="width: 14rem; font-family: Helvetica, sans-serif; box-shadow: 30px;">
|
|
|
|
<!-- <div class="card-body d-flex ">
|
|
<h5 class="card-title">Card title</h5>
|
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
|
</div> -->
|
|
<ul class="list-group list-group-flush">
|
|
<li ><label for="fname">Project Created On</label>
|
|
<input type="text" class="form-control mt-n2" id="fname" name="fname" readonly>
|
|
</li>
|
|
<li>
|
|
<label for="fname">Shared with</label>
|
|
<input type="text" class="form-control mt-n2" id="fname" name="fname" readonly>
|
|
</li>
|
|
<li >
|
|
<input type="text" class="form-control mt-1" id="fname" placeholder="Share by Email" name="fname">
|
|
</li>
|
|
</ul>
|
|
<div class="card-body d-flex " >
|
|
<a href="#" class="card-link"> <button class="btn btn-sm btn-primary">View </button></a>
|
|
<a href="#" class="card-link"> <button class="btn btn-sm btn-primary">Share</button></a>
|
|
</div>
|
|
</div>
|
|
</div> {% endcomment %}
|
|
|
|
|
|
|
|
<!-- <div class="flex-container my-2">
|
|
<div class="col-item">
|
|
<label class="font-weight-bold" for="ex3">Last edited on</label>
|
|
<input type="text" class="form-control" placeholder="Last edited on" aria-label="Last edited on" />
|
|
<button class="btn btn-primary btn-sm thicker">Last edited on</button>
|
|
</div>
|
|
<div class="col-item">
|
|
<label class="font-weight-bold d-block flex-column my-2" for="ex3">Edited version shared with </label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<button class="btn btn-primary btn-sm thicker">Share</button>
|
|
</div>
|
|
</div> -->
|
|
|
|
|
|
|
|
|
|
<!-- <div class="flex-container my-2"> -->
|
|
|
|
<!-- <div class="col-sm-2 d-flex flex-column">
|
|
<label class="font-weight-bold" for="ex3">Audited version <br>shared with</label>
|
|
<input type="text" class="form-control" placeholder="Audited" aria-label="Audited" />
|
|
<button class="btn btn-primary btn-sm thicker">Share</button>
|
|
</div> -->
|
|
<!-- <div class="col-sm-2 d-flex flex-column">
|
|
<label class="font-weight-bold" for="ex3">Translated version<br> shared with</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<button class="btn btn-primary btn-sm thicker">Share</button>
|
|
</div> -->
|
|
<!-- <div class="col-sm-2 d-flex flex-column">
|
|
<label class="font-weight-bold" for="ex3">Narrated version<br> shared with</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<button class="btn btn-primary btn-sm thicker">Share</button>
|
|
</div> -->
|
|
<!-- <div class="col-sm-2 d-flex flex-column">
|
|
<label class="font-weight-bold" for="ex3">Dummy video<br> shared with</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<button class="btn btn-primary btn-sm thicker">Share</button>
|
|
</div>
|
|
<div class="col-sm-1 d-flex flex-column">
|
|
<label class="font-weight-bold" for="ex3">Project shared with</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<button class="btn btn-primary btn-sm thicker">Share</button>
|
|
</div> -->
|
|
<!-- <div class="col-sm-1 d-flex flex-column">
|
|
<label class="font-weight-bold" for="ex3">One pager shared with</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<button class="btn btn-primary btn-sm thicker">Share</button>
|
|
</div> -->
|
|
<!-- </div> -->
|
|
|
|
|
|
|
|
|
|
<!-- Logline section -->
|
|
{% comment %} <div class="flex-container my-2">
|
|
<div class="row g-2">
|
|
<!-- <div class="form-group purple-border col-sm-8">
|
|
<label class="font-weight-bold" for="exampleFormControlTextarea4">Logline (max 30 words)</label>
|
|
<textarea class="form-control" placeholder="Logline will appear here"
|
|
id="exampleFormControlTextarea4" rows="2"></textarea>
|
|
</div> -->
|
|
<div class="col-sm-6 ">
|
|
<label class="font-weight-bold" for="logline">Logline </label>
|
|
<input type="text" class="form-control input-lg py-3" placeholder="logline" aria-label="logline" id="logline"readonly/>
|
|
</div>
|
|
<div class="col-sm-2 ">
|
|
<br />
|
|
<button class="btn btn-primary my-2" id="logline-edit">Edit</button>
|
|
</div>
|
|
<div class="col-sm-3 ">
|
|
<label class="font-weight-bold" for="ex3">Auction Status</label>
|
|
<input type="text" class="form-control" placeholder="Language of screenplay"
|
|
aria-label="Language of screenplay" readonly />
|
|
</div>
|
|
<div class="col-sm-1 ">
|
|
<input type="button" class="btn btn-primary my-2" id="shown" onclick="$('#more').toggle();" value="Show More">
|
|
<!-- <button class="btn btn-primary my-2" onclick="$('#more').toggle();" >Show More</button> -->
|
|
</div>
|
|
<div class="row" id="more" style="display: none;">
|
|
|
|
<div class="col-sm-3 col-item">
|
|
<label class="font-weight-bold" for="ex3">Language of screenplay</label>
|
|
<input type="text" class="form-control" placeholder="Language of screenplay"
|
|
aria-label="Language of screenplay" readonly />
|
|
</div>
|
|
<div class="col-sm-3 col-item">
|
|
<label class="font-weight-bold" for="ex3">Script of screenplay</label>
|
|
<input type="text" class="form-control" placeholder="Script of screenplay"
|
|
aria-label="Script of screenplay" readonly />
|
|
</div>
|
|
<div class="col-sm-3 col-item">
|
|
<label class="font-weight-bold" for="ex3">Language of dialogues</label>
|
|
<input type="text" class="form-control" placeholder="Language of dialogues"
|
|
aria-label="Language of dialogues" readonly />
|
|
</div>
|
|
<div class="col-sm-3 col-item">
|
|
<label class="font-weight-bold" for="ex3">Script of dialogues</label>
|
|
<input type="text" class="form-control" placeholder="Script of dialogues"
|
|
aria-label="Script of dialogues" readonly />
|
|
</div>
|
|
|
|
<div class="col-sm-3 col-item">
|
|
<label class="font-weight-bold" for="ex3">Uploaded on</label>
|
|
<input type="text" class="form-control" placeholder="Uploaded on" aria-label="Uploaded on"
|
|
readonly />
|
|
</div>
|
|
<div class="col-sm-3 col-item">
|
|
<label class="font-weight-bold" for="ex3">Script status</label>
|
|
<input type="text" class="form-control" placeholder="Script status" aria-label="Script status"
|
|
readonly />
|
|
</div>
|
|
<div class="col-sm-3 col-item">
|
|
<label class="font-weight-bold" for="ex3">Script genre</label>
|
|
<input type="text" class="form-control" placeholder="Script genre" aria-label="Script genre"
|
|
readonly />
|
|
</div>
|
|
<div class="col-sm-3 col-item">
|
|
<label class="font-weight-bold" for="ex3">Number of pages</label>
|
|
<input type="text" class="form-control" placeholder="Number of pages" aria-label="Number of pages"
|
|
readonly />
|
|
</div>
|
|
<div class="col-sm-3 col-item">
|
|
<label class="font-weight-bold" for="ex3">No. of characters</label>
|
|
<input type="text" class="form-control" placeholder="No. of characters"
|
|
aria-label="No. of characters" readonly />
|
|
</div>
|
|
<div class="col-sm-3 col-item">
|
|
<label class="font-weight-bold" for="ex3">No. of scenes</label>
|
|
<input type="text" class="form-control" placeholder="No. of scenes" aria-label="No. of scenes"
|
|
readonly />
|
|
</div>
|
|
<div class="col-sm-3 col-item">
|
|
<label class="font-weight-bold" for="ex3">Set in(time)</label>
|
|
<input type="text" class="form-control" placeholder="time" aria-label="time" readonly />
|
|
</div>
|
|
<div class="col-sm-3 col-item">
|
|
<label class="font-weight-bold" for="ex3">Set in (space)</label>
|
|
<input type="text" class="form-control" placeholder="space" aria-label="space" readonly />
|
|
</div>
|
|
<div class="col-sm-3 col-item">
|
|
<label class="font-weight-bold" for="ex3">No. of locations(as per script)</label>
|
|
<input type="text" class="form-control" placeholder="locations" aria-label="locations" readonly />
|
|
</div>
|
|
<div class="col-sm-3 col-item">
|
|
<label class="font-weight-bold" for="ex3">Shooting locations</label>
|
|
<input type="text" class="form-control" placeholder="Shooting locations"
|
|
aria-label="Shooting locations" readonly />
|
|
</div>
|
|
<div class="col-sm-3 col-item">
|
|
<label class="font-weight-bold" for="ex3">Optimal budget</label>
|
|
<input type="text" class="form-control" placeholder="Optimal budget" aria-label="Optimal budget"
|
|
readonly />
|
|
</div>
|
|
<div class="col-sm-3 col-item">
|
|
<label class="font-weight-bold" for="ex3">Special requirement</label>
|
|
<input type="text" class="form-control" placeholder="Special requirement"
|
|
aria-label="Special requirement" readonly />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- conversion -->
|
|
<div class="row py-3">
|
|
<h4 class="text-center mt-n3" style="color: #ee3c4d;">Conversion under progress()</h4>
|
|
<div class="row d-flex justify-content-center">
|
|
<div class="col-sm-2">
|
|
<label class="font-weight-bold" for="ex3">Request ID</label>
|
|
<input type="number" class="form-control" placeholder="Request ID" aria-label="Request ID"
|
|
readonly />
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<label class="font-weight-bold" for="ex3">Date and time of conversion request</label>
|
|
|
|
<input type="text" class="form-control" placeholder="Date and time" aria-label="Date and time"
|
|
readonly />
|
|
</div>
|
|
<div class="col-sm-2">
|
|
<label class="font-weight-bold" for="ex3">Estimated delivery time</label>
|
|
<input type="text" class="form-control" placeholder="delivery time" aria-label="delivery time"
|
|
readonly />
|
|
</div>
|
|
<div class="col-sm-1">
|
|
<br />
|
|
<button class="btn btn-primary">Details</button>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="row text-center" style="background-color: #ee3c4d; color: #fff; border-radius: 5px; margin-top: 10px;">
|
|
<label class="font-weight-bold my-2" for="ex3"><b>Show Successfully Converted Scripts </b><input type="checkbox" name="" onclick="$('#more1').toggle()" id=""></label>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<br> {% endcomment %}
|
|
|
|
<!-- Successfully completed script -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- for modal -->
|
|
<!-- large modal -->
|
|
<!-- <div class="modal fade" id="largeModal" tabindex="-1" role="dialog" aria-labelledby="basicModal"
|
|
aria-hidden="true">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title" id="myModalLabel">Large Modal</h4>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
|
|
<div>
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="mb-3">
|
|
<label for="proj-name" class="form-label">Project Name</label>
|
|
<input type="text" class="form-control" id="proj-name"
|
|
placeholder="Enter Project Name">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="mb-3">
|
|
<label for="req-id" class="form-label">Request ID</label>
|
|
<input type="text" class="form-control" id="req-id"
|
|
placeholder="Enter Request ID">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<label for="status-ap">Status</label>
|
|
<select class="form-select" onchange="lppOptions(this);">
|
|
<option selected>Select option</option>
|
|
<option value="1">Under Conversion</option>
|
|
<option value="2">Failed</option>
|
|
<option value="3">Refunded</option>
|
|
<option value="4">Referred to LPP</option>
|
|
<option value="vetted-lpp">Vetted by LPP</option>
|
|
</select>
|
|
|
|
</div>
|
|
<div class="row my-2" id="showOpt" style="display: none;">
|
|
<div class="col-sm-6">
|
|
<div class="mb-3">
|
|
<label for="lpp-assign" class="form-label">Date and Time of assignment
|
|
to
|
|
LPP</label>
|
|
<input type="text" class="form-control" id="lpp-assign"
|
|
placeholder="Enter Date and Time of assignment to LPP">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="mb-3">
|
|
<label for="dt-del-user" class="form-label">Date and Time of delivery to
|
|
User</label>
|
|
<input type="text" class="form-control" id="dt-del-user"
|
|
placeholder="Enter Date and Time of delivery to User">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="mb-3">
|
|
<label for="dt-feedback" class="form-label">Date and Time of
|
|
feedback</label>
|
|
<input type="text" class="form-control" id="dt-feedback"
|
|
placeholder="Enter Date and Time of feedback">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="mb-3">
|
|
<label for="lpp-rate" class="form-label">Rating</label>
|
|
<input type="text" class="form-control" id="lpp-rate"
|
|
placeholder="Enter Rating">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="mb-3">
|
|
<label for="lpp-feedback" class="form-label">Feedback</label>
|
|
<input type="text" class="form-control" id="lpp-feedback"
|
|
placeholder="Enter Feedbackg">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="mb-3">
|
|
<label for="lpp-comments" class="form-label">Comments</label>
|
|
<input type="text" class="form-control" id="lpp-comments"
|
|
placeholder="Enter Comments">
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="row my-2">
|
|
<div class="col-sm-6">
|
|
<div class="mb-3">
|
|
<label for="sr-lang" class="form-label">Source Language (Dial)</label>
|
|
<input type="text" class="form-control" id="sr-lang"
|
|
placeholder="Enter Source Language">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="mb-3">
|
|
<label for="dest-lang" class="form-label">Destination Language
|
|
(Dial)</label>
|
|
<input type="text" class="form-control" id="dest-lang"
|
|
placeholder="Enter Destination Language">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="row my-2">
|
|
<div class="col-sm-6">
|
|
<div class="mb-3">
|
|
<label for="sr-lang-act" class="form-label">Source Language (Action)</label>
|
|
<input type="text" class="form-control" id="sr-lang-act"
|
|
placeholder="Enter Source Language">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="mb-3">
|
|
<label for="dest-lang-act" class="form-label">Destination Language
|
|
(Action)</label>
|
|
<input type="text" class="form-control" id="dest-lang-act"
|
|
placeholder="Enter Destination Language">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row my-2">
|
|
<div class="col-sm-6">
|
|
<div class="mb-3">
|
|
<label for="sr-script-dial" class="form-label">Source Script (Dial)</label>
|
|
<input type="text" class="form-control" id="sr-script-dial"
|
|
placeholder="Enter Source Script">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="mb-3">
|
|
<label for="dest-script-dial" class="form-label">Destination Script
|
|
(Dial)</label>
|
|
<input type="text" class="form-control" id="dest-script-dial"
|
|
placeholder="Enter Destination Script">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row my-2">
|
|
<div class="col-sm-6">
|
|
<div class="mb-3">
|
|
<label for="sr-script-act" class="form-label">Source Script (Action)</label>
|
|
<input type="text" class="form-control" id="sr-script-act"
|
|
placeholder="Enter Source Script">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="mb-3">
|
|
<label for="dest-script-act" class="form-label">Destination Script
|
|
(Action)</label>
|
|
<input type="text" class="form-control" id="dest-script-act"
|
|
placeholder="Enter Destination Script">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="row my-2">
|
|
<div class="col-sm-6">
|
|
<div class="mb-3">
|
|
<label for="conv-dt-req" class="form-label">Date and Time of Conversation
|
|
Request</label>
|
|
<input type="text" class="form-control" id="conv-dt-req"
|
|
placeholder="Enter Date and Time of Conversation Request">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="mb-3">
|
|
<label for="est-del-time" class="form-label">Estimated Delivery time</label>
|
|
<input type="text" class="form-control" id="est-del-time"
|
|
placeholder="Enter Estimated Delivery time">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row my-2">
|
|
<div class="col-sm-6">
|
|
<div class="mb-3">
|
|
<label for="card-price" class="form-label">Card Price</label>
|
|
<input type="text" class="form-control" id="card-price"
|
|
placeholder="Enter Card Price">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="mb-3">
|
|
<label for="act-pay" class="form-label">Actual payment</label>
|
|
<input type="text" class="form-control" id="act-pay"
|
|
placeholder="Enter Actual payment">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row my-2">
|
|
<div class="col-sm-6">
|
|
<div class="mb-3">
|
|
<label for="conv-dt" class="form-label">Date and Time of
|
|
Conversation</label>
|
|
<input type="text" class="form-control" id="conv-dt"
|
|
placeholder="Enter Date and Time of Conversation">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<strong>User Notes</strong>
|
|
<div class="row my-2">
|
|
<div class="col-sm-6">
|
|
<div class="mb-3">
|
|
<label for="card-price" class="form-label">Card Price</label>
|
|
<input type="text" class="form-control" id="card-price"
|
|
placeholder="Enter Card Price">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="mb-3">
|
|
<label for="act-pay" class="form-label">Actual payment</label>
|
|
<input type="text" class="form-control" id="act-pay"
|
|
placeholder="Enter Actual payment">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
|
<button type="button" class="btn btn-primary">Save changes</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
{% comment %} <div class=" shadow mb-3" content="width=device-width, initial-scale=1.0" style=" justify-content:center; height: 450px; ">
|
|
|
|
<div class="table-responsive-sm " style=" overflow-y: scroll; overflow-x: hidden; height: 450px;">
|
|
<style>
|
|
.custom-checkbox input[type="checkbox"],
|
|
.custom-checkbox .checked {
|
|
display: none;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.checked {
|
|
display: inline-block;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.unchecked {
|
|
display: none;
|
|
}
|
|
|
|
th {
|
|
font-size: 13px;
|
|
border-collapse: collapse;
|
|
border: 1px solid white;
|
|
}
|
|
|
|
td {
|
|
height: 30px;
|
|
height: auto;
|
|
border: 1px solid white;
|
|
border-collapse: collapse;
|
|
text-align: center;
|
|
}
|
|
|
|
table,
|
|
th,
|
|
td {
|
|
table-layout: fixed;
|
|
word-wrap: break-word;
|
|
border:1px solid black;
|
|
}
|
|
</style>
|
|
<div class="dataTables_wrapper" id="more1" style="display: none; padding: 5%;">
|
|
|
|
<table id="example" class="display" style="width:100%;">
|
|
<thead>
|
|
<tr style="background-color:#EE3c4d; color:white; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<th scope="col" class="font-weight-bold" >Machine Conversionn</th>
|
|
<th scope="col" class="font-weight-bold" >Vetting by LPP</th>
|
|
<th scope="col" class="font-weight-bold">Conversion Sharing</th>
|
|
<th scope="col" class="font-weight-bold">Narration</th>
|
|
<th scope="col" class="font-weight-bold">Narration Sharing</th>
|
|
<th scope="col" class="font-weight-bold">Dummy Video</th>
|
|
<th scope="col" class="font-weight-bold">Sub Titling</th>
|
|
<th scope="col" class="font-weight-bold">Video Sharing </th>
|
|
<th scope="col" class="font-weight-bold">Project</th>
|
|
<th scope="col" class="font-weight-bold">Project Sharing</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
|
|
<td> <div class="col-sm-2">
|
|
<label class="font-weight-bold" for="ex3">Version machine translated on</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<label class="font-weight-bold" for="ex3">V_in Hindi(date)</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<label class="font-weight-bold" for="ex3">Version machine translated on</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
</div></td>
|
|
<td> <div class="col-sm-2">
|
|
<label class="font-weight-bold" for="ex3">Vetted by LPP on</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<label class="font-weight-bold" for="ex3">V_(Hi_vetted) on (date)</label>
|
|
<input data-toggle="modal" data-target="#largeModal" type="text" class="form-control"
|
|
placeholder="Edited" aria-label="Edited" />
|
|
</div></td>
|
|
<td> <div class="col-sm-1">
|
|
<label class="font-weight-bold" for="ex3">LPP vetted version shared with</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<button class="btn btn-primary btn-sm">Share</button>
|
|
</div></td>
|
|
<td> <div class="col-sm-2">
|
|
<label class="font-weight-bold" for="ex3">Version narrated on</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<label class="font-weight-bold" for="ex3">V_in Hindi(date)</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<label class="font-weight-bold" for="ex3">V_(languages) on date</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
</div></td>
|
|
<td>
|
|
<div class="col-sm-1">
|
|
<label class="font-weight-bold" for="ex3">Narrated version shared with</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<button class="btn btn-primary btn-sm">Share</button>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
|
|
<div class="col-sm-1">
|
|
<label class="font-weight-bold" for="ex3">Dummy videos created on</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<label class="font-weight-bold" for="ex3">V_(Hi) on (date)</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="col-sm-1">
|
|
<label class="font-weight-bold" for="ex3">Subtitle Created on</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<label class="font-weight-bold" for="ex3">V_(Hi) on (date)</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="col-sm-1">
|
|
<label class="font-weight-bold" for="ex3">Dummy video shared with</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<button class="btn btn-primary btn-sm">Share</button>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
|
|
<div class="col-sm-1">
|
|
<label class="font-weight-bold" for="ex3">Project created on</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<label class="font-weight-bold" for="ex3">V_(Hi) on (date)</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
</div>
|
|
|
|
</td>
|
|
<td>
|
|
<div class="col-sm-1">
|
|
<label class="font-weight-bold" for="ex3">Project shared with</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<button class="btn btn-primary btn-sm">Share</button>
|
|
</div>
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
<tr>
|
|
|
|
|
|
</tr>
|
|
</tfoot>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
<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>
|
|
$(document).ready(function() {
|
|
$('#example').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>
|
|
</div>
|
|
|
|
</div>
|
|
<div class=" shadow mb-3" content="width=device-width, initial-scale=1.0" style=" justify-content:center; height: 450px; ">
|
|
|
|
<div class="table-responsive-sm " style=" overflow-y: scroll; overflow-x: hidden; height: 450px;">
|
|
<style>
|
|
.custom-checkbox input[type="checkbox"],
|
|
.custom-checkbox .checked {
|
|
display: none;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.checked {
|
|
display: inline-block;
|
|
}
|
|
|
|
.custom-checkbox input[type="checkbox"]:checked~.unchecked {
|
|
display: none;
|
|
}
|
|
|
|
th {
|
|
font-size: 13px;
|
|
border-collapse: collapse;
|
|
border: 1px solid white;
|
|
}
|
|
|
|
td {
|
|
height: 30px;
|
|
height: auto;
|
|
border: 1px solid white;
|
|
border-collapse: collapse;
|
|
text-align: center;
|
|
}
|
|
|
|
table,
|
|
th,
|
|
td {
|
|
table-layout: fixed;
|
|
word-wrap: break-word;
|
|
}
|
|
</style>
|
|
<div class="dataTables_wrapper" id="more2" style="display: none; padding: 5%;">
|
|
|
|
<table id="example" class="display" style="width:100%;">
|
|
<thead>
|
|
<tr style="background-color:#EE3c4d; color:white; font-size:20px; font-weight:600; padding: initial; text-align:center; ">
|
|
<th scope="col" class="font-weight-bold" >Machine Conversio</th>
|
|
<th scope="col" class="font-weight-bold" >Vetting by LPP</th>
|
|
<th scope="col" class="font-weight-bold">Conversion Sharing</th>
|
|
<th scope="col" class="font-weight-bold">Narration</th>
|
|
<th scope="col" class="font-weight-bold">Narration Sharing</th>
|
|
<th scope="col" class="font-weight-bold">Dummy Video</th>
|
|
<th scope="col" class="font-weight-bold">Sub Titling</th>
|
|
<th scope="col" class="font-weight-bold">Video Sharing </th>
|
|
<th scope="col" class="font-weight-bold">Project</th>
|
|
<th scope="col" class="font-weight-bold">Project Sharing</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
|
|
<td> <div class="col-sm-2">
|
|
<label class="font-weight-bold" for="ex3">Version machine translated on</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<label class="font-weight-bold" for="ex3">V_in Hindi(date)</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<label class="font-weight-bold" for="ex3">Version machine translated on</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
</div></td>
|
|
<td> <div class="col-sm-2">
|
|
<label class="font-weight-bold" for="ex3">Vetted by LPP on</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<label class="font-weight-bold" for="ex3">V_(Hi_vetted) on (date)</label>
|
|
<input data-toggle="modal" data-target="#largeModal" type="text" class="form-control"
|
|
placeholder="Edited" aria-label="Edited" />
|
|
</div></td>
|
|
<td> <div class="col-sm-1">
|
|
<label class="font-weight-bold" for="ex3">LPP vetted version shared with</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<button class="btn btn-primary btn-sm">Share</button>
|
|
</div></td>
|
|
<td> <div class="col-sm-2">
|
|
<label class="font-weight-bold" for="ex3">Version narrated on</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<label class="font-weight-bold" for="ex3">V_in Hindi(date)</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<label class="font-weight-bold" for="ex3">V_(languages) on date</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
</div></td>
|
|
<td>
|
|
<div class="col-sm-1">
|
|
<label class="font-weight-bold" for="ex3">Narrated version shared with</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<button class="btn btn-primary btn-sm">Share</button>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
|
|
<div class="col-sm-1">
|
|
<label class="font-weight-bold" for="ex3">Dummy videos created on</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<label class="font-weight-bold" for="ex3">V_(Hi) on (date)</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="col-sm-1">
|
|
<label class="font-weight-bold" for="ex3">Subtitle Created on</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<label class="font-weight-bold" for="ex3">V_(Hi) on (date)</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="col-sm-1">
|
|
<label class="font-weight-bold" for="ex3">Dummy video shared with</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<button class="btn btn-primary btn-sm">Share</button>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
|
|
<div class="col-sm-1">
|
|
<label class="font-weight-bold" for="ex3">Project created on</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<label class="font-weight-bold" for="ex3">V_(Hi) on (date)</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
</div>
|
|
|
|
</td>
|
|
<td>
|
|
<div class="col-sm-1">
|
|
<label class="font-weight-bold" for="ex3">Project shared with</label>
|
|
<input type="text" class="form-control" placeholder="Edited" aria-label="Edited" />
|
|
<button class="btn btn-primary btn-sm">Share</button>
|
|
</div>
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
<tr>
|
|
|
|
|
|
</tr>
|
|
</tfoot>
|
|
|
|
</table>
|
|
|
|
</div> {% endcomment %}
|
|
<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>
|
|
$(document).ready(function() {
|
|
$('#example').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>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
{% comment %} <script>
|
|
$('#logline-edit').click(function () {
|
|
let val = $(this)[0].textContent.toLowerCase();
|
|
if (val === "edit") {
|
|
$('#logline').removeAttr('readonly');
|
|
$(this)[0].textContent = "CONFIRM";
|
|
} else {
|
|
$('#logline')[0].setAttribute('readonly', '');
|
|
$(this)[0].textContent = "EDIT";
|
|
}
|
|
});
|
|
</script> {% endcomment %}
|
|
|
|
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
|
|
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
|
|
crossorigin="anonymous"></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 type="text/javascript">
|
|
function DeleteValues() {
|
|
var colabName = document.getElementById("colab-names");
|
|
|
|
// var dropDown = document.getElementById("colab");
|
|
for (var i = 0; i <= colabName.options.length; i++) {
|
|
if (colabName.options[i].selected) {
|
|
colabName.removeChild(colabName.options[i]);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
function DeleteMail() {
|
|
var colabMail = document.getElementById("colab-mail");
|
|
for (var i = 0; i <= colabMail.options.length; i++) {
|
|
if (colabMail.options[i].selected) {
|
|
colabMail.removeChild(colabMail.options[i]);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
function DeleteYear() {
|
|
var colabYear = document.getElementById("colab-year");
|
|
for (var i = 0; i <= colabYear.options.length; i++) {
|
|
if (colabYear.options[i].selected) {
|
|
colabYear.removeChild(colabYear.options[i]);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<script>
|
|
$('#AllOnePager').click(function () {
|
|
var checkboxes = document.getElementsByClassName('one-pager');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
|
|
|
|
|
|
$('#AllStory').click(function () {
|
|
var checkboxes = document.getElementsByClassName('anyone-story');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#AllSampleScript').click(function () {
|
|
var checkboxes = document.getElementsByClassName('anyone-sample-script');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#AllSampleNarration').click(function () {
|
|
var checkboxes = document.getElementsByClassName('anyone-sample-narration');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#AllFullScript').click(function () {
|
|
var checkboxes = document.getElementsByClassName('anyone-full-script');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#AllFullNarration').click(function () {
|
|
var checkboxes = document.getElementsByClassName('anyone-full-narration');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#AllCo-AuthorsName').click(function () {
|
|
var checkboxes = document.getElementsByClassName('anyone-co-authors-name');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#AllScriptDetails').click(function () {
|
|
var checkboxes = document.getElementsByClassName('anyone-script-details');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#AllCharacterIntroduce').click(function () {
|
|
var checkboxes = document.getElementsByClassName('anyone-character-introduce');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#AllSampleFootage').click(function () {
|
|
var checkboxes = document.getElementsByClassName('anyone-sample-footage');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#IdeaOnePager').click(function () {
|
|
var checkboxes = document.getElementsByClassName('idea-one-pager');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#IdeaStory').click(function () {
|
|
var checkboxes = document.getElementsByClassName('idea-story');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#IdeaSampleScript').click(function () {
|
|
var checkboxes = document.getElementsByClassName('idea-sample-script');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#IdeaSampleNarration').click(function () {
|
|
var checkboxes = document.getElementsByClassName('idea-sample-narration');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#IdeaFullScript').click(function () {
|
|
var checkboxes = document.getElementsByClassName('idea-full-script');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#IdeaFullNarration').click(function () {
|
|
var checkboxes = document.getElementsByClassName('idea-full-narration');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#IdeaCo-AuthorsName').click(function () {
|
|
var checkboxes = document.getElementsByClassName('idea-co-authors-name');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#IdeaScriptDetails').click(function () {
|
|
var checkboxes = document.getElementsByClassName('idea-script-details');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#IdeaCharacterIntroduce').click(function () {
|
|
var checkboxes = document.getElementsByClassName('idea-character-introduce');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#IdeaSampleFootage').click(function () {
|
|
var checkboxes = document.getElementsByClassName('idea-sample-footage');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#CoproducingOnePager').click(function () {
|
|
var checkboxes = document.getElementsByClassName('coproducing-one-pager');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#CoproducingStory').click(function () {
|
|
var checkboxes = document.getElementsByClassName('coproducing-story');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#CoproducingSampleScript').click(function () {
|
|
var checkboxes = document.getElementsByClassName('coproducing-sample-script');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#CoproducingSampleNarration').click(function () {
|
|
var checkboxes = document.getElementsByClassName('coproducing-sample-narration');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#CoproducingFullScript').click(function () {
|
|
var checkboxes = document.getElementsByClassName('coproducing-full-script');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#CoproducingFullNarration').click(function () {
|
|
var checkboxes = document.getElementsByClassName('coproducing-full-narration');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#CoproducingCo-AuthorsName').click(function () {
|
|
var checkboxes = document.getElementsByClassName('coproducing-co-authors-name');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#CoproducingScriptDetails').click(function () {
|
|
var checkboxes = document.getElementsByClassName('coproducing-script-details');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#CoproducingCharacterIntroduce').click(function () {
|
|
var checkboxes = document.getElementsByClassName('coproducing-character-introduce');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#CoproducingSampleFootage').click(function () {
|
|
var checkboxes = document.getElementsByClassName('coproducing-sample-footage');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#LimitedOnePager').click(function () {
|
|
var checkboxes = document.getElementsByClassName('limited-one-pager');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#LimitedStory').click(function () {
|
|
var checkboxes = document.getElementsByClassName('limited-story');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#LimitedSampleScript').click(function () {
|
|
var checkboxes = document.getElementsByClassName('limited-sample-script');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#LimitedSampleNarration').click(function () {
|
|
var checkboxes = document.getElementsByClassName('limited-sample-narration');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#LimitedFullScript').click(function () {
|
|
var checkboxes = document.getElementsByClassName('limited-full-script');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#LimitedFullNarration').click(function () {
|
|
var checkboxes = document.getElementsByClassName('limited-full-narration');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#LimitedCo-AuthorsName').click(function () {
|
|
var checkboxes = document.getElementsByClassName('limited-co-authors-name');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#LimitedScriptDetails').click(function () {
|
|
var checkboxes = document.getElementsByClassName('limited-script-details');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#LimitedCharacterIntroduce').click(function () {
|
|
var checkboxes = document.getElementsByClassName('limited-character-introduce');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
$('#LimitedSampleFootage').click(function () {
|
|
var checkboxes = document.getElementsByClassName('limited-sample-footage');
|
|
for (var i = 0; i < checkboxes.length; i++) {
|
|
checkboxes[i].checked = this.checked;
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<script>
|
|
function checkstar(str,val){
|
|
if(str=='onepager'&& val==false){
|
|
var checkboxes = document.getElementById('AllOnePager');
|
|
checkboxes.checked = this.checked;
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
|
|
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
|
|
<script src="app.js"></script>
|
|
{% comment %} <script>
|
|
// $(document).ready(function(){
|
|
// $('#shown').click(function(){
|
|
// $('#shown').value(Show less);
|
|
// });
|
|
// });
|
|
document.getElementById("shown").addEventListener(
|
|
"click",
|
|
function(event) {
|
|
if (event.target.value === "Show More") {
|
|
event.target.value = "Show less";
|
|
// event.target.css("background":"red","color":"white");
|
|
} else {
|
|
event.target.value = "Show more";
|
|
}
|
|
},
|
|
false
|
|
);
|
|
</script> {% endcomment %}
|
|
<script>
|
|
$(function(){$('#shown').click(function() {
|
|
$(this).val() === "Show More" ? play_int() : play_pause();
|
|
});
|
|
});
|
|
|
|
|
|
function play_int() {
|
|
$('#shown').val("Show less");
|
|
// do play
|
|
}
|
|
|
|
function play_pause() {
|
|
$('#shown').val("Show More");
|
|
// do pause
|
|
}
|
|
</script>
|
|
|
|
</body>
|
|
{% endfor %}
|
|
</html>
|
|
{% endblock content %} |