navigate through workshops courses back and forth
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
<div id="workshops">
|
||||
<div class="ws_title"><h1>Workshops</h1></div>
|
||||
<div id="ws_data"></div>
|
||||
<div id="ws_data"><div class="ws_list"></div></div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
oCATC.pageInit = function(asHash, bFirstPage)
|
||||
@@ -8,43 +8,20 @@ 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);
|
||||
});
|
||||
var $Workshops = $('#workshops').find('.ws_list');
|
||||
|
||||
$.each(self.consts.workshops, function(iWsId, asWorkshop){
|
||||
var $Workshop = $('<div>', {'class':'ws_item clickable transition'})
|
||||
.data('id', iWsId)
|
||||
.click(openCourses)
|
||||
.append($('<span>', {'class':'title'}).text('WS '+iWsId))
|
||||
.append($('<span>', {'class':'dates'}).text(asWorkshop.dates));
|
||||
|
||||
$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();
|
||||
oCATC.setHash('workshop', $(this).data('id'));
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user