Finished Index page
This commit is contained in:
Vivek Teega
parent
dcb9babeba
commit
0416eb63ce
1
.gitignore
vendored
1
.gitignore
vendored
@ -1,3 +1,4 @@
|
||||
.idea/
|
||||
__pycache__/
|
||||
*.pyc
|
||||
app/__pycache__/
|
||||
|
||||
@ -2,7 +2,10 @@ from flask_wtf import FlaskForm
|
||||
from wtforms import StringField, PasswordField, BooleanField, SubmitField
|
||||
from wtforms.validators import DataRequired
|
||||
|
||||
class LoginForm(FlaskForm):
|
||||
class SearchForm(FlaskForm):
|
||||
address = StringField('FLO address', validators=[DataRequired()])
|
||||
submit = SubmitField('Search')
|
||||
|
||||
class BlankForm(FlaskForm):
|
||||
pass
|
||||
|
||||
|
||||
@ -1,38 +1,47 @@
|
||||
from flask import render_template
|
||||
from flask import render_template, flash, redirect, url_for
|
||||
from app import app
|
||||
from app.forms import LoginForm
|
||||
from app.forms import SearchForm, BlankForm
|
||||
import sqlite3
|
||||
|
||||
dblocation = '/home/vivek/Dev/RanchiMall/rmfzeTracking_testnet/tree.db'
|
||||
|
||||
@app.route('/', methods=['GET', 'POST'])
|
||||
@app.route('/index', methods=['GET', 'POST'])
|
||||
def index():
|
||||
form = LoginForm()
|
||||
if form.validate_on_submit():
|
||||
flash('Balance requested for address {}'.format(
|
||||
form.address.data))
|
||||
return redirect(url_for('index'))
|
||||
return render_template('index.html', title='RMT', form=form)
|
||||
form = SearchForm()
|
||||
blankform = BlankForm()
|
||||
conn = sqlite3.connect(dblocation)
|
||||
c = conn.cursor()
|
||||
c.execute('SELECT * FROM transactionHistory ORDER BY id DESC LIMIT 5')
|
||||
transactionHistoryTable = c.fetchall()
|
||||
c.execute('SELECT address,SUM(transferBalance) FROM transactiontable GROUP BY address')
|
||||
balanceTable = c.fetchall()
|
||||
conn.close()
|
||||
|
||||
@app.route('/login')
|
||||
def login():
|
||||
form = LoginForm()
|
||||
return render_template('login.html', title='Search', form=form)
|
||||
|
||||
@app.route('/example')
|
||||
def example():
|
||||
return render_template('example.html')
|
||||
|
||||
@app.route('/test', methods=['GET', 'POST'])
|
||||
def test():
|
||||
form = LoginForm()
|
||||
if form.validate_on_submit():
|
||||
flash('Balance requested for address {}'.format(form.address.data))
|
||||
conn = sqlite3.connect('/home/vivek/Dev/RanchiMall/rmfzeTracking_testnet/tree.db')
|
||||
conn = sqlite3.connect(dblocation)
|
||||
c = conn.cursor()
|
||||
c.execute("select SUM(transferBalance) from transactiontable WHERE address=='{}'".format(str(form.address.data)))
|
||||
balance = c.fetchall()[0][0]
|
||||
c.execute('SELECT * FROM transactionHistory ORDER BY id DESC LIMIT 5')
|
||||
transactionHistoryTable = c.fetchall()
|
||||
c.execute('SELECT address,SUM(transferBalance) FROM transactiontable GROUP BY address')
|
||||
balanceTable = c.fetchall()
|
||||
conn.close()
|
||||
return render_template('test.html', form=form, balance=balance)
|
||||
# return redirect(url_for('index'))
|
||||
return render_template('test.html', form=form)
|
||||
return render_template('test.html', form=form, blankform=blankform, balance=balance, transactionHistoryTable=transactionHistoryTable, balanceTable=balanceTable)
|
||||
|
||||
if blankform.validate_on_submit():
|
||||
flash('Balance requested for address {}'.format(form.address.data))
|
||||
conn = sqlite3.connect(dblocation)
|
||||
c = conn.cursor()
|
||||
c.execute("select SUM(transferBalance) from transactiontable WHERE address=='{}'".format(str(form.address.data)))
|
||||
balance = c.fetchall()[0][0]
|
||||
c.execute('SELECT * FROM transactionHistory ORDER BY id DESC LIMIT 5')
|
||||
transactionHistoryTable = c.fetchall()
|
||||
c.execute('SELECT address,SUM(transferBalance) FROM transactiontable GROUP BY address')
|
||||
balanceTable = c.fetchall()
|
||||
conn.close()
|
||||
return render_template('test.html', form=form, blankform=blankform, balance=balance, transactionHistoryTable=transactionHistoryTable, balanceTable=balanceTable)
|
||||
|
||||
return render_template('index.html', form=form, blankform=blankform, transactionHistoryTable=transactionHistoryTable, balanceTable=balanceTable)
|
||||
@ -1,24 +1,112 @@
|
||||
<html>
|
||||
<head>
|
||||
{% if title %}
|
||||
<title>{{ title }} - Microblog</title>
|
||||
{% else %}
|
||||
<title>Welcome to Microblog</title>
|
||||
{% endif %}
|
||||
</head>
|
||||
<body>
|
||||
<h2>RMT explorer</h2>
|
||||
<div> <a href="{{ url_for('index') }}">Home</a></div>
|
||||
<hr>
|
||||
{% with messages = get_flashed_messages() %}
|
||||
{% if messages %}
|
||||
<ul>
|
||||
{% for message in messages %}
|
||||
<li>{{ message }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
{% block content %}{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<link rel="icon" type="image/png" href="../static/img/favicon.ico">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="../static/img/apple-icon.png">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
|
||||
|
||||
<title>Ranchi Mall Token Explorer</title>
|
||||
|
||||
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
|
||||
<meta name="viewport" content="width=device-width"/>
|
||||
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="../static/css/bootstrap.min.css" rel="stylesheet"/>
|
||||
<link href="../static/css/paper-kit.css?v=2.1.0" rel="stylesheet"/>
|
||||
|
||||
<!-- CSS for Demo Purpose, don't include it in your project -->
|
||||
<link href="../static/css/demo.css" rel="stylesheet"/>
|
||||
|
||||
<!-- Fonts and icons -->
|
||||
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
|
||||
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link href="../static/css/nucleo-icons.css" rel="stylesheet">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-md fixed-top navbar-transparent" color-on-scroll="150">
|
||||
<div class="container">
|
||||
<div class="navbar-translate">
|
||||
<button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse"
|
||||
data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false"
|
||||
aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-bar"></span>
|
||||
<span class="navbar-toggler-bar"></span>
|
||||
<span class="navbar-toggler-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="https://www.creative-tim.com">RMT Explorer</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="navbarToggler">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link"><i class="nc-icon nc-layout-11"></i>Components</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../documentation/tutorial-components.html" target="_blank" class="nav-link"><i
|
||||
class="nc-icon nc-book-bookmark"></i> Documentation</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" rel="tooltip" title="Like us on Facebook" data-placement="bottom"
|
||||
href="https://www.facebook.com/ranchimall" target="_blank">
|
||||
<i class="fa fa-facebook-square"></i>
|
||||
<p class="d-lg-none">Facebook</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" rel="tooltip" title="Follow us on Instagram" data-placement="bottom"
|
||||
href="https://www.medium.com/ranchimall" target="_blank">
|
||||
<i class="fa fa-medium"></i>
|
||||
<p class="d-lg-none">Medium</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom"
|
||||
href="https://www.github.com/ranchimall" target="_blank">
|
||||
<i class="fa fa-github"></i>
|
||||
<p class="d-lg-none">GitHub</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
{% block content %}{% endblock %}
|
||||
|
||||
<footer class="footer section-dark">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<nav class="footer-nav">
|
||||
<ul>
|
||||
<li><a href="https://www.creative-tim.com">Creative Tim</a></li>
|
||||
<li><a href="http://blog.creative-tim.com">Blog</a></li>
|
||||
<li><a href="https://www.creative-tim.com/license">Licenses</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="credits ml-auto">
|
||||
<span class="copyright">
|
||||
© <script>document.write(new Date().getFullYear())</script>, made with <i
|
||||
class="fa fa-heart heart"></i> by Creative Tim
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
<!-- Core JS Files -->
|
||||
<script src="../static/js/jquery-3.2.1.js" type="text/javascript"></script>
|
||||
<script src="../static/js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
|
||||
<!-- <script src="../static/js/tether.min.js" type="text/javascript"></script> -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"
|
||||
integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="../static/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="../static/js/plugins/perfect-scrollbar.jquery.min.js"></script>
|
||||
|
||||
|
||||
<!-- Paper Kit Initialization snd functons -->
|
||||
<script src="../static/js/paper-kit.js?v=2.1.0"></script>
|
||||
|
||||
</html>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,19 +1,138 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<br>
|
||||
Enter FLO address associated with RMT
|
||||
<div class="wrapper">
|
||||
<div class="page-header page-header-xs" data-parallax="true"
|
||||
style="background-image: url('../static/img/fabio-mangione.jpg');">
|
||||
<div class="filter"></div>
|
||||
<div class="content-center">
|
||||
<div class="container">
|
||||
<div class="title-brand">
|
||||
<!--<h7 class="presentation-title">RMT Explorer</h7>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form action="" method="post" novalidate>
|
||||
{{ form.hidden_tag() }}
|
||||
<p>
|
||||
{{ form.address.label }}<br>
|
||||
{{ form.address(size=32) }}
|
||||
{% for error in form.address.errors %}
|
||||
<span style="color: red;">[{{ error }}]</span>
|
||||
{% endfor %}
|
||||
</p>
|
||||
<p>{{ form.submit() }}</p>
|
||||
</form>
|
||||
<!-- Stuff below the top image -->
|
||||
<div class="main">
|
||||
<div class="section section-buttons">
|
||||
<div class="container">
|
||||
<div class="tim-title">
|
||||
<h2>RMT Balance</h2>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-3">
|
||||
<form action="" method="post" novalidate>
|
||||
<div class="form-group">
|
||||
<!--<input type="text" class="form-control" placeholder="Enter FLO address">-->
|
||||
{{ form.hidden_tag() }}
|
||||
{{ form.address(class="form-control", placeholder="Enter FLO address", length=100) }}
|
||||
{% for error in form.address.errors %}
|
||||
<span style="color: red;">[{{ error }}]</span>
|
||||
{% endfor %}
|
||||
{% if balance %}
|
||||
<div class="ml-auto mr-auto">
|
||||
<br/>
|
||||
<p>Balance {{balance}} RMT</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start of tables -->
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card card-plain">
|
||||
<div class="tim-title">
|
||||
<h3>Latest Transactions</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table">
|
||||
<thead class=" text-primary">
|
||||
<th>
|
||||
Block no.
|
||||
</th>
|
||||
<th>
|
||||
Sender
|
||||
</th>
|
||||
<th>
|
||||
Receiver
|
||||
</th>
|
||||
<th>
|
||||
Amount
|
||||
</th>
|
||||
<th>
|
||||
View @ Block explorer
|
||||
</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for item in transactionHistoryTable %}
|
||||
<tr>
|
||||
<td>{{item[1]}}</td>
|
||||
<td>{{item[2]}}</td>
|
||||
<td>{{item[3]}}</td>
|
||||
<td>{{item[4]}}</td>
|
||||
<td class="text-center">
|
||||
<a href={{item[5]}} target="_blank"
|
||||
class="nc-icon nc-alert-circle-i">
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="col-md-6 ml-auto mr-auto text-center">
|
||||
<btn class="btn btn-outline-default btn-round"><i
|
||||
class="nc-icon nc-paper"></i>
|
||||
View all
|
||||
</btn>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Table 2 -->
|
||||
<div class="col-md-12">
|
||||
<div class="card card-plain">
|
||||
<div class="tim-title">
|
||||
<h3>Balances</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table">
|
||||
<thead class=" text-primary">
|
||||
<th>
|
||||
Address
|
||||
</th>
|
||||
<th>
|
||||
Balance
|
||||
</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for item in balanceTable %}
|
||||
<tr>
|
||||
<td>{{item[0]}}</td>
|
||||
<td>{{item[1]}}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- End of tables -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- START OF BUTTON SHIZ-->
|
||||
<!--END OF BUTTON SHIZ-->
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@ -1,773 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" type="image/png" href="../static/img/favicon.ico">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="../static/img/apple-icon.png">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
|
||||
<title>Ranchi Mall Token Explorer</title>
|
||||
|
||||
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="../static/css/bootstrap.min.css" rel="stylesheet" />
|
||||
<link href="../static/css/paper-kit.css?v=2.1.0" rel="stylesheet"/>
|
||||
|
||||
<!-- CSS for Demo Purpose, don't include it in your project -->
|
||||
<link href="../static/css/demo.css" rel="stylesheet" />
|
||||
|
||||
<!-- Fonts and icons -->
|
||||
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
|
||||
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link href="../static/css/nucleo-icons.css" rel="stylesheet">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-md fixed-top navbar-transparent" color-on-scroll="150">
|
||||
<div class="container">
|
||||
<div class="navbar-translate">
|
||||
<button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-bar"></span>
|
||||
<span class="navbar-toggler-bar"></span>
|
||||
<span class="navbar-toggler-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="https://www.creative-tim.com">RMT Explorer</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="navbarToggler">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link"><i class="nc-icon nc-layout-11"></i>Components</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../documentation/tutorial-components.html" target="_blank" class="nav-link"><i class="nc-icon nc-book-bookmark"></i> Documentation</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" rel="tooltip" title="Like us on Facebook" data-placement="bottom" href="https://www.facebook.com/ranchimall" target="_blank">
|
||||
<i class="fa fa-facebook-square"></i>
|
||||
<p class="d-lg-none">Facebook</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" rel="tooltip" title="Follow us on Instagram" data-placement="bottom" href="https://www.medium.com/ranchimall" target="_blank">
|
||||
<i class="fa fa-medium"></i>
|
||||
<p class="d-lg-none">Medium</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom" href="https://www.github.com/ranchimall" target="_blank">
|
||||
<i class="fa fa-github"></i>
|
||||
<p class="d-lg-none">GitHub</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="page-header page-header-xs" data-parallax="true" style="background-image: url('../static/img/fabio-mangione.jpg');">
|
||||
<div class="filter"></div>
|
||||
<div class="content-center">
|
||||
<div class="container">
|
||||
<div class="title-brand">
|
||||
<!--<h7 class="presentation-title">RMT Explorer</h7>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Stuff below the top image -->
|
||||
<div class="main">
|
||||
<div class="section section-buttons">
|
||||
<div class="container">
|
||||
<div class="tim-title">
|
||||
<h2>RMT Balance</h2>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-3">
|
||||
<form action="" method="post" novalidate>
|
||||
<div class="form-group">
|
||||
<!--<input type="text" class="form-control" placeholder="Enter FLO address">-->
|
||||
{{ form.hidden_tag() }}
|
||||
{{ form.address(class="form-control", placeholder="Enter FLO address", length=100) }}
|
||||
{% for error in form.address.errors %}
|
||||
<span style="color: red;">[{{ error }}]</span>
|
||||
{% endfor %}
|
||||
{% if balance %}
|
||||
<div class="ml-auto mr-auto">
|
||||
<br />
|
||||
<p>Balance {{balance}} RMT</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<br/>
|
||||
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card card-plain">
|
||||
<div class="tim-title">
|
||||
<h3>Latest Transactions</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table">
|
||||
<thead class=" text-primary">
|
||||
<th>
|
||||
Name
|
||||
</th>
|
||||
<th>
|
||||
Country
|
||||
</th>
|
||||
<th>
|
||||
City
|
||||
</th>
|
||||
<th class="text-right">
|
||||
Salary
|
||||
</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
Dakota Rice
|
||||
</td>
|
||||
<td>
|
||||
Niger
|
||||
</td>
|
||||
<td>
|
||||
Oud-Turnhout
|
||||
</td>
|
||||
<td class="text-right">
|
||||
$36,738
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Minerva Hooper
|
||||
</td>
|
||||
<td>
|
||||
Curaçao
|
||||
</td>
|
||||
<td>
|
||||
Sinaai-Waas
|
||||
</td>
|
||||
<td class="text-right">
|
||||
$23,789
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Sage Rodriguez
|
||||
</td>
|
||||
<td>
|
||||
Netherlands
|
||||
</td>
|
||||
<td>
|
||||
Baileux
|
||||
</td>
|
||||
<td class="text-right">
|
||||
$56,142
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Philip Chaney
|
||||
</td>
|
||||
<td>
|
||||
Korea, South
|
||||
</td>
|
||||
<td>
|
||||
Overland Park
|
||||
</td>
|
||||
<td class="text-right">
|
||||
$38,735
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Doris Greene
|
||||
</td>
|
||||
<td>
|
||||
Malawi
|
||||
</td>
|
||||
<td>
|
||||
Feldkirchen in Kärnten
|
||||
</td>
|
||||
<td class="text-right">
|
||||
$63,542
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Mason Porter
|
||||
</td>
|
||||
<td>
|
||||
Chile
|
||||
</td>
|
||||
<td>
|
||||
Gloucester
|
||||
</td>
|
||||
<td class="text-right">
|
||||
$78,615
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Jon Porter
|
||||
</td>
|
||||
<td>
|
||||
Portugal
|
||||
</td>
|
||||
<td>
|
||||
Gloucester
|
||||
</td>
|
||||
<td class="text-right">
|
||||
$98,615
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title"> Simple Table</h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table">
|
||||
<thead class=" text-primary">
|
||||
<th>
|
||||
Name
|
||||
</th>
|
||||
<th>
|
||||
Country
|
||||
</th>
|
||||
<th>
|
||||
City
|
||||
</th>
|
||||
<th class="text-right">
|
||||
Salary
|
||||
</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
Dakota Rice
|
||||
</td>
|
||||
<td>
|
||||
Niger
|
||||
</td>
|
||||
<td>
|
||||
Oud-Turnhout
|
||||
</td>
|
||||
<td class="text-right">
|
||||
$36,738
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Minerva Hooper
|
||||
</td>
|
||||
<td>
|
||||
Curaçao
|
||||
</td>
|
||||
<td>
|
||||
Sinaai-Waas
|
||||
</td>
|
||||
<td class="text-right">
|
||||
$23,789
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Sage Rodriguez
|
||||
</td>
|
||||
<td>
|
||||
Netherlands
|
||||
</td>
|
||||
<td>
|
||||
Baileux
|
||||
</td>
|
||||
<td class="text-right">
|
||||
$56,142
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Philip Chaney
|
||||
</td>
|
||||
<td>
|
||||
Korea, South
|
||||
</td>
|
||||
<td>
|
||||
Overland Park
|
||||
</td>
|
||||
<td class="text-right">
|
||||
$38,735
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Doris Greene
|
||||
</td>
|
||||
<td>
|
||||
Malawi
|
||||
</td>
|
||||
<td>
|
||||
Feldkirchen in Kärnten
|
||||
</td>
|
||||
<td class="text-right">
|
||||
$63,542
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Mason Porter
|
||||
</td>
|
||||
<td>
|
||||
Chile
|
||||
</td>
|
||||
<td>
|
||||
Gloucester
|
||||
</td>
|
||||
<td class="text-right">
|
||||
$78,615
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Jon Porter
|
||||
</td>
|
||||
<td>
|
||||
Portugal
|
||||
</td>
|
||||
<td>
|
||||
Gloucester
|
||||
</td>
|
||||
<td class="text-right">
|
||||
$98,615
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Jon Porter
|
||||
</td>
|
||||
<td>
|
||||
Portugal
|
||||
</td>
|
||||
<td>
|
||||
Gloucester
|
||||
</td>
|
||||
<td class="text-right">
|
||||
$98,615
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Jon Porter
|
||||
</td>
|
||||
<td>
|
||||
Portugal
|
||||
</td>
|
||||
<td>
|
||||
Gloucester
|
||||
</td>
|
||||
<td class="text-right">
|
||||
$98,615
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Jon Porter
|
||||
</td>
|
||||
<td>
|
||||
Portugal
|
||||
</td>
|
||||
<td>
|
||||
Gloucester
|
||||
</td>
|
||||
<td class="text-right">
|
||||
$98,615
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Jon Porter
|
||||
</td>
|
||||
<td>
|
||||
Portugal
|
||||
</td>
|
||||
<td>
|
||||
Gloucester
|
||||
</td>
|
||||
<td class="text-right">
|
||||
$98,615
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Jon Porter
|
||||
</td>
|
||||
<td>
|
||||
Portugal
|
||||
</td>
|
||||
<td>
|
||||
Gloucester
|
||||
</td>
|
||||
<td class="text-right">
|
||||
$98,615
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Jon Porter
|
||||
</td>
|
||||
<td>
|
||||
Portugal
|
||||
</td>
|
||||
<td>
|
||||
Gloucester
|
||||
</td>
|
||||
<td class="text-right">
|
||||
$98,615
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Jon Porter
|
||||
</td>
|
||||
<td>
|
||||
Portugal
|
||||
</td>
|
||||
<td>
|
||||
Gloucester
|
||||
</td>
|
||||
<td class="text-right">
|
||||
$98,615
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Jon Porter
|
||||
</td>
|
||||
<td>
|
||||
Portugal
|
||||
</td>
|
||||
<td>
|
||||
Gloucester
|
||||
</td>
|
||||
<td class="text-right">
|
||||
$98,615
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
</p>
|
||||
<br/>
|
||||
<div class="tim-title">
|
||||
<h2>Basic Elements</h2>
|
||||
</div>
|
||||
<div id="buttons">
|
||||
<div class="tim-title">
|
||||
<h3>Buttons
|
||||
<br/>
|
||||
<small>Pick your style</small>
|
||||
</h3>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<button type="button" class="btn btn-danger">Default</button>
|
||||
<button type="button" class="btn btn-danger btn-round">Round</button>
|
||||
<button type="button" class="btn btn-danger btn-round"><i class="fa fa-heart"></i> With Icon</button>
|
||||
<button type="button" class="btn btn-danger btn-just-icon"><i class="fa fa-heart"></i></button>
|
||||
<button type="button" class="btn btn-danger btn-link">Simple</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tim-title">
|
||||
<h3><small>Pick your size</small></h3>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<button type="button" class="btn btn-outline-danger btn-sm">Small</button>
|
||||
<button type="button" class="btn btn-outline-danger">Regular</button>
|
||||
<button type="button" class="btn btn-outline-danger btn-lg">Large</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tim-title">
|
||||
<h3><small>Pick your color</small></h3>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<button type="button" class="btn btn-outline-default btn-round">Default</button>
|
||||
<button type="button" class="btn btn-outline-primary btn-round">Primary</button>
|
||||
<button type="button" class="btn btn-outline-info btn-round">Info</button>
|
||||
<button type="button" class="btn btn-outline-success btn-round">Success</button>
|
||||
<button type="button" class="btn btn-outline-warning btn-round">Warning</button>
|
||||
<button type="button" class="btn btn-outline-danger btn-round">Danger</button>
|
||||
</div>
|
||||
</div>
|
||||
<br/>
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<button type="button" class="btn btn-default btn-round">Default</button>
|
||||
<button type="button" class="btn btn-primary btn-round">Primary</button>
|
||||
<button type="button" class="btn btn-info btn-round">Info</button>
|
||||
<button type="button" class="btn btn-success btn-round">Success</button>
|
||||
<button type="button" class="btn btn-warning btn-round">Warning</button>
|
||||
<button type="button" class="btn btn-danger btn-round">Danger</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br/>
|
||||
<div class="tim-title">
|
||||
<h3>Links</h3>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<a href="#0" class="btn btn-link btn-default">Default</a>
|
||||
<a href="#0" class="btn btn-link btn-primary">Primary</a>
|
||||
<a href="#0" class="btn btn-link btn-success">Success</a>
|
||||
<a href="#0" class="btn btn-link btn-info">Info</a>
|
||||
<a href="#0" class="btn btn-link btn-warning">Warning</a>
|
||||
<a href="#0" class="btn btn-link btn-danger">Danger</a>
|
||||
<a href="#0" class="btn btn-link btn-neutral">Neutral</a>
|
||||
</div>
|
||||
</div>
|
||||
<br/>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-lg-3">
|
||||
<div class="tim-title">
|
||||
<h3>Checkboxes</h3>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
Unchecked
|
||||
<span class="form-check-sign"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="" checked>
|
||||
Checked
|
||||
<span class="form-check-sign"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check disabled">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="" disabled>
|
||||
Disabled unchecked
|
||||
<span class="form-check-sign"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check disabled">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="" disabled checked>
|
||||
Disabled checked
|
||||
<span class="form-check-sign"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-3">
|
||||
<div class="tim-title">
|
||||
<h3>Radio Buttons</h3>
|
||||
</div>
|
||||
<div class="form-check-radio">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" >
|
||||
Radio is off
|
||||
<span class="form-check-sign"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check-radio">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2" checked>
|
||||
Radio is on
|
||||
<span class="form-check-sign"></span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="form-check-radio disabled">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios3" value="option3" disabled>
|
||||
Disabled radio is off
|
||||
<span class="form-check-sign"></span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="form-check-radio disabled">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="radio" name="exampleRadioz" id="exampleRadios4" value="option4" checked disabled>
|
||||
Disabled radio is on
|
||||
<span class="form-check-sign"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-3">
|
||||
<div class="tim-title">
|
||||
<h3>Toggle Buttons</h3>
|
||||
</div>
|
||||
<div class="togglebutton">
|
||||
<label>
|
||||
<input type="checkbox" data-toggle="switch" checked=""><span class="toggle"></span> Toggle is on
|
||||
</label>
|
||||
</div>
|
||||
<div class="togglebutton">
|
||||
<label>
|
||||
<input type="checkbox" data-toggle="switch"><span class="toggle"></span> Toggle is off
|
||||
</label>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-3">
|
||||
<div class="tim-title">
|
||||
<h3>Sliders</h3>
|
||||
</div>
|
||||
<div id="sliderRegular" class="slider noUi-target noUi-ltr noUi-horizontal noUi-connect"></div>
|
||||
<br/>
|
||||
<div id="sliderDouble" class="slider slider-info noUi-target noUi-ltr noUi-horizontal noUi-background"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section profile-content">
|
||||
<div class="container">
|
||||
<div class="owner">
|
||||
|
||||
<div class="name">
|
||||
<h4 class="title">Jane Faker<br /></h4>
|
||||
<h6 class="description">Music Producer</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 ml-auto mr-auto text-center">
|
||||
<p>An artist of considerable range, Jane Faker — the name taken by Melbourne-raised, Brooklyn-based Nick Murphy — writes, performs and records all of his own music, giving it a warm, intimate feel with a solid groove structure. </p>
|
||||
<br />
|
||||
<btn class="btn btn-outline-default btn-round"><i class="fa fa-cog"></i> Settings</btn>
|
||||
</div>
|
||||
</div>
|
||||
<br/>
|
||||
<div class="nav-tabs-navigation">
|
||||
<div class="nav-tabs-wrapper">
|
||||
<ul class="nav nav-tabs" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" data-toggle="tab" href="#follows" role="tab">Follows</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-toggle="tab" href="#following" role="tab">Following</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Tab panes -->
|
||||
<div class="tab-content following">
|
||||
<div class="tab-pane active" id="follows" role="tabpanel">
|
||||
<div class="row">
|
||||
<div class="col-md-6 ml-auto mr-auto">
|
||||
<ul class="list-unstyled follows">
|
||||
<li>
|
||||
<div class="row">
|
||||
<div class="col-md-2 col-sm-2 ml-auto mr-auto">
|
||||
<img src="../static/img/faces/clem-onojeghuo-2.jpg" alt="Circle Image" class="img-circle img-no-padding img-responsive">
|
||||
</div>
|
||||
<div class="col-md-7 col-sm-4 ml-auto mr-auto">
|
||||
<h6>Flume<br/><small>Musical Producer</small></h6>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-2 ml-auto mr-auto">
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="" checked>
|
||||
<span class="form-check-sign"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<hr />
|
||||
<li>
|
||||
<div class="row">
|
||||
<div class="col-md-2 ml-auto mr-auto ">
|
||||
<img src="../static/img/faces/ayo-ogunseinde-2.jpg" alt="Circle Image" class="img-circle img-no-padding img-responsive">
|
||||
</div>
|
||||
<div class="col-md-7 col-sm-4">
|
||||
<h6>Banks<br /><small>Singer</small></h6>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-2">
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane text-center" id="following" role="tabpanel">
|
||||
<h3 class="text-muted">Not following anyone yet :(</h3>
|
||||
<button class="btn btn-warning btn-round">Find artists</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer section-dark">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<nav class="footer-nav">
|
||||
<ul>
|
||||
<li><a href="https://www.creative-tim.com">Creative Tim</a></li>
|
||||
<li><a href="http://blog.creative-tim.com">Blog</a></li>
|
||||
<li><a href="https://www.creative-tim.com/license">Licenses</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="credits ml-auto">
|
||||
<span class="copyright">
|
||||
© <script>document.write(new Date().getFullYear())</script>, made with <i class="fa fa-heart heart"></i> by Creative Tim
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
<!-- Core JS Files -->
|
||||
<script src="../static/js/jquery-3.2.1.js" type="text/javascript"></script>
|
||||
<script src="../static/js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
|
||||
<!-- <script src="../static/js/tether.min.js" type="text/javascript"></script> -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
|
||||
<script src="../static/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="../static/js/plugins/perfect-scrollbar.jquery.min.js"></script>
|
||||
|
||||
|
||||
<!-- Paper Kit Initialization snd functons -->
|
||||
<script src="../static/js/paper-kit.js?v=2.1.0"></script>
|
||||
|
||||
</html>
|
||||
137
app/templates/transactions.html
Normal file
137
app/templates/transactions.html
Normal file
@ -0,0 +1,137 @@
|
||||
{% extends "base.html" %}
|
||||
{% block content %}
|
||||
<div class="wrapper">
|
||||
<div class="page-header page-header-xs" data-parallax="true"
|
||||
style="background-image: url('../static/img/fabio-mangione.jpg');">
|
||||
<div class="filter"></div>
|
||||
<div class="content-center">
|
||||
<div class="container">
|
||||
<div class="title-brand">
|
||||
<!--<h7 class="presentation-title">RMT Explorer</h7>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Stuff below the top image -->
|
||||
<div class="main">
|
||||
<div class="section section-buttons">
|
||||
<div class="container">
|
||||
<div class="tim-title">
|
||||
<h2>RMT Balance</h2>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-3">
|
||||
<form action="" method="post" novalidate>
|
||||
<div class="form-group">
|
||||
<!--<input type="text" class="form-control" placeholder="Enter FLO address">-->
|
||||
{{ form.hidden_tag() }}
|
||||
{{ form.address(class="form-control", placeholder="Enter FLO address", length=100) }}
|
||||
{% for error in form.address.errors %}
|
||||
<span style="color: red;">[{{ error }}]</span>
|
||||
{% endfor %}
|
||||
{% if balance %}
|
||||
<div class="ml-auto mr-auto">
|
||||
<br/>
|
||||
<p>Balance {{balance}} RMT</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start of tables -->
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card card-plain">
|
||||
<div class="tim-title">
|
||||
<h3>Latest Transactions</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table">
|
||||
<thead class=" text-primary">
|
||||
<th>
|
||||
Block no.
|
||||
</th>
|
||||
<th>
|
||||
Sender
|
||||
</th>
|
||||
<th>
|
||||
Receiver
|
||||
</th>
|
||||
<th>
|
||||
Amount
|
||||
</th>
|
||||
<th>
|
||||
View @ Block explorer
|
||||
</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for item in transactionHistoryTable %}
|
||||
<tr>
|
||||
<td>{{item[1]}}</td>
|
||||
<td>{{item[2]}}</td>
|
||||
<td>{{item[3]}}</td>
|
||||
<td>{{item[4]}}</td>
|
||||
<td class="text-center">
|
||||
<a href={{item[5]}} target="_blank"
|
||||
class="nc-icon nc-alert-circle-i">
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="col-md-6 ml-auto mr-auto text-center">
|
||||
<btn class="btn btn-outline-default btn-round"><i class="nc-icon nc-paper"></i>
|
||||
View all
|
||||
</btn>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Table 2 -->
|
||||
<div class="col-md-12">
|
||||
<div class="card card-plain">
|
||||
<div class="tim-title">
|
||||
<h3>Balances</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table">
|
||||
<thead class=" text-primary">
|
||||
<th>
|
||||
Address
|
||||
</th>
|
||||
<th>
|
||||
Balance
|
||||
</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for item in balanceTable %}
|
||||
<tr>
|
||||
<td>{{item[0]}}</td>
|
||||
<td>{{item[1]}}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- End of tables -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- START OF BUTTON SHIZ-->
|
||||
<!--END OF BUTTON SHIZ-->
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Loading…
Reference in New Issue
Block a user