web/templates/radar/index.html.eex

   1 <body>
   2   <div id="radar">
   3   </div>
   4   <div id="new-items">
   5
   6     <form name="newBlip">
   7       <table class="radar-input-table" >
   8         <thead>
   9           <tr class="radar-input-status-group">
  10             <td>Quadrant</td>
  11             <td>Cycle</td>
  12             <td>Name</td>
  13             <td>Description</td>
  14             <td< /td>
  15           </tr>
  16         </thead>
  17         <tr c>
  18           <td>
  19             <select name="quadrant">
  20               <option value="1">Tool</option>
  21               <option value="2">Technique</option>
  22               <option value="3">Platform</option>
  23               <option value="4">Language</option>
  24             </select>
  25           </td>
  26           <td>
  27             <select name="cycle">
  28               <option value="1">Adopt</option>
  29               <option value="2">Trial</option>
  30               <option value="3">Assess</option>
  31               <option value="4">Hold</option>
  32             </select>
  33           </td>
  34           <td>
  35             <input type="text" name="name" />
  36           </td>
  37           <td>
  38             <input type="text" name="description" />
  39           </td>
  40           <td>
  41             <input name="Add" type="submit" value="Add" />
  42           </td>
  43         </tr>
  44       </table>
  45     </form>
  46   </div>
  47   <div id="ref-table">
  48   </div>
  49 </body>
  50 <script>
  51   var adopt = new tr.models.Cycle('Adopt', 0);
  52   var trial = new tr.models.Cycle('Trial', 1);
  53   var assess = new tr.models.Cycle('Assess', 2);
  54   var hold = new tr.models.Cycle('Hold', 3);
  55
  56   var radar = new tr.models.Radar();
  57   var toolsQuadrant = new tr.models.Quadrant('Tools');
  58   var techniquesQuadrant = new tr.models.Quadrant('Techniques');
  59   var platformsQuadrant = new tr.models.Quadrant('Platforms');
  60   var languageFramework = new tr.models.Quadrant('Languages & Frameworks');
  61
  62   <% fn_blip_line = fn(p) -> "         new tr.models.Blip('" <> p.name <> "', "
  63                              <> String.downcase(Enum.at(TechRadarEditor.RadarDataPoint.cycles, p.cycle-1))  <> ", "
  64                              <> if(p.is_new, do: "true", else: "false")
  65                              <> if(p.description != nil, do: ",'" <> p.description <> "'", else: "")
  66                              <> ")"
  67                            end
  68   %>
  69
  70   toolsQuadrant.add([
  71 <%= raw(Enum.join( Enum.map(@radar_quadrants[1], fn(p) -> fn_blip_line.(p) end),",\n")) %>
  72   ]);
  73
  74   techniquesQuadrant.add([
  75 <%= raw(Enum.join( Enum.map(@radar_quadrants[2], fn(p) -> fn_blip_line.(p) end),",\n")) %>
  76   ]);
  77
  78   platformsQuadrant.add([
  79 <%= raw(Enum.join( Enum.map(@radar_quadrants[3], fn(p) -> fn_blip_line.(p) end),",\n")) %>
  80   ]);
  81
  82   languageFramework.add([
  83 <%= raw(Enum.join( Enum.map(@radar_quadrants[4], fn(p) -> fn_blip_line.(p) end),",\n")) %>
  84   ]);
  85
  86   radar.setFirstQuadrant(toolsQuadrant);
  87   radar.setSecondQuadrant(techniquesQuadrant);
  88   radar.setThirdQuadrant(platformsQuadrant);
  89   radar.setFourthQuadrant(languageFramework);
  90
  91   // var radarGraph = new tr.graphing.Radar(1080, radar);
  92   var radarGraph = new tr.graphing.Radar(1100, radar);
  93   radarGraph.init('#radar').plot();
  94   var refTable = new tr.graphing.RefTable(radar);
  95   refTable.init('#ref-table').render();
  96
  97   ref_table = document.getElementsByClassName('radar-ref-table')[0];
  98   for (var i = 0, trow; trow = ref_table.rows[i]; i++) {
  99       if (trow.cells.length == 3) {
 100          var blip_number = trow.cells[0].textContent;
 101          var new_cell = trow.insertCell(-1);
 102          new_cell.innerHTML = "<a href='./delete/" + blip_number + "' class='btn btn-danger btn-xs'>Delete</a>"
 103       };
 104   };
 105
 106 </script>
 107
 108 <a href="/admin/radar_data_point">Admin Radar Data Point</a>
 109