it/itf/templates/modules/festival/meeting.html

264 lines
9.1 KiB
HTML
Raw Normal View History

2011-12-05 13:06:14 +00:00
{% load markup %}
2012-03-09 14:09:12 +00:00
{% load thumbnail %}
2011-10-10 10:57:41 +00:00
<link rel="stylesheet" href="/static/css/modules/tabsinnerright.css" type="text/css" />
<ul class="tabsInnerRight">
2011-09-21 13:58:28 +00:00
<!--
<li><a href="#tab1">Tab1</a></li>
<li><a href="#tab2">Tab2</a></li>
<li><a href="#tab3">Tab3</a></li>
<li><a href="#tab4">Tab4</a></li>
<li><a href="#tab5">Tab5</a></li>
<li><a href="#tab6">Tab6</a></li>
2011-09-21 13:58:28 +00:00
-->
2011-12-08 09:13:06 +00:00
<li><a href="#synopsis">About</a></li>
2011-09-21 13:58:28 +00:00
{% ifnotequal sessions|length 0%}
2011-12-20 12:01:26 +00:00
<li><a href="#talks">Programme</a></li>
2011-09-21 13:58:28 +00:00
{% endifnotequal %}
{% ifnotequal documents|length 0%}
<li><a href="#prereading">Pre-Reading</a></li>
{% endifnotequal %}
{% ifnotequal imagegallery|length 0 %}
2011-10-10 10:30:18 +00:00
<li><a href="#gallery">Gallery</a></li>
2011-09-21 13:58:28 +00:00
{% endifnotequal %}
{% ifnotequal participants|length 0 %}
<li><a href="#participants">Participants</a></li>
{% endifnotequal %}
2012-03-05 18:14:06 +00:00
{% comment %}
2011-12-20 10:12:47 +00:00
{% if meeting.register_form_embed %}
<li><a href="#register">Register</a></li>
{% endif %}
2012-03-05 18:14:06 +00:00
{% endcomment %}
{% if performances %}
<li><a href="#performances">Performances</a></li>
{% endif %}
2011-09-21 13:58:28 +00:00
<!-- <li><a href="#comments">Comments</a></li> -->
</ul>
<div class="tab_container">
2011-09-21 13:58:28 +00:00
<div id="synopsis" class="tab_content">
2011-12-17 07:47:57 +00:00
{{ meeting.intro|markdown }}
2012-03-09 14:09:12 +00:00
{% if sponsors %}
Supported by: <br />
{% for s in sponsors %}
2012-03-28 11:00:13 +00:00
{% thumbnail s.logo "150x80" as thumb %}
{% if s.url %} <a href="{{ s.url }}" target="_blank"> {% endif %}
2012-03-28 10:50:07 +00:00
<img alt="{{ s.name }}" src="{{ thumb.url }}" /> <br />
{% if s.url %} </a> {% endif %}
2012-03-09 14:09:12 +00:00
{% endthumbnail %}
2012-03-12 08:11:38 +00:00
&nbsp;
2012-03-09 14:09:12 +00:00
{% endfor %}
{% endif %}
2011-12-20 10:12:47 +00:00
<!--
<iframe src="https://docs.google.com/spreadsheet/embeddedform?formkey=dFJqM3hGQWktT0tUbnVPZWhoY1g4N3c6MQ" width="600" height="1969" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
-->
2011-09-21 13:58:28 +00:00
<!--Content-->
</div>
2011-09-21 13:58:28 +00:00
{% ifnotequal sessions|length 0 %}
<div id="talks" class="tab_content">
2011-12-08 09:13:06 +00:00
<!-- <h4 class="tabTitle">Programme</h4> -->
2011-09-21 13:58:28 +00:00
<div>
{% for s in sessions %}
<div class="session">
2011-09-28 13:28:12 +00:00
<div class="sessionTitle toggleNext">
2012-01-21 11:20:56 +00:00
{{ s.title }}
2011-09-21 13:58:28 +00:00
</div>
<div class="sessionChild">
<div class="sessionIntro">
2011-12-05 13:06:14 +00:00
{{ s.intro|markdown }}
2011-09-21 13:58:28 +00:00
</div>
2012-03-28 10:50:07 +00:00
2011-09-21 13:58:28 +00:00
{% ifnotequal s.talks|length 0 %}
<ul class="talks">
{% for talk in s.talks %}
<li>
<span class="talkIcons">
{% for d in talk.documents %}
<span class="talkIcon">
<a href="/static/{{d.file}}" target="_blank">
<img src="/static/images/PDFIcon.jpg" title="<span class='ttTitle'>Download: {{d.title}}.</span> <br /><span class='ttIntro'>{{d.intro}}</span>" />
</a>
</span>
{% endfor %}
{% for a in talk.audio %}
<span class="talkIcon">
<a href="/static/{{a.file}}" target="_blank">
<img src="/static/images/Audio.jpg" title="<span class='ttTitle'>Listen: {{a.title}}.</span><br /><span class='rightclickHelp'>(Right click and select 'Save Link As' to download)</span>" />
</a>
</span>
{% endfor %}
2012-04-21 10:35:01 +00:00
{% for v in talk.videos.all %}
2011-09-21 13:58:28 +00:00
<span class="talkIcon">
2012-04-21 10:35:01 +00:00
<a href="/static/{{ v.padmavideo.padma_link }}" class="padmaLink" data-video="http://pad.ma/{{ v.padmavideo.padma_id }}/480p.webm" target="_blank">
2011-09-21 13:58:28 +00:00
<img src="/static/images/VideoIcon.jpg" title="<span class='ttTitle'>Video: {{ talk.title }}.</span><span class='rightclickHelp'>(Right click and select 'Save Link As' to download)</span>">
</a>
</span>
{% endfor %}
</span>
&nbsp;&nbsp; {{ talk.title }} by {{ talk.presenter }}
2012-04-09 09:05:17 +00:00
2011-09-21 13:58:28 +00:00
</li>
{% endfor %}
</ul>
{% endifnotequal %}
</div>
</div>
{% endfor %}
</div>
</div>
{% endifnotequal %}
2012-03-05 18:14:06 +00:00
{% if performances %}
<div id="performances" class="tab_content">
{% for p in performances %}
<div class="performanceTitle toggleNext"><a href="Javascript:return false;">{{ p.title }}</a></div>
<div class="performanceChild" style="display:none;">
{% if p.date %}
<div class="performanceTime">
Date: {{ p.date|date:"F j, Y" }} <br />
Time: {{ p.time|time:"H:i A" }}
</div>
{% endif %}
{% if p.performed_by %}
<div class="performanceGroup">
Group: {{ p.performed_by }}
</div>
{% endif %}
{% if p.director %}
<div class="performanceDirector">Directed by: {{ p.director }}</div>
{% endif %}
{% if p.language %}
<div class="performanceLanguage">Language: {{ p.language }}</div>
{% endif %}
{% if p.synopsis %}
2012-03-08 11:38:41 +00:00
<div class="performanceSynopsis">{{ p.synopsis|markdown }}</div>
2012-03-05 18:14:06 +00:00
{% endif %}
</div>
{% endfor %}
</div>
{% endif %}
2011-09-21 13:58:28 +00:00
{% ifnotequal documents|length 0%}
<div id="prereading" class="tab_content">
2011-12-08 09:13:06 +00:00
<!-- <h4 class="tabTitle">Reading Materials</h4> -->
2011-09-21 13:58:28 +00:00
<div>
{% for d in documents %}
<div class="objWrapper">
<div class="readingMatTitle">
<a href="/static/{{d.file}}">{{d.title}}</a>
</div>
<div class="intro">
2011-12-05 13:06:14 +00:00
{{ d.intro|markdown }}
2011-09-21 13:58:28 +00:00
</div>
</div>
{% endfor %}
</div>
</div>
{% endifnotequal %}
{% ifnotequal imagegallery|length 0 %}
2011-10-10 11:38:45 +00:00
<div id="gallery" class="tab_content">
2011-12-08 09:13:06 +00:00
<!-- <h4 class="tabTitle">Gallery</h4> -->
<div class="thumbsGallery">
2012-03-09 14:09:12 +00:00
2011-09-21 13:58:28 +00:00
{% for i in imagegallery %}
2011-10-10 10:30:18 +00:00
{% thumbnail i.file "600x500" crop="center" as big %}
2011-12-08 09:18:26 +00:00
{% thumbnail i.file "164x114" crop="center" as thumb %}
2011-12-13 21:15:40 +00:00
<img title="{{ i.title }}" src="{{ thumb.url }}" width="164" height="114" data-width="{{ big.width }}" data-height="{{ big.height }}" class="thumbsDetails" data-bigimage="{{ big.url }}" />
2011-12-08 09:13:06 +00:00
<!--
2011-10-10 10:30:18 +00:00
<a href="{{ big.url }}" title="{{i.title}}" class="thickbox" rel="gall">
<img src="{{ thumb.url }}" />
2011-09-21 13:58:28 +00:00
</a>
2011-12-08 09:13:06 +00:00
-->
2011-10-10 10:30:18 +00:00
{% endthumbnail %}
{% endthumbnail %}
2011-09-21 13:58:28 +00:00
{% endfor %}
</div>
</div>
{% endifnotequal %}
{% ifnotequal participants|length 0 %}
<div id="participants" class="tab_content">
2011-12-08 09:13:06 +00:00
<!-- <h4 class="tabTitle">Participant List</h4> -->
2011-09-21 13:58:28 +00:00
<div>
{% for p in participants %}
<div class="pWrapper">
2011-09-28 11:46:08 +00:00
<div class="pName toggleNext">
2011-12-20 12:01:26 +00:00
<a href="Javascript:return false;">{{ p.name }}</a> {{ p.title }}
2011-09-21 13:58:28 +00:00
</div>
<div class="pBio">
2012-02-16 11:40:10 +00:00
{% if p.short_bio %}
{{ p.short_bio|markdown }}
{% else %}
No bio available.
{% endif %}
2011-09-21 13:58:28 +00:00
</div>
</div>
{% endfor %}
</div>
</div>
{% endifnotequal %}
2011-12-20 10:12:47 +00:00
{% if meeting.register_form_embed %}
<div id="register" class="tab_content">
2012-02-08 01:14:58 +00:00
Sorry, registrations are closed. <br /><br />
2011-12-20 10:17:45 +00:00
{{ meeting.register_form_embed|safe }}
2011-12-20 10:12:47 +00:00
</div>
{% endif %}
2011-09-21 13:58:28 +00:00
</div>
<script type="text/javascript">
2012-01-04 15:14:07 +00:00
//When page loads...
$(".tab_content").hide(); //Hide all content
2012-01-04 15:14:07 +00:00
// $("ul.tabsInnerRight li:first").addClass("active").show(); //Activate first tab
//On Click Event
$("ul.tabsInnerRight li").click(function() {
2012-01-04 15:14:07 +00:00
$(".active").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide(); //Hide all tab content
var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active ID content
return false;
2012-01-04 15:14:07 +00:00
});
// var queryData = {};
if (queryData.hasOwnProperty("innertab")) {
if ($('#' + queryData.innertab).length > 0) {
$('a[href=#' + queryData.innertab + "]").click();
} else {
$('ul.tabsInnerRight li:first').click();
}
} else {
$('ul.tabsInnerRight li:first').click(); //Show first tab content
}
</script>
2012-04-21 10:35:01 +00:00
<script type="text/javascript">
(function() {
var $video;
$('a.padmaLink').toggle(function(e) {
e.preventDefault();
var videoSrc = $(this).attr("data-video");
$video = $('<video>').attr("src", videoSrc).attr("autoplay", "autoplay").attr("controls", "controls").addClass("padmaVideo");
$(this).parents('.talks').eq(0).append($video);
//console.log("clicked in");
}, function(e) {
e.preventDefault();
//console.log("clicked out");
$video.remove();
});
})();
</script>