85 строки
3.3 KiB
HTML
85 строки
3.3 KiB
HTML
<!--open main column-->
|
|
<div id="main-section-header" class="row">
|
|
<h2 id="team-efficiency" class="col-xs-3">Regional sales status</h2>
|
|
<div id="dateFilter" class="col-xs-9">
|
|
<div class="period-wrapper">
|
|
<label for="start-date" class="select-period">Stats from</label>
|
|
<input id="start-date" />
|
|
<span class="k-invalid-msg" data-for="start-date"></span>
|
|
</div>
|
|
<div class="period-wrapper">
|
|
<label for="end-date" class="select-period">To</label>
|
|
<input id="end-date" />
|
|
<span class="k-invalid-msg" data-for="end-date"></span>
|
|
</div>
|
|
</div>
|
|
<div style="clear:both;"></div>
|
|
</div>
|
|
|
|
<div id="regional-sales" class="main-section-content row">
|
|
<div id="map-wrapper" class="row">
|
|
<div id="map-details" class="col-xs-2">
|
|
<h3 class="section-header">Pick a Country to view stats</h3>
|
|
<h3 class="section-header">COUNTRY</h3>
|
|
<h2 id="countryName"></h2>
|
|
<h3 class="section-header">CUSTOMERS</h3>
|
|
<div id="countryCustomers">
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
<div id="map-container" class="col-xs-10">
|
|
<div id="map"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="statsContainer" class="row">
|
|
<div id="marketShareContainer" class="col-xs-3 stats-graph">
|
|
<h3 class="section-header">Market share</h3>
|
|
<span id="market-share-label"></span>
|
|
<div class="sparkline-container">
|
|
<div id="market-share" style="height:100px"></div>
|
|
<div id="market-share-no-data" class="overlay">
|
|
<div>No data available</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="revenueContainer" class="col-xs-3 stats-graph">
|
|
<h3 class="section-header">Revenue</h3>
|
|
<span id="revenue-label"></span>
|
|
<div class="sparkline-container">
|
|
<div id="revenue" style="height:100px"></div>
|
|
<div id="revenue-no-data" class="overlay">
|
|
<div>No data available</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="ordersContainer" class="col-xs-3 stats-graph">
|
|
<h3 class="section-header">Orders</h3>
|
|
<span id="orders-label"></span>
|
|
<div class="sparkline-container">
|
|
<div id="orders" style="height:100px"></div>
|
|
<div id="orders-no-data" class="overlay">
|
|
<div>No data available</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="customersContainer" class="col-xs-3 stats-graph">
|
|
<h3 class="section-header">Customers</h3>
|
|
<span id="customers-label"></span>
|
|
<div class="sparkline-container">
|
|
<div id="customers" style="height:100px;"></div>
|
|
<div id="customers-no-data" class="overlay">
|
|
<div>No data available</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="topProductsContainer">
|
|
<h3 class="section-header">Top selling products</h3>
|
|
<div id="top-selling-products" style="height:260px"></div>
|
|
<div id="products-no-data" class="overlay">
|
|
<div>No data available</div>
|
|
</div>
|
|
</div>
|
|
</div> |