wangjiacai/web-gpt
Archived
1
0
Fork 0
Code Issues 5 Pull Requests Packages Projects Releases 3 Wiki Activity

style formatting

Browse Source
This commit is contained in:
wangjiacai 2023-04-02 02:05:33 +08:00
parent 2556570fc9
commit 0f62a418ec
6 changed files with 259 additions and 248 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
project/templates/base.html
View File

@ -1,22 +1,26 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="zh">
<head> <head>
<meta charset="utf-8"> <meta name="description" content="web-gpt"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="keywords" content="web-gpt"/>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Flask</title> <title>Flask</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet"
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css" /> href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"/>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css"/>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head> </head>
<body> <body>
<nav class="navbar navbar-default" role="navigation"> <nav class="navbar navbar-default" role="navigation">
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" <button type="button"
class="navbar-toggle"
data-toggle="collapse"
data-target="#account-navbar-collapse"> data-target="#account-navbar-collapse">
<span class="sr-only">切换导航</span> <span class="sr-only">切换导航</span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
@ -25,24 +29,32 @@
</button> </button>
<a class="navbar-brand" href="{{ url_for('main.index') }}">主页</a> <a class="navbar-brand" href="{{ url_for('main.index') }}">主页</a>
</div> </div>
<div class="collapse navbar-collapse" style="float: right;" id="account-navbar-collapse"> <div class="collapse navbar-collapse"
style="float: right"
id="account-navbar-collapse">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<li id="navbar-profile"><a href="{{ url_for('main.profile') }}">账户</a></li> <li id="navbar-profile">
<li id="navbar-login"><a href="{{ url_for('auth.login') }}">登录</a></li> <a href="{{ url_for('main.profile') }}">账户</a>
<li id="navbar-signup"><a href="{{ url_for('auth.signup') }}">注册</a></li> </li>
<li id="navbar-logout"><a href="{{ url_for('auth.logout') }}">退出</a></li> <li id="navbar-login">
<a href="{{ url_for('auth.login') }}">登录</a>
</li>
<li id="navbar-signup">
<a href="{{ url_for('auth.signup') }}">注册</a>
</li>
<li id="navbar-logout">
<a href="{{ url_for('auth.logout') }}">退出</a>
</li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<div class="hero-body"> <div class="hero-body">
<div class="container has-text-centered"> <div class="container has-text-centered">
{% block content %} {% block content %}
{% endblock %} {% endblock content %}
</div> </div>
</div> </div>
<script> <script>
{% if user and user.is_authenticated %} {% if user and user.is_authenticated %}
var navbar_hide_element = ["navbar-login", "navbar-signup"]; var navbar_hide_element = ["navbar-login", "navbar-signup"];
@ -57,5 +69,4 @@
}) })
</script> </script>
</body> </body>
</html> </html>

26
project/templates/index.html
View File

@ -1,7 +1,5 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block content %} {% block content %}
<h2 class="subtitle"> <h2 class="subtitle">
{% if user and user.is_authenticated %} {% if user and user.is_authenticated %}
你好，{{ user.name }}！ 你好，{{ user.name }}！
@ -9,26 +7,24 @@
你好，游客！ 你好，游客！
{% endif %} {% endif %}
</h2> </h2>
{% if user and user.is_authenticated %} {% if user and user.is_authenticated %}
{% if user.isActivated %} {% if user.isActivated %}
<a href="{{ url_for('main.chat') }}"><button type="button" class="btn btn-primary">开始聊天</button></a> <a href="{{ url_for('main.chat') }}">
<button type="button" class="btn btn-primary">开始聊天</button>
</a>
{% else %} {% else %}
<p class="text-warning">您的账号暂未激活，请等待管理员激活此账号。</p> <p class="text-warning">您的账号暂未激活，请等待管理员激活此账号。</p>
{% endif %} {% endif %}
{% else %} {% else %}
<a href="{{ url_for('auth.login') }}"><button type="button" class="btn btn-primary">登录</button></a> <a href="{{ url_for('auth.login') }}">
<button type="button" class="btn btn-primary">登录</button>
</a>
或 或
<a href="{{ url_for('auth.signup') }}"><button type="button" class="btn btn-default">注册</button></a> <a href="{{ url_for('auth.signup') }}">
<button type="button" class="btn btn-default">注册</button>
</a>
{% endif %} {% endif %}
{% with messages = get_flashed_messages() %} {% with messages = get_flashed_messages() %}
{% if messages %} {% if messages %}<div class="notification is-danger">{{ messages[0] }}</div>{% endif %}
<div class="notification is-danger">
{{ messages[0] }}
</div>
{% endif %}
{% endwith %} {% endwith %}
{% endblock content %}
{% endblock %}

25
project/templates/login.html
View File

@ -1,31 +1,32 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block content %} {% block content %}
<div class="column is-4 is-offset-4"> <div class="column is-4 is-offset-4">
<h3 class="title">登录</h3> <h3 class="title">登录</h3>
<div class="box"> <div class="box">
{% with messages = get_flashed_messages() %} {% with messages = get_flashed_messages() %}
{% if messages %} {% if messages %}<div class="notification is-danger">{{ messages[0] }}</div>{% endif %}
<div class="notification is-danger">
{{ messages[0] }}
</div>
{% endif %}
{% endwith %} {% endwith %}
<form method="POST" action="/login"> <form method="post" action="{{ url_for('auth.login') }}">
<div class="field"> <div class="field">
<div class="control"> <div class="control">
<input class="input is-large" type="email" name="email" placeholder="Your Email" autofocus=""> <input class="input is-large"
type="email"
name="email"
placeholder="邮箱"
autofocus=""/>
</div> </div>
</div> </div>
<div class="field"> <div class="field">
<div class="control"> <div class="control">
<input class="input is-large" type="password" name="password" placeholder="Your Password"> <input class="input is-large"
type="password"
name="password"
placeholder="密码"/>
</div> </div>
</div> </div>
<div class="field"> <div class="field">
<label class="checkbox"> <label class="checkbox">
<input type="checkbox" name="remember"> <input type="checkbox" name="remember"/>
记住我 记住我
</label> </label>
</div> </div>
@ -33,4 +34,4 @@
</form> </form>
</div> </div>
</div> </div>
{% endblock %} {% endblock content %}

48
project/templates/manage.html
View File

@ -1,10 +1,8 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block content %} {% block content %}
<h2 class="subtitle"> <h2 class="subtitle">
{% if user.is_authenticated and user.role == "admin" %} {% if user.is_authenticated and user.role == "admin" %}
<h3 class="subtitle" style="text-align: left;">注册账户列表：</h3> <h3 class="subtitle text-left">注册账户列表：</h3>
<table class="table" id="account-list-table"> <table class="table" id="account-list-table">
<thead> <thead>
<tr> <tr>
@ -13,8 +11,8 @@
<th abbr="name" scope="col">用户名</th> <th abbr="name" scope="col">用户名</th>
<th abbr="role" scope="col">角色</th> <th abbr="role" scope="col">角色</th>
<th abbr="isActivated" scope="col">已激活</th> <th abbr="isActivated" scope="col">已激活</th>
<th abbr="btn-submit" style="display:none" scope="col">提交</th> <th abbr="btn-submit" class="d-none" scope="col">提交</th>
<th abbr="btn-delete" style="display:none" scope="col">删除</th> <th abbr="btn-delete" class="d-none" scope="col">删除</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -25,28 +23,33 @@
<td>{{ account.name }}</td> <td>{{ account.name }}</td>
<td> <td>
<select> <select>
<option value="admin" {% if account.role=="admin" %}selected{% endif %}>admin</option> <option value="admin" {% if account.role=="admin" %}selected{% endif %}>
<option value="user" {% if account.role=="user" %}selected{% endif %}>user</option> admin
</option>
<option value="user" {% if account.role=="user" %}selected{% endif %}>
user
</option>
</select> </select>
</td> </td>
<td><input type="checkbox" {% if account.isActivated %}checked{% else %}unchecked{% endif %}></td> <td>
<td><button class="btn btn-info" onclick="submit_account(this)">提交</button></td> <input type="checkbox"
<td><button class="btn btn-danger" onclick="delete_account(this)">删除</button></td> {% if account.isActivated %}checked{% else %}unchecked{% endif %}/>
</td>
<td>
<button class="btn btn-info" onclick="submit_account(this)">提交</button>
</td>
<td>
<button class="btn btn-danger" onclick="delete_account(this)">删除</button>
</td>
</tr> </tr>
{% endfor %} {% endfor %}
</tbody> </tbody>
</table> </table>
{% endif %} {% endif %}
</h2> </h2>
{% with messages = get_flashed_messages() %} {% with messages = get_flashed_messages() %}
{% if messages %} {% if messages %}<div class="notification is-danger">{{ messages[0] }}</div>{% endif %}
<div class="notification is-danger">
{{ messages[0] }}
</div>
{% endif %}
{% endwith %} {% endwith %}
<script> <script>
var account_list = document.getElementById("account-{{ user.id }}"); var account_list = document.getElementById("account-{{ user.id }}");
account_list.style.backgroundColor = "lightblue"; account_list.style.backgroundColor = "lightblue";
@ -57,7 +60,6 @@
} }
});; });;
</script> </script>
<script> <script>
function submit_account(obj) { function submit_account(obj) {
var account = obj.parentElement.parentElement var account = obj.parentElement.parentElement
@ -111,13 +113,7 @@
} }
</script> </script>
{% with messages = get_flashed_messages() %} {% with messages = get_flashed_messages() %}
{% if messages %} {% if messages %}<div class="notification is-danger">{{ messages[0] }}</div>{% endif %}
<div class="notification is-danger">
{{ messages[0] }}
</div>
{% endif %}
{% endwith %} {% endwith %}
{% endblock content %}
{% endblock %}

35
project/templates/profile.html
View File

@ -1,20 +1,19 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block content %} {% block content %}
<h1 class="title"> <h1 class="title">欢迎回来，{{ user.name }}!</h1>
欢迎回来，{{ user.name }}!
</h1>
{% if user.isActivated %} {% if user.isActivated %}
<h3 class="subtitle" style="text-align: left;">账户状态：</h3> <h3 class="subtitle text-left">账户状态：</h3>
<!-- <h3 class="subtitle" style="text-align: left;">服务状态：</h3> --> <!-- <h3 class="subtitle" style="text-align: left;">服务状态：</h3> -->
{% if user.role=='admin' %} {% if user.role=='admin' %}
<!-- admin --> <!-- admin -->
<h3 class="subtitle" style="text-align: left;">注册账户列表：</h3> <h3 class="subtitle text-left">注册账户列表：</h3>
<table class="table" id="account-list-table"> <table class="table" id="account-list-table">
<thead> <thead>
<tr> <tr>
<th scope="col">id</th> <th scope="col">id</th>
<th scope="col"><a href="{{ url_for('main.manage') }}">管理</a></th> <th scope="col">
<a href="{{ url_for('main.manage') }}">管理</a>
</th>
<th scope="col">邮箱</th> <th scope="col">邮箱</th>
<th scope="col">用户名</th> <th scope="col">用户名</th>
<th scope="col">角色</th> <th scope="col">角色</th>
@ -25,11 +24,19 @@
{% for account in accounts %} {% for account in accounts %}
<tr id="{{ 'account-%d'|format(account.id) }}"> <tr id="{{ 'account-%d'|format(account.id) }}">
<td scope="row">{{ account.id }}</td> <td scope="row">{{ account.id }}</td>
<td><a href="{{ url_for('main.manage', id=account.id) }}">管理</a></td> <td>
<a href="{{ url_for('main.manage', id=account.id) }}">管理</a>
</td>
<td>{{ account.email }}</td> <td>{{ account.email }}</td>
<td>{{ account.name }}</td> <td>{{ account.name }}</td>
<td>{{ account.role }}</td> <td>{{ account.role }}</td>
<td>{% if account.isActivated %}是{% else %}否{% endif %}</td> <td>
{% if account.isActivated %}
是
{% else %}
否
{% endif %}
</td>
</tr> </tr>
{% endfor %} {% endfor %}
</tbody> </tbody>
@ -45,13 +52,7 @@
<!-- 未激活 --> <!-- 未激活 -->
<p class="text-warning">您的账号暂未激活，请等待管理员激活此账号。</p> <p class="text-warning">您的账号暂未激活，请等待管理员激活此账号。</p>
{% endif %} {% endif %}
{% with messages = get_flashed_messages() %} {% with messages = get_flashed_messages() %}
{% if messages %} {% if messages %}<div class="notification is-danger">{{ messages[0] }}</div>{% endif %}
<div class="notification is-danger">
{{ messages[0] }}
</div>
{% endif %}
{% endwith %} {% endwith %}
{% endblock content %}
{% endblock %}

32
project/templates/signup.html
View File

@ -1,5 +1,4 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block content %} {% block content %}
<div class="column is-4 is-offset-4"> <div class="column is-4 is-offset-4">
<h3 class="title">注册</h3> <h3 class="title">注册</h3>
@ -8,34 +7,41 @@
{% if messages %} {% if messages %}
<div class="notification is-danger"> <div class="notification is-danger">
{{ messages[0] }} {{ messages[0] }}
{% if messages[0] == '此邮箱已注册！' %} {% if messages[0] == '此邮箱已注册！' %}<a href="{{ url_for('auth.login') }}">点此登录</a>.{% endif %}
<a href="{{ url_for('auth.login') }}">点此登录</a>.
{% endif %}
</div> </div>
{% endif %} {% endif %}
{% endwith %} {% endwith %}
<form method="POST" action="/signup"> <form method="post" action="{{ url_for('auth.signup') }}">
<div class="field"> <div class="field">
<div class="control"> <div class="control">
<input class="input is-large" type="email" name="email" placeholder="邮箱" autofocus="" <input class="input is-large"
required="required"> type="email"
name="email"
placeholder="邮箱"
autofocus=""
required="required"/>
</div> </div>
</div> </div>
<div class="field"> <div class="field">
<div class="control"> <div class="control">
<input class="input is-large" type="password" name="password" placeholder="密码" required="required"> <input class="input is-large"
type="password"
name="password"
placeholder="密码"
required="required"/>
</div> </div>
</div> </div>
<div class="field"> <div class="field">
<div class="control"> <div class="control">
<input class="input is-large" type="text" name="name" placeholder="昵称(可选)" autofocus=""> <input class="input is-large"
type="text"
name="name"
placeholder="昵称(可选)"
autofocus=""/>
</div> </div>
</div> </div>
<button class="button is-block is-info is-large is-fullwidth">提交注册</button> <button class="button is-block is-info is-large is-fullwidth">提交注册</button>
</form> </form>
</div> </div>
</div> </div>
{% endblock %} {% endblock content %}