170 lines
8.2 KiB
HTML
170 lines
8.2 KiB
HTML
<div class="main-content">
|
|
<div class="container-fluid">
|
|
|
|
<div class="page-header">
|
|
<div class="row align-items-end">
|
|
<div class="col-lg-8">
|
|
<div class="page-header-title">
|
|
<i class="ik ik-credit-card bg-blue"></i>
|
|
<div class="d-inline">
|
|
<h5>Dashboard</h5>
|
|
<span>Summary of the ECS System.</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<nav class="breadcrumb-container" aria-label="breadcrumb">
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item">
|
|
<a href="../index.html"><i class="ik ik-home"></i></a>
|
|
</li>
|
|
<li class="breadcrumb-item active" aria-current="page">Dashboard</li>
|
|
</ol>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row clearfix">
|
|
<div class="col-lg-3 col-md-6 col-sm-12">
|
|
<div class="widget bg-primary">
|
|
<div class="widget-body">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div class="state">
|
|
<h6>ECS Worlds</h6>
|
|
<div id="world_count"></div>
|
|
</div>
|
|
<div class="icon">
|
|
<i class="ik ik-globe"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 col-sm-12">
|
|
<div class="widget bg-success">
|
|
<div class="widget-body">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div class="state">
|
|
<h6>ECS Entiites</h6>
|
|
<div id="entities_count"></div>
|
|
</div>
|
|
<div class="icon">
|
|
<i class="ik ik-box"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 col-sm-12">
|
|
<div class="widget bg-warning">
|
|
<div class="widget-body">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div class="state">
|
|
<h6>ECS Cameras</h6>
|
|
<div id="camera_count"></div>
|
|
</div>
|
|
<div class="icon">
|
|
<i class="ik ik-camera"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 col-sm-12">
|
|
<div class="widget bg-danger">
|
|
<div class="widget-body">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div class="state">
|
|
<h6>System Filters</h6>
|
|
<div id="systems_count"></div>
|
|
</div>
|
|
<div class="icon">
|
|
<i class="ik ik-server"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<div class="card-header card-header-custom">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col col-md-12">
|
|
<h3>System Logging</h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col col-md-4">
|
|
<div class="dropdown d-inline-block">
|
|
<a class="btn-icon checkbox-dropdown dropdown-toggle" href="#" id="moreDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></a>
|
|
<div class="dropdown-menu" aria-labelledby="moreDropdown">
|
|
<a class="dropdown-item" id="checkbox_select_all" href="javascript:void(0);">Select All</a>
|
|
<a class="dropdown-item" id="checkbox_deselect_all" href="javascript:void(0);">Deselect All</a>
|
|
</div>
|
|
</div>
|
|
<div class="card-options d-inline-block">
|
|
<a href="#"><i class="ik ik-rotate-cw"></i></a>
|
|
<div class="dropdown d-inline-block">
|
|
<a class="nav-link dropdown-toggle" href="#" id="moreDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ik ik-more-horizontal"></i></a>
|
|
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="moreDropdown">
|
|
<a class="dropdown-item" href="#">Clear Log</a>
|
|
<a class="dropdown-item" href="#">Hide Selected</a>
|
|
<a class="dropdown-item" href="#">Show All</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col col-md-4">
|
|
<div class="card-search with-adv-search dropdown">
|
|
<form action="">
|
|
<input type="text" class="form-control" placeholder="Search.." required>
|
|
<button type="submit" class="btn btn-icon"><i class="ik ik-search"></i></button>
|
|
<button type="button" id="adv_wrap_toggler" class="adv-btn ik ik-chevron-down dropdown-toggle" data-toggle="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
|
|
<div class="adv-search-wrap dropdown-menu dropdown-menu-right" aria-labelledby="adv_wrap_toggler">
|
|
<div class="form-group">
|
|
<input type="text" class="form-control" placeholder="Full Name">
|
|
</div>
|
|
<div class="form-group">
|
|
<input type="email" class="form-control" placeholder="Email">
|
|
</div>
|
|
<button class="btn btn-theme">Search</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="col col-md-4">
|
|
<div class="card-options text-right">
|
|
<a href="#"><i class="ik ik-chevron-up"></i></a>
|
|
<a href="#"><i class="ik ik-chevron-down"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body p-0">
|
|
<div class="list-item-wrap">
|
|
|
|
<div class="list-item">
|
|
<div class="item-inner">
|
|
<label class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="item_checkbox" name="item_checkbox" value="option1">
|
|
<span class="custom-control-label"> </span>
|
|
</label>
|
|
<div class="list-title">Lorem Ipsum is simply dumm dummy text of the printing and typesetting industry.</div>
|
|
<div class="list-actions">
|
|
<a href="#"><i class="ik ik-trash-2"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="js/dashboard.js"></script>
|