You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
educoder/app/views/admin/index.html.erb

619 lines
30 KiB

2222222222z
<!-- Start right content -->
<div class="content-page">
<!-- ============================================================== -->
<!-- Start Content here -->
<!-- ============================================================== -->
<div class="content">
<!-- Start info box -->
<div class="row top-summary">
<div class="col-lg-3 col-md-6">
<div class="widget green-1 animated fadeInDown">
<div class="widget-content padding">
<div class="widget-icon">
<i class="icon-globe-inv"></i>
</div>
<div class="text-box">
<p class="maindata">TOTAL <b>VISITORS</b></p>
<h2><span class="animate-number" data-value="25153" data-duration="3000">0</span></h2>
<div class="clearfix"></div>
</div>
</div>
<div class="widget-footer">
<div class="row">
<div class="col-sm-12">
<i class="fa fa-caret-up rel-change"></i> <b>39%</b> increase in traffic
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="widget darkblue-2 animated fadeInDown">
<div class="widget-content padding">
<div class="widget-icon">
<i class="icon-bag"></i>
</div>
<div class="text-box">
<p class="maindata">TOTAL <b>SALES</b></p>
<h2><span class="animate-number" data-value="6399" data-duration="3000">0</span></h2>
<div class="clearfix"></div>
</div>
</div>
<div class="widget-footer">
<div class="row">
<div class="col-sm-12">
<i class="fa fa-caret-down rel-change"></i> <b>11%</b> decrease in sales
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="widget orange-4 animated fadeInDown">
<div class="widget-content padding">
<div class="widget-icon">
<i class="fa fa-dollar"></i>
</div>
<div class="text-box">
<p class="maindata">OVERALL <b>INCOME</b></p>
<h2>$<span class="animate-number" data-value="70389" data-duration="3000">0</span></h2>
<div class="clearfix"></div>
</div>
</div>
<div class="widget-footer">
<div class="row">
<div class="col-sm-12">
<i class="fa fa-caret-down rel-change"></i> <b>7%</b> decrease in income
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="widget lightblue-1 animated fadeInDown">
<div class="widget-content padding">
<div class="widget-icon">
<i class="fa fa-users"></i>
</div>
<div class="text-box">
<p class="maindata">TOTAL <b>USERS</b></p>
<h2><span class="animate-number" data-value="18648" data-duration="3000">0</span></h2>
<div class="clearfix"></div>
</div>
</div>
<div class="widget-footer">
<div class="row">
<div class="col-sm-12">
<i class="fa fa-caret-up rel-change"></i> <b>6%</b> increase in users
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<!-- End of info box -->
<div class="row">
<div class="col-lg-8 portlets">
<div id="website-statistics1" class="widget">
<div class="widget-header transparent">
<h2><i class="icon-chart-line"></i> <strong>Website</strong> Statistics</h2>
<div class="additional-btn">
<a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
<a class="hidden" id="dropdownMenu1" data-toggle="dropdown">
<i class="fa fa-cogs"></i>
</a>
<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenu1">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
<a href="#" class="widget-popout hidden tt" title="Pop Out/In"><i class="icon-publish"></i></a>
<a href="#" class="widget-maximize hidden"><i class="icon-resize-full-1"></i></a>
<a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
<a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
</div>
</div>
<div class="widget-content">
<div id="website-statistic" class="statistic-chart">
<div class="row stacked">
<div class="col-sm-12">
<div class="toolbar">
<div class="pull-left">
<div class="btn-group">
<a href="#" class="btn btn-default btn-xs">Daily</a>
<a href="#" class="btn btn-default btn-xs active">Monthly</a>
<a href="#" class="btn btn-default btn-xs">Yearly</a>
</div>
</div>
<div class="pull-right">
<div class="btn-group">
<a class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown">
Export <i class="icon-down-open-2"></i>
</a>
<ul class="dropdown-menu pull-right" role="menu">
<li><a href="#">Export as PDF</a></li>
<li><a href="#">Export as CSV</a></li>
<li><a href="#">Export as PNG</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
<a href="#" class="btn btn-primary btn-xs"><i class="icon-cog-2"></i></a>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
<div id="morris-home" class="morris-chart" style="height: 270px;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 portlets">
<div class="widget darkblue-3">
<div class="widget-header transparent">
<h2><strong>Server</strong> Status</h2>
<div class="additional-btn">
<a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
<a class="hidden" id="dropdownMenu1" data-toggle="dropdown">
<i class="fa fa-cogs"></i>
</a>
<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenu1">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
<a href="#" class="widget-popout hidden tt" title="Pop Out/In"><i class="icon-publish"></i></a>
<a href="#" class="widget-maximize hidden"><i class="icon-resize-full-1"></i></a>
<a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
<a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
</div>
</div>
<div class="widget-content">
<div id="website-statistic2" class="statistic-chart">
<div class="col-sm-12 stacked">
<h4><i class="fa fa-circle-o text-green-1"></i> Server Loads</h4>
<div class="col-sm-8 status-data">
<div class="col-xs-12">
<div class="row stacked">
<div class="col-xs-4 text-center right-border">
Processes<br>
<span class="animate-number" data-value="322" data-duration="3000">0</span>
</div>
<div class="col-xs-4 text-center right-border">
Connections<br>
<span class="animate-number" data-value="4789" data-duration="3000">0</span>
</div>
<div class="col-xs-4 text-center">
Avg. Load<br>
<span class="animate-number" data-value="76" data-duration="3000">0</span>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="progress progress-xs">
<div style="width: 72%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="72" role="progressbar" class="progress-bar bg-orange-2" title="Average Load: 76%" data-placement="right" data-toggle="tooltip">
<span class="sr-only">72% Complete (success)</span>
</div>
</div>
</div>
<div class="col-sm-4 text-center">
<div class="ws-load echart" data-percent="50"><span class="percent"></span></div>
</div>
</div>
<div class="clearfix"></div>
<div id="home-chart-2"></div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8 portlets">
<div class="widget">
<div class="widget-header">
<h2><i class="icon-chart-pie-1"></i> <strong>Sales</strong> Report</h2>
<div class="additional-btn">
<a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
<a class="hidden" id="dropdownMenu1" data-toggle="dropdown">
<i class="fa fa-cogs"></i>
</a>
<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenu1">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
<a href="#" class="widget-popout hidden tt" title="Pop Out/In"><i class="icon-publish"></i></a>
<a href="#" class="widget-maximize hidden"><i class="icon-resize-full-1"></i></a>
<a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
<a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
</div>
</div>
<div class="widget-content">
<div class="row stacked">
<div class="col-sm-5 mini-stats">
<div id="morris-bar-home" class="morris-chart" style="height: 170px;"></div>
<div class="sales-report-data">
<span class="pull-left">Completed Sales</span><span class="pull-right">65 / 174</span>
<div class="progress progress-xs">
<div style="width: 38%;" class="progress-bar bg-blue-1"></div>
</div>
<div class="clearfix"></div>
<span class="pull-left">Return(s) Processed</span><span class="pull-right">22 / 25</span>
<div class="progress progress-xs">
<div style="width: 88%;" class="progress-bar bg-lightblue-1"></div>
</div>
<div class="clearfix"></div>
<span class="pull-left">Shipped Products</span><span class="pull-right">418 / 624</span>
<div class="progress progress-xs">
<div style="width: 58%;" class="progress-bar"></div>
</div>
<div class="clearfix"></div>
<span class="pull-left">Overall Product Stock</span><span class="pull-right">19%</span>
<div class="progress progress-xs">
<div style="width: 19%;" class="progress-bar bg-pink-1"></div>
</div>
</div>
</div>
<div class="col-sm-7">
<div id="vector-map" style="height:370px"></div>
</div>
</div>
<div class="clearfix"></div>
<div id="sales-report" class="collapse in hidden-xs">
<div class="table-responsive">
<table data-sortable class="table table-striped">
<thead>
<tr><th width="70">No</th><th data-sortable="false" width="40"><input type="checkbox" id="select-all-rows"></th><th width="120">Order ID</th><th>Buyer</th><th width="100">Status</th><th width="150">Location</th><th width="120">Total</th></tr>
</thead>
<tbody>
<tr><td>1</td><td><input type="checkbox" class="rows-check"></td><td>#0021</td><td><a href="#">John Doe</a></td><td><span class="label label-primary">Order</span></td><td>Yogyakarta, ID</td><td><strong class="text-primary">&#36; 1,245</strong></td></tr>
<tr><td>2</td><td><input type="checkbox" class="rows-check"></td><td>#0022</td><td><a href="#">Johnny Depp</a></td><td><span class="label label-success">Payment</span></td><td>London, UK</td><td><strong class="text-success">&#36; 1,245</strong></td></tr>
<tr><td>3</td><td><input type="checkbox" class="rows-check"></td><td>#0023</td><td><a href="#">Scarlett Johansson</a></td><td><span class="label label-success">Payment</span></td><td>Canbera, AU</td><td><strong class="text-success">&#36; 1,245</strong></td></tr>
<tr><td>4</td><td><input type="checkbox" class="rows-check"></td><td>#0024</td><td><a href="#">Hanna Barbara</a></td><td><span class="label label-danger">Cancel</span></td><td>Bali, ID</td><td><strong class="text-danger">&#36; 1,245</strong></td></tr>
<tr><td>5</td><td><input type="checkbox" class="rows-check"></td><td>#0025</td><td><a href="#">Ali Larter</a></td><td><span class="label label-primary">Order</span></td><td>Bandung, ID</td><td><strong class="text-primary">&#36; 1,245</strong></td></tr>
<tr><td>6</td><td><input type="checkbox" class="rows-check"></td><td>#0026</td><td><a href="#">Willy Wonka</a></td><td><span class="label label-danger">Cancel</span></td><td>Semarang, ID</td><td><strong class="text-danger">&#36; 1,245</strong></td></tr>
<tr><td>7</td><td><input type="checkbox" class="rows-check"></td><td>#0027</td><td><a href="#">Chris Isaac</a></td><td><span class="label label-warning">Waiting</span></td><td>New York, US</td><td><strong class="text-warning">&#36; 1,245</strong></td></tr>
<tr><td>8</td><td><input type="checkbox" class="rows-check"></td><td>#0028</td><td><a href="#">Jenny Doe</a></td><td><span class="label label-primary">Order</span></td><td>Boston, US</td><td><strong class="text-primary">&#36; 1,245</strong></td></tr>
<tr><td>9</td><td><input type="checkbox" class="rows-check"></td><td>#0029</td><td><a href="#">Ban ki moon</a></td><td><span class="label label-danger">Cancel</span></td><td>Boston, US</td><td><strong class="text-danger">&#36; 1,245</strong></td></tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 portlets">
<div class="row">
<div class="col-sm-12">
<div id="todo-app" class="widget">
<div class="widget-header centered">
<div class="left-btn"><a class="btn btn-sm btn-default add-todo"><i class="fa fa-plus"></i></a></div>
<h2>Todo List</h2>
<div class="additional-btn">
<a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
<a href="#" class="widget-popout hidden tt" title="Pop Out/In"><i class="icon-publish"></i></a>
<a href="#" class="widget-maximize hidden"><i class="icon-resize-full-1"></i></a>
<a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
<a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
</div>
</div>
<div class="widget-content padding-sm">
<ul class="todo-list">
<li>
<span class="check-icon"><input type="checkbox" /></span>
<span class="todo-item">Generate monthly sales report for John</span>
<span class="todo-options pull-right">
<a href="javascript:;" class="todo-delete"><i class="icon-cancel-3"></i></a>
</span>
<span class="todo-tags pull-right">
<div class="label label-success">New</div>
</span>
</li>
<li class="high">
<span class="check-icon"><input type="checkbox" /></span>
<span class="todo-item">Mail those reports to John</span>
<span class="todo-options pull-right">
<a href="javascript:;" class="todo-delete"><i class="icon-cancel-3"></i></a>
</span>
</li>
<li>
<span class="check-icon"><input type="checkbox" /></span>
<span class="todo-item">Don't forget to send those reports to John</span>
<span class="todo-options pull-right">
<a href="javascript:;" class="todo-delete"><i class="icon-cancel-3"></i></a>
</span>
</li>
<li class="medium">
<span class="check-icon"><input type="checkbox" /></span>
<span class="todo-item">If you forgot, go back to office to pick them up</span>
<span class="todo-options pull-right">
<a href="javascript:;" class="todo-delete"><i class="icon-cancel-3"></i></a>
</span>
<span class="todo-tags pull-right">
<div class="label label-info">Today</div>
</span>
</li>
<li class="low">
<span class="check-icon"><input type="checkbox" /></span>
<span class="todo-item">Deliver reports by hand to John</span>
<span class="todo-options pull-right">
<a href="javascript:;" class="todo-delete"><i class="icon-cancel-3"></i></a>
</span>
</li>
<li>
<span class="check-icon"><input type="checkbox" /></span>
<span class="todo-item">Say John that you are sorry</span>
<span class="todo-options pull-right">
<a href="javascript:;" class="todo-delete"><i class="icon-cancel-3"></i></a>
</span>
</li>
<li>
<span class="check-icon"><input type="checkbox" /></span>
<span class="todo-item">Beg for your job...</span>
<span class="todo-options pull-right">
<a href="javascript:;" class="todo-delete"><i class="icon-cancel-3"></i></a>
</span>
<span class="todo-tags pull-right">
<div class="label label-danger">Important</div>
</span>
</li>
<li>
<span class="check-icon"><input type="checkbox" /></span>
<span class="todo-item">Look for a new job</span>
<span class="todo-options pull-right">
<a href="javascript:;" class="todo-delete"><i class="icon-cancel-3"></i></a>
</span>
<span class="todo-tags pull-right">
<div class="label label-warning"><i class="icon-search"></i></div>
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div id="notes-app" class="widget">
<div class="notes-line"></div>
<div class="widget-header centered transparent">
<div class="left-btn btn-group"><a class="btn btn-sm btn-primary add-note"><i class="fa fa-plus"></i></a><a class="btn btn-sm btn-primary back-note-list"><i class="icon-align-justify"></i></a></div>
<h2>Notes</h2>
<div class="additional-btn">
<a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
<a href="#" class="widget-popout hidden tt" title="Pop Out/In"><i class="icon-publish"></i></a>
<a href="#" class="widget-maximize hidden"><i class="icon-resize-full-1"></i></a>
<a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
<a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
</div>
</div>
<div class="widget-content padding-sm">
<div id="notes-list">
<div class="scroller">
<ul class="list-unstyled">
</ul>
</div>
</div>
<div id="note-data">
<form>
<textarea class="form-control" id="note-text" placeholder="Your note..."></textarea>
</form>
</div>
<div class="status-indicator">Saved</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 portlets">
<div id="weather-widget" class="widget">
<div class="widget-header transparent">
<h2><strong>Weather</strong> Widget</h2>
<div class="additional-btn">
<a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
<a class="hidden" id="dropdownMenu1" data-toggle="dropdown">
<i class="fa fa-cogs"></i>
</a>
<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenu1">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
<a href="#" class="widget-popout hidden tt" title="Pop Out/In"><i class="icon-publish"></i></a>
<a href="#" class="widget-maximize hidden"><i class="icon-resize-full-1"></i></a>
<a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
<a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
</div>
</div>
<div id="weather" class="widget-content">
</div><i class="wi-day-rain-mix"></i>
<button class="js-geolocation btn btn-sm btn-default" style="display: none;">Use Your Location</button>
</div>
</div>
<div class="col-lg-4 col-md-6 portlets">
<div id="calendar-widget2" class="widget blue-1">
<div class="widget-header transparent">
<h2><strong>Calendar</strong> Widget</h2>
<div class="additional-btn">
<a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
<a href="#" class="widget-popout hidden tt" title="Pop Out/In"><i class="icon-publish"></i></a>
<a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
<a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
</div>
</div>
<div id="calendar-box2" class="widget-content col-sm-12">
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portlets">
<div id="calc" class="widget darkblue-2">
<div class="widget-header">
<div class="additional-btn left-toolbar">
<div class="btn-group">
<a class="additional-icon" id="dropdownMenu2" data-toggle="dropdown">
Calculator <i class="fa fa-angle-down"></i>
</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2">
<li><a href="#">Save</a></li>
<li><a href="#">Export</a></li>
<li class="divider"></li>
<li><a href="#">Quit</a></li>
</ul>
</div>
</div>
<div class="additional-btn">
<a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
<a href="#" class="widget-popout hidden tt" title="Pop Out/In"><i class="icon-publish"></i></a>
<a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
</div>
</div>
<div id="calculator" class="widget-content">
<div class="calc-top col-xs-12">
<div class="row">
<div class="col-xs-3"><span class="calc-clean">C</span></div>
<div class="col-xs-9"><div class="calc-screen"></div></div>
</div>
</div>
<div class="calc-keys col-xs-12">
<div class="row">
<div class="col-xs-3"><span>7</span></div>
<div class="col-xs-3"><span>8</span></div>
<div class="col-xs-3"><span>9</span></div>
<div class="col-xs-3"><span class="calc-operator">+</span></div>
</div>
<div class="row">
<div class="col-xs-3"><span>4</span></div>
<div class="col-xs-3"><span>5</span></div>
<div class="col-xs-3"><span>6</span></div>
<div class="col-xs-3"><span class="calc-operator">-</span></div>
</div>
<div class="row">
<div class="col-xs-3"><span>1</span></div>
<div class="col-xs-3"><span>2</span></div>
<div class="col-xs-3"><span>3</span></div>
<div class="col-xs-3"><span class="calc-operator">÷</span></div>
</div>
<div class="row">
<div class="col-xs-3"><span>0</span></div>
<div class="col-xs-3"><span>.</span></div>
<div class="col-xs-3"><span class="calc-eval">=</span></div>
<div class="col-xs-3"><span class="calc-operator">x</span></div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8 col-md-6 portlets">
</div>
<div class="col-lg-4 col-md-6 portlets">
<div id="stock-app" class="widget green-3">
<div class="widget-header transparent">
<h2><strong>Stock</strong> Markets</h2>
<div class="additional-btn">
<a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
<a class="hidden" id="dropdownMenu1" data-toggle="dropdown">
<i class="fa fa-cogs"></i>
</a>
<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenu1">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
<a href="#" class="widget-popout hidden tt" title="Pop Out/In"><i class="icon-publish"></i></a>
<a href="#" class="widget-maximize hidden"><i class="icon-resize-full-1"></i></a>
<a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
<a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
</div>
</div>
<div class="widget-content">
<div id="website-statistic3" class="statistic-chart">
<div class="row">
<div class="col-xs-6">
<h2>NASDAQ</h2>
</div>
<div class="col-xs-6">
<label id="nasdaq-status" class="stock-status"></label>
</div>
</div>
<div class="row">
<div class="col-xs-6">
<h2>DOW JONES</h2>
</div>
<div class="col-xs-6">
<label id="dow-status" class="stock-status"></label>
</div>
</div>
<div class="row">
<div class="col-xs-6">
<h2>S&P</h2>
</div>
<div class="col-xs-6">
<label id="sp-status" class="stock-status"></label>
</div>
</div>
</div>
<div id="home-chart-3"></div>
</div>
<div class="widget-footer">
</div>
</div>
</div>
</div>
<!-- Footer Start -->
<footer>
Huban Creative &copy; 2014
<div class="footer-links pull-right">
<a href="#">About</a><a href="#">Support</a><a href="#">Terms of Service</a><a href="#">Legal</a><a href="#">Help</a><a href="#">Contact Us</a>
</div>
</footer>
<!-- Footer End -->
</div>
<!-- ============================================================== -->
<!-- End content here -->
<!-- ============================================================== -->
</div>
<!-- End right content -->