From 4d4f4793d77dae3b2adf4142ce08b706cab23f7f Mon Sep 17 00:00:00 2001
From: Franzz <francois@lutran.fr>
Date: Sun, 1 Sep 2019 17:34:25 +0200
Subject: [PATCH] HTML Templates

---
 masks/errors.html    |  7 ++++
 masks/home.html      |  6 +++
 masks/index.html     | 23 +++++++++++
 masks/logoff.html    |  8 ++++
 masks/logon.html     | 96 ++++++++++++++++++++++++++++++++++++++++++++
 masks/menu.html      |  3 ++
 masks/template.html  | 20 +++++++++
 masks/workshops.html |  7 ++++
 8 files changed, 170 insertions(+)
 create mode 100644 masks/errors.html
 create mode 100644 masks/home.html
 create mode 100644 masks/index.html
 create mode 100644 masks/logoff.html
 create mode 100644 masks/logon.html
 create mode 100644 masks/menu.html
 create mode 100644 masks/template.html
 create mode 100644 masks/workshops.html
diff --git a/masks/errors.html b/masks/errors.html
new file mode 100644
index 0000000..9766838
--- /dev/null
+++ b/masks/errors.html
@@ -0,0 +1,7 @@
+<div id="errors" class="round_top">
+	<ul>
+		<!-- [PART] ERROR [START] -->
+		<li>#error#</li>
+		<!-- [PART] ERROR [END] -->
+	</ul>
+</div>
\ No newline at end of file
diff --git a/masks/home.html b/masks/home.html
new file mode 100644
index 0000000..89904c1
--- /dev/null
+++ b/masks/home.html
@@ -0,0 +1,6 @@
+<script type="text/javascript">
+oCATC.pageInit = function(asHash, bFirstPage)
+{
+	console.log('home init');
+}
+</script>
\ No newline at end of file
diff --git a/masks/index.html b/masks/index.html
new file mode 100644
index 0000000..6945fbd
--- /dev/null
+++ b/masks/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+	<meta name="author" content="Franzz" />
+	<link href="style/catc.css" rel="stylesheet" type="text/css" />
+	<script type="text/javascript" src="scripts/jquery.min.js"></script>
+	<script type="text/javascript" src="scripts/bootstrap.bundle.min.js"></script>
+	<script type="text/javascript" src="scripts/jquery.mousewheel.min.js"></script>
+	<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" />
+	<title>CATC Notes</title>
+	<script type="text/javascript">
+		var oCATC = new CATC(asGlobalVars); 
+		$(document).ready(oCATC.init);
+	</script>
+</head>
+<body>
+	<div id="container"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/masks/logoff.html b/masks/logoff.html
new file mode 100644
index 0000000..94f43b1
--- /dev/null
+++ b/masks/logoff.html
@@ -0,0 +1,8 @@
+<div id="logoff">Bye...</div>
+<script type="text/javascript">
+oCATC.pageInit = function(asHash, bFirstPage)
+{
+	document.cookie = self.consts.cookie+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
+	location.href = self.consts.root;
+};
+</script>
\ No newline at end of file
diff --git a/masks/logon.html b/masks/logon.html
new file mode 100644
index 0000000..ec7545e
--- /dev/null
+++ b/masks/logon.html
@@ -0,0 +1,96 @@
+<div id="logon" class="border border-grey-400 shadow rounded">
+	<form name="post_logon" id="post_logon" method="post">
+		<div class="form-group align-items-center">
+			<div class="input-group">
+				<div class="input-group-prepend">
+					<span class="input-group-text" data-toggle="tooltip" data-placement="left" title="Username"><i class="fal fa-user"></i></span>
+				</div>
+				<input type="text" class="form-control" placeholder="Nickname" name="login" id="login" value="Franzz" />
+			</div>
+		</div>
+		<div class="form-group align-items-center">
+			<div class="input-group">
+				<div class="input-group-prepend">
+					<span class="input-group-text" data-toggle="tooltip" data-placement="left" title="Password"><i class="fal fa-password"></i></span>
+				</div>
+				<input type="password" class="form-control" placeholder="Password" name="pass" id="pass" value="123456" />
+			</div>
+		</div>
+		<div id="pass_conf_box" class="form-group align-items-center collapse">
+			<div class="input-group">
+				<div class="input-group-prepend">
+					<span class="input-group-text" data-toggle="tooltip" data-placement="left" title="Repeat password">
+						<i class="fal fa-password first"></i>
+						<i class="fal fa-password second"></i>
+					</span>
+				</div>
+				<input type="password" class="form-control" placeholder="Confirm password" name="pass_conf" id="pass_conf" value="123456" />
+			</div>
+		</div>
+		<div id="btn_box" class="btn-toolbar justify-content-between" role="toolbar">
+			<button type="button" class="btn btn-secondary shadow-sm transition" id="register">Register</button>
+			<button type="button" class="btn btn-primary shadow-sm" name="signin" id="signin">Sign in</button>
+		</div>
+	</form> 
+</div>
+<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();});
+	$('#signin').click(logMeIn);
+	$('#register').on('click submit', function(event){
+		event.preventDefault();
+		$(this)
+			.blur()
+			.off('click')
+			.click(register);
+		$('#pass_conf_box').collapse('show');
+		$('#signin').hide('fast', function(){$('#btn_box').addClass('registering');});
+	});
+};
+
+function logMeIn()
+{
+	var oChecker = $('#post_logon').checkForm('#login, #pass');
+	if(oChecker.success)
+	{
+		var asInputs = getInputs();
+		Tools.ajax(
+			'logmein',
+			oCATC.loadHome,
+			{token: getToken(asInputs)},
+		);
+	}
+	else Tools.feedback('warning', oChecker.desc);
+}
+
+function register()
+{
+	var oChecker = $('#post_logon').checkForm();
+	if(oChecker.success)
+	{
+		var asInputs = getInputs();
+		Tools.ajax(
+			'register', 
+			oCATC.loadHome,
+			{token: getToken(asInputs), nickname:asInputs.nickname}
+		);
+	}
+	else Tools.feedback('warning', oChecker.desc);
+}
+
+function getInputs() {
+	var sNickname = $('#login').val();
+	var sUsername = sNickname.toLowerCase().replace(/\s+/g, '');
+	var sPass = $.trim($('#pass').val());
+	
+	return {username: sUsername, nickname: sNickname, pass: sPass};
+}
+
+function getToken(asInputs) {
+	return md5(asInputs.username)+oCATC.consts.token_sep+getLoginToken(asInputs.pass);
+}
+</script>
\ No newline at end of file
diff --git a/masks/menu.html b/masks/menu.html
new file mode 100644
index 0000000..b393c06
--- /dev/null
+++ b/masks/menu.html
@@ -0,0 +1,3 @@
+<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>
\ No newline at end of file
diff --git a/masks/template.html b/masks/template.html
new file mode 100644
index 0000000..b6b82c6
--- /dev/null
+++ b/masks/template.html
@@ -0,0 +1,20 @@
+<div id="feedback"></div>
+<div id="header">
+	<div id="logo_box"></div>
+	<div id="desc_box"><div class="desc">Collège des <span>arts thérapeutiques chinois</span></div></div>
+</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>
+	</ul>
+</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>
+</footer>
+#errors#
\ No newline at end of file
diff --git a/masks/workshops.html b/masks/workshops.html
new file mode 100644
index 0000000..0c4ca52
--- /dev/null
+++ b/masks/workshops.html
@@ -0,0 +1,7 @@
+<h1>Workshops</h1>
+<script type="text/javascript">
+oCATC.pageInit = function(asHash, bFirstPage)
+{
+	console.log('workshops init');
+}
+</script>
\ No newline at end of file
