frontend changes for mass traversal.

Author: rcreasey

app/js/core/data.js

@@ -132,7 +132,8 @@ var Data = {
     start: Templates.start,
     system_info: Templates.system_info,
     wormhole_link_info: Templates.wormhole_link_info,
-    wormhole_update_panel: Templates.wormhole_update_panel
+    wormhole_update_panel: Templates.wormhole_update_panel,
+    wormhole_update_traversal: Templates.wormhole_update_traversal
   },
 
   ships: {},

app/js/core/server.js

@@ -138,5 +138,9 @@ var Server = {
 
   postWormholeLinkUpdate: function(from, to, linkData, callback) {
     Server.ajaxPost('/map/jumps/' + from + '/' + to + '/', linkData, callback);
+  },
+
+  postWormholeTraversalUpdate: function(from, to, traversalData, callback) {
+    Server.ajaxPost('/map/traversals/' + from + '/' + to + '/', traversalData, callback);
   }
 };

app/js/core/ui.js

@@ -281,6 +281,7 @@ Handlebars.registerHelper('ui_icon', function(icon) {
   if (icon == 'sourcedClear') return 'check';
   if (icon == 'sourcedClipboard') return 'clipboard';
   if (icon == 'sourcedHostile') return 'crosshairs';
+  if (icon == 'traversal') return 'bus';
   if (icon == 'updateHostile') return 'crosshairs';
   if (icon == 'updateSystemMap') return 'sitemap';
   if (icon == 'wormhole') return 'chevron-circle-right';

app/js/core/ui_panels.js

@@ -178,6 +178,21 @@ var UIPanels = {
 
     $("#sig-a").focus();
   },
+  
+  updateWormholeTraversalPanel: function (button, from_id, to_id) {
+    var from_system = Data.systems[ from_id ];
+    var to_system = Data.systems[ to_id ];
+
+    var panel = {
+      type: 'wormhole-traversal',
+      icon: 'wormhole',
+      from: from_system,
+      to: to_system,
+      closeable: true
+    };
+
+    UIPanels.showPanel(panel);
+  },
 
   showStatusPanel: function (callback) {
     var panel = {
@@ -235,6 +250,7 @@ var UIPanels = {
   showPanel: function (params, callback) {
     var compiledPanel = (params.type === 'start') ? $(Data.templates.start(params)) : $(Data.templates.panel(params));
     if (params.type === 'wormhole-update') compiledPanel = $(Data.templates.wormhole_update_panel(params));
+    if (params.type === 'wormhole-traversal') compiledPanel = $(Data.templates.wormhole_update_traversal(params));
 
     if (Data.ui.dim.children().length) {
 

app/js/maps/wormhole_map.js

@@ -334,7 +334,7 @@ var WormholeMap = {
     link_a.permitted_ships = Handlebars.helpers.jump_permitted_ships(link_a.wormhole_data.mass_total);
     link_b.permitted_ships = Handlebars.helpers.jump_permitted_ships(link_b.wormhole_data.mass_total);
 
-    Data.ui.mapInfo.html( $(Data.templates.wormhole_link_info({link_a: link_a, link_b: link_b, clear_only: true})) );
+    Data.ui.mapInfo.html( $(Data.templates.wormhole_link_info({link_a: link_a, link_b: link_b, clear_only: true, fc_only: true})) );
     Data.ui.mapInfo.children('div.wormhole-link-details')
       .fadeIn(Data.config.uiSpeed)
       .delay(Data.config.alertStay * 3)

app/js/overview.js

@@ -63,7 +63,31 @@ function updateWormholeLink(button, from, to, data) {
                               '<a href="javascript:CCPEVE.showInfo(5, ' + to + ')">' + Data.systems[to].name + '</a> '}); 
 
     $('#link-'+ to + '-' + from).remove();
-    $('#link-'+ from + '-' + to).remove()
+    $('#link-'+ from + '-' + to).remove();
+  });
+}
+
+function updateWormholeTraversal(button, from, to) {
+  var payload = {};
+  
+  payload.mass = $('#traversal-mass').val().replace(/,/g, '');
+  payload.fleet_name = $('#traversal-fleet').val();
+  payload.fc_characterName = $('#traversal-fc').val();
+  UIPanels.hidePanel();
+
+  Server.postWormholeTraversalUpdate(from, to, payload, function(error, data) {
+    if (error) {
+      handleError(error);
+      return;
+    }
+    
+    EventList.addEvent({type: 'info', 
+                        alert: true, 
+                        text: 'Traversal logged for jump from ' +
+                              '<a href="javascript:CCPEVE.showInfo(5, ' + from + ')">' + Data.systems[from].name + '</a> ' + 
+                              ' to ' +
+                              '<a href="javascript:CCPEVE.showInfo(5, ' + to + ')">' + Data.systems[to].name + '</a> '}); 
+
   });
 }
 

app/styles/main.css

@@ -172,6 +172,11 @@ html.overview #content-wrapper {
   padding-top: 2.5rem
 }
 
+#dim.overview {
+  display: none;
+  background-image: none;
+}
+
 #dim.client {
   display: none;
   background-image: none;

app/templates/wormhole_link_info.hbs

@@ -66,14 +66,20 @@
     <dd><a href="javascript:CCPEVE.showInfo(1377, {{link_a.wormhole_data.reporterId}});">{{link_a.wormhole_data.reporterName}}</a></dd>
     {{/if}}
   </dl>
-  
+
   {{#unless read_only }}
     <h4>Update Link Actions</h4>
     {{#unless clear_only }}
     <a class="btn btn-info" onclick="UIPanels.updateWormholeLinkPanel(this, '{{ link_a.source.system.id }}', '{{ link_a.target.system.id}}')" title="Update">
       <i class="fa fa-{{ui_icon 'info'}}"></i> Update
     </a>
     {{/unless}}
+    
+    {{#if fc_only }}
+    <a class="btn btn-info" onclick="UIPanels.updateWormholeTraversalPanel(this, '{{ link_a.source.system.id }}', '{{ link_a.target.system.id}}')" title="Traversal">
+      <i class="fa fa-{{ui_icon 'traversal'}}"></i> Log Traversal
+    </a>
+    {{/if}}
 
     <a class="btn btn-danger" onclick="updateWormholeLink(this, '{{ link_a.source.system.id }}', '{{ link_a.target.system.id}}', 'Wormhole collapsed')" title="Close">
       <i class="fa fa-{{ui_icon 'close'}}"></i> Clear

app/templates/wormhole_update_traversal.hbs

@@ -10,18 +10,18 @@
       <input id="from" type="hidden" value="{{ from.id }}" />
 
       <div class="group inline">
-        <label for="mass" autofocus>Fleet Mass</label>
-        <input id="mass" type="text" />
+        <label for="traversal-mass" autofocus>Fleet Mass</label>
+        <input id="traversal-mass" type="text" placeholder="XX,XXX,XXX" value="50000000"/>
       </div>
 
       <div class="group inline">
-        <label for="name">Fleet Name</label>
-        <input id="name" type="text" />
+        <label for="traversal-fleet">Fleet Name</label>
+        <input id="traversal-fleet" type="text" placeholder="Reavers" value="Reavers"/>
       </div>
 
       <div class="group inline">
-        <label for="fc">Fleet Commander</label>
-        <input id="fc" type="text" />
+        <label for="traversal-fc">FC Name</label>
+        <input id="traversal-fc" type="text" placeholder="Asher Elias" value="Asher Elias"/>
       </div>
 
       <div class="submit">