larigira/larigira/dbadmin/templates/calendar.html

{% extends "dbadmin_base.html" %}
{%block scripts%}
{{super()}}
<script type="text/javascript">
$(function() {
	$('.button').button({
		icons: {
			primary: 'ui-icon-pencil'
		}
	});

$('li.alarm').hover( function() {
	var sel = 'li.alarm[data-alarmid="' + $(this).data('alarmid') + '"]'
		$(sel).closest('div').find('time').toggleClass('soft-highlight');
});
$('li.alarm').click(function() {
	var alarmid = $(this).data('alarmid');
	var time = $('<p/>').append($('<a/>').text('Modifica orario evento').attr('href', 'edit/time/' + alarmid));
	var audio = $('<p/>').append($('<a/>').text('Modifica audio evento').attr('href', 'edit/event/' + alarmid));
	$('<div/>').append(time).append(audio).dialog({modal: true, title: "Evento " + $(this).text()});
});

$(document).tooltip({
	items: "li.alarm",
	content: function() {
		var el = $(this);
		return el.find('.alarm-actions').html();
	}
});

});
</script>
{%endblock%}
{% block styles%}
{{super()}}
<style>
.soft-highlight { background-color: rgba(230, 230, 118, 0.36); }
time { transition: background-color 500ms; font-weight: bold; }
li.alarm .alarm-actions { display: none; }
</style>
{% endblock %}


{% block title %}Larigira - Calendar{%endblock%}

{% block content %}
<div class="container-fluid">
	{% for week, weekdays in weeks|dictsort %}
	<div class="week row" id="week-{{week[0]}}-{{week[1]}}">
	{% for day in weeks[week] %}
	<div class="day col-lg-2 col-md-3 col-sm-6 col-xs-12">
		<h2><time datetime="{{day}}">{{day|dateformat(config.UI_CALENDAR_DATE_FMT)}}</time></h2>
		{% for t in days[day]|sort %}
		<div>
		<ul>
		{% for alarm, actions in days[day][t] %}
		<li class="alarm" data-alarmid="{{alarm.eid}}">
		<time>{{t.time()}}</time>
		{{alarm.nick}}
			<div class="alarm-actions">{% for a in actions %}{{a.nick}}{%endfor%}</div>
		</li>
		{% endfor %}
		</ul>
		</div>
		{%endfor %}
		</div><!-- day {{day}} -->
		{% endfor %}
	</div><!-- week {{week}} -->
	<hr/>
		{%endfor %}
	</div><!-- container -->
{% endblock content %}
{# vim: set ts=2 sw=2 noet: #}