216 lines
6.5 KiB
HTML
216 lines
6.5 KiB
HTML
<link rel="stylesheet" href="/static/css/modules/tabsinnerright.css" type="text/css" />
|
|
|
|
<script>
|
|
$(function() {
|
|
$('.toggleLink').click(function(e) {
|
|
e.preventDefault();
|
|
$(this).next().slideToggle();
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<ul class="tabsInnerRight">
|
|
<li><a href="#calendar">Calendar</a></li>
|
|
<li><a href="#about">About</a></li>
|
|
<li><a href="#cast">Cast and Crew</a></li>
|
|
<li><a href="#gallery">Gallery</a></li>
|
|
<li><a href="#buzz">Buzz</a></li>
|
|
<li><a href="#notes">Notes</a></li>
|
|
</ul>
|
|
|
|
<div id="calendar" class="tab_content">
|
|
<h3>{{ name }}</h3>
|
|
|
|
(to be implemented)
|
|
<table width="520" border="1" cellspacing="0" cellpadding="0" class="tableCalendar">
|
|
<tr>
|
|
<td>Date</td>
|
|
<td>Time</td>
|
|
<td>Venue, City</td>
|
|
<td class="orangeNoBold">Book Now/Full</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Date</td>
|
|
<td>Time</td>
|
|
<td>Venue, City</td>
|
|
<td class="orangeNoBold">Book Now/Full</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Date</td>
|
|
<td>Time</td>
|
|
<td>Venue, City</td>
|
|
<td class="orangeNoBold">Book Now/Full</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Date</td>
|
|
<td>Time</td>
|
|
<td>Venue, City</td>
|
|
<td class="orangeNoBold">Book Now/Full</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<a href="" class="toggleLink rightFloat">More>></a>
|
|
|
|
</div> <!-- end div calendar -->
|
|
|
|
<div id="about" class="tab_content">
|
|
|
|
<h3 class="borderYellow paddingBottom">{{ name }}</h3>
|
|
|
|
{% if group %} <div class="paddingTop"><strong>Group: </strong>{{ group.name }}</div> {% endif %}
|
|
<div><strong>Languages: </strong>Hindi, English, etc.</div>
|
|
<div>From 2011 to 2013</div>
|
|
<div><strong>No of Shows: </strong>range/number</div>
|
|
<div class="borderYellow"> <a href="" class="toggleLink rightFloat">Book Now>></a>
|
|
<br /><br />
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div><strong>Writers: </strong> Name (playwright), name (adaptation), name (translation)</div>
|
|
<div><strong>Director: </strong>Hindi, English, etc.</div>
|
|
<div><strong>Credits: name (research), name (music)</strong></div>
|
|
<div class="borderYellow"> <a href="" class="toggleLink rightFloat">See full credits>></a><br /><br /></div>
|
|
|
|
<br />
|
|
|
|
<div>
|
|
<p>Some copy here that is a synopsis in a paragraph. Some copy here that is a synopsis in a paragraph.
|
|
Some copy here that is a synopsis in a paragraph. Some copy here that is a synopsis in a paragraph.</p>
|
|
</div>
|
|
|
|
<div class="borderYellow">
|
|
<a href="">Contact</a>
|
|
<div>Group website</div>
|
|
<br />
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div class="borderYellow">
|
|
<h5 class="orangeInnerRight">Awards</h5>
|
|
<div>Name of award, name of awardee, year, link</div>
|
|
<div>Name of award, name of awardee, year, link</div>
|
|
<div>Name of award, name of awardee, year, link</div>
|
|
<div>Name of award, name of awardee, year, link</div>
|
|
<br />
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<h5 class="orangeInnerRight">Links</h5>
|
|
<a href="">Link to article</a>
|
|
<div>One line desc</div>
|
|
<br />
|
|
<a href="">Link to article</a>
|
|
<div>One line desc</div>
|
|
<br />
|
|
<a href="">Link to article</a>
|
|
<div>One line desc</div>
|
|
<br />
|
|
</div> <!-- end about -->
|
|
|
|
<div id="cast" class="tab_content">
|
|
</div>
|
|
|
|
<div id="gallery" class="tab_content">
|
|
<h3 class="orange">Please refer to Gallery in Script Archive, with additional information below.</h3>
|
|
|
|
<h3 class="orange">Links</h3>
|
|
<div><a href="">Link</a></div>
|
|
<div><a href="">Link</a></div>
|
|
<div><a href="">Link</a></div>
|
|
<div><a href="">Link</a></div>
|
|
<a href="" class="rightFloat">More>></a>
|
|
</div> <!-- end gallery -->
|
|
|
|
<div id="buzz" class="tab_content">
|
|
<h3 class="orangeInnerRight">Reviews</h3>
|
|
<a href="">Link to article</a>
|
|
<div>One line desc</div>
|
|
<br />
|
|
<a href="">Link to article</a>
|
|
<div>One line desc</div>
|
|
<br />
|
|
<a href="">Link to article</a>
|
|
<div>One line desc</div>
|
|
<br />
|
|
<a href="" class="rightFloat">More>></a>
|
|
<br />
|
|
|
|
{% load comments %}
|
|
|
|
<h3 class="orange">Comments</h3>
|
|
|
|
{% get_comment_count for obj as comment_count %}
|
|
{% if not comment_count %}
|
|
<div class="borderYellow">
|
|
<div>No comments added yet</div>
|
|
</div>
|
|
{% else %}
|
|
|
|
{% render_comment_list for obj %}
|
|
|
|
{% endif %}
|
|
|
|
{% if user.is_authenticated %}
|
|
<div class="addComments">
|
|
<h4>Your comments</h4>
|
|
|
|
<div id="comment_form">
|
|
{% get_comment_form for obj as form %}
|
|
<form action="{% comment_form_target %}" method="post">
|
|
{% csrf_token %}
|
|
<input type="hidden" name="next" value="{{ obj.get_absolute_url }}#buzz" />
|
|
{{ form.as_p }}
|
|
<p class="submit">
|
|
<input type="submit" name="post" class="submit-post" value="Post" />
|
|
</p>
|
|
|
|
</form>
|
|
<script>
|
|
$('#id_honeypot').closest('p').hide();
|
|
</script>
|
|
|
|
</div>
|
|
{% else %}
|
|
<div class="addComments">
|
|
Please sign-in to add comments.
|
|
</div>
|
|
{% endif %}
|
|
|
|
|
|
<!-- <div class="borderYellow">-->
|
|
<!-- <div>Comments Comments Comments Comments Comments Comments</div>-->
|
|
<!-- <div class="rightFloat">-Posted by date, time</div>-->
|
|
<!-- <br /><br />-->
|
|
<!-- </div>-->
|
|
|
|
<!-- <div class="borderYellow">-->
|
|
<!-- <br />-->
|
|
<!-- <div>Comments Comments Comments Comments Comments Comments</div>-->
|
|
<!-- <div class="rightFloat">-Posted by date, time</div>-->
|
|
<!-- <br /><br />-->
|
|
<!-- </div>-->
|
|
|
|
<!-- <div class="borderYellow">-->
|
|
<!-- <br />-->
|
|
<!-- <div>Comments Comments Comments Comments Comments Comments</div>-->
|
|
<!-- <div class="rightFloat">-Posted by date, time</div>-->
|
|
<!-- <br /><br />-->
|
|
<!-- </div>-->
|
|
<!-- <br />-->
|
|
<!-- <a href="" class="rightFloat">More>></a>
|
|
-->
|
|
|
|
</div> <!-- end buzz -->
|
|
|
|
<div id="notes" class="tab_content">
|
|
<h3 class="orange">Kindly refer to notes in script archive. But instead of Posted by Name, Date, Time, make it - date, time</h3>
|
|
</div> <!-- end notes -->
|
|
|
|
<script type="text/javascript" src="/static/js/innertabs.js"></script>
|
|
|
|
|
|
<br />
|
|
<a href="{{ edit_url }}">Edit</a>
|