franzz/catc
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

HTML Templates

Browse Source
This commit is contained in:
Franzz
2019-09-01 17:34:25 +02:00
parent ae70e47ebc
commit 4d4f4793d7
8 changed files with 170 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
masks/errors.html Normal file
View File

@@ -0,0 +1,7 @@
<div id="errors" class="round_top">
<ul>
<!-- [PART] ERROR [START] -->
<li>#error#</li>
<!-- [PART] ERROR [END] -->
</ul>
</div>

6
masks/home.html Normal file
View File

@@ -0,0 +1,6 @@
<script type="text/javascript">
oCATC.pageInit = function(asHash, bFirstPage)
{
console.log('home init');
}
</script>

23
masks/index.html Normal file
View File

@@ -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>

8
masks/logoff.html Normal file
View File

@@ -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>

96
masks/logon.html Normal file
View File

@@ -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>

3
masks/menu.html Normal file
View File

@@ -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>

20
masks/template.html Normal file
View File

@@ -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#

7
masks/workshops.html Normal file
View File

@@ -0,0 +1,7 @@
<h1>Workshops</h1>
<script type="text/javascript">
oCATC.pageInit = function(asHash, bFirstPage)
{
console.log('workshops init');
}
</script>