{% extends 'base.html' %}
{% use 'ajax-modal.html' %}

{# geht prinzipiell, ist aber noch unbequem:
{% do PublicCode.add("hi", 1) %}
#}

{% block title %}All talks - Sven Köppel am Institut für theoretische Physik ITP/FIAS, Uni Frankfurt{% endblock %}

{% block additional_header %}
	<script src="{{ asset_path }}/js/jquery.js"></script>
	<script src="{{ asset_path }}/js/bootstrap-button.js"></script>
	
	<script src="{{ asset_path }}/js/underscore-min.js"></script>
	<script src="{{ asset_path }}/js/imagesloaded.min.js"></script>
	<script src="{{ asset_path }}/js/isotope.pkgd.min.js"></script>
	<script src="talk-grid.js"></script>
	
	<style type="text/css">
		div.isotope-grid > div {
			width: 30%;
			max-width: 300px;
			min-width: 150px;
			margin-right: 1%;
			margin-bottom: 1%;
		}

		div.isotope-grid div.panel {
			margin-bottom: 0;
		}

		label {
			display: block;
			font-weight: inherit;
			margin: inherit;
		}

		label:hover {
			background-color: white;
		}
		
		span.count {
			opacity: .5;
			float: right;
		}
		li.neg  {
			opacity: .5;
		}
		li.zero span.count {
			opacity: .3;
		}
		
		/* Button row */
		div.btn-group.keywords label.btn.and {
			width: 34%;
		}
		
		div.btn-group.keywords label.btn.all {
			border-left: medium none; /* reported bootstrap problem */
			border-right: medium none;
			line-height: 2em; /* compensate missing fa icon */
			width: 17%;
		}

		div.btn-group.keywords label.btn.or {
			width: 44%;
		}
		
		ul.keywords {
			margin-top: 10px;
		}
	</style>
{% endblock %}

{% import 'talk-macros.tpl' as talkmacro %}
{% set talks = talkdb() %}

{% block sidebar %}
	<div class="visible-xs-block">
		<h2 id="office">Further links</h2>
	</div>
	<div class="panel panel-sidebar blue">
		<h2>Talks by Sven Köppel</h2>
		<div class="panel-body">
			<span class="caret"></span>
			<p>This page lists talks, presentations and posters from <a href="../">me</a>.
			The list is without any claim to completeness. For those who prefer, there is also a
			<a href="traditional-list">traditional list</a>.
		</div>
	</div>

	<div class="panel panel-sidebar">
		<h2>Keywords (<span class="currently_visible_talks">(x)</span> talks)</h2>
		<div class="panel-body">
			<span class="caret"></span>
			<div style="text-align:center">
			<div class="btn-group btn-group-justified keywords" data-toggle="buttons">
				<label class="btn btn-default and" title="AND: Conjuction/Intersection">
					<input name="op" value="and" type="radio">
					<!-- Composite icon -->
					<span class="fa-stack">
						<i class="fa fa-circle fa-stack-2x"></i>
						<i class="fa fa-stack-1x fa-inverse">&cap;</i><!-- AND -->
					</span>
					Filter
				</label>
				<label class="btn btn-default all" title="Display all talks">
					<input name="op" value="all" type="radio" checked="checked">
					<i class="fa fa-repeat"></i>
					<!--All-->
				</label>
				<label class="btn btn-default or" title="OR: Disjunction/Union">
					<input name="op" value="or" type="radio">
					<span class="fa-stack">
							<i class="fa fa-circle fa-stack-2x"></i>
							<i class="fa fa-stack-1x fa-inverse">&cup;</i><!-- OR -->
					</span>
					Aggregate
				</label>
			</div>
			</div>
            
            
			<ul class="icons keywords">
			{% for keyword, count in talkdb_keywords() %}
				<li><label for="keyword-{{keyword}}"><input type="checkbox" name="keyword" value="{{keyword}}" id="keyword-{{keyword}}"> <a href="#" data-keyword="{{keyword}}">{{ keyword }}</a>
					<span class="badge count" data-total="{{count}}">{{count}}</span>
				    </label>
			{% endfor %}
			</ul>
		</div>
	</div>

	<div class="panel panel-sidebar">
		<h2>Sources</h2>
		<div class="panel-body">
			<span class="caret"></span>
			<p>All entries on this page are put together from different data sources, namely:
			<!--
			the static version:
			<ul class="icons">
				<li><a href="http://svenk.org/uni"><i></i> Uni-Ordner</a>
				<li><a href="http://elearning.physik.uni-frankfurt.de/projekt"><i></i> PhysikOnline POTT</a>
			</ul>
			-->
			<ul class="icons">
			{% for db in TalkFactory.getDatabases() %}
				<li><a title="{{ db.numberOfTalks() }} entries" href="{{ db.getConfig('homepage') }}"><i class="fa fa-{{ db.getConfig('fa_icon', 'chain-broken') }}"></i>
					{{ db.getConfig('human_headline') }}</a> 
				</li>
			{% endfor%}
			</ul>
			They are compiled by this <a href="./specs">talk and publication system</a>			
		</div>
	</div>
{% endblock %}

{% block main_column %}
<div id="talks-title">
	<h2>Talks</h2>
	<p class="hidden numtalks" data-tpl="Showing {num} of {num_total} talks"></p>
</div>
<div id="the-talks"><!-- for scripting -->
	{{ talkmacro.table( TalkFactory.getTalks ) }}


{#	{{ talkmacro.table(talks) }} #}
</div>
{% endblock %}