navigate through workshops courses back and forth

masks/workshop.html

@@ -0,0 +1,24 @@
+<div id="workshop" class="container">
+	<div class="row">
+		<div class="col-1"><button type="button" class="back btn btn-primary"><i class="fal fa-previous"></i></button></div>
+		<div class="col-8"><div id="course-list" class="list-group"></div></div>
+	</div>
+</div>
+<script type="text/javascript">
+oCATC.pageInit = function(asHash, bFirstPage) {
+	self.tmp('id_workshop', asHash.items[0]);
+	
+	//Setup layout
+	self.setPageTitle('Workshop: '+self.consts.workshops[self.tmp('id_workshop')].dates);
+	
+	var $CourseList = $('#course-list');
+	$.each(self.consts.workshops[self.tmp('id_workshop')].courses, function(iCourseId, asCourse){
+		$CourseList.append($('<a>', {'href':'#course-'+iCourseId, 'class':'list-group-item d-flex justify-content-between align-items-center list-group-item-primary list-group-item-action'})
+			.append(asCourse.description)
+			.append($('<span>', {'class':'badge badge-primary badge-pill'}).text(asCourse.timeslot))
+		);
+	});
+	
+	$('.back').click(function(){self.setHash('workshops')});
+}
+</script>