Commit a287a576 authored by Soulet Corentin's avatar Soulet Corentin
Browse files

Merge branch 'feature/dashboard' into develop

parents 78324554 2cc0d620
/** GLOBAL CSS */
body {
padding-top: 5rem;
background-color: #FFF;
}
/** INDEX CSS */
.contenttype-title{
display: flex;
}
.contenttype-title h3{
flex: 1 0;
}
.contenttype-all-button{
margin-top: 5px;
}
/** LIST CSS */
.list-group-item-flex{
display: flex;
}
.list-group-item-tools{
display: block;
width: 30px;
}
.list-group-item-image{
margin-right: 10px;
}
.list-group-item-content{
flex: 1 0;
}
/** EDIT CSS */
.content-input{
height: 500px;
}
/** Menu CSS */
.wrapper {
display: flex;
width: 100%;
}
#sidebar {
width: 250px;
position: fixed;
top: 0;
left: 0;
height: 100vh;
z-index: 999;
background: #7386D5;
color: #fff;
transition: all 0.3s;
}
#sidebar.active {
margin-left: -250px;
}
#sidebar .sidebar-header {
padding: 20px;
background: #6d7fcc;
}
#sidebar ul.components {
padding: 20px 0;
border-bottom: 1px solid #47748b;
}
#sidebar ul p {
color: #fff;
padding: 10px;
}
#sidebar ul li a {
text-decoration: none;
color: #fff;
padding: 10px;
font-size: 1.1em;
display: block;
}
#sidebar ul li a:hover {
color: #7386D5;
background: #fff;
}
#sidebar ul li.active>a,
a[aria-expanded="true"] {
color: #fff;
background: #6d7fcc;
}
#content {
width: calc(100% - 250px);
padding: 40px;
min-height: 100vh;
transition: all 0.3s;
position: absolute;
top: 0;
right: 0;
}
#content.active {
width: 100%;
}
......@@ -166,4 +166,4 @@ a[aria-expanded="true"] {
#content.active {
width: calc(100% - 250px);
}
\ No newline at end of file
}
body{padding-top:5rem;background-color:#fff}.contenttype-title{display:flex}.contenttype-title h3{flex:1 0}.contenttype-all-button{margin-top:5px}.list-group-item-flex{display:flex}.list-group-item-tools{display:block;width:30px}.list-group-item-image{margin-right:10px}.list-group-item-content{flex:1 0}.content-input{height:500px}.wrapper{display:flex;width:100%}#sidebar{width:250px;position:fixed;top:0;left:0;height:100vh;z-index:999;background:#7386d5;color:#fff;transition:all .3s}#sidebar.active{margin-left:-250px}#sidebar .sidebar-header{padding:20px;background:#6d7fcc}#sidebar ul.components{padding:20px 0;border-bottom:1px solid #47748b}#sidebar ul p{color:#fff;padding:10px}#sidebar ul li a{text-decoration:none;color:#fff;padding:10px;font-size:1.1em;display:block}#sidebar ul li a:hover{color:#7386d5;background:#fff}#sidebar ul li.active>a,a[aria-expanded=true]{color:#fff;background:#6d7fcc}#content{width:calc(100% - 250px);padding:40px;min-height:100vh;transition:all .3s;position:absolute;top:0;right:0}#content.active{width:100%}
\ No newline at end of file
{% extends "layout/base.html" %}
{% block content %}
<main role="main" class="container-fluid">
<!-- Health Breadcrumbs-->
<ol class="breadcrumb">
<li class="breadcrumb-item">
Health
</li>
</ol>
<div class="row">
<div class="col-sm">
<!-- Icon Cards-->
<div class="card">
<div class="card-header">Heart rate <span class="float-right"><i class="fas fa-heartbeat"></i></span>
</div>
<div class="card-body">
<div class="card-body-item">
<i id="heart-rate" class="fas fa-heart fa-9x" style="color: white;"></i>
</div>
<div class="card-body-item">
<p>BPM</p>
<h1>90</h1>
</div>
</div>
<a class="card-footer" href="#">
<span class="float-left">View Details History of Heart Rate</span>
<span class="float-right"><i class="fas fa-angle-right"></i></span>
</a>
</div>
</div>
<div class="col-sm">
<!-- Icon Cards-->
<div class="card">
<div class="card-header">Body Temperature <span class="float-right"><i class="fas fa-heartbeat"></i></span>
</div>
<div class="card-body">
<div class="card-body-item">
<i style="color: white;" class="fas fa-thermometer-half fa-9x"></i>
</div>
<div class="card-body-item">
<p>(°C)</p>
<h1 style="font-size: 50px;">38</h1>
</div>
</div>
<a class="card-footer" href="#">
<span class="float-left">View Details History of Heart Rate</span>
<span class="float-right"><i class="fas fa-angle-right"></i></span>
</a>
</div>
</div>
</div>
<!-- Environment Breadcrumbs-->
<p>
<ol class="breadcrumb">
<li class="breadcrumb-item"> Environment</li>
</ol>
</p>
<div class="row">
<div class="col-sm">
<!-- Icon Cards-->
<div class="card">
<div class="card-header"> Méteo <span class="float-right"><i class="fas fa-heartbeat"></i></span>
</div>
<div class="card-body">
<div class="card-body-item">
<i style="color: white;" class="fas fa-sun fa-9x"></i>
</div>
<div class="card-body-item">
<br><br>
<h1>50 °C</h1>
</div>
</div>
<a class="card-footer" href="#">
<span class="float-left">View Details History of Meteo</span>
<span class="float-right"><i class="fas fa-angle-right"></i></span>
</a>
</div>
</div>
<div class="col-sm">
<!-- Icon Cards-->
<div class="card">
<div class="card-header">Wind <span class="float-right"><i class="fas fa-heartbeat"></i></span>
</div>
<div class="card-body">
<div class="card-body-item">
<i style="color: white;" class="fas fa-wind fa-9x"></i>
<i style="color: white;" class="fas fa-arrow-up fa-9x"></i>
</div>
<div class="card-body-item">
<br>
<h1>North</h1>
<h1>60 km/h</h1>
</div>
</div>
<a class="card-footer" href="#">
<span class="float-left">View Details History of Meteo</span>
<span class="float-right"><i class="fas fa-angle-right"></i></span>
</a>
</div>
</div>
</div>
<!-- Ressources Breadcrumbs-->
<p>
<ol class="breadcrumb">
<li class="breadcrumb-item"> Ressources</li>
</ol>
</p>
<div class="row">
<div class="col-sm">
<!-- Icon Cards-->
<div class="card">
<div class="card-header"> Water Capacity <span class="float-right"><i class="fas fa-heartbeat"></i></span>
</div>
<div class="card-body">
<div class="card-body-item">
<i style="color: white;" class="fas fa-tint fa-9x"></i>
</div>
<div class="card-body-item">
<br><br>
<h1 style="padding-left: 50px">3 m<sup>3</sup> </h1>
<div class="progress">
<div class="progress-bar bg-info" style="width:30%"></div>
</div>
</div>
</div>
<a class="card-footer" href="#">
<span class="float-left">View Details History of Water Capacity</span>
<span class="float-right"><i class="fas fa-angle-right"></i></span>
</a>
</div>
</div>
<div class="col-sm">
<!-- Icon Cards-->
<div class="card">
<div class="card-header">Power Capacity <span class="float-right"><i class="fas fa-heartbeat"></i></span>
</div>
<div class="card-body">
<div class="card-body-item">
<i style="color: white;" class="fas fa-bolt fa-9x"></i>
</div>
<div class="card-body-item">
<p>
<br>
<h1 style="padding-left: 50px"> 400 Ah</h1>
<div class="progress">
<div class="progress-bar bg-info" style="width:30%"></div>
</div>
</p>
</div>
</div>
<a class="card-footer" href="#">
<span class="float-left">View Details History of Electricity Capacity</span>
<span class="float-right"><i class="fas fa-angle-right"></i></span>
</a>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-sm">
<!-- Icon Cards-->
<div class="card">
<div class="card-header"> Peoples <span class="float-right"><i class="fas fa-heartbeat"></i></span>
</div>
<div class="card-body">
<div class="card-body-item">
<i style="color: white;" class="fas fa-user fa-9x"></i>
</div>
<div class="card-body-item">
<br><br>
<h1 style="padding-left: 30px">3 m<sup>3</sup> </h1>
</div>
</div>
<a class="card-footer" href="#">
<span class="float-left">View Details History of Population</span>
<span class="float-right"><i class="fas fa-angle-right"></i></span>
</a>
</div>
</div>
<div class="col-sm">
<!-- Icon Cards-->
<div class="card">
<div class="card-header"> Food Stock <span class="float-right"><i class="fas fa-heartbeat"></i></span>
</div>
<div class="card-body">
<div class="card-body-item">
<i style="color: white;" class="fas fa-utensils fa-9x"></i>
</div>
<div class="card-body-item">
<p>
<br>
<h1 style="padding-left: 50px"> 20.000 kcal</h1>
<div class="progress">
<div class="progress-bar bg-info" style="width:30%"></div>
</div>
</p>
</div>
</div>
<a class="card-footer" href="#">
<span class="float-left">View Details History of Food Stock</span>
<span class="float-right"><i class="fas fa-angle-right"></i></span>
</a>
</div>
</div>
</div>
</main>
{% endblock %}
......@@ -15,7 +15,7 @@
<div class="col-md-4" style="padding-bottom: 1rem;">
<a href="/location" class="btn btn-info btn-block" name="DashBoard">
<span style="font-size: 40px; color: white;"><i class="fas fa-map" href="#"></i></span>
<h3> Map </h3>
<h3 style="font-style: white;"> Map </h3>
</a>
</div>
......@@ -70,14 +70,19 @@
<div class="row box ">
<article class="article">
<h2>Article 3</h2>
Modi est me necem cadaveribus quorum ut multa nihilo narrare quod narrare cadaveribus non nihilo modum pastus quae professione singula evitandum quod nihilo refert huius modum narrare non quod cadaveribus ferociens narrare multa professione modum leo quorum me professione multa narrare est quorum ferociens quorum ferociens scrutabatur ut necem nihilo me non leo evitandum necem non professione me ut quorum scrutabatur me quorum quorum evitandum ut cadaveribus me lenius non non pastus quae non pastus professione narrare nihilo cadaveribus Gallus leo nihilo quod lenius cadaveribus cadaveribus refert quod quae quod Gallus modi cadaveribus non singula huius pastus modi quod ferociens.
Modi est me necem cadaveribus quorum ut multa nihilo narrare quod narrare cadaveribus non nihilo modum pastus quae professione singula evitandum quod nihilo refert huius modum narrare non quod cadaveribus ferociens narrare multa professione
modum leo quorum me professione multa narrare est quorum ferociens quorum ferociens scrutabatur ut necem nihilo me non leo evitandum necem non professione me ut quorum scrutabatur me quorum quorum evitandum ut cadaveribus me lenius non non
pastus quae non pastus professione narrare nihilo cadaveribus Gallus leo nihilo quod lenius cadaveribus cadaveribus refert quod quae quod Gallus modi cadaveribus non singula huius pastus modi quod ferociens.
</article>
</div>
<div class="row box ">
<article class="article">
<h2>Article 4</h2>
Nec milites iumentorum itineribus repente tristissima spoliari et itineribus oppidum eo domesticis spoliari elegerat qua eo milites posse spoliari apparuit tristissima sunt qui in sub Apodemio in agente emensis qui insidiarum cum praemiis certus itaque praefuit praestitutum posse suis et imperio permutatione miseratione eum tristissima praestitutum et praefuit suis vita insidiarum praemiis tristissima rebus viam Barbatio elegerat et quos sorte praestitutum praestitutum venit itaque milites imperator sunt oppidum itaque suis ulla qua miseratione et imperator domesticis repente qui qui ducens spoliari nec cum beneficiis posse et et imperio emensis fatorum in praefuit imperator posse praefuit Apodemio viam insidiarum praemiis suis.
Nec milites iumentorum itineribus repente tristissima spoliari et itineribus oppidum eo domesticis spoliari elegerat qua eo milites posse spoliari apparuit tristissima sunt qui in sub Apodemio in agente emensis qui insidiarum cum praemiis
certus itaque praefuit praestitutum posse suis et imperio permutatione miseratione eum tristissima praestitutum et praefuit suis vita insidiarum praemiis tristissima rebus viam Barbatio elegerat et quos sorte praestitutum praestitutum venit
itaque milites imperator sunt oppidum itaque suis ulla qua miseratione et imperator domesticis repente qui qui ducens spoliari nec cum beneficiis posse et et imperio emensis fatorum in praefuit imperator posse praefuit Apodemio viam insidiarum
praemiis suis.
</article>
</div> -->
</main><!-- /.container -->
......
......@@ -13,12 +13,14 @@
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<!-- Fontawesome core CSS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<!-- OpenLayer CSS -->
<link href="/assets/dist/openlayer.min.css" rel="stylesheet">
<link href="/assets/dist/checklist-style.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<!-- Custom styles for this template -->
<link href="/assets/dist/style.min.css" rel="stylesheet">
</head>
......@@ -29,8 +31,8 @@
<!-- Sidebar -->
<nav id="sidebar">
<div class="sidebar-header">
<img
src="/assets/img/Logo_X-Cockpit_earth.svg"
<img
src="/assets/img/Logo_X-Cockpit_earth.svg"
alt="Logo X-Cockpit"
height="100px"
width="210px" />
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment