166 lines
9.2 KiB
PHP
166 lines
9.2 KiB
PHP
@extends('admin.layoutWithNavigation')
|
|
|
|
@section('content')
|
|
<article class="content charts-flot-page">
|
|
<div class="title-block">
|
|
<h3 class="title">
|
|
Charts Flot
|
|
</h3>
|
|
<p class="title-description"> List of sample charts with custom colors </p>
|
|
</div>
|
|
<section class="section">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="card">
|
|
<div class="card-block">
|
|
<div class="card-title-block">
|
|
<h3 class="title">
|
|
Bar Chart Example
|
|
</h3> </div>
|
|
<section class="example">
|
|
<div class="flot-chart">
|
|
<div class="flot-chart-content" id="flot-bar-chart"></div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="card">
|
|
<div class="card-block">
|
|
<div class="card-title-block">
|
|
<h3 class="title">
|
|
Line Cahrt Example
|
|
</h3> </div>
|
|
<section class="example">
|
|
<div class="flot-chart">
|
|
<div class="flot-chart-content" id="flot-line-chart"></div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="section">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="card">
|
|
<div class="card-block">
|
|
<div class="card-title-block">
|
|
<h3 class="title">
|
|
Pie Chart Example
|
|
</h3> </div>
|
|
<section class="example">
|
|
<div class="flot-chart">
|
|
<div class="flot-chart-pie-content" id="flot-pie-chart"></div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="card">
|
|
<div class="card-block">
|
|
<div class="card-title-block">
|
|
<h3 class="title">
|
|
Live Chart Example
|
|
</h3> </div>
|
|
<section class="example">
|
|
<div class="flot-chart">
|
|
<div class="flot-chart-content" id="flot-line-chart-moving"></div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="section">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="card">
|
|
<div class="card-block">
|
|
<div class="card-title-block">
|
|
<h3 class="title">
|
|
Multiple Axes Line Chart Example
|
|
</h3> </div>
|
|
<section class="example">
|
|
<div class="flot-chart">
|
|
<div class="flot-chart-content" id="flot-line-chart-multi"></div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</article>
|
|
<footer class="footer">
|
|
<div class="footer-block buttons"> <iframe class="footer-github-btn" src="https://ghbtns.com/github-btn.html?user=modularcode&repo=modular-admin-html&type=star&count=true" frameborder="0" scrolling="0" width="140px" height="20px"></iframe> </div>
|
|
<div class="footer-block author">
|
|
<ul>
|
|
<li> created by <a href="https://github.com/modularcode">ModularCode</a> </li>
|
|
<li> <a href="https://github.com/modularcode/modular-admin-html#get-in-touch">get in touch</a> </li>
|
|
</ul>
|
|
</div>
|
|
</footer>
|
|
<div class="modal fade" id="modal-media">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
<span class="sr-only">Close</span>
|
|
</button>
|
|
<h4 class="modal-title">Media Library</h4> </div>
|
|
<div class="modal-body modal-tab-container">
|
|
<ul class="nav nav-tabs modal-tabs" role="tablist">
|
|
<li class="nav-item"> <a class="nav-link" href="#gallery" data-toggle="tab" role="tab">Gallery</a> </li>
|
|
<li class="nav-item"> <a class="nav-link active" href="#upload" data-toggle="tab" role="tab">Upload</a> </li>
|
|
</ul>
|
|
<div class="tab-content modal-tab-content">
|
|
<div class="tab-pane fade" id="gallery" role="tabpanel">
|
|
<div class="images-container">
|
|
<div class="row"> </div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane fade active in" id="upload" role="tabpanel">
|
|
<div class="upload-container">
|
|
<div id="dropzone">
|
|
<form action="/" method="POST" enctype="multipart/form-data" class="dropzone needsclick dz-clickable" id="demo-upload">
|
|
<div class="dz-message-block">
|
|
<div class="dz-message needsclick"> Drop files here or click to upload. </div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Insert Selected</button> </div>
|
|
</div>
|
|
<!-- /.modal-content -->
|
|
</div>
|
|
<!-- /.modal-dialog -->
|
|
</div>
|
|
<!-- /.modal -->
|
|
<div class="modal fade" id="confirm-modal">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
<h4 class="modal-title"><i class="fa fa-warning"></i> Alert</h4> </div>
|
|
<div class="modal-body">
|
|
<p>Are you sure want to do this?</p>
|
|
</div>
|
|
<div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal">Yes</button> <button type="button" class="btn btn-secondary" data-dismiss="modal">No</button> </div>
|
|
</div>
|
|
<!-- /.modal-content -->
|
|
</div>
|
|
<!-- /.modal-dialog -->
|
|
</div>
|
|
<!-- /.modal -->
|
|
</div>
|
|
</div>
|
|
@endsection |