Skip to content

P
postbox
Commit 9801126e authored by sheng's avatar sheng
Browse files
Options

pass

parent d8ddaf6b
Show whitespace changes
Inline Side-by-side
Showing with 99 additions and 15 deletions
app.py
View file @ 9801126e
......@@ -17,6 +17,8 @@ def main():
def wifi_configure():
return 'HTTP OK'
@app.route('/wifi_pass')
def wifi_pass():
if __name__ == '__main__':
......
static/css/style.css 0 → 100644
View file @ 9801126e
/* caret "after" content visible outside of keyboard popup */
.ui-keyboard-preview-wrapper {
overflow: visible;
}
/* add caret character preview popup */
.ui-keyboard-caret:after {
content: attr(data-character);
background: red;
color: white;
font-family: Verdana, Tahoma, Segoe, sans-serif;
font-size: 1.1em;
min-width: 1em;
position: absolute;
z-index: 100;
top: -1.4em;
left: -.5em;
}
/* for password, set font to monospace to ensure caret stays lined up */
input[type=password] {
font-family: monospace !important;
}
/* jsFiddle demo stuff */
body {
margin-top: 50px;
font-size: 12px;
}
#wrap {
display: block;
margin: 0 auto;
width: 200px;
}
.spacer {
height: 20px;
}
templates/demo.html
View file @ 9801126e
<html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script src="../static/js/jquery.keyboard.js"></script>
{% extends "bootstrap/base.html" %}
{% block head %}
{{super()}}
<link href="http://code.jquery.com/ui/1.9.0/themes/ui-darkness/jquery-ui.css" rel="stylesheet">
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.min.js"></script>
<link href="../static/css/keyboard.css" rel="stylesheet">
<body>
<div>
<input id="keyboard" type="text">
<link href="../static/css/style.css" rel="stylesheet">
{% endblock %}
{% block content %}
<body >
<div class="page-wrap">
<div class="block container align-items-center">
<center><h2 class="tooltip-tipsy">The wifi Password : </h2>
<input class="keyboard" id="password" style="width:200px" type="password">
</center>
</div>
{% block footer %}
<footer class="footer" >
<div class="footer navbar-fixed-bottom text-center">
<p class="text-muted">&copy; NTUST PRLAB</p>
</div>
</footer>
</div>
{% endblock footer %}
</body>
{% block scripts %}
{{super()}}
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script src="../static/js/jquery.keyboard.js"></script>
<script src="../static/js/jquery.mousewheel.js"></script>
<script src="../static/js/jquery.keyboard.extension-typing.js"></script>
<script src="../static/js/jquery.keyboard.extension-autocomplete.js"></script>
<script src="../static/js/jquery.keyboard.extension-caret.js"></script>
<script>
$(function(){
$('#keyboard').keyboard();
$(document).ready(function(){
$('#password').keyboard({
stayOpen : false,
layout : 'qwerty',
position : {
of: $('#password'),
my:'center top',
at: 'center'
}
})
.addTyping()
.addCaret({
caretClass: '',
// *** for future use ***
// data-attribute containing the character(s) next to the caret
charAttr: 'data-character',
// # character(s) next to the caret (can be negative for RTL)
// default is 1 which shows the character to the right of the caret
// setting this to -1 shows the character to the left
charIndex: -1,
// tweak caret position & height
offsetX: 0,
offsetY: 0,
adjustHt: 0
});
});
</script>
</body>
</html>
{% endblock scripts %}
{% endblock content %}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment