mirror/MSState-Library-ETD
1
0
Fork 0
mirror of https://github.com/aronwk-aaron/MSState-Library-ETD.git synced 2026-01-29 09:00:15 -06:00
Code Issues Packages Projects Releases Wiki Activity

Form styling

Browse Source
This commit is contained in:
Jordan Stremming
2019-03-22 12:43:29 -05:00
parent 152afaaed8
commit 52bd32fcbe
13 changed files with 276 additions and 262 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/templates/flask_user/_authorized_base.html Normal file
View File

@@ -0,0 +1 @@
{% extends 'flask_user/_common_base.html' %}

53
app/templates/flask_user/_common_base.html Normal file
View File

@@ -0,0 +1,53 @@
{% extends 'base.jinja2' %}
{% block header %}{% endblock %}
{% block css %}
{{ super() }}
{# override the body and html css to force center #}
<style>
html, body {
height: 100%;
background-color: #777777;
}
</style>
{% endblock %}
{% block content_before %}
<div class="container-fluid h-100">
<div class="row h-100 justify-content-center align-items-center">
<div class="mx-auto" style="max-width: 30em;">
<div class="card shadow rounded border-0 h-100">
<div class="card-header bg-primary pt-4 text-center text-white">
<img class="img-fluid mb-3"
src="http://lib.msstate.edu/_assets/img/2015-header-logo-msstate.png"
alt=""/>
<h5>Electronic Thesis and Dissertation System</h5>
</div>
<div class="card-body d-flex flex-column m-2">
{% with messages = get_flashed_messages() %}
<h3 {% if not messages %}class="mb-4"{% endif %}>
{% block form_title %}{% endblock %}
</h3>
{# Show any errors #}
{% for message in messages %}
<div class="alert alert-warning" role="alert">
{{ message }}
</div>
{% endfor %}
{% endwith %}
{% block form %}
{% endblock %}
</div>
</div>
</div>
</div>
</div>
{% endblock %}

2
app/templates/flask_user/_public_base.html
View File

@@ -1 +1 @@
{% extends 'base.jinja2' %}
{% extends 'flask_user/_common_base.html' %}

29
app/templates/flask_user/change_password.html
View File

@@ -1,17 +1,20 @@
{% extends 'flask_user/_authorized_base.html' %}
{% block content %}
{% from "flask_user/_macros.html" import render_field, render_submit_field %}
<h1>{%trans%}Change password{%endtrans%}</h1>
<form action="" method="POST" class="form" role="form">
{{ form.hidden_tag() }}
{{ render_field(form.old_password, tabindex=10) }}
{{ render_field(form.new_password, tabindex=20) }}
{% if user_manager.USER_REQUIRE_RETYPE_PASSWORD %}
{{ render_field(form.retype_password, tabindex=30) }}
{% endif %}
{{ render_submit_field(form.submit, tabindex=90) }}
</form>
{% block title %}Change password{% endblock %}
{% block form_title %}Change password{% endblock %}
{% endblock %}
{% block form %}
<form action="" method="POST" class="form" role="form">
{{ form.hidden_tag() }}
{{ render_field(form.old_password, tabindex=10) }}
{{ render_field(form.new_password, tabindex=20) }}
{% if user_manager.USER_REQUIRE_RETYPE_PASSWORD %}
{{ render_field(form.retype_password, tabindex=30) }}
{% endif %}
{{ render_submit_field(form.submit, tabindex=90) }}
</form>
{% endblock %}

17
app/templates/flask_user/change_username.html
View File

@@ -1,14 +1,9 @@
{% extends 'flask_user/_authorized_base.html' %}
{% block content %}
{% from "flask_user/_macros.html" import render_field, render_submit_field %}
<h1>{%trans%}Change username{%endtrans%}</h1>
{% block title %}Invalid Request{% endblock %}
{% block form_title %}Invalid Request{% endblock %}
<form action="" method="POST" class="form" role="form">
{{ form.hidden_tag() }}
{{ render_field(form.new_username, tabindex=10) }}
{{ render_field(form.old_password, tabindex=20) }}
{{ render_submit_field(form.submit, tabindex=90) }}
</form>
{% endblock %}
{% block form %}
{# This form should not be used. #}
Invalid Request
{% endblock %}

45
app/templates/flask_user/edit_user_profile.html
View File

@@ -1,30 +1,27 @@
{% extends 'flask_user/_authorized_base.html' %}
{% block content %}
{% from "flask_user/_macros.html" import render_field, render_checkbox_field, render_submit_field %}
<h1>{%trans%}User profile{%endtrans%}</h1>
<form action="" method="POST" class="form" role="form">
{{ form.hidden_tag() }}
{% for field in form %}
{% if not field.flags.hidden %}
{% if field.type=='SubmitField' %}
{{ render_submit_field(field, tabindex=loop.index*10) }}
{% else %}
{{ render_field(field, tabindex=loop.index*10) }}
{% block title %}User Profile{% endblock %}
{% block form_title %}User Profile{% endblock %}
{% block form %}
<form action="" method="POST" class="form" role="form">
{{ form.hidden_tag() }}
{% for field in form %}
{% if not field.flags.hidden %}
{% if field.type=='SubmitField' %}
{{ render_submit_field(field, tabindex=loop.index*10) }}
{% else %}
{{ render_field(field, tabindex=loop.index*10) }}
{% endif %}
{% endif %}
{% endfor %}
</form>
<br/>
{% if not user_manager.USER_ENABLE_AUTH0 %}
{% if user_manager.USER_ENABLE_CHANGE_PASSWORD %}
<p><a href="{{ url_for('user.change_password') }}">{% trans %}Change password{% endtrans %}</a></p>
{% endif %}
{% endfor %}
</form>
<br/>
{% if not user_manager.USER_ENABLE_AUTH0 %}
{% if user_manager.USER_ENABLE_CHANGE_USERNAME %}
<p><a href="{{ url_for('user.change_username') }}">{%trans%}Change username{%endtrans%}</a></p>
{% endif %}
{% if user_manager.USER_ENABLE_CHANGE_PASSWORD %}
<p><a href="{{ url_for('user.change_password') }}">{%trans%}Change password{%endtrans%}</a></p>
{% endif %}
{% endif %}
{% endblock %}
{% endblock %}

19
app/templates/flask_user/forgot_password.html
View File

@@ -1,13 +1,14 @@
{% extends 'flask_user/_public_base.html' %}
{% block content %}
{% from "flask_user/_macros.html" import render_field, render_submit_field %}
<h1>{%trans%}Forgot Password{%endtrans%}</h1>
<form action="" method="POST" class="form" role="form">
{{ form.hidden_tag() }}
{{ render_field(form.email, tabindex=10) }}
{{ render_submit_field(form.submit, tabindex=90) }}
</form>
{% block title %}Forgot Password{% endblock %}
{% block form_title %}Forgot Password{% endblock %}
{% endblock %}
{% block form %}
<form action="" method="POST" class="form" role="form">
{{ form.hidden_tag() }}
{{ render_field(form.email, tabindex=10) }}
{{ render_submit_field(form.submit, tabindex=90) }}
</form>
{% endblock %}

16
app/templates/flask_user/invite_user.html
View File

@@ -1,13 +1,13 @@
{% extends 'flask_user/_authorized_base.html' %}
{% block content %}
{% from "flask_user/_macros.html" import render_field, render_submit_field %}
<h1>{%trans%}Invite User{%endtrans%}</h1>
<form action="" method="POST" class="form" role="form">
{{ form.hidden_tag() }}
{{ render_field(form.email, tabindex=10) }}
{{ render_submit_field(form.submit, tabindex=90) }}
</form>
{% block title %}Invite User{% endblock %}
{% block form_title %}Invite User{% endblock %}
{% block form %}
<form action="" method="POST" class="form" role="form">
{{ form.hidden_tag() }}
{{ render_field(form.email, tabindex=10) }}
{{ render_submit_field(form.submit, tabindex=90) }}
</form>
{% endblock %}

163
app/templates/flask_user/login.html
View File

@@ -1,116 +1,67 @@
{% extends 'flask_user/_public_base.html' %}
{% set navbar_shadow = True %}
{% block title %}Login{% endblock %}
{% block header %}{% endblock %}
{% block css %}
{{ super() }}
{# override the body and html css to force center #}
<style>
html, body {
height: 100%;
background-color: #777777;
}
</style>
{% endblock %}
{% from "flask_user/_macros.html" import render_field, render_checkbox_field, render_submit_field %}
{% block content_before %}
<div class="container-fluid h-100">
<div class="row h-100 justify-content-center align-items-center">
<div class="mx-auto" style="max-width: 30em;">
{% block title %}Login{% endblock %}
{% block form_title %}Login{% endblock %}
{# Splash card #}
<div class="card shadow rounded border-0 h-100">
<div class="card-header bg-primary pt-4 text-center text-white">
<img class="img-fluid mb-3" src="http://lib.msstate.edu/_assets/img/2015-header-logo-msstate.png"
alt=""/>
<h5>Electronic Thesis and Dissertation System</h5>
</div>
{% block form %}
<div class="card-body d-flex flex-column m-2">
<form action="" method="POST" class="form" role="form">
{{ form.hidden_tag() }}
<form action="" method="POST" class="form" role="form">
{{ form.hidden_tag() }}
<h3>
Login
</h3>
<hr class="mb-4"/>
{# Show any errors #}
{% with messages = get_flashed_messages() %}
{% for message in messages %}
<div class="alert alert-warning" role="alert">
{{ message }}
</div>
{% endfor %}
{% endwith %}
{# NetID field #}
{% set field = form.netid %}
<div class="form-group {% if field.errors %}has-error{% endif %}">
{# Label on left, "New here? Register." on right #}
<div class="row">
<div class="col-6">
<label for="{{ field.id }}" class="font-weight-bold">{{ field.label.text }}</label>
</div>
<div class="col-6 text-right">
{% if user_manager.USER_ENABLE_REGISTER and not user_manager.USER_REQUIRE_INVITATION %}
<a href="{{ url_for('user.register') }}" class="text-primary" tabindex='190'>
{%trans%}New here? Register.{%endtrans%}</a>
{% endif %}
</div>
</div>
{{ field(class_='form-control', tabindex=110) }}
{% if field.errors %}
{% for e in field.errors %}
<p class="help-block">{{ e }}</p>
{% endfor %}
{% endif %}
</div>
{# Password field #}
{% set field = form.password %}
<div class="form-group {% if field.errors %}has-error{% endif %}">
{# Label on left, "Forgot your Password?" on right #}
<div class="row">
<div class="col-6">
<label for="{{ field.id }}" class="font-weight-bold">{{ field.label.text }}</label>
</div>
<div class="col-6 text-right">
{% if user_manager.USER_ENABLE_FORGOT_PASSWORD %}
<a href="{{ url_for('user.forgot_password') }}" class="text-primary" tabindex='195'>
{%trans%}Forgot your Password?{%endtrans%}</a>
{% endif %}
</div>
</div>
{{ field(class_='form-control', tabindex=120) }}
{% if field.errors %}
{% for e in field.errors %}
<p class="help-block">{{ e }}</p>
{% endfor %}
{% endif %}
</div>
{# Remember me #}
{% if user_manager.USER_ENABLE_REMEMBER_ME %}
{{ render_checkbox_field(login_form.remember_me, tabindex=130) }}
{% endif %}
{# Submit button #}
{{ render_submit_field(form.submit, tabindex=180) }}
</form>
</div>
{# NetID field #}
{% set field = form.netid %}
<div class="form-group {% if field.errors %}has-error{% endif %}">
{# Label on left, "New here? Register." on right #}
<div class="row">
<div class="col-6">
<label for="{{ field.id }}" class="font-weight-bold">{{ field.label.text }}</label>
</div>
<div class="col-6 text-right">
{% if user_manager.USER_ENABLE_REGISTER and not user_manager.USER_REQUIRE_INVITATION %}
<a href="{{ url_for('user.register') }}" class="text-primary" tabindex='190'>
{% trans %}New here? Register.{% endtrans %}</a>
{% endif %}
</div>
</div>
{{ field(class_='form-control', tabindex=110) }}
{% if field.errors %}
{% for e in field.errors %}
<p class="help-block">{{ e }}</p>
{% endfor %}
{% endif %}
</div>
</div>
{# Password field #}
{% set field = form.password %}
<div class="form-group {% if field.errors %}has-error{% endif %}">
{# Label on left, "Forgot your Password?" on right #}
<div class="row">
<div class="col-6">
<label for="{{ field.id }}" class="font-weight-bold">{{ field.label.text }}</label>
</div>
<div class="col-6 text-right">
{% if user_manager.USER_ENABLE_FORGOT_PASSWORD %}
<a href="{{ url_for('user.forgot_password') }}" class="text-primary" tabindex='195'>
{% trans %}Forgot your Password?{% endtrans %}</a>
{% endif %}
</div>
</div>
{{ field(class_='form-control', tabindex=120) }}
{% if field.errors %}
{% for e in field.errors %}
<p class="help-block">{{ e }}</p>
{% endfor %}
{% endif %}
</div>
{# Remember me #}
{% if user_manager.USER_ENABLE_REMEMBER_ME %}
{{ render_checkbox_field(login_form.remember_me, tabindex=130) }}
{% endif %}
{# Submit button #}
{{ render_submit_field(form.submit, tabindex=180) }}
</form>
{% endblock %}

75
app/templates/flask_user/manage_emails.html
View File

@@ -1,39 +1,46 @@
{% extends 'flask_user/_authorized_base.html' %}
{% block content %}
{% from "flask_user/_macros.html" import render_field, render_submit_field %}
<h1>{%trans%}Manage Emails{%endtrans%}</h1>
{% block title %}Manage Emails{% endblock %}
{% block form_title %}Manage Emails{% endblock %}
<table class="table">
<tr><th>Email</th><th>Status</th><th>Actions</th></tr>
{% for user_email in user_emails %}
<tr>
<td>{{ user_email.email }}</td>
<td>
{% if user_email.email_confirmed_at %}
Confirmed
{% else %}
<a href="{{ url_for('user.email_action', id=user_email.id, action='confirm') }}">Confirm Email</a>
{% endif %}
</td>
<td>
{% if user_email.is_primary %}
<b>Primary email</b>
{% else %}
{% if user_email.email_confirmed_at %}
<a href="{{ url_for('user.email_action', id=user_email.id, action='make-primary') }}">Make primary</a> |
{% endif %}
<a href="{{ url_for('user.email_action', id=user_email.id, action='delete') }}">Delete</a>
{% endif %}
</td>
</tr>
{% endfor %}
</table>
{% block form %}
<form action="" method="POST" class="form" role="form">
{{ form.hidden_tag() }}
{{ render_field(form.email) }}
{{ render_submit_field(form.submit) }}
</form>
<table class="table">
<tr>
<th>Email</th>
<th>Status</th>
<th>Actions</th>
</tr>
{% for user_email in user_emails %}
<tr>
<td>{{ user_email.email }}</td>
<td>
{% if user_email.email_confirmed_at %}
Confirmed
{% else %}
<a href="{{ url_for('user.email_action', id=user_email.id, action='confirm') }}">Confirm
Email</a>
{% endif %}
</td>
<td>
{% if user_email.is_primary %}
<b>Primary email</b>
{% else %}
{% if user_email.email_confirmed_at %}
<a href="{{ url_for('user.email_action', id=user_email.id, action='make-primary') }}">Make
primary</a> |
{% endif %}
<a href="{{ url_for('user.email_action', id=user_email.id, action='delete') }}">Delete</a>
{% endif %}
</td>
</tr>
{% endfor %}
</table>
{% endblock %}
<form action="" method="POST" class="form" role="form">
{{ form.hidden_tag() }}
{{ render_field(form.email) }}
{{ render_submit_field(form.submit) }}
</form>
{% endblock %}

72
app/templates/flask_user/register.html
View File

@@ -1,46 +1,48 @@
{% extends 'flask_user/_public_base.html' %}
{% block content %}
{% from "flask_user/_macros.html" import render_field, render_submit_field %}
<h1>{%trans%}Register{%endtrans%}</h1>
<form action="" method="POST" novalidate formnovalidate class="form" role="form">
{{ form.hidden_tag() }}
{% block title %}Register{% endblock %}
{% block form_title %}Register{% endblock %}
{# Username or Email #}
{% set field = form.username if user_manager.USER_ENABLE_USERNAME else form.email %}
<div class="form-group {% if field.errors %}has-error{% endif %}">
{# Label on left, "Already registered? Sign in." on right #}
<div class="row">
<div class="col-xs-6">
<label for="{{ field.id }}" class="control-label">{{ field.label.text }}</label>
</div>
<div class="col-xs-6 text-right">
{% if user_manager.USER_ENABLE_REGISTER %}
<a href="{{ url_for('user.login') }}" tabindex='290'>
{%trans%}Already registered? Sign in.{%endtrans%}</a>
{% endif %}
{% block form %}
<form action="" method="POST" novalidate class="form" role="form">
{{ form.hidden_tag() }}
{# Username or Email #}
{% set field = form.username if user_manager.USER_ENABLE_USERNAME else form.email %}
<div class="form-group {% if field.errors %}has-error{% endif %}">
{# Label on left, "Already registered? Sign in." on right #}
<div class="row">
<div class="col-4">
<label for="{{ field.id }}" class="control-label">{{ field.label.text }}</label>
</div>
<div class="col-8 text-right">
{% if user_manager.USER_ENABLE_REGISTER %}
<a href="{{ url_for('user.login') }}" tabindex='290'>
{% trans %}Already registered? Sign in.{% endtrans %}</a>
{% endif %}
</div>
</div>
{{ field(class_='form-control', tabindex=210) }}
{% if field.errors %}
{% for e in field.errors %}
<p class="help-block">{{ e }}</p>
{% endfor %}
{% endif %}
</div>
{{ field(class_='form-control', tabindex=210) }}
{% if field.errors %}
{% for e in field.errors %}
<p class="help-block">{{ e }}</p>
{% endfor %}
{% if user_manager.USER_ENABLE_EMAIL and user_manager.USER_ENABLE_USERNAME %}
{{ render_field(form.email, tabindex=220) }}
{% endif %}
</div>
{% if user_manager.USER_ENABLE_EMAIL and user_manager.USER_ENABLE_USERNAME %}
{{ render_field(form.email, tabindex=220) }}
{% endif %}
{{ render_field(form.password, tabindex=230) }}
{{ render_field(form.password, tabindex=230) }}
{% if user_manager.USER_REQUIRE_RETYPE_PASSWORD %}
{{ render_field(form.retype_password, tabindex=240) }}
{% endif %}
{% if user_manager.USER_REQUIRE_RETYPE_PASSWORD %}
{{ render_field(form.retype_password, tabindex=240) }}
{% endif %}
{{ render_submit_field(form.submit, tabindex=280) }}
</form>
{{ render_submit_field(form.submit, tabindex=280) }}
</form>
{% endblock %}
{% endblock %}

20
app/templates/flask_user/resend_confirm_email.html
View File

@@ -1,13 +1,15 @@
{% extends 'flask_user/_public_base.html' %}
{% block content %}
{% from "flask_user/_macros.html" import render_field, render_submit_field %}
<h1>{%trans%}Resend Confirmation Email{%endtrans%}</h1>
<form action="" method="POST" class="form" role="form">
{{ form.hidden_tag() }}
{{ render_field(form.email, tabindex=10) }}
{{ render_submit_field(form.submit, tabindex=90) }}
</form>
{% block title %}Resend confirmation email{% endblock %}
{% block form_title %}Resend confirmation email{% endblock %}
{% endblock %}
{% block form %}
<form action="" method="POST" class="form" role="form">
{{ form.hidden_tag() }}
{{ render_field(form.email, tabindex=10) }}
{{ render_submit_field(form.submit, tabindex=90) }}
</form>
{% endblock %}

26
app/templates/flask_user/reset_password.html
View File

@@ -1,16 +1,18 @@
{% extends 'flask_user/_public_base.html' %}
{% block content %}
{% from "flask_user/_macros.html" import render_field, render_submit_field %}
<h1>{%trans%}Reset Password{%endtrans%}</h1>
<form action="" method="POST" class="form" role="form">
{{ form.hidden_tag() }}
{{ render_field(form.new_password, tabindex=10) }}
{% if user_manager.USER_REQUIRE_RETYPE_PASSWORD %}
{{ render_field(form.retype_password, tabindex=20) }}
{% endif %}
{{ render_submit_field(form.submit, tabindex=90) }}
</form>
{% block title %}Reset password{% endblock %}
{% block form_title %}Reset password{% endblock %}
{% endblock %}
{% block form %}
<form action="" method="POST" class="form" role="form">
{{ form.hidden_tag() }}
{{ render_field(form.new_password, tabindex=10) }}
{% if user_manager.USER_REQUIRE_RETYPE_PASSWORD %}
{{ render_field(form.retype_password, tabindex=20) }}
{% endif %}
{{ render_submit_field(form.submit, tabindex=90) }}
</form>
{% endblock %}