roger_ui

<h2>Partitions:</h2>
<div class="row">
  <div class="col-xs-12">
    <span id="partition-data"></span>
  </div>
</div>

<script>

 /* let createRows = (data) -> (key) -> {*/
 /* return "<h1>${data[key]}</h1>";*/
 /* };*/

 let createRows = function(data) {
   return function(key) {
     return "<h1>" + key + "</h1>";
   };
 };

 $(function() {
  $.ajax({
      url: "/api/partitions",
      method: "GET",
      data: {
        partitions: [],
      }
    })
    .done(function(data) {
      let ps = Object.keys(data.partitions).map(createRows(data.partitions));
      $("#partition-data").html(ps);
    })
    .fail(function(xhr) {
      $("#partition-data").text("Error Loading Partitions");
      console.error('error', xhr);
    });
 });
</script>