restructure user application
ansuz
8 years ago
parent
a10eac2773
commit
eb620bee77
@ -1,62 +0,0 @@
|
||||
<ch!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<script data-main="main" src="/bower_components/requirejs/require.js"></script>
|
||||
|
||||
<title>Cryptpad/user/</title>
|
||||
<link rel="icon" type="image/png"
|
||||
href="/customize/main-favicon.png"
|
||||
data-main-favicon="/customize/main-favicon.png"
|
||||
data-alt-favicon="/customize/alt-favicon.png"
|
||||
id="favicon" />
|
||||
<link rel="stylesheet" href="/customize/main.css" />
|
||||
|
||||
<style>
|
||||
#bar {
|
||||
float: right;
|
||||
}
|
||||
li {
|
||||
font-size: 20px;
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="bar">
|
||||
<input id="uname" type="text" placeholder="your username">
|
||||
<input id="password" type="password" placeholder="your password">
|
||||
<button id="login" class="action login">---</button>
|
||||
</div>
|
||||
<div id="main"></div>
|
||||
|
||||
<table id="userstore" class="recent scroll" style="display:none">
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<th>Type</th>
|
||||
<th>Link</th>
|
||||
<th>Created</th>
|
||||
<th>Last Accessed</th>
|
||||
<th></th> <!-- remove column -->
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table id="localstore" class="recent scroll" style="display:none">
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<th>Type</th>
|
||||
<th>Link</th>
|
||||
<th>Created</th>
|
||||
<th>Last Accessed</th>
|
||||
<th></th> <!-- remove column -->
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
@ -1,116 +0,0 @@
|
||||
define([
|
||||
'/api/config?cb=' + Math.random().toString(16).slice(2),
|
||||
'/customize/messages.js',
|
||||
'/common/cryptpad-common.js',
|
||||
'/bower_components/chainpad-crypto/crypto.js',
|
||||
|
||||
], function (Config, Messages, Cryptpad, Crypto) {
|
||||
var $ = window.jQuery;
|
||||
|
||||
|
||||
var APP = window.APP = {
|
||||
Cryptpad: Cryptpad,
|
||||
spinner: Cryptpad.spinner(document.body),
|
||||
};
|
||||
|
||||
var login = function (uname, passwd, cb) {
|
||||
Cryptpad.User.genSecret(uname, passwd, function (err, secret) {
|
||||
if (err) {
|
||||
console.error(err);
|
||||
}
|
||||
Cryptpad.User.session(secret, function (err, data) {
|
||||
if (err) {
|
||||
console.log(err);
|
||||
}
|
||||
cb(err, secret);
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
var $uname = $('#uname');
|
||||
var $passwd = $('#password');
|
||||
var $login = $('#login');
|
||||
|
||||
var lockInputs = function (bool) {
|
||||
[$uname, $passwd].forEach(function ($e) {
|
||||
$e.attr('disabled', bool);
|
||||
});
|
||||
};
|
||||
|
||||
var ready = function (loggedIn) {
|
||||
APP.loggedIn = loggedIn;
|
||||
|
||||
$login
|
||||
.text(loggedIn?'log out': 'log in')
|
||||
.click(function () {
|
||||
if (APP.loggedIn) {
|
||||
Cryptpad.User.session(null, function (err) {
|
||||
$login.text('log in');
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
var uname = $uname.val();
|
||||
var passwd = $passwd.val();
|
||||
|
||||
if (!uname) {
|
||||
console.log("expected a username");
|
||||
return;
|
||||
}
|
||||
if (!passwd) {
|
||||
console.log("expected a password");
|
||||
return;
|
||||
}
|
||||
|
||||
login(uname, passwd, function (err, secret) {
|
||||
console.log(secret);
|
||||
if (secret) {
|
||||
$login.text('log out');
|
||||
APP.loggedIn = true;
|
||||
lockInputs(true);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
lockInputs(loggedIn);
|
||||
[$uname, $passwd]
|
||||
.forEach(function ($e, i) {
|
||||
$e.on('keyup', function (e) {
|
||||
if (!(e.which === 13 && $e.val())) { return; }
|
||||
if (i === 0) {
|
||||
$passwd.focus();
|
||||
return;
|
||||
}
|
||||
$login.click();
|
||||
});
|
||||
});
|
||||
|
||||
var change = Cryptpad.find(Cryptpad, ['store','change']);
|
||||
if (typeof(change) === 'function') {
|
||||
change(function (data) {
|
||||
if (data.key === Cryptpad.User.localKey) {
|
||||
// HERE
|
||||
console.log("Login data modified");
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
Cryptpad.ready(function (err, env) {
|
||||
console.log("Cryptpad is ready!");
|
||||
console.log(env);
|
||||
|
||||
if (err) {
|
||||
console.error(err);
|
||||
}
|
||||
|
||||
if (env.userStore) {
|
||||
console.log("You're logged in!");
|
||||
ready(true);
|
||||
} else {
|
||||
ready(false);
|
||||
console.log("Not logged in");
|
||||
}
|
||||
});
|
||||
});
|
||||
Loading…
Reference in New Issue