Conversion_Kitchen_Code/kitchen_counter/conversion/templates/conversion/viewStory.html

182 lines
8.2 KiB
HTML
Executable File

{% extends 'mnfapp/base.html'%}
{% load static %}
{% csrf_token %}
{% block title %}Conversion Room {%endblock%}
{% block content1 %}
{% endblock %}
{%block content%}
{%if dataP3 or user.is_staff or dataP4 or 'id == 1234567890'%}
<style>
.container-script .card{
margin: 0.5em;
}
#wrap{
word-wrap: break-word;
}
a{
color:#ee3c4d;
}
a:hover{
color:#ee3c4d;
}
.actconversion_studio{
background-color:#ee3c4d;
color:#fff;
}
.footer{
position: static;
}
.body-con{
min-height:100vh;
}
</style>
<div class="body-con">
<h2 style="padding: 0.4em;text-align: center; " > Converted Stories</h2>
<div class="row row-cols-1 row-cols-md-3 g-4 container mx-auto">
{% for i in script_path %}
<div class="col">
<!--begin::Col-->
<div class="">
<!--begin::Card-->
<div class="card card-custom gutter-b card-stretch">
<!--begin::Body-->
<div class="card-body pt-4">
<!--begin::Toolbar-->
<div class="d-flex justify-content-end">
<div class="dropdown dropdown-inline" data-toggle="tooltip" data-placement="left">
<a href="#" class="btn btn-clean btn-hover-light-primary btn-sm btn-icon"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="ki ki-bold-more-hor"></i>
</a>
<div class="dropdown-menu dropdown-menu-md dropdown-menu-right">
<!--begin::Navigation-->
<ul class="navi navi-hover py-5">
<li class="navi-item">
<a href="delete_story/{{i.id}}" class="navi-link">
<span class="navi-icon">
<i class="flaticon-interface-4"></i>
</span>
<span class="navi-text">Delete Script</span>
</a>
</li>
<li class="navi-item">
<a href="../scripteditor/editTranslatedScript/{{i.id}}" class="navi-link">
<span class="navi-icon">
<i class="flaticon-visible"></i>
</span>
<span class="navi-text">Edit Script</span>
</a>
</li>
<li class="navi-item">
<a href="../../{{i.translated_story_docx}}" target="_blank" class="navi-link" download>
<span class="navi-icon">
<i class="flaticon-download"></i>
</span>
<span class="navi-text">Download</span>
</a>
</li>
</ul>
<!--end::Navigation-->
</div>
</div>
</div>
<!--end::Toolbar-->
<!--begin::User-->
<div class="d-flex align-items-center mb-7" >
<!--begin::Pic-->
<div class="flex-shrink-0 mr-4 mt-lg-0 mt-3">
<div class="symbol symbol-circle symbol-lg-75 d-none">
<img src="assets/media/users/300_10.jpg" alt="image" />
</div>
<div class="symbol symbol-lg-75 symbol-circle symbol-primary">
<span class="symbol-label font-size-h3 font-weight-boldest" style="text-transform: uppercase; word-wrap: break-word;"></span>
</div>
</div>
<!--end::Pic-->
<!--begin::Title-->
<div class="d-flex flex-column " class="wrap" >
<a href="#"
class="text-dark font-weight-bold text-hover-primary font-size-h4 mb-0 script-title" style="word-wrap:break-all; max-width: 200px; word-wrap: break-word;">{{i.upload_story|slice:":1"}}</a>
<span class="text-muted font-weight-bold">Copyright - XYZ Name</span>
</div>
<!--end::Title-->
</div>
<!--end::User-->
<!--begin::Info-->
<div class="mb-7">
<div class="d-flex justify-content-between align-items-center my-1">
<span class="text-dark-75 font-weight-bolder mr-2">Author:</span>
<a href="#" class="text-muted text-hover-primary">{{user}}</a>
</div>
<div class="d-flex justify-content-between align-items-center my-1">
<span class="text-dark-75 font-weight-bolder mr-2">Uploaded on:</span>
{%if i.date_at%}
<a href="#" class="text-muted text-hover-primary">{{i.date_at}}</a>
{%endif%}
</div>
<!-- <div class="d-flex justify-content-between align-items-cente my-1">
<span class="text-dark-75 font-weight-bolder mr-2">Last updated on:</span>
<a href="#" class="text-muted text-hover-primary">21/02/2020</a>
</div>
<div class="d-flex justify-content-between align-items-center my-1">
<span class="text-dark-75 font-weight-bolder mr-2">Last used on:</span>
<span class="text-muted font-weight-bold">28/02/2020</span>
</div> -->
<div class="d-flex justify-content-between align-items-center my-1">
<span class="text-dark-75 font-weight-bolder mr-2">Source Lang/Dest. Lang:</span>
<span class="text-muted font-weight-bold lang-converted">{{i.source_language}}/{{i.target_language}}</span>
</div>
</div>
<!--end::Info-->
<a href='../../{{i.translated_story_docx}}' target="_blank"
class="btn btn-block btn-sm btn-light-success font-weight-bolder text-uppercase py-4">View
Scripts</a>
</div>
<!--end::Body-->
</div>
<!--end::Card-->
</div>
<!--end::Col-->
</div>
{% endfor %}
</div>
</div>
<!--
<div class="container-script">
<div style="width:42vw;margin-left:23vw; padding:2em;margin-top:5%;background-color:#f3dcfc;text-align:center;">
<h4>Oops! You are yet to Convert your first script!!</h4>
<div style="width:35vw;margin-left:3.5vw;margin-top:2vh;display:flex"> <button
onclick="window.location.replace('/conversion/')" class="btn btn-primary"
style="margin-right:1cm;font-weight:bold;">Convert your Script Now</button>
<button onclick="window.location.replace('/samplescriptC')" class="btn btn-primary" style="font-weight:bold;">Convert a Sample Script</button> </div><br>
<p style="text-align:left;">P.S. - if you uploaded your script for conversion and are not yet seeing the conversion OR had some difficulty in uploading your script, please <a href="/contact">contact us</a>.
</p>
</div>
</div> -->
{% include 'mnfapp/footer.html' %}
{% endif%}
{% endblock %}