Web Interfaces of PROSUME

dataTableToolbar.ctp 3.0KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <div class="row eprosume_toolbar">
  2. <div class="col-sm-6">
  3. <div id="meterSelectWrapper" class="dataTables_length">
  4. <label for="meterSelect">Meter</label>
  5. <select id="meterSelect" aria-controls="valueTable" class="form-control input-sm" data-column="<?php echo $column; ?>">
  6. <option></option>
  7. <?php foreach($prosumers as $prosumer): ?>
  8. <option value="<?= $prosumer ?>"><?= $prosumer ?></option>
  9. <?php endforeach; ?>
  10. </select>
  11. <button id="meterReset" class="btn btn-info">Reset</button>
  12. </div>
  13. </div>
  14. <div class="col-sm-6 text-right">
  15. <div id="pickerSelectWrapper" class="dataTables_length">
  16. <label for="pickerSelect">Dates range</label>
  17. <input type="text" autocomplete="off" id="pickerSelect" aria-controls="valueTable" class="form-control input-sm" data-column="<?php echo $columnTimestamp === null ? "" : $columnTimestamp; ?>" data-from="" data-to="">
  18. <button id="pickerReset" class="btn btn-info">Reset</button>
  19. </div>
  20. </div>
  21. <div class="col-sm-6">
  22. <div id="searchInputWrapper" class="dataTables_length hidden">
  23. <label for="searchInput">TX ID</label>
  24. <input type="text" autocomplete="off" id="searchInput" aria-controls="valueTable" class="form-control input-sm">
  25. <button id="searchButton" class="btn btn-success">Search</button>
  26. <button id="searchReset" class="btn btn-info">Reset</button>
  27. </div>
  28. </div>
  29. <div class="col-sm-3 text-right">
  30. <div id="exportButtonWrapper" class="dataTables_length hidden">
  31. <button id="exportButton" class="btn btn-success">Export CSV</button>
  32. </div>
  33. </div>
  34. <div class="col-sm-3 text-right">
  35. <div id="periodInputWrapper" class="dataTables_length hidden">
  36. <input id="period1" type="radio" name="periodRadio" value="0" checked="checked">
  37. <label for="period1">All</label>
  38. <input id="period2" type="radio" name="periodRadio" value="1">
  39. <label for="period2">Daily</label>
  40. <input id="period3" type="radio" name="periodRadio" value="2">
  41. <label for="period3">Monthly</label>
  42. </div>
  43. </div>
  44. </div>