Workshops page

masks/index.html

@@ -10,7 +10,7 @@
 	<script type="text/javascript" src="scripts/quill.min.js"></script>
 	<script type="text/javascript" src="scripts/common.js"></script>
 	<script type="text/javascript" src="scripts/catc.js"></script>
-	<link rel="shortcut icon" href="images/favicon2.ico" />
+	<link rel="icon" type="image/png" href="images/favicon.png">
 	<title>CATC Notes</title>
 	<script type="text/javascript">
 		var oCATC = new CATC(asGlobalVars); 

masks/logon.html

@@ -36,10 +36,14 @@
 <script type="text/javascript">
 oCATC.pageInit = function(asHash, bFirstPage)
 {
-	self.elem.$Main.addClass('no_frame');
 	$('[data-toggle="tooltip"]').tooltip();
 	
-	//$(window).keyup(function(e){if(e.which==13) logMeIn();});
+	$(window).keyup(function(e) {
+		if(e.which==13) {
+			if($('#signin').is(':visible')) $('#signin').click();
+			else $('#register').click();
+		}
+	});
 	$('#signin').click(logMeIn);
 	$('#register').on('click submit', function(event){
 		event.preventDefault();

masks/menu.html

@@ -1,3 +0,0 @@
-<a id="signout" href="?p=w" title="Exit" class="option">Write</a>&nbsp;.&nbsp;
-<a id="signout" href="?p=s" title="Exit" class="option">Settings</a>&nbsp;.&nbsp;
-<a id="signout" href="?p=q" title="Exit" class="option">Sign out</a>

masks/template.html

@@ -5,16 +5,15 @@
 </div>
 <div id="menu">
 	<ul>
-		<li><a href="#settings" class="button fal fa-settings"></a></li>
-		<li><a href="#logoff" class="button fal fa-logoff"></a></li>
+		<li><a href="#" class="button fal fa-home"></a></li><li><a href="#logoff" class="button fal fa-logoff"></a></li>
 	</ul>
 </div>
+<div id="main_title"><h1></h1></div>
 <div id="main"></div>
 <div id="side">
 	<div class="tag write"><a href="#write" class="fal fa-write"></a></div>
 </div>		
 <footer>
-	<span>Designed and powered by Franzz &amp; Clarita. </span>
-	<span>My Thoughts Project under <a href="http://www.gnu.org/licenses/gpl.html" target="_blank">GPLv3</a> License.</span>
+	<span>Designed and powered by Franzz &amp; Clarita - CATC Notes Project under <a href="http://www.gnu.org/licenses/gpl.html" target="_blank">GPLv3</a> License</span>
 </footer>
 #errors#

masks/workshops.html

@@ -1,7 +1,50 @@
-<h1>Workshops</h1>
+<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)
 {
-	console.log('workshops init');
+	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>