Fixed formatting on html pages

This commit is contained in:
Benjamyn Love 2020-02-22 16:41:17 +11:00
parent b1db5e4a17
commit 2b98e9db55
4 changed files with 93 additions and 95 deletions

View File

@ -4,9 +4,11 @@
<input class="form-control" id="addbox" style="display: inline" type="text" name="item" value=""><br><br> <input class="form-control" id="addbox" style="display: inline" type="text" name="item" value=""><br><br>
<select id="addbox" name="add2list" class="custom-select custom-select-lg mb-3"> <select id="addbox" name="add2list" class="custom-select custom-select-lg mb-3">
{% for listid in data["list_ids"] %} {% for listid in data["list_ids"] %}
<option type="submit" value="{{listid}}" id="addbox" name="list">{{id[listid]}}</option> <option type="submit" value="{{listid}}" id="addbox" name="list">{{id[listid]}}</option>
{% endfor %} {% endfor %}
</select> </select>
<div style="text-align: center; padding-bottom: 2px"><input class="btn btn-secondary" type="submit" style="text-align: center" name="addValue" value="Submit"></form> <div style="text-align: center; padding-bottom: 2px"><input class="btn btn-secondary" type="submit"
style="text-align: center" name="addValue" value="Submit">
</form>
</form> </form>
</div> </div>

View File

@ -16,7 +16,12 @@
<tr scope="row"> <tr scope="row">
<td>{{x[0]}}</td> <td>{{x[0]}}</td>
<td>{% if x[1] == 1 %} Yes {% else %} No {% endif %}</td> <td>{% if x[1] == 1 %} Yes {% else %} No {% endif %}</td>
<td align="right"><form action="/post" method="POST"><input style="width: 70%; display: inline;" class="form-control" type="text" name="newpass" id="addbox"><button class="btn btn-secondary" type="submit" name="updatepass" value="{{x[2]}}"> Change Password </button></form></td> <td align="right">
<form action="/post" method="POST"><input style="width: 70%; display: inline;"
class="form-control" type="text" name="newpass" id="addbox"><button
class="btn btn-secondary" type="submit" name="updatepass" value="{{x[2]}}"> Change
Password </button></form>
</td>
</tr> </tr>
{% endfor %} {% endfor %}
</tbody> </tbody>
@ -25,35 +30,36 @@
<hr> <hr>
<h1 class="text-center">ADD NEW USERS</h1> <h1 class="text-center">ADD NEW USERS</h1>
<div class="container"> <div class="container">
<form class="loginform" action="/post" method="POST"> <form class="loginform" action="/post" method="POST">
<div class="form-group row"> <div class="form-group row">
<label for="addbox" class="col-sm-2 col-form-label" >Username</label> <label for="addbox" class="col-sm-2 col-form-label">Username</label>
<div class="col-sm-10"> <div class="col-sm-10">
<input type=text class="form-control" id="addbox" type="text" name="username" /> <input type=text class="form-control" id="addbox" type="text" name="username" />
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label for="addbox" class="col-sm-2 col-form-label" >Password</label> <label for="addbox" class="col-sm-2 col-form-label">Password</label>
<div class="col-sm-10"> <div class="col-sm-10">
<input class="form-control" id="addbox" type="password" name="password"/> <input class="form-control" id="addbox" type="password" name="password" />
</div> </div>
<div class="form-group" style="padding-top: 10px; padding-left: 10px;"> <div class="form-group" style="padding-top: 10px; padding-left: 10px;">
<input class="btn btn-secondary" id="logbtn" type="submit" name="newuser" value="Create new account" /> <input class="btn btn-secondary" id="logbtn" type="submit" name="newuser"
</div> value="Create new account" />
</div>
</div> </div>
</form> </form>
<h1 class="text-center">ADD LIST</h1> <h1 class="text-center">ADD LIST</h1>
<form class="addList" action="/post" method="POST"> <form class="addList" action="/post" method="POST">
<div class="form-group row"> <div class="form-group row">
<label for="addlist" class="col-sm-2 col-form-label" >List</label> <label for="addlist" class="col-sm-2 col-form-label">List</label>
<div class="col-sm-10"> <div class="col-sm-10">
<input type=text class="form-control" id="addlist" type="text" name="addList" /> <input type=text class="form-control" id="addlist" type="text" name="addList" />
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<div class="form-group" style="padding-top: 10px; padding-left: 10px;"> <div class="form-group" style="padding-top: 10px; padding-left: 10px;">
<input class="btn btn-secondary" id="addlist" type="submit" name="newlist" value="Add new list" /> <input class="btn btn-secondary" id="addlist" type="submit" name="newlist" value="Add new list" />
</div> </div>
</div> </div>
</form> </form>
<div id="logout" style="padding-top: 3px;"> <div id="logout" style="padding-top: 3px;">
@ -67,48 +73,36 @@
<h1 class="text-center">Add User To List</h1> <h1 class="text-center">Add User To List</h1>
<div class="container"> <div class="container">
<div class="form-group row"> <div class="form-group row">
<form action="/post" method="POST"> <form action="/post" method="POST">
<label for="uesrnamelist" class="col-sm-2 col-form-label">User</label> <div class="form-row">
<select id="usernamelist" name="add2list" class="custom-select custom-select-lg mb-3"> <div class="col">
{% for userid in data["users"] %} <label for="usernamelist" class="col-form-label form-control">User</label>
<option type="submit" value="{{userid[2]}}" id="addbox" name="User2list" class="form-control">{{userid[0].title()}}</option> <select id="usernamelist" name="add2list"
{% endfor %} class="custom-select custom-select-lg mb-3 form-control">
</select> {% for userid in data["users"] %}
<label for="listlist" class="col-sm-2 col-form-label">List</label> <option type="submit" value="{{userid[2]}}" id="addbox" name="User2list"
<select id="listlist" name="listID" class="custom-select custom-select-lg mb-3"> class="form-control">{{userid[0].title()}}</option>
{% for x in data["lists"] %} {% endfor %}
<option type="submit" value="{{x}}" id="addbox" name="User2list" class="form-control">{{data["lists"][x]}}</option> </select>
{% endfor %} </div>
</select> <div class="col">
<button class="btn btn-secondary" type="submit" value="x"> Add User To List </button> <label for="listlist" class="col-form-label form-control">List</label>
<!-- <input name="listID" value={{x}} type="hidden">--></form> <select id="listlist" name="listID" class="custom-select custom-select-lg mb-3 form-control">
{% for x in data["lists"] %}
<option type="submit" value="{{x}}" id="addbox" name="User2list" class="form-control">
{{data["lists"][x]}}</option>
{% endfor %}
</select>
<div class="col">
<button class="btn btn-secondary" type="submit" value="x"> Add
User To List </button>
</div>
</div>
</div>
</form>
</div>
</div> </div>
<!-- <table class="table table-striped table-dark table-hover">
<thead>
<tr>
<th scope="col">Username</th>
<th scope="col">User</th>
</tr>
</thead>
<tbody>
{% for x in data["lists"] %}
<tr scope="row">
<td>{{data["lists"][x]}}</td>
<td><form action="/post" method="POST">
<select id="addbox" name="add2list" class="custom-select custom-select-lg mb-3">
{% for userid in data["users"] %}
<option type="submit" value="{{userid[2]}}" id="addbox" name="User2list">{{userid[0].title()}}</option>
{% endfor %}
</select> <button class="btn btn-secondary" type="submit" value="x"> Add User To List </button>
<input name="listID" value={{x}} type="hidden"></form></td>
</tr>
{% endfor %}
</tbody>
</table> -->
</div>
{% for x in data["lists"] %}
{{data["lists"][x]}}
{% endfor %}
<!-- jQuery library --> <!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- Popper JS --> <!-- Popper JS -->

View File

@ -1,27 +1,28 @@
{% include "header.html" %} {% include "header.html" %}
<body> <body>
<h1 class="container" style="text-align: center">{{ data["title"] }}, {{data["session"]["username"].title()}} <h1 class="container" style="text-align: center">{{ data["title"] }}, {{data["session"]["username"].title()}}
<div class="dropdown"> <div class="dropdown">
<form action="/post" method="post" id="test"> <form action="/post" method="post" id="test">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2"
{% set id = session["list_ids"] %} data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{% set actid = session["active_id"] %} {% set id = session["list_ids"] %}
{% if actid == "0" %} {% set actid = session["active_id"] %}
ALL {% if actid == "0" %}
{% else %} ALL
{% else %}
{{ id[actid] }} {{ id[actid] }}
{% endif %} {% endif %}
</button> </button>
<div class="dropdown-menu" aria-labelledby="dropdownMenu2"> <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
<button class="dropdown-item" type="submit" value="0" id="" name="list">All</button> <button class="dropdown-item" type="submit" value="0" id="" name="list">All</button>
{% for listid in data["list_ids"] %} {% for listid in data["list_ids"] %}
<button class="dropdown-item" type="submit" value="{{listid}}" name="list">{{id[listid]}}</button> <button class="dropdown-item" type="submit" value="{{listid}}" name="list">{{id[listid]}}</button>
{% endfor %} {% endfor %}
</div> </div>
</form> </form>
</div> </div>
</h1> </h1>
<!-- <aside> --> <!-- <aside> -->
<div id="addForm"> <div id="addForm">
{% include "addForm.html" %} {% include "addForm.html" %}

View File

@ -1,35 +1,38 @@
{% include "header.html" %} {% include "header.html" %}
<body>
<h1 class="container" style="text-align: center">{{ data["title"] }}</h1> <body>
<div class="dropdown"> <h1 class="container" style="text-align: center">{{ data["title"] }}</h1>
<form action="/post" method="post" id="test"> <div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <form action="/post" method="post" id="test">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
{% set id = session["list_ids"] %} {% set id = session["list_ids"] %}
{% set actid = session["active_id"] %} {% set actid = session["active_id"] %}
{% if actid == "0" %} {% if actid == "0" %}
ALL ALL
{% else %} {% else %}
{{ id[actid] }} {{ id[actid] }}
{% endif %} {% endif %}
</button> </button>
<div class="dropdown-menu" aria-labelledby="dropdownMenu2"> <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
<button class="dropdown-item" type="submit" value="0" id="" name="list">All</button> <button class="dropdown-item" type="submit" value="0" id="" name="list">All</button>
{% for listid in data["list_ids"] %} {% for listid in data["list_ids"] %}
<button class="dropdown-item" type="submit" value="{{listid}}" id="{{id}}" name="list">{{id[listid]}}</button> <button class="dropdown-item" type="submit" value="{{listid}}" id="{{id}}"
name="list">{{id[listid]}}</button>
{% endfor %} {% endfor %}
</div> </div>
</form> </form>
<div class="" > <div class="">
{% include "addForm.html" %} {% include "addForm.html" %}
</div> </div>
<div class="container" id="memes"> <div class="container" id="memes">
{% include "list.html" %} {% include "list.html" %}
</div> </div>
<div id="logout"> <div id="logout">
<form action="/post" method="POST"> <form action="/post" method="POST">
<button type="submit" name="logout" class="btn btn-secondary"><i style="padding-top: 3px;" class="material-icons"> <button type="submit" name="logout" class="btn btn-secondary"><i style="padding-top: 3px;"
exit_to_app class="material-icons">
exit_to_app
</i></button> </i></button>
</form> </form>
</div> </div>
@ -40,14 +43,12 @@
vpn_key vpn_key
</i></button></a> </i></button></a>
</div> </div>
<!-- jQuery library --> <!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- Popper JS --> <!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript --> <!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
</body> </body>
</html>
</html>