finished user prfile and passwords
This commit is contained in:
45
templates/themes/default/user/edit_profile.html.twig
Normal file
45
templates/themes/default/user/edit_profile.html.twig
Normal file
@@ -0,0 +1,45 @@
|
||||
{% extends '@default/base.html.twig' %}
|
||||
|
||||
{% block title %}
|
||||
Profile of {{ user.username }}
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
|
||||
<div class="container box rounded bg-dark mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-md-3 border-right">
|
||||
<div class="d-flex flex-column align-items-center text-center p-3 py-5">
|
||||
<img class="rounded-circle mt-5"
|
||||
width="150px"
|
||||
src=" {{ asset('build/images/tracer_schmolle150x150.png') }}" alt="profile image">
|
||||
|
||||
<span class="font-weight-bold">{{ user.username }}</span>
|
||||
<span class="text-white-50"><i class="fa fa-lg fa-envelope me-1"></i>{{ user.email }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5 border-right">
|
||||
{{ form_start(userForm) }}
|
||||
<div class="p-3 py-5">
|
||||
<div class="d-flex justify-content-between align-items-center mb-3">
|
||||
<h4 class="text-right">User Profile</h4>
|
||||
</div>
|
||||
<div class="row mt-2">
|
||||
{{ form_row(userForm.username) }}
|
||||
{{ form_row(userForm.firstName) }}
|
||||
{{ form_row(userForm.lastName) }}
|
||||
{{ form_row(userForm.email) }}
|
||||
{{ form_row(userForm.newPassword.first) }}
|
||||
{{ form_row(userForm.newPassword.second) }}
|
||||
{{ form_rest(userForm) }}
|
||||
</div>
|
||||
<div class="mb-5 text-center float-end">
|
||||
<button class="btn btn-primary profile-button" type="submit">Save Profile</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{% endblock %}
|
||||
269
templates/themes/default/user/list_users.html.twig
Normal file
269
templates/themes/default/user/list_users.html.twig
Normal file
@@ -0,0 +1,269 @@
|
||||
{% extends '../themes/default/base.html.twig' %}
|
||||
|
||||
{% block title %}
|
||||
Userlist
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
|
||||
|
||||
<div class="container box rounded bg-dark mt-5 mb-5">
|
||||
<div class="row">
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Username</th>
|
||||
<th scope="col">First</th>
|
||||
<th scope="col">Last</th>
|
||||
<th scope="col">Registered</th>
|
||||
</tr>
|
||||
</thead>
|
||||
{% for user in users %}
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ path('app_main', { '_switch_user': user.username }) }}">{{ user.username }}</a>
|
||||
</td>
|
||||
<td>
|
||||
{{ user.firstName }}
|
||||
</td>
|
||||
<td>
|
||||
{{ user.lastName }}
|
||||
</td>
|
||||
<td>
|
||||
{{ user.createdAt|ago }}
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card bg-dark">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title text-uppercase mb-0">Manage Users</h5>
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<table class="table no-wrap user-table mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col" class="border-0 text-uppercase font-medium pl-4">#</th>
|
||||
<th scope="col" class="border-0 text-uppercase font-medium">Name</th>
|
||||
<th scope="col" class="border-0 text-uppercase font-medium">Occupation</th>
|
||||
<th scope="col" class="border-0 text-uppercase font-medium">Email</th>
|
||||
<th scope="col" class="border-0 text-uppercase font-medium">Added</th>
|
||||
<th scope="col" class="border-0 text-uppercase font-medium">Category</th>
|
||||
<th scope="col" class="border-0 text-uppercase font-medium">Manage</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="pl-4">1</td>
|
||||
<td>
|
||||
<h5 class="font-medium mb-0">Daniel Kristeen</h5>
|
||||
<span class="text-muted">Texas, Unitedd states</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-muted">Visual Designer</span><br>
|
||||
<span class="text-muted">Past : teacher</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-muted">daniel@website.com</span><br>
|
||||
<span class="text-muted">999 - 444 - 555</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-muted">15 Mar 1988</span><br>
|
||||
<span class="text-muted">10: 55 AM</span>
|
||||
</td>
|
||||
<td>
|
||||
<select class="form-control category-select" id="exampleFormControlSelect1">
|
||||
<option>Modulator</option>
|
||||
<option>Admin</option>
|
||||
<option>User</option>
|
||||
<option>Subscriber</option>
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle"><i class="fa fa-key"></i> </button>
|
||||
<button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle ml-2"><i class="fa fa-trash"></i> </button>
|
||||
<button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle ml-2"><i class="fa fa-edit"></i> </button>
|
||||
<button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle ml-2"><i class="fa fa-upload"></i> </button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-4">2</td>
|
||||
<td>
|
||||
<h5 class="font-medium mb-0">Emma Smith</h5>
|
||||
<span class="text-muted">Texas, Unitedd states</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-muted">Visual Designer</span><br>
|
||||
<span class="text-muted">Past : teacher</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-muted">daniel@website.com</span><br>
|
||||
<span class="text-muted">999 - 444 - 555</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-muted">15 Mar 1855</span><br>
|
||||
<span class="text-muted">10: 00 AM</span>
|
||||
</td>
|
||||
<td>
|
||||
<select class="form-control category-select" id="exampleFormControlSelect1">
|
||||
<option>Modulator</option>
|
||||
<option>Admin</option>
|
||||
<option>User</option>
|
||||
<option>Subscriber</option>
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle"><i class="fa fa-key"></i> </button>
|
||||
<button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle ml-2"><i class="fa fa-trash"></i> </button>
|
||||
<button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle ml-2"><i class="fa fa-edit"></i> </button>
|
||||
<button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle ml-2"><i class="fa fa-upload"></i> </button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-4">3</td>
|
||||
<td>
|
||||
<h5 class="font-medium mb-0">Olivia Johnson</h5>
|
||||
<span class="text-muted">Texas, Unitedd states</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-muted">Visual Designer</span><br>
|
||||
<span class="text-muted">Past : teacher</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-muted">daniel@website.com</span><br>
|
||||
<span class="text-muted">999 - 444 - 555</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-muted">17 Aug 1988</span><br>
|
||||
<span class="text-muted">12: 55 AM</span>
|
||||
</td>
|
||||
<td>
|
||||
<select class="form-control category-select" id="exampleFormControlSelect1">
|
||||
<option>Modulator</option>
|
||||
<option>Admin</option>
|
||||
<option>User</option>
|
||||
<option>Subscriber</option>
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle"><i class="fa fa-key"></i> </button>
|
||||
<button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle ml-2"><i class="fa fa-trash"></i> </button>
|
||||
<button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle ml-2"><i class="fa fa-edit"></i> </button>
|
||||
<button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle ml-2"><i class="fa fa-upload"></i> </button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-4">4</td>
|
||||
<td>
|
||||
<h5 class="font-medium mb-0">Isabella Williams</h5>
|
||||
<span class="text-muted">Texas, Unitedd states</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-muted">Visual Designer</span><br>
|
||||
<span class="text-muted">Past : teacher</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-muted">daniel@website.com</span><br>
|
||||
<span class="text-muted">999 - 444 - 555</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-muted">26 Mar 1999</span><br>
|
||||
<span class="text-muted">10: 55 AM</span>
|
||||
</td>
|
||||
<td>
|
||||
<select class="form-control category-select" id="exampleFormControlSelect1">
|
||||
<option>Modulator</option>
|
||||
<option>Admin</option>
|
||||
<option>User</option>
|
||||
<option>Subscriber</option>
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle"><i class="fa fa-key"></i> </button>
|
||||
<button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle ml-2"><i class="fa fa-trash"></i> </button>
|
||||
<button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle ml-2"><i class="fa fa-edit"></i> </button>
|
||||
<button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle ml-2"><i class="fa fa-upload"></i> </button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-4">5</td>
|
||||
<td>
|
||||
<h5 class="font-medium mb-0">Sophia Jones</h5>
|
||||
<span class="text-muted">Texas, Unitedd states</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-muted">Visual Designer</span><br>
|
||||
<span class="text-muted">Past : teacher</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-muted">daniel@website.com</span><br>
|
||||
<span class="text-muted">999 - 444 - 555</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-muted">16 Aug 2001</span><br>
|
||||
<span class="text-muted">10: 55 AM</span>
|
||||
</td>
|
||||
<td>
|
||||
<select class="form-control category-select" id="exampleFormControlSelect1">
|
||||
<option>Modulator</option>
|
||||
<option>Admin</option>
|
||||
<option>User</option>
|
||||
<option>Subscriber</option>
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle"><i class="fa fa-key"></i> </button>
|
||||
<button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle ml-2"><i class="fa fa-trash"></i> </button>
|
||||
<button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle ml-2"><i class="fa fa-edit"></i> </button>
|
||||
<button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle ml-2"><i class="fa fa-upload"></i> </button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="pl-4">6</td>
|
||||
<td>
|
||||
<h5 class="font-medium mb-0">Charlotte Brown</h5>
|
||||
<span class="text-muted">Texas, Unitedd states</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-muted">Visual Designer</span><br>
|
||||
<span class="text-muted">Past : teacher</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-muted">daniel@website.com</span><br>
|
||||
<span class="text-muted">999 - 444 - 555</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-muted">15 Mar 1988</span><br>
|
||||
<span class="text-muted">10: 55 AM</span>
|
||||
</td>
|
||||
<td>
|
||||
<select class="form-control category-select" id="exampleFormControlSelect1">
|
||||
<option>Modulator</option>
|
||||
<option>Admin</option>
|
||||
<option>User</option>
|
||||
<option>Subscriber</option>
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle"><i class="fa fa-key"></i> </button>
|
||||
<button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle ml-2"><i class="fa fa-trash"></i> </button>
|
||||
<button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle ml-2"><i class="fa fa-edit"></i> </button>
|
||||
<button type="button" class="btn btn-outline-info btn-circle btn-lg btn-circle ml-2"><i class="fa fa-upload"></i> </button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
55
templates/themes/default/user/show_profile.html.twig
Normal file
55
templates/themes/default/user/show_profile.html.twig
Normal file
@@ -0,0 +1,55 @@
|
||||
{% extends '@default/base.html.twig' %}
|
||||
|
||||
{% block title %}
|
||||
Profile of {{ user.username }}
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
|
||||
<div class="container box rounded bg-dark mt-5 mb-5">
|
||||
<div class="row">
|
||||
<div class="col-md-3 border-right">
|
||||
<div class="d-flex flex-column align-items-center text-center p-3 py-5">
|
||||
<img class="rounded-circle mt-5"
|
||||
width="150px"
|
||||
src=" {{ asset('build/images/tracer_schmolle150x150.png') }}" alt="profile image">
|
||||
<span class="font-weight-bold">{{ user.username }}</span>
|
||||
<span class="font-weight-bold"><a href="{{ path('app_main', { '_switch_user': app.user.username }) }}">switch user {{ user.username }}</span>
|
||||
|
||||
<span class="text-white-50"><i class="fa fa-lg fa-envelope me-1"></i>{{ user.email }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5 border-right">
|
||||
<div class="p-3 py-5">
|
||||
<div class="d-flex justify-content-between align-items-center mb-3">
|
||||
<h4 class="text-right">User Profile</h4>
|
||||
</div>
|
||||
<div class="row mt-2">
|
||||
<div class="col-md-6">
|
||||
<label class="labels" for="first-name">First Name</label>
|
||||
<input type="text" disabled id="first-name" class="form-control" placeholder="First Name" value="{{ user.firstName }}">
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label class="labels" for="last-name">Last Name</label>
|
||||
<input type="text" disabled id="last-name" class="form-control" value="{{ user.lastName }}" placeholder="Last Name">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label class="labels" for="username">Username</label>
|
||||
<input type="text" disabled class="form-control" id="username" placeholder="eMail address" value="{{ user.email }}">
|
||||
</div>
|
||||
|
||||
<!--
|
||||
<div class="mt-5 text-center">
|
||||
<button class="btn btn-primary profile-button" type="button">Save Profile</button>
|
||||
</div>
|
||||
-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user