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

add bootstrap

Browse Source
This commit is contained in:
Franzz
2018-06-13 23:16:53 +02:00
parent 76faf824fc
commit 6ee27fda3d
151 changed files with 21257 additions and 1745 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
masks/logon.html
View File

@@ -1,56 +1,95 @@
<div id="logon">
<form name="post_logon" id="post_logon">
<div class="credentials">
<p><input type="text" name="login" id="login" value="" /></p>
<p><input type="password" name="pass" id="pass" /></p>
<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"><i class="fal fa-user"></i></span>
</div>
<input type="text" class="form-control" placeholder="Nickname" name="login" id="login" value="Franzz" />
</div>
</div>
<p class="register"><input type="button" name="register" id="register" value="No account?" /></p>
<p><input type="button" name="ok" id="ok" class="connection" value="Ok" /></p>
</form>
<div class="form-group align-items-center">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text"><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">
<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">
oMyThoughts.pageInit = function(asHash, bFirstPage)
{
$('#logon').hide();
$('#login').addDefaultValue('Nickname');
$('#pass').addDefaultValue('Password');
self.elem.$Main.addClass('no_frame');
$(window).keyup(function(e){if(e.which==13) logMeIn();});
$('#ok').click(logMeIn);
$('#register').click(register);
$('#logon').fadeIn('slow');
//$(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 sLogin = $.trim(removeDiacritics($('#login').val().toLowerCase()));
var sPass = $.trim($('#pass').val());
if($('#post_logon').checkForm())
var oChecker = $('#post_logon').checkForm('#login, #pass');
if(oChecker.success)
{
getInfo
(
var asInputs = getInputs();
Tools.ajax(
'logmein',
oMyThoughts.loadHome,
{token:md5(sLogin)+oMyThoughts.consts.token_sep+getLoginToken(sPass)},
function(sDesc){feedback('error', sDesc);}
{token: getToken(asInputs)},
);
}
else feedback('warning', 'incomplete form');
else Tools.feedback('warning', oChecker.desc);
}
function register()
{
if($('#post_logon').checkForm('#login'))
var oChecker = $('#post_logon').checkForm();
if(oChecker.success)
{
getInfo
(
var asInputs = getInputs();
Tools.ajax(
'register',
oMyThoughts.loadHome,
{nickname:$('#login').val()},
function(sDesc){feedback('error', sDesc);}
{token: getToken(asInputs), nickname:asInputs.nickname}
);
}
else feedback('warning', 'Please choose a 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)+oMyThoughts.consts.token_sep+getLoginToken(asInputs.pass);
}
</script>