Web Interfaces of PROSUME

charts.ctp 2.4KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <?php
  2. $this->layout = false;
  3. ?>
  4. <!DOCTYPE html>
  5. <html>
  6. <?= $this->element('Eprosume/header') ?>
  7. <body class="hold-transition skin-green sidebar-mini">
  8. <div class="wrapper">
  9. <?= $this->element('Eprosume/mainHeader') ?>
  10. <!-- Left side column. contains the logo and sidebar -->
  11. <?= $this->element('Eprosume/leftSideColumn') ?>
  12. <!-- Content Wrapper. Contains page content -->
  13. <div class="content-wrapper">
  14. <!-- Content Header (Page header) -->
  15. <section class="content-header">
  16. <h1>
  17. Charts
  18. <small></small>
  19. </h1>
  20. <ol class="breadcrumb">
  21. <li><a href="/"><i class="fa fa-dashboard"></i> <?= $app_name ?></a></li>
  22. <li class="active">Charts</li>
  23. </ol>
  24. </section>
  25. <!-- Main content -->
  26. <section class="content">
  27. <div class="row">
  28. <div class="col-xs-12">
  29. <div class="box">
  30. <!-- /.box-header -->
  31. <div class="box-body">
  32. <?= $this->element('Eprosume/dataTableToolbar', [
  33. "prosumers" => $prosumers,
  34. "columnTimestamp"=>null
  35. ]) ?>
  36. <div class="row">
  37. <div class="col-md-12 col-sm-12 col-xs-12">
  38. <p class="alert">Please, select a Meter and a date range</p>
  39. <div id="chart1" class="chart"></div>
  40. <div id="chart2" class="chart"></div>
  41. <div id="chart3" class="chart"></div>
  42. <div id="chart4" class="chart"></div>
  43. </div>
  44. </div>
  45. </div>
  46. <!-- /.box-body -->
  47. </div>
  48. <!-- /.box -->
  49. </div>
  50. <!-- /.col -->
  51. </div>
  52. <!-- /.row -->
  53. </section>
  54. <!-- /.content -->
  55. </div>
  56. <!-- /.content-wrapper -->
  57. <?= $this->element('Eprosume/footer') ?>
  58. </div>
  59. <!-- ./wrapper -->
  60. <?= $this->element('Eprosume/scripts') ?>
  61. </body>
  62. </html>