302 lines
18 KiB
HTML
302 lines
18 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<!-- Head -->
|
||
<head>
|
||
{% include 'head.html' %}
|
||
</head>
|
||
<!-- End of Head -->
|
||
|
||
<body id="page-top">
|
||
|
||
<!-- Page Wrapper -->
|
||
<div id="wrapper">
|
||
|
||
<!-- Sidebar -->
|
||
{% include 'sidebar.html' %}
|
||
<!-- End of Sidebar -->
|
||
|
||
<!-- Content Wrapper -->
|
||
<div id="content-wrapper" class="d-flex flex-column">
|
||
|
||
<!-- Main Content -->
|
||
<div id="content">
|
||
|
||
<!-- Topbar -->
|
||
<nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
|
||
{% include 'topbar.html' %}
|
||
</nav>
|
||
<!-- End of Topbar -->
|
||
|
||
<!-- Begin Page Content -->
|
||
<div class="container-fluid">
|
||
|
||
<!-- Page Heading -->
|
||
<div class="container">
|
||
<div class="row my-2">
|
||
<div class="col-lg-8 order-lg-2">
|
||
<ul class="nav nav-tabs">
|
||
<li class="nav-item">
|
||
<a href="" data-target="#patient" data-toggle="tab"
|
||
class="nav-link active">Patient</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="" data-target="#recentactivity" data-toggle="tab" class="nav-link">Activités
|
||
récentes</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="" data-target="#useraccount" data-toggle="tab" class="nav-link">Informations
|
||
personnelles</a>
|
||
</li>
|
||
</ul>
|
||
<div class="tab-content py-4">
|
||
<div class="tab-pane active" id="patient">
|
||
<h5 class="mb-3">{{patient}}</h5>
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<h6>{{age}}</h6>
|
||
<p>
|
||
Web Designer, UI/UX Engineer
|
||
</p>
|
||
<h6>Hobbies</h6>
|
||
<p>
|
||
Indie music, skiing and hiking. I love the great outdoors.
|
||
</p>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<h6>Recent badges</h6>
|
||
<a href="#" class="badge badge-dark badge-pill">html5</a>
|
||
<a href="#" class="badge badge-dark badge-pill">react</a>
|
||
<a href="#" class="badge badge-dark badge-pill">codeply</a>
|
||
<a href="#" class="badge badge-dark badge-pill">angularjs</a>
|
||
<a href="#" class="badge badge-dark badge-pill">css3</a>
|
||
<a href="#" class="badge badge-dark badge-pill">jquery</a>
|
||
<a href="#" class="badge badge-dark badge-pill">bootstrap</a>
|
||
<a href="#" class="badge badge-dark badge-pill">responsive-design</a>
|
||
<hr>
|
||
<span class="badge badge-primary"><i
|
||
class="fa fa-user"></i> 900 Followers</span>
|
||
<span class="badge badge-success"><i class="fa fa-cog"></i> 43 Forks</span>
|
||
<span class="badge badge-danger"><i class="fa fa-eye"></i> 245 Views</span>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<h5 class="mt-2"><span class="fa fa-clock-o ion-clock float-right"></span>
|
||
Recent Activity</h5>
|
||
<table class="table table-sm table-hover table-striped">
|
||
<tbody>
|
||
<tr>
|
||
<td>
|
||
<strong>Abby</strong> joined ACME Project Team in <strong>`Collaboration`</strong>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<strong>Gary</strong> deleted My Board1 in
|
||
<strong>`Discussions`</strong>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<strong>Kensington</strong> deleted MyBoard3 in <strong>`Discussions`</strong>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<strong>John</strong> deleted My Board1 in
|
||
<strong>`Discussions`</strong>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<strong>Skell</strong> deleted his post Look at Why this is.. in
|
||
<strong>`Discussions`</strong>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<!--/row-->
|
||
</div>
|
||
<div class="tab-pane" id="recentactivity">
|
||
<div class="alert alert-info alert-dismissable">
|
||
<a class="panel-close close" data-dismiss="alert">×</a> This is an <strong>.alert</strong>.
|
||
Use this to show important messages to the user.
|
||
</div>
|
||
<table class="table table-hover table-striped">
|
||
<tbody>
|
||
<tr>
|
||
<td>
|
||
<span class="float-right font-weight-bold">3 hrs ago</span> Here is your
|
||
a link to the latest summary report from the..
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<span class="float-right font-weight-bold">Yesterday</span> There has
|
||
been a request on your account since that was..
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<span class="float-right font-weight-bold">9/10</span> Porttitor vitae
|
||
ultrices quis, dapibus id dolor. Morbi venenatis lacinia rhoncus.
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<span class="float-right font-weight-bold">9/4</span> Vestibulum
|
||
tincidunt ullamcorper eros eget luctus.
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<span class="float-right font-weight-bold">9/4</span> Maxamillion ais
|
||
the fix for tibulum tincidunt ullamcorper eros.
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="tab-pane" id="useraccount">
|
||
<form role="form">
|
||
<div class="form-group row">
|
||
<label class="col-lg-3 col-form-label form-control-label">First name</label>
|
||
<div class="col-lg-9">
|
||
<input class="form-control" type="text" value="Jane">
|
||
</div>
|
||
</div>
|
||
<div class="form-group row">
|
||
<label class="col-lg-3 col-form-label form-control-label">Last name</label>
|
||
<div class="col-lg-9">
|
||
<input class="form-control" type="text" value="Bishop">
|
||
</div>
|
||
</div>
|
||
<div class="form-group row">
|
||
<label class="col-lg-3 col-form-label form-control-label">Email</label>
|
||
<div class="col-lg-9">
|
||
<input class="form-control" type="email" value="email@gmail.com">
|
||
</div>
|
||
</div>
|
||
<div class="form-group row">
|
||
<label class="col-lg-3 col-form-label form-control-label">Company</label>
|
||
<div class="col-lg-9">
|
||
<input class="form-control" type="text" value="">
|
||
</div>
|
||
</div>
|
||
<div class="form-group row">
|
||
<label class="col-lg-3 col-form-label form-control-label">Website</label>
|
||
<div class="col-lg-9">
|
||
<input class="form-control" type="url" value="">
|
||
</div>
|
||
</div>
|
||
<div class="form-group row">
|
||
<label class="col-lg-3 col-form-label form-control-label">Address</label>
|
||
<div class="col-lg-9">
|
||
<input class="form-control" type="text" value="" placeholder="Street">
|
||
</div>
|
||
</div>
|
||
<div class="form-group row">
|
||
<label class="col-lg-3 col-form-label form-control-label"></label>
|
||
<div class="col-lg-6">
|
||
<input class="form-control" type="text" value="" placeholder="City">
|
||
</div>
|
||
<div class="col-lg-3">
|
||
<input class="form-control" type="text" value="" placeholder="State">
|
||
</div>
|
||
</div>
|
||
<div class="form-group row">
|
||
<label class="col-lg-3 col-form-label form-control-label">Time Zone</label>
|
||
<div class="col-lg-9">
|
||
<select id="user_time_zone" class="form-control" size="0">
|
||
<option value="Hawaii">(GMT-10:00) Hawaii</option>
|
||
<option value="Alaska">(GMT-09:00) Alaska</option>
|
||
<option value="Pacific Time (US & Canada)">(GMT-08:00) Pacific
|
||
Time (US & Canada)
|
||
</option>
|
||
<option value="Arizona">(GMT-07:00) Arizona</option>
|
||
<option value="Mountain Time (US & Canada)">(GMT-07:00) Mountain
|
||
Time (US & Canada)
|
||
</option>
|
||
<option value="Central Time (US & Canada)" selected="selected">
|
||
(GMT-06:00) Central Time (US & Canada)
|
||
</option>
|
||
<option value="Eastern Time (US & Canada)">(GMT-05:00) Eastern
|
||
Time (US & Canada)
|
||
</option>
|
||
<option value="Indiana (East)">(GMT-05:00) Indiana (East)</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group row">
|
||
<label class="col-lg-3 col-form-label form-control-label">Username</label>
|
||
<div class="col-lg-9">
|
||
<input class="form-control" type="text" value="janeuser">
|
||
</div>
|
||
</div>
|
||
<div class="form-group row">
|
||
<label class="col-lg-3 col-form-label form-control-label">Password</label>
|
||
<div class="col-lg-9">
|
||
<input class="form-control" type="password" value="11111122333">
|
||
</div>
|
||
</div>
|
||
<div class="form-group row">
|
||
<label class="col-lg-3 col-form-label form-control-label">Confirm
|
||
password</label>
|
||
<div class="col-lg-9">
|
||
<input class="form-control" type="password" value="11111122333">
|
||
</div>
|
||
</div>
|
||
<div class="form-group row">
|
||
<label class="col-lg-3 col-form-label form-control-label"></label>
|
||
<div class="col-lg-9">
|
||
<input type="reset" class="btn btn-secondary" value="Cancel">
|
||
<input type="button" class="btn btn-primary" value="Save Changes">
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 order-lg-1 text-center">
|
||
<img src="//placehold.it/150" class="mx-auto img-fluid img-circle d-block" alt="avatar">
|
||
<h6 class="mt-2">Upload a different photo</h6>
|
||
<label class="custom-file">
|
||
<input type="file" id="file" class="custom-file-input">
|
||
<span class="custom-file-control">Choose file</span>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<!-- /.container-fluid -->
|
||
|
||
</div>
|
||
<!-- End of Main Content -->
|
||
|
||
<!-- Footer -->
|
||
{% include 'footer.html' %}
|
||
<!-- End of Footer -->
|
||
|
||
</div>
|
||
<!-- End of Content Wrapper -->
|
||
|
||
</div>
|
||
<!-- End of Page Wrapper -->
|
||
|
||
<!-- Scroll to Top Button-->
|
||
<a class="scroll-to-top rounded" href="#page-top">
|
||
<i class="fas fa-angle-up"></i>
|
||
</a>
|
||
|
||
<!-- Logout Modal-->
|
||
<div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
|
||
aria-hidden="true">
|
||
{% include 'auth/logout_modal.html' %}
|
||
</div>
|
||
|
||
</body>
|
||
|
||
</html>
|