50 lines
1.5 KiB
HTML
50 lines
1.5 KiB
HTML
<div id="workshops">
|
|
<div class="ws_title"><h1>Workshops</h1></div>
|
|
<div id="ws_data"></div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
oCATC.pageInit = function(asHash, bFirstPage)
|
|
{
|
|
self.setPageTitle('');
|
|
|
|
//Workshops list
|
|
var $Workshops = $('<div>', {'class':'ws_list'});
|
|
Tools.ajax('workshops', function(asData){
|
|
$.each(asData, function(iWsId, asWorkshop){
|
|
var $Workshop = $('<div>', {'class':'ws_item clickable transition'})
|
|
.click(openCourses)
|
|
.append($('<span>', {'class':'title'}).text('WS '+iWsId))
|
|
.append($('<span>', {'class':'previous fa-fw clickable'})
|
|
.click(closeCourses)
|
|
.appendIcon('previous'))
|
|
.append($('<span>', {'class':'dates'}).text(asWorkshop.dates));
|
|
|
|
var $Courses = $('<div>', {'class':'courses'}).appendTo($Workshop);
|
|
$.each(asWorkshop.courses, function(iCourseId, asCourse){
|
|
var $Course = $('<div>', {'class':'course clickable transition'})
|
|
.click(function(){oCATC.setHash('course', iCourseId)})
|
|
.text(asCourse.description);
|
|
|
|
$Courses.append($Course);
|
|
});
|
|
|
|
$Workshops.append($Workshop);
|
|
});
|
|
});
|
|
$('#ws_data').append($Workshops);
|
|
}
|
|
|
|
function openCourses() {
|
|
var $This = $(this);
|
|
$('.ws_list').find('.ws_item').not($This).hide();
|
|
$This
|
|
.addClass('opened')
|
|
.removeClass('clickable');
|
|
}
|
|
|
|
function closeCourses(e) {
|
|
e.stopPropagation();
|
|
console.log('sdqsdf');
|
|
$('.ws_list').find('.ws_item').removeClass('opened').addClass('clickable').show();
|
|
}
|
|
</script> |