Started with the index page, worked on login & register.
This commit is contained in:
parent
b9e1b38963
commit
7689eb25f8
|
|
@ -19,14 +19,14 @@ First you need to install python and virtualenv with your favourite package mana
|
|||
Create and activate virtualenv:
|
||||
|
||||
```shell
|
||||
sudo apt install python virtualenv
|
||||
sudo apt install python3 virtualenv uwsgi uwsgi-plugin-python nginx
|
||||
virtualenv -p python3 .
|
||||
. bin/activate
|
||||
```
|
||||
|
||||
Install the dependencies:
|
||||
```shell
|
||||
pip install tweepy pytoml requests Mastodon.py
|
||||
pip install tweepy pytoml requests Mastodon.py bottle
|
||||
```
|
||||
|
||||
Configure the bot:
|
||||
|
|
|
|||
90
frontend/login.py
Normal file
90
frontend/login.py
Normal file
|
|
@ -0,0 +1,90 @@
|
|||
#!/usr/bin/env python3
|
||||
|
||||
import bottle
|
||||
import sqlite3
|
||||
|
||||
class Datagetter(object):
|
||||
def __init__(self):
|
||||
self.db = "../../../ticketfrei.sqlite"
|
||||
self.conn = self.create_connection(self.db)
|
||||
self.cur = self.conn.cursor()
|
||||
|
||||
def create_connection(self, db_file):
|
||||
""" create a database connection to the SQLite database
|
||||
specified by the db_file
|
||||
:param db_file: database file
|
||||
:return: Connection object or None
|
||||
"""
|
||||
try:
|
||||
conn = sqlite3.connect(db_file)
|
||||
return conn
|
||||
except sqlite3.Error as e:
|
||||
print(e)
|
||||
return None
|
||||
|
||||
app = application = bottle.Bottle()
|
||||
|
||||
@app.route('/login', method="POST")
|
||||
def login():
|
||||
"""
|
||||
Login to the ticketfrei account with credentials from the user table.
|
||||
|
||||
:return: bot.py Session Cookie
|
||||
"""
|
||||
uname = bottle.request.forms.get('uname')
|
||||
psw = bottle.request.forms.get('psw')
|
||||
if psw == db.cur.execute("SELECT pass FROM user WHERE email=?;", (uname, )):
|
||||
# :todo Generate Session Cookie and give to user
|
||||
return bottle.static_file("../static/bot.html", root="../static")
|
||||
else:
|
||||
return "Wrong Credentials."
|
||||
|
||||
@app.route('/register', method="POST")
|
||||
def register():
|
||||
"""
|
||||
Login to the ticketfrei account with credentials from the user table.
|
||||
|
||||
:return: bot.py Session Cookie
|
||||
"""
|
||||
uname = bottle.request.forms.get('email')
|
||||
psw = bottle.request.forms.get('psw')
|
||||
pswrepeat = bottle.request.forms.get('psw-repeat')
|
||||
if pswrepeat != psw:
|
||||
return "ERROR: Passwords don't match. Try again."
|
||||
|
||||
# :todo send confirmation Mail with encoded email+passphrase to email
|
||||
return "We Sent you an E-Mail. Please click on the confirmation link."
|
||||
|
||||
@app.route('/static/<filename:path>')
|
||||
def static(filename):
|
||||
"""
|
||||
Serve static files
|
||||
"""
|
||||
return bottle.static_file(filename, root='../static')
|
||||
|
||||
|
||||
@app.route('/')
|
||||
def show_index():
|
||||
"""
|
||||
The front "index" page
|
||||
:return: /static/index.html
|
||||
"""
|
||||
return bottle.static_file("../static/index.html", root='../static')
|
||||
|
||||
|
||||
class StripPathMiddleware(object):
|
||||
"""
|
||||
Get that slash out of the request
|
||||
"""
|
||||
def __init__(self, a):
|
||||
self.a = a
|
||||
|
||||
def __call__(self, e, h):
|
||||
e['PATH_INFO'] = e['PATH_INFO'].rstrip('/')
|
||||
return self.a(e, h)
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
global db
|
||||
db = Datagetter()
|
||||
bottle.run(app=StripPathMiddleware(app), host='0.0.0.0', port=8080)
|
||||
15
static/bot.html
Normal file
15
static/bot.html
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
<head>
|
||||
<title>Ticketfrei</title>
|
||||
<link rel='stylesheet' href='static/css/style.css'>
|
||||
</head>
|
||||
<body>
|
||||
<!--<div class="background" style="background-image: url(static/img/bg_left.jpg)"></div>-->
|
||||
<div class="area">
|
||||
<img src="static/img/ticketfrei_logo.png" alt="Ticketfrei Logo" width="180px" align="left">
|
||||
|
||||
<div class=footer>
|
||||
Contribute on <a href="https://github.com/b3yond/ticketfrei">GitHub!</a>
|
||||
</div>
|
||||
</div>
|
||||
<!--<div class="background" style="background-image: url(static/img/bg_right.jpg)"></div>-->
|
||||
</body>
|
||||
64
static/css/style.css
Normal file
64
static/css/style.css
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
body {
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 15px;
|
||||
line-height: 1.5em;
|
||||
background-position: center top;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.area {
|
||||
background-color: #FFF;
|
||||
max-width: 600px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.text {
|
||||
padding: 2em;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
text-align: left;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* Set a style for all buttons */
|
||||
button {
|
||||
background-color: #4CAF50;
|
||||
color: white;
|
||||
padding: 14px 20px;
|
||||
margin: 8px 0;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
font-size: 120%;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
input[type=text], input[type=password] {
|
||||
width: 100%;
|
||||
padding: 12px 20px;
|
||||
margin: 8px 0;
|
||||
display: inline-block;
|
||||
border: 1px solid #ccc;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.container {
|
||||
text-align: center;
|
||||
padding: 4em;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
float: none;
|
||||
}
|
||||
|
||||
.footer {
|
||||
padding: 2em;
|
||||
}
|
||||
BIN
static/img/ticketfrei_logo.png
Normal file
BIN
static/img/ticketfrei_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
static/img/wallpaper.png
Normal file
BIN
static/img/wallpaper.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3 MiB |
76
static/index.html
Normal file
76
static/index.html
Normal file
|
|
@ -0,0 +1,76 @@
|
|||
<head>
|
||||
<title>Ticketfrei</title>
|
||||
<link rel='stylesheet' href='/static/css/style.css'>
|
||||
</head>
|
||||
<body style="background-image: url(static/img/wallpaper.png)">
|
||||
<div class="area">
|
||||
|
||||
<h1><img src="/static/img/ticketfrei_logo.png" alt="Ticketfrei" height="150px" align="center" style="float: none;"></h1>
|
||||
|
||||
<form action="../login" method="POST">
|
||||
<div class="container">
|
||||
<label><b>Username</b></label>
|
||||
<input type="text" placeholder="Enter Username" name="uname" required>
|
||||
|
||||
<label><b>Password</b></label>
|
||||
<input type="password" placeholder="Enter Password" name="psw" required>
|
||||
|
||||
<span style="float:left;">
|
||||
<input type="checkbox" checked="checked"> Remember me
|
||||
</span>
|
||||
<span style="float:center">
|
||||
<button type="submit">Login</button>
|
||||
<span class="psw" style="float: right;">
|
||||
Forgot <a href="#">password?</a>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class=text>
|
||||
<h1>Features</h1>
|
||||
<p>sum is simply dummy text of the printing and typesetting
|
||||
industry. Lorem Ipsum has been the industry's standard
|
||||
dummy text ever since the 1500s, when an unknown printer
|
||||
took a galley of type and scrambled it to make a type
|
||||
specimen book. It has survived not only five centuries,
|
||||
but also the leap into electronic typesetting, remaining
|
||||
essentially unchanged. It was popularised in the 1960s
|
||||
with the release of Letraset sheets containing Lorem
|
||||
Ipsum passages, and more recently with desktop publishing
|
||||
software like Aldus PageMaker including versions of Lorem
|
||||
Ipsum.</p>
|
||||
<h2>How to get Ticketfrei to my city?</h2>
|
||||
<p>sum is simply dummy text of the printing and typesetting
|
||||
industry. Lorem Ipsum has been the industry's standard
|
||||
dummy text ever since the 1500s, when an unknown printer
|
||||
took a galley of type and scrambled it to make a type
|
||||
specimen book. It has survived not only five centuries,
|
||||
but also the leap into electronic typesetting, remaining
|
||||
essentially unchanged. It was popularised in the 1960s
|
||||
with the release of Letraset sheets containing Lorem
|
||||
Ipsum passages, and more recently with desktop publishing
|
||||
software like Aldus PageMaker including versions of Lorem
|
||||
Ipsum.</p>
|
||||
<a href="static/register.html"><button>Register</button></a>
|
||||
<h2>Our Mission</h2>
|
||||
<p>Contrary to popular belief, Lorem Ipsum is not simply random
|
||||
text. It has roots in a piece of classical Latin literature
|
||||
from 45 BC, making it over 2000 years old. Richard
|
||||
McClintock, a Latin professor at Hampden-Sydney College in
|
||||
Virginia, looked up one of the more obscure Latin words,
|
||||
consectetur, from a Lorem Ipsum passage, and going through
|
||||
the cites of the word in classical literature, discovered
|
||||
the undoubtable source. Lorem Ipsum comes from sections
|
||||
1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum"
|
||||
(The Extremes of Good and Evil) by Cicero, written in 45
|
||||
BC. This book is a treatise on the theory of ethics, very
|
||||
popular during the Renaissance. The first line of Lorem
|
||||
Ipsum, "Lorem ipsum dolor sit amet..", comes from a line
|
||||
in section 1.10.32.</p>
|
||||
</div>
|
||||
<div class=footer>
|
||||
Contribute on <a href="https://github.com/b3yond/ticketfrei">GitHub!</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
31
static/register.html
Normal file
31
static/register.html
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<head>
|
||||
<title>Ticketfrei</title>
|
||||
<link rel='stylesheet' href='css/style.css'>
|
||||
</head>
|
||||
<body style="background-image: url(img/wallpaper.png)">
|
||||
<div class="area">
|
||||
|
||||
<h1><img src="img/ticketfrei_logo.png" alt="Ticketfrei" height="150px" align="center" style="float: none;"></h1>
|
||||
<form action="../register" method="post">
|
||||
<div class="container">
|
||||
<label><b>Email</b></label>
|
||||
<input type="text" placeholder="Enter Email" name="email" required>
|
||||
|
||||
<label><b>Password</b></label>
|
||||
<input type="password" placeholder="Enter Password" name="psw" required>
|
||||
|
||||
<label><b>Repeat Password</b></label>
|
||||
<input type="password" placeholder="Repeat Password" name="psw-repeat" required>
|
||||
<p>By creating an account you agree to our <a href="#">Terms & Privacy</a>.</p>
|
||||
|
||||
<div class="clearfix">
|
||||
<button type="submit" class="signupbtn">Sign Up</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class=footer>
|
||||
Contribute on <a href="https://github.com/b3yond/ticketfrei">GitHub!</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
Loading…
Reference in a new issue