checkpoint: create/delete working now / existing tests passing / need moar tests

[tech-radar-editor.git] / web / templates / radar / index.html.eex

diff --git a/web/templates/radar/index.html.eex b/web/templates/radar/index.html.eex
index e2892e4..28684e9 100644 (file)
--- a/web/templates/radar/index.html.eex
+++ b/web/templates/radar/index.html.eex
@@ -3,7 +3,7 @@
   </div>
   <div id="new-items">
 
-    <form name="newBlip">
+    <%= form_for @changeset, radar_path(@conn, :create), fn f -> %>
       <table class="radar-input-table" >
         <thead>
           <tr class="radar-input-status-group">
@@ -16,33 +16,24 @@
         </thead>
         <tr c>
           <td>
-            <select name="quadrant">
-              <option value="1">Tool</option>
-              <option value="2">Technique</option>
-              <option value="3">Platform</option>
-              <option value="4">Language</option>
-            </select>
+            <%= select f, :quadrant,  Enum.with_index(TechRadarEditor.RadarDataPoint.quadrants,1) %>
           </td>
           <td>
-            <select name="cycle">
-              <option value="1">Adopt</option>
-              <option value="2">Trial</option>
-              <option value="3">Assess</option>
-              <option value="4">Hold</option>
-            </select>
+            <%= select f, :cycle,  Enum.with_index(TechRadarEditor.RadarDataPoint.cycles,1) %>
           </td>
           <td>
-            <input type="text" name="name" />
+            <%= text_input f, :name %> 
           </td>
           <td>
-            <input type="text" name="description" />
+            <%= text_input f, :description %>
           </td>
           <td>
-            <input name="Add" type="submit" value="Add" />
+            <%= hidden_input f, :is_new, value: "true"  %>
+            <%= submit "Add", class: "btn btn-primary" %>
           </td>
         </tr>
       </table>
-    </form>
+    <% end %>
   </div>
   <div id="ref-table">
   </div>
@@ -88,8 +79,12 @@
   radar.setThirdQuadrant(platformsQuadrant);
   radar.setFourthQuadrant(languageFramework);
 
-  // var radarGraph = new tr.graphing.Radar(1080, radar);
-  var radarGraph = new tr.graphing.Radar(1100, radar);
+  var innerWidth = window.innerWidth;
+  var innerHeight = window.innerHeight;
+
+  radarSize = Math.min(innerWidth-20, innerHeight-20, 1080);
+
+  var radarGraph = new tr.graphing.Radar(radarSize, radar);
   radarGraph.init('#radar').plot();
   var refTable = new tr.graphing.RefTable(radar);
   refTable.init('#ref-table').render();
@@ -98,8 +93,14 @@
   for (var i = 0, trow; trow = ref_table.rows[i]; i++) {
       if (trow.cells.length == 3) {
          var blip_number = trow.cells[0].textContent;
-         var new_cell = trow.insertCell(-1); 
-         new_cell.innerHTML = "<a href='./delete/" + blip_number + "' class='btn btn-danger btn-xs'>Delete</a>" 
+         var new_cell = trow.insertCell(-1);
+         s_form = "<form action=\"/" + blip_number + "\" class=\"link\" method=\"post\">";
+         s_form += "<input name=\"_method\" type=\"hidden\" value=\"delete\">";
+         s_form += "<a class=\"btn btn-danger btn-xs\" data-confirm=\"Are you sure?\" data-submit=\"parent\" href=\"#\" rel=\"nofollow\">Delete</a>";
+         s_form += "<input type=\"hidden\" name=\"_csrf_token\" value=\"<%= get_csrf_token() %>\">";
+         s_form += "</form>";
+         // new_cell.innerHTML = "<a href='./delete/" + blip_number + "' class='btn btn-danger btn-xs'>Delete</a>";
+         new_cell.innerHTML = s_form;
       };
   };