Profile page template

This commit is contained in:
techzune
2019-02-05 14:36:22 -06:00
parent ba1a4cf736
commit 9fc205de2e
4 changed files with 67 additions and 27 deletions

View File

@@ -19,3 +19,9 @@ def index():
def dashboard():
"""Dashboard Page"""
return render_template('main/dashboard.jinja2')
@main_blueprint.route('/profile')
def profile():
"""Profile Page"""
return render_template('main/profile.jinja2')

View File

@@ -38,7 +38,10 @@
<footer>
{# Footer #}
{% block footer %}{% endblock %}
{% block footer %}
<hr class="my-5"/>
{% endblock %}
</footer>
@@ -49,7 +52,7 @@
<script>
// set the active nav-link item
$(function () {
let target_nav = '#{{request.endpoint}}'.replace('\.','-');
let target_nav = '#{{request.endpoint}}'.replace('\.', '-');
$(target_nav).addClass('active');
});
</script>

View File

@@ -4,7 +4,7 @@
{% block content_before %}
<div class='jumbotron'>
<div class='jumbotron shadow'>
<div class='container'>
<h2>Dashboard</h2>
</div>
@@ -14,20 +14,10 @@
{% block content %}
{# Profile Card #}
<div class='card'>
<div class='card shadow'>
<div class='card-body'>
<div class='row'>
<div class='col'>
<span class='h3'>Profile</span>
</div>
<div class='col-md-auto my-auto'>
<a href='' class='btn btn-outline-primary mt-2 mt-sm-0'>
Edit profile
</a>
</div>
</div>
<h3 class='card-title'>Profile</h3>
<hr/>
<p class="mb-1">
<b>First name:</b><br/>
Bully
@@ -40,29 +30,29 @@
<b>netID:</b><br/>
bb123
</p>
</div>
<div class='card-footer'>
<a href='{{ url_for('main.profile') }}' class='btn btn-outline-primary mt-2 mt-sm-0'>
View my profile
</a>
</div>
</div>
{# TODO: user type check #}
{# Submissions Card #}
{% if true %}
<div class='card my-4'>
<div class='card shadow mt-5'>
<div class='card-body'>
<div class='row'>
<div class='col'>
<span class='h3'>Submissions</span>
</div>
<div class='col-md-auto my-auto'>
<a href='' class='btn btn-outline-primary mt-2 mt-sm-0'>
New submission
</a>
</div>
</div>
<h3 class='card-title'>Submissions</h3>
<hr/>
<p>You don't have any submissions!<br/><a href=''>Create one now?</a></p>
</div>
<div class='card-footer'>
<a href='' class='btn btn-outline-primary mt-2 mt-sm-0'>
Create a submission
</a>
</div>
</div>
{% endif %}

View File

@@ -0,0 +1,41 @@
{% extends 'base.jinja2' %}
{% block title %}User Profile{% endblock %}
{% block content %}
{# Profile Card #}
<div class='card mx-auto mt-5 col-lg-6 col-12 shadow'>
<div class='card-body'>
<div class='row justify-content-center mb-3'>
<i class='display-1 mx-auto text-muted fas fa-user-circle'></i>
</div>
{# user name / classification #}
<div class='row justify-content-center'>
<span class='h3'>Bully Bulldog</span>
</div>
<div class='row justify-content-center'>
<span class='h5'>Student</span>
</div>
<hr/>
{# TODO: dynamic data #}
{# user data #}
<p class='text-lg-left'>
<b>Email:</b><br/>
bb123@msstate.edu
<br/><br/>
<b>Phone:</b><br/>
662-325-5555
</p>
<hr/>
{# edit profile button #}
<div class='col text-center'>
<a href='' class='btn btn-primary px-5'>Edit profile</a>
</div>
</div>
</div>
{% endblock %}