<body>
- <div id="radar">
- </div>
- <div id="new-items">
-
- <%= form_for @changeset, radar_path(@conn, :create), fn f -> %>
- <table class="radar-input-table" >
- <thead>
- <tr class="radar-input-status-group">
- <td>Quadrant</td>
- <td>Cycle</td>
- <td>Name</td>
- <td>Description</td>
- <td< /td>
- </tr>
- </thead>
- <tr c>
- <td>
- <%= select f, :quadrant, Enum.with_index(TechRadarEditor.RadarDataPoint.quadrants,1) %>
- </td>
- <td>
- <%= select f, :cycle, Enum.with_index(TechRadarEditor.RadarDataPoint.cycles,1) %>
- </td>
- <td>
- <%= text_input f, :name %>
- </td>
- <td>
- <%= text_input f, :description %>
- </td>
- <td>
- <%= hidden_input f, :is_new, value: "true" %>
- <%= submit "Add", class: "btn btn-primary" %>
- </td>
- </tr>
- </table>
- <% end %>
- </div>
- <div id="ref-table">
- </div>
+ <div id="radar">
+ </div>
+ <div id="sidenav" class="sidenav">
+ <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
+ <div id="new-items">
+ <%= form_for @changeset, radar_path(@conn, :create), fn f -> %>
+ <table class="radar-input-table" >
+ <thead>
+ <tr class="radar-input-status-group">
+ <td>Quadrant</td>
+ <td>Cycle</td>
+ <td>Name</td>
+ <td>Description</td>
+ <td< /td>
+ </tr>
+ </thead>
+ <tr c>
+ <td>
+ <%= select f, :quadrant, Enum.with_index(TechRadarEditor.RadarDataPoint.quadrants,1) %>
+ </td>
+ <td>
+ <%= select f, :cycle, Enum.with_index(TechRadarEditor.RadarDataPoint.cycles,1) %>
+ </td>
+ <td>
+ <%= text_input f, :name %>
+ </td>
+ <td>
+ <%= text_input f, :description %>
+ </td>
+ <td>
+ <%= hidden_input f, :is_new, value: "true" %>
+ <%= submit "Add", class: "btn btn-primary" %>
+ </td>
+ </tr>
+ </table>
+ <% end %>
+ </div>
+ <div id="ref-table">
+ </div>
+ </div>
</body>
<script>
- var adopt = new tr.models.Cycle('Adopt', 0);
- var trial = new tr.models.Cycle('Trial', 1);
- var assess = new tr.models.Cycle('Assess', 2);
- var hold = new tr.models.Cycle('Hold', 3);
-
- var radar = new tr.models.Radar();
- var toolsQuadrant = new tr.models.Quadrant('Tools');
- var techniquesQuadrant = new tr.models.Quadrant('Techniques');
- var platformsQuadrant = new tr.models.Quadrant('Platforms');
- var languageFramework = new tr.models.Quadrant('Languages & Frameworks');
-
- <% fn_blip_line = fn(p) -> " new tr.models.Blip('" <> p.name <> "', "
- <> String.downcase(Enum.at(TechRadarEditor.RadarDataPoint.cycles, p.cycle-1)) <> ", "
- <> if(p.is_new, do: "true", else: "false")
- <> if(p.description != nil, do: ",'" <> p.description <> "'", else: "")
- <> ")"
- end
- %>
-
- toolsQuadrant.add([
-<%= raw(Enum.join( Enum.map(@radar_quadrants[1], fn(p) -> fn_blip_line.(p) end),",\n")) %>
- ]);
-
- techniquesQuadrant.add([
-<%= raw(Enum.join( Enum.map(@radar_quadrants[2], fn(p) -> fn_blip_line.(p) end),",\n")) %>
- ]);
-
- platformsQuadrant.add([
-<%= raw(Enum.join( Enum.map(@radar_quadrants[3], fn(p) -> fn_blip_line.(p) end),",\n")) %>
- ]);
-
- languageFramework.add([
-<%= raw(Enum.join( Enum.map(@radar_quadrants[4], fn(p) -> fn_blip_line.(p) end),",\n")) %>
- ]);
-
- radar.setFirstQuadrant(toolsQuadrant);
- radar.setSecondQuadrant(techniquesQuadrant);
- radar.setThirdQuadrant(platformsQuadrant);
- radar.setFourthQuadrant(languageFramework);
-
- 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();
-
- ref_table = document.getElementsByClassName('radar-ref-table')[0];
- 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);
- 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;
- };
- };
-
+var adopt = new tr.models.Cycle('Adopt', 0);
+var trial = new tr.models.Cycle('Trial', 1);
+var assess = new tr.models.Cycle('Assess', 2);
+var hold = new tr.models.Cycle('Hold', 3);
+
+var radar = new tr.models.Radar();
+var toolsQuadrant = new tr.models.Quadrant('Tools');
+var techniquesQuadrant = new tr.models.Quadrant('Techniques');
+var platformsQuadrant = new tr.models.Quadrant('Platforms');
+var languageFramework = new tr.models.Quadrant('Languages & Frameworks');
+
+<% fn_blip_line = fn(p) -> " new tr.models.Blip('" <> p.name <> "', "
+ <> String.downcase(Enum.at(TechRadarEditor.RadarDataPoint.cycles, p.cycle-1)) <> ", "
+ <> if(p.is_new, do: "true", else: "false")
+ <> if(p.description != nil, do: ",'" <> p.description <> "'", else: "")
+ <> ")"
+ end
+%>
+
+toolsQuadrant.add([
+ <%= raw(Enum.join( Enum.map(@radar_quadrants[1], fn(p) -> fn_blip_line.(p) end),",\n")) %>
+]);
+
+techniquesQuadrant.add([
+ <%= raw(Enum.join( Enum.map(@radar_quadrants[2], fn(p) -> fn_blip_line.(p) end),",\n")) %>
+]);
+
+platformsQuadrant.add([
+ <%= raw(Enum.join( Enum.map(@radar_quadrants[3], fn(p) -> fn_blip_line.(p) end),",\n")) %>
+]);
+
+languageFramework.add([
+ <%= raw(Enum.join( Enum.map(@radar_quadrants[4], fn(p) -> fn_blip_line.(p) end),",\n")) %>
+]);
+
+radar.setFirstQuadrant(toolsQuadrant);
+radar.setSecondQuadrant(techniquesQuadrant);
+radar.setThirdQuadrant(platformsQuadrant);
+radar.setFourthQuadrant(languageFramework);
+
+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();
+
+ref_table = document.getElementsByClassName('radar-ref-table')[0];
+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);
+ 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 = s_form;
+ };
+};
+
+/* Set the width of the side navigation to 250px */
+function openNav() {
+ document.getElementById("sidenav").style.width = "80%";
+}
+
+/* Set the width of the side navigation to 0 */
+function closeNav() {
+ document.getElementById("sidenav").style.width = "0";
+}
+
</script>
+<button onclick="openNav()">Show Blips</button><br />
<a href="/admin/radar_data_point">Admin Radar Data Point</a>