From f58eed4ff744969bc10af8ef1c4bed42c1e31eb0 Mon Sep 17 00:00:00 2001 From: Dennis Kao <ulysseskao@gmail.com> Date: Tue, 26 Apr 2016 01:57:12 +0800 Subject: [PATCH] ui-router templates --- grails-app/assets/templates/xdashangular/charts/flot.html | 143 ++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 134 insertions(+), 9 deletions(-) diff --git a/grails-app/assets/templates/xdashangular/charts/flot.html b/grails-app/assets/templates/xdashangular/charts/flot.html index de155ea..8c95ad6 100644 --- a/grails-app/assets/templates/xdashangular/charts/flot.html +++ b/grails-app/assets/templates/xdashangular/charts/flot.html @@ -1,10 +1,135 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8"> - <title>Title</title> -</head> -<body> +<!-- Content Header (Page header) --> +<section class="content-header"> + <h1> + Flot Charts + <small>preview sample</small> + </h1> + <ol class="breadcrumb"> + <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li> + <li><a href="#">Charts</a></li> + <li class="active">Flot</li> + </ol> +</section> -</body> -</html> \ No newline at end of file +<!-- Main content --> +<section class="content"> + <div class="row"> + <div class="col-xs-12"> + <!-- interactive chart --> + <div class="box box-primary"> + <div class="box-header with-border"> + <i class="fa fa-bar-chart-o"></i> + + <h3 class="box-title">Interactive Area Chart</h3> + + <div class="box-tools pull-right"> + Real time + <div class="btn-group" id="realtime" data-toggle="btn-toggle"> + <button type="button" class="btn btn-default btn-xs active" data-toggle="on">On</button> + <button type="button" class="btn btn-default btn-xs" data-toggle="off">Off</button> + </div> + </div> + </div> + <div class="box-body"> + <div id="interactive" style="height: 300px;"></div> + </div> + <!-- /.box-body--> + </div> + <!-- /.box --> + + </div> + <!-- /.col --> + </div> + <!-- /.row --> + + <div class="row"> + <div class="col-md-6"> + <!-- Line chart --> + <div class="box box-primary"> + <div class="box-header with-border"> + <i class="fa fa-bar-chart-o"></i> + + <h3 class="box-title">Line Chart</h3> + + <div class="box-tools pull-right"> + <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i> + </button> + <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> + </div> + </div> + <div class="box-body"> + <div id="line-chart" style="height: 300px;"></div> + </div> + <!-- /.box-body--> + </div> + <!-- /.box --> + + <!-- Area chart --> + <div class="box box-primary"> + <div class="box-header with-border"> + <i class="fa fa-bar-chart-o"></i> + + <h3 class="box-title">Full Width Area Chart</h3> + + <div class="box-tools pull-right"> + <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i> + </button> + <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> + </div> + </div> + <div class="box-body"> + <div id="area-chart" style="height: 338px;" class="full-width-chart"></div> + </div> + <!-- /.box-body--> + </div> + <!-- /.box --> + + </div> + <!-- /.col --> + + <div class="col-md-6"> + <!-- Bar chart --> + <div class="box box-primary"> + <div class="box-header with-border"> + <i class="fa fa-bar-chart-o"></i> + + <h3 class="box-title">Bar Chart</h3> + + <div class="box-tools pull-right"> + <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i> + </button> + <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> + </div> + </div> + <div class="box-body"> + <div id="bar-chart" style="height: 300px;"></div> + </div> + <!-- /.box-body--> + </div> + <!-- /.box --> + + <!-- Donut chart --> + <div class="box box-primary"> + <div class="box-header with-border"> + <i class="fa fa-bar-chart-o"></i> + + <h3 class="box-title">Donut Chart</h3> + + <div class="box-tools pull-right"> + <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i> + </button> + <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> + </div> + </div> + <div class="box-body"> + <div id="donut-chart" style="height: 300px;"></div> + </div> + <!-- /.box-body--> + </div> + <!-- /.box --> + </div> + <!-- /.col --> + </div> + <!-- /.row --> +</section> +<!-- /.content --> -- Gitblit v0.0.0-SNAPSHOT