Compare commits
6 Commits
| Author | SHA1 | Date |
|---|---|---|
 sipp11
|
35392ca322 | 8 years ago |
|
sipp11
|
ba43791061 | 8 years ago |
|
sipp11
|
ae2780a1d9 | 8 years ago |
|
sipp11
|
eaad168c97 | 8 years ago |
|
sipp11
|
9339793c8f | 8 years ago |
|
sipp11
|
9633dec190 | 8 years ago |
74 changed files with 1633 additions and 510 deletions
@ -0,0 +1,21 @@ |
|||||||
|
{ |
||||||
|
"name": "stdb-webapp", |
||||||
|
"authors": [ |
||||||
|
"sipp11 <sipp11@zzyzx.co>" |
||||||
|
], |
||||||
|
"description": "", |
||||||
|
"main": "", |
||||||
|
"moduleType": [], |
||||||
|
"license": "MIT", |
||||||
|
"homepage": "", |
||||||
|
"ignore": [ |
||||||
|
"**/.*", |
||||||
|
"node_modules", |
||||||
|
"bower_components", |
||||||
|
"test", |
||||||
|
"tests" |
||||||
|
], |
||||||
|
"dependencies": { |
||||||
|
"sweetalert": "^1.1.3" |
||||||
|
} |
||||||
|
} |
||||||
|
Before Width: | Height: | Size: 322 KiB After Width: | Height: | Size: 322 KiB |
@ -0,0 +1,99 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html> |
||||||
|
<head> |
||||||
|
<style> |
||||||
|
/* The Modal (background) */ |
||||||
|
.modal { |
||||||
|
display: none; /* Hidden by default */ |
||||||
|
position: fixed; /* Stay in place */ |
||||||
|
z-index: 1; /* Sit on top */ |
||||||
|
padding-top: 100px; /* Location of the box */ |
||||||
|
left: 0; |
||||||
|
top: 0; |
||||||
|
width: 100%; /* Full width */ |
||||||
|
height: 100%; /* Full height */ |
||||||
|
overflow: auto; /* Enable scroll if needed */ |
||||||
|
background-color: rgb(0,0,0); /* Fallback color */ |
||||||
|
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ |
||||||
|
} |
||||||
|
|
||||||
|
/* Modal Content */ |
||||||
|
.modal-content { |
||||||
|
background-color: #fefefe; |
||||||
|
margin: auto; |
||||||
|
padding: 20px; |
||||||
|
border: 1px solid #888; |
||||||
|
width: 80%; |
||||||
|
} |
||||||
|
|
||||||
|
/* The Close Button */ |
||||||
|
.close { |
||||||
|
color: #aaaaaa; |
||||||
|
float: right; |
||||||
|
font-size: 28px; |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
|
||||||
|
.close:hover, |
||||||
|
.close:focus { |
||||||
|
color: #000; |
||||||
|
text-decoration: none; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
</style> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
|
||||||
|
<h2>Modal Example</h2> |
||||||
|
|
||||||
|
<!-- Trigger/Open The Modal --> |
||||||
|
<button id="1">Open Modal</button> |
||||||
|
<button id="2">Open Modal</button> |
||||||
|
<button id="3">Open Modal</button> |
||||||
|
<button id="4">Open Modal</button> |
||||||
|
<!-- The Modal --> |
||||||
|
<div id="myModal" class="modal"> |
||||||
|
|
||||||
|
<!-- Modal content --> |
||||||
|
<div class="modal-content"> |
||||||
|
<span class="close">×</span> |
||||||
|
<p>Some text in the Modal..</p> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<script> |
||||||
|
// Get the modal |
||||||
|
var modal = document.getElementById('myModal'); |
||||||
|
|
||||||
|
// Get the button that opens the modal |
||||||
|
var btn = document.getElementById("2"); |
||||||
|
|
||||||
|
// Get the <span> element that closes the modal |
||||||
|
var span = document.getElementsByClassName("close")[0]; |
||||||
|
|
||||||
|
// When the user clicks the button, open the modal |
||||||
|
btn.onclick = function() { |
||||||
|
modal.style.display = "block"; |
||||||
|
} |
||||||
|
|
||||||
|
// When the user clicks on <span> (x), close the modal |
||||||
|
span.onclick = function() { |
||||||
|
modal.style.display = "none"; |
||||||
|
} |
||||||
|
|
||||||
|
// When the user clicks anywhere outside of the modal, close it |
||||||
|
window.onclick = function(event) { |
||||||
|
console.log(event) |
||||||
|
if (event.target == modal) { |
||||||
|
console.log(modal) |
||||||
|
console.log(modal.style.display) |
||||||
|
modal.style.display = "none"; |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
</body> |
||||||
|
</html> |
||||||
@ -0,0 +1,152 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html lang="en"> |
||||||
|
<head> |
||||||
|
<meta charset="utf-8"> |
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
||||||
|
<title>Login Form</title> |
||||||
|
<link rel="stylesheet" href="css/style.css"> |
||||||
|
<link rel="shortcut icon" type="image/png" href="https://avatars1.githubusercontent.com/u/17867603?v=3&s=200"/> |
||||||
|
<script src="js/jquery-3.0.0.min.js"></script> |
||||||
|
<!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--> |
||||||
|
<style> |
||||||
|
.flexCenter { |
||||||
|
display:flex; |
||||||
|
height: 550px; |
||||||
|
justify-content: center; |
||||||
|
align-items:center; |
||||||
|
} |
||||||
|
</style> |
||||||
|
</head> |
||||||
|
|
||||||
|
|
||||||
|
<body> |
||||||
|
<section class="container"> |
||||||
|
<div class="login"> |
||||||
|
<h1>Login to STDB</h1> |
||||||
|
<form method="post" > |
||||||
|
<p><input type="text" name="login" value="" placeholder="token"></p> |
||||||
|
<p class="submit"><input type="button" value="decode" onClick="pasuser()"></p> |
||||||
|
</form> |
||||||
|
</div> |
||||||
|
</section> |
||||||
|
</body> |
||||||
|
<script language="javascript"> |
||||||
|
|
||||||
|
|
||||||
|
function pasuser(form) { |
||||||
|
var string = 'eyJ1c2VybmFtZSI6InJhY2hhbm9uIiwib3JpZ19pYXQiOjE0NjYxNTM5NDcsInVzZXJfaWQiOjEsImVtYWlsIjoiIiwiZXhwIjoxNDY2NTg1OTQ3fQ' |
||||||
|
|
||||||
|
var jwpStdb={ |
||||||
|
_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", |
||||||
|
encode:function(e){var t=""; |
||||||
|
var n,r,i,s,o,u,a; |
||||||
|
var f=0;e=jwpStdb._utf8_encode(e); |
||||||
|
while(f<e.length){ |
||||||
|
n=e.charCodeAt(f++); |
||||||
|
r=e.charCodeAt(f++); |
||||||
|
i=e.charCodeAt(f++);s=n>>2; |
||||||
|
o=(n&3)<<4|r>>4; |
||||||
|
u=(r&15)<<2|i>>6; |
||||||
|
a=i&63; |
||||||
|
if(isNaN(r)){ |
||||||
|
u=a=64 |
||||||
|
} |
||||||
|
else if(isNaN(i)){ |
||||||
|
a=64 |
||||||
|
} |
||||||
|
t=t+this._keyStr.charAt(s)+this._keyStr.charAt(o)+this._keyStr.charAt(u)+this._keyStr.charAt(a) |
||||||
|
} |
||||||
|
return t |
||||||
|
}, |
||||||
|
decode:function(e){ |
||||||
|
var t=""; |
||||||
|
var n,r,i; |
||||||
|
var s,o,u,a; |
||||||
|
var f=0;e=e.replace(/[^A-Za-z0-9+/=]/g,""); |
||||||
|
while(f<e.length){ |
||||||
|
s=this._keyStr.indexOf(e.charAt(f++)); |
||||||
|
o=this._keyStr.indexOf(e.charAt(f++)); |
||||||
|
u=this._keyStr.indexOf(e.charAt(f++)); |
||||||
|
a=this._keyStr.indexOf(e.charAt(f++)); |
||||||
|
n=s<<2|o>>4;r=(o&15)<<4|u>>2;i=(u&3)<<6|a; |
||||||
|
t=t+String.fromCharCode(n); |
||||||
|
if(u!=64){ |
||||||
|
t=t+String.fromCharCode(r) |
||||||
|
} |
||||||
|
if(a!=64){ |
||||||
|
t=t+String.fromCharCode(i) |
||||||
|
} |
||||||
|
} |
||||||
|
t=jwpStdb._utf8_decode(t); |
||||||
|
return t |
||||||
|
}, |
||||||
|
_utf8_encode:function(e){ |
||||||
|
e=e.replace(/rn/g,"n"); |
||||||
|
var t=""; |
||||||
|
for(var n=0;n<e.length;n++){ |
||||||
|
var r=e.charCodeAt(n); |
||||||
|
if(r<128){ |
||||||
|
t+=String.fromCharCode(r) |
||||||
|
} |
||||||
|
else if(r>127&&r<2048){ |
||||||
|
t+=String.fromCharCode(r>>6|192); |
||||||
|
t+=String.fromCharCode(r&63|128) |
||||||
|
} |
||||||
|
else{ |
||||||
|
t+=String.fromCharCode(r>>12|224); |
||||||
|
t+=String.fromCharCode(r>>6&63|128); |
||||||
|
t+=String.fromCharCode(r&63|128) |
||||||
|
} |
||||||
|
} |
||||||
|
return t |
||||||
|
}, |
||||||
|
_utf8_decode:function(e){ |
||||||
|
var t=""; |
||||||
|
var n=0; |
||||||
|
var r=c1=c2=0; |
||||||
|
while(n<e.length){ |
||||||
|
r=e.charCodeAt(n); |
||||||
|
if(r<128){ |
||||||
|
t+=String.fromCharCode(r); |
||||||
|
n++ |
||||||
|
} |
||||||
|
else if(r>191&&r<224){ |
||||||
|
c2=e.charCodeAt(n+1); |
||||||
|
t+=String.fromCharCode((r&31)<<6|c2&63); |
||||||
|
n+=2 |
||||||
|
} |
||||||
|
else{ |
||||||
|
c2=e.charCodeAt(n+1); |
||||||
|
c3=e.charCodeAt(n+2); |
||||||
|
t+=String.fromCharCode((r&15)<<12|(c2&63)<<6|c3&63); |
||||||
|
n+=3 |
||||||
|
} |
||||||
|
} |
||||||
|
return t |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
// Define the string |
||||||
|
|
||||||
|
// Encode the String |
||||||
|
// var encodedString = jwpStdb.encode(string); |
||||||
|
console.log(string); // Outputs: "SGVsbG8gV29ybGQh" |
||||||
|
console.log('====================='); |
||||||
|
// Decode the String |
||||||
|
var decodedString = jwpStdb.decode(string); |
||||||
|
console.log(decodedString); |
||||||
|
var res = decodedString.replace(' ', ''); |
||||||
|
console.log(res); |
||||||
|
console.log(decodedString.length); |
||||||
|
console.log(res.length); |
||||||
|
console.log(typeof decodedString); |
||||||
|
JSON.parse(res, function(k, v) { |
||||||
|
if (k==='user_id'){ |
||||||
|
console.log(v) // return the unchanged property value. |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
</script> |
||||||
|
</html> |
||||||
Loading…
Reference in new issue