Change to Twig template - refs #7275
parent
b88dcc8810
commit
4df84f1ee7
@ -0,0 +1,147 @@ |
||||
{% extends "default/layout/main.tpl" %} |
||||
|
||||
{% block body %} |
||||
<script type="text/javascript"> |
||||
$(document).on('ready', function() { |
||||
$('#date').datepicker({ |
||||
dateFormat: 'yy-mm-dd' |
||||
}); |
||||
|
||||
$('.accordion').on('show', function(e) { |
||||
var $target = $(e.target); |
||||
var $targetContent = $target.find('.accordion-inner'); |
||||
|
||||
$targetContent.empty(); |
||||
|
||||
var idParts = $target.attr('id').split('-'); |
||||
|
||||
var sessionId = parseInt(idParts[1], 10); |
||||
|
||||
$.ajax('{{ web_session_courses_ajax_url }}', { |
||||
data: { |
||||
a: 'display_sessions_courses', |
||||
session: sessionId |
||||
}, |
||||
dataType: 'json', |
||||
success: function(response) { |
||||
var coursesUL = ''; |
||||
|
||||
$.each(response, function(index, course) { |
||||
coursesUL += '<li><strong>' + course.name + '</strong> '; |
||||
|
||||
if (course.coachName != '') { |
||||
coursesUL += '(' + course.coachName + ')'; |
||||
} |
||||
|
||||
coursesUL += '</li>'; |
||||
}); |
||||
|
||||
$targetContent.html('<ul>' + coursesUL + '</ul>'); |
||||
} |
||||
}); |
||||
}); |
||||
}); |
||||
</script> |
||||
|
||||
<div class="span3"> |
||||
{% if showCourses %} |
||||
<div class="well"> |
||||
{% if not hiddenLinks %} |
||||
<form class="form-search" method="post" action="{{ api_get_self }}?action=subscribe&hidden_links=0"> |
||||
<fieldset> |
||||
<input type="hidden" name="sec_token" value="{{ searchToken }}"> |
||||
<input type="hidden" name="search_course" value="1" /> |
||||
<div class="control-group"> |
||||
<div class="controls"> |
||||
<div class="input-append"> |
||||
<input class="span2" type="text" name="search_term" value="{{ searchTerm }}" /> |
||||
<button class="btn" type="submit">{{ texts.search }}</button> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</fieldset> |
||||
</form> |
||||
{% endif %} |
||||
|
||||
{% if coursesCategoriesList is not empty %} |
||||
<a class="btn" href="{{ api_get_self }}?action=display_random_courses">{{ texts.randomPick }}</a> |
||||
{% endif %} |
||||
</div> |
||||
|
||||
{% if coursesCategoriesList is not empty %} |
||||
<div class="well"> |
||||
<ul class="nav nav-list"> |
||||
<li class="nav-header">{{ texts.courseCategories}}</li> |
||||
|
||||
{{ coursesCategoriesList }} |
||||
</ul> |
||||
</div> |
||||
{% endif %} |
||||
{% endif %} |
||||
|
||||
{% if showSessions %} |
||||
<div class="well"> |
||||
<ul class="nav nav-list"> |
||||
<li class="nav-header">{{ texts.sessions }}</li> |
||||
<li> |
||||
<strong>{{ texts.sessionList }}</strong> |
||||
</li> |
||||
<li class="nav-header">{{ texts.searchSessions }}</li> |
||||
</ul> |
||||
<form class="form-search" method="post" action="{{ api_get_self }}?action=display_sessions"> |
||||
<div class="input-append"> |
||||
<input type="date" name="date" id="date" class="span2" value="{{ searchDate }}" readonly> |
||||
<button class="btn" type="submit">{{ texts.search }}</button> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
{% endif %} |
||||
</div> |
||||
<div class="span9"> |
||||
<div class="page-header"> |
||||
<h2>{{ texts.sessionList }}</h2> |
||||
</div> |
||||
|
||||
{% for session in sessions_blocks %} |
||||
<div class="well" id="session-{{ session.id }}"> |
||||
<div class="row"> |
||||
<div class="span6"> |
||||
<div class="row"> |
||||
<div class="span1"> |
||||
<span class="thumbnail"> |
||||
{{ session.icon }} |
||||
</span> |
||||
</div> |
||||
<div class="span5"> |
||||
<h3>{{ session.name }}</h3> |
||||
<p>{{ session.coach_name }}</p> |
||||
</div> |
||||
</div> |
||||
<br> |
||||
<div class="accordion" id="session-{{ session.id }}-accordion" style="margin-bottom: 0px;"> |
||||
<div class="accordion-group"> |
||||
<div class="accordion-heading"> |
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#session-{{ session.id }}-accordion" href="#session-{{ session.id }}-courses"> |
||||
{{ texts.courseList }} |
||||
</a> |
||||
</div> |
||||
<div id="session-{{ session.id }}-courses" class="accordion-body collapse in"> |
||||
<div class="accordion-inner"></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="span2"> |
||||
<p class="lead">{{ session.date }}</p> |
||||
{% if session.is_subscribed %} |
||||
{{ already_subscribed_label }} |
||||
{% else %} |
||||
{{ session.subscribe_button }} |
||||
{% endif %} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{% endfor %} |
||||
</div> |
||||
|
||||
{% endblock %} |
Loading…
Reference in new issue