39 lines
3.0 KiB
PHP
39 lines
3.0 KiB
PHP
<div style="padding: 16px 0px 0px; margin: 0px; left: 0px; top: 4px;">
|
|
<div class="card border-top-black main-details-widget">
|
|
<div class="row my-2 mx-3">
|
|
<div class="col-5 py-2">
|
|
Monitor
|
|
<div class="btn-group px-2" role="group" aria-label="line-chart-button">
|
|
<!-- <button type="button" class="btn btn-graf-status px-3 py-1">LIVE</button> -->
|
|
<button type="button" class="btn btn-diskUsage active px-3 py-1">RECORDED</button>
|
|
</div>disk usage
|
|
</div>
|
|
<div class="col-7 d-flex justify-content-end">
|
|
<div class="data-chart-title d-flex">
|
|
<div class="datePicker">
|
|
between<input type="date" class="picker" id="startTimeAfter">and<input type="date" class="picker" id="startTimeBefore">interval
|
|
</div>
|
|
<select id="timeInterval3" class="box-select mx-3" style="width: 110px;">
|
|
<option value="5">5 MINUTES</option>
|
|
<option value="60">1 HOUR</option>
|
|
<option value="1440">1 DAY</option>
|
|
</select>
|
|
<i class="fas fa-info-circle py-2" style="color: #5aa6c9;" title="Traffic stats retention depends on aggregation level: . 5 minute totals are kept for the last 5 hours; . hourly totals are kept for the last 14 days; . daily totals are kept for the last 60 days; *Start dates earlier that these will be reset to fit."></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-2">
|
|
<div class="col-md-12">
|
|
<canvas id="lineChart3" class="mx-3 mb-2" style="max-height: 300px;"></canvas>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer" style="padding: 10px 15px;margin:0;">
|
|
<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-details">
|
|
<path d="M26.5,4.08C22.77,4.08,19,5.4,19,7.91V9.5a18.75,18.75,0,0,1,2,.2V7.91c0-.65,2.09-1.84,5.5-1.84S32,7.27,32,7.91V18.24c0,.54-1.46,1.44-3.9,1.73v2c3.13-.32,5.9-1.6,5.9-3.75V7.91C34,5.4,30.23,4.08,26.5,4.08Z"></path>
|
|
<path d="M4,18.24V7.91c0-.65,2.09-1.84,5.5-1.84S15,7.27,15,7.91V9.7a18.75,18.75,0,0,1,2-.2V7.91c0-2.52-3.77-3.84-7.5-3.84S2,5.4,2,7.91V18.24C2,20.4,4.77,21.67,7.9,22V20C5.46,19.68,4,18.78,4,18.24Z"></path>
|
|
<path d="M18,10.85c-4.93,0-8.65,1.88-8.65,4.38V27.54c0,2.5,3.72,4.38,8.65,4.38s8.65-1.88,8.65-4.38V15.23C26.65,12.73,22.93,10.85,18,10.85Zm6.65,7.67c-.85,1-3.42,2-6.65,2A14.49,14.49,0,0,1,14,20v1.46a16.33,16.33,0,0,0,4,.47,12.76,12.76,0,0,0,6.65-1.56v3.12c-.85,1-3.42,2-6.65,2a14.49,14.49,0,0,1-4-.53v1.46a16.33,16.33,0,0,0,4,.47,12.76,12.76,0,0,0,6.65-1.56v2.29c0,.95-2.65,2.38-6.65,2.38s-6.65-1.43-6.65-2.38V15.23c0-.95,2.65-2.38,6.65-2.38s6.65,1.43,6.65,2.38Z"></path>
|
|
</svg>
|
|
10.00 MB max data between 1/11/2024, 12:00:00 AM and 1/11/2024, 11:00:59 PM.
|
|
</div>
|
|
</div>
|
|
</div> |