21 lines
7.3 KiB
PHP
21 lines
7.3 KiB
PHP
<div class="card">
|
|
<div class="header">
|
|
<h4 class="title">PIREPs Submitted</h4>
|
|
<p class="category">24 Hours performance</p>
|
|
</div>
|
|
<div class="content">
|
|
<div id="chartHours" class="ct-chart"><svg xmlns:ct="http://gionkunz.github.com/chartist-js/ct" width="100%" height="245px" class="ct-chart-line" style="width: 100%; height: 245px;"><g class="ct-grids"><line y1="210" y2="210" x1="50" x2="1187" class="ct-grid ct-vertical"></line><line y1="171" y2="171" x1="50" x2="1187" class="ct-grid ct-vertical"></line><line y1="132" y2="132" x1="50" x2="1187" class="ct-grid ct-vertical"></line><line y1="93" y2="93" x1="50" x2="1187" class="ct-grid ct-vertical"></line><line y1="54" y2="54" x1="50" x2="1187" class="ct-grid ct-vertical"></line><line y1="15" y2="15" x1="50" x2="1187" class="ct-grid ct-vertical"></line></g><g><g class="ct-series ct-series-a"><path d="M50,210L50,154.035C97.375,154.035,144.75,134.925,192.125,134.925C239.5,134.925,286.875,114.45,334.25,114.45C381.625,114.45,429,100.41,476.375,100.41C523.75,100.41,571.125,94.17,618.5,94.17C665.875,94.17,713.25,87.93,760.625,87.93C808,87.93,855.375,73.89,902.75,73.89C950.125,73.89,997.5,35.475,1044.875,35.475C1092.25,35.475,1139.625,24.36,1187,24.36L1187,210Z" class="ct-area" values="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"></path><path d="M50,154.035C97.375,154.035,144.75,134.925,192.125,134.925C239.5,134.925,286.875,114.45,334.25,114.45C381.625,114.45,429,100.41,476.375,100.41C523.75,100.41,571.125,94.17,618.5,94.17C665.875,94.17,713.25,87.93,760.625,87.93C808,87.93,855.375,73.89,902.75,73.89C950.125,73.89,997.5,35.475,1044.875,35.475C1092.25,35.475,1139.625,24.36,1187,24.36" class="ct-line"></path></g><g class="ct-series ct-series-b"><path d="M50,210L50,196.935C97.375,196.935,144.75,180.36,192.125,180.36C239.5,180.36,286.875,172.365,334.25,172.365C381.625,172.365,429,163.2,476.375,163.2C523.75,163.2,571.125,134.535,618.5,134.535C665.875,134.535,713.25,125.175,760.625,125.175C808,125.175,855.375,105.675,902.75,105.675C950.125,105.675,997.5,84.81,1044.875,84.81C1092.25,84.81,1139.625,64.92,1187,64.92L1187,210Z" class="ct-area" values="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"></path><path d="M50,196.935C97.375,196.935,144.75,180.36,192.125,180.36C239.5,180.36,286.875,172.365,334.25,172.365C381.625,172.365,429,163.2,476.375,163.2C523.75,163.2,571.125,134.535,618.5,134.535C665.875,134.535,713.25,125.175,760.625,125.175C808,125.175,855.375,105.675,902.75,105.675C950.125,105.675,997.5,84.81,1044.875,84.81C1092.25,84.81,1139.625,64.92,1187,64.92" class="ct-line"></path></g><g class="ct-series ct-series-c"><path d="M50,210L50,205.515C97.375,205.515,144.75,187.965,192.125,187.965C239.5,187.965,286.875,196.935,334.25,196.935C381.625,196.935,429,188.94,476.375,188.94C523.75,188.94,571.125,172.95,618.5,172.95C665.875,172.95,713.25,163.395,760.625,163.395C808,163.395,855.375,150.135,902.75,150.135C950.125,150.135,997.5,130.05,1044.875,130.05C1092.25,130.05,1139.625,130.05,1187,130.05L1187,210Z" class="ct-area" values="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"></path><path d="M50,205.515C97.375,205.515,144.75,187.965,192.125,187.965C239.5,187.965,286.875,196.935,334.25,196.935C381.625,196.935,429,188.94,476.375,188.94C523.75,188.94,571.125,172.95,618.5,172.95C665.875,172.95,713.25,163.395,760.625,163.395C808,163.395,855.375,150.135,902.75,150.135C950.125,150.135,997.5,130.05,1044.875,130.05C1092.25,130.05,1139.625,130.05,1187,130.05" class="ct-line"></path></g></g><g class="ct-labels"><foreignObject style="overflow: visible;" x="50" y="215" width="142.125" height="20"><span class="ct-label ct-horizontal ct-end" style="width: 142px; height: 20px" xmlns="http://www.w3.org/1999/xhtml">9:00AM</span></foreignObject><foreignObject style="overflow: visible;" x="192.125" y="215" width="142.125" height="20"><span class="ct-label ct-horizontal ct-end" style="width: 142px; height: 20px" xmlns="http://www.w3.org/1999/xhtml">12:00AM</span></foreignObject><foreignObject style="overflow: visible;" x="334.25" y="215" width="142.125" height="20"><span class="ct-label ct-horizontal ct-end" style="width: 142px; height: 20px" xmlns="http://www.w3.org/1999/xhtml">3:00PM</span></foreignObject><foreignObject style="overflow: visible;" x="476.375" y="215" width="142.125" height="20"><span class="ct-label ct-horizontal ct-end" style="width: 142px; height: 20px" xmlns="http://www.w3.org/1999/xhtml">6:00PM</span></foreignObject><foreignObject style="overflow: visible;" x="618.5" y="215" width="142.125" height="20"><span class="ct-label ct-horizontal ct-end" style="width: 142px; height: 20px" xmlns="http://www.w3.org/1999/xhtml">9:00PM</span></foreignObject><foreignObject style="overflow: visible;" x="760.625" y="215" width="142.125" height="20"><span class="ct-label ct-horizontal ct-end" style="width: 142px; height: 20px" xmlns="http://www.w3.org/1999/xhtml">12:00PM</span></foreignObject><foreignObject style="overflow: visible;" x="902.75" y="215" width="142.125" height="20"><span class="ct-label ct-horizontal ct-end" style="width: 142px; height: 20px" xmlns="http://www.w3.org/1999/xhtml">3:00AM</span></foreignObject><foreignObject style="overflow: visible;" x="1044.875" y="215" width="142.125" height="20"><span class="ct-label ct-horizontal ct-end" style="width: 142px; height: 20px" xmlns="http://www.w3.org/1999/xhtml">6:00AM</span></foreignObject><foreignObject style="overflow: visible;" y="171" x="10" height="39" width="30"><span class="ct-label ct-vertical ct-start" style="height: 39px; width: 30px" xmlns="http://www.w3.org/1999/xhtml">0</span></foreignObject><foreignObject style="overflow: visible;" y="132" x="10" height="39" width="30"><span class="ct-label ct-vertical ct-start" style="height: 39px; width: 30px" xmlns="http://www.w3.org/1999/xhtml">200</span></foreignObject><foreignObject style="overflow: visible;" y="93" x="10" height="39" width="30"><span class="ct-label ct-vertical ct-start" style="height: 39px; width: 30px" xmlns="http://www.w3.org/1999/xhtml">400</span></foreignObject><foreignObject style="overflow: visible;" y="54" x="10" height="39" width="30"><span class="ct-label ct-vertical ct-start" style="height: 39px; width: 30px" xmlns="http://www.w3.org/1999/xhtml">600</span></foreignObject><foreignObject style="overflow: visible;" y="15" x="10" height="39" width="30"><span class="ct-label ct-vertical ct-start" style="height: 39px; width: 30px" xmlns="http://www.w3.org/1999/xhtml">800</span></foreignObject><foreignObject style="overflow: visible;" y="-15" x="10" height="30" width="30"><span class="ct-label ct-vertical ct-start" style="height: 30px; width: 30px" xmlns="http://www.w3.org/1999/xhtml">1000</span></foreignObject></g></svg></div>
|
|
<div class="footer">
|
|
<div class="chart-legend">
|
|
<i class="fa fa-circle text-info"></i> Open
|
|
<i class="fa fa-circle text-danger"></i> Click
|
|
<i class="fa fa-circle text-warning"></i> Click Second Time
|
|
</div>
|
|
<hr>
|
|
<div class="stats">
|
|
<i class="ti-reload"></i> Updated 3 minutes ago
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|