dave/pathfinder
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- new table added to "wormhole data" info modal, showing trueSec of its origin (source) system, closed #797

Browse Source
This commit is contained in:
Mark Friedrich
2019-06-16 20:46:54 +02:00
parent 8c8189d205
commit 1a8fd2fcb1
13 changed files with 382 additions and 200 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
js/app/map/map.js
View File

@@ -2547,25 +2547,11 @@ define([
// system "statics" popover -----------------------------------------------------------------------------------
// -> event delegation to system elements, popup only if needed (hover)
mapContainer.hoverIntent({
over: function(e){
let staticWormholeElement = $(this);
let wormholeName = staticWormholeElement.attr('data-name');
let wormholeData = Util.getObjVal(Init, 'wormholes.' + wormholeName);
if(wormholeData){
staticWormholeElement.addWormholeInfoTooltip(wormholeData, {
trigger: 'manual',
placement: 'right',
smaller: true,
show: true
});
}
},
out: function(e){
$(this).destroyPopover();
},
selector: '.' + config.systemHeadInfoClass + ' span[class^="pf-system-sec-"]'
});
MapUtil.initWormholeInfoTooltip(
mapContainer,
'.' + config.systemHeadInfoClass + ' span[class^="pf-system-sec-"]',
{placement: 'right', smaller: true}
);
// toggle "fullSize" Endpoint overlays for system (signature information) -------------------------------------
mapContainer.hoverIntent({

35
js/app/map/util.js
View File

@@ -1875,7 +1875,7 @@ define([
let title = tooltipData.name;
if(tooltipData.size){
title += '&nbsp;<kbd>' + tooltipData.size.label + '</kbd>';
title += '&nbsp;&nbsp;<kbd>' + tooltipData.size.label + '</kbd>';
}
if(tooltipData.security){
@@ -1918,6 +1918,38 @@ define([
});
};
/**
*
* @param container any parent element that holds the event
* @param selector element that bubbles up hover
* @param options tooltip options
*/
let initWormholeInfoTooltip = (container, selector, options = {}) => {
let defaultOptions = {
trigger: 'manual',
placement: 'top',
smaller: false,
show: true
};
options = Object.assign({}, defaultOptions, options);
container.hoverIntent({
over: function(e){
let staticWormholeElement = $(this);
let wormholeName = staticWormholeElement.attr('data-name');
let wormholeData = Util.getObjVal(Init, 'wormholes.' + wormholeName);
if(wormholeData){
staticWormholeElement.addWormholeInfoTooltip(wormholeData, options);
}
},
out: function(e){
$(this).destroyPopover();
},
selector: selector
});
};
/**
* get systemId string (selector
* @param mapId
@@ -2065,6 +2097,7 @@ define([
getSystemPosition: getSystemPosition,
scrollToDefaultPosition: scrollToDefaultPosition,
zoomToDefaultScale: zoomToDefaultScale,
initWormholeInfoTooltip: initWormholeInfoTooltip,
getSystemId: getSystemId,
checkRight: checkRight,
getMapDeeplinkUrl: getMapDeeplinkUrl

70
js/app/ui/dialog/jump_info.js
View File

@@ -8,13 +8,20 @@ define([
'app/util',
'app/render',
'bootbox',
], ($, Init, Util, Render, bootbox) => {
'app/map/util'
], ($, Init, Util, Render, bootbox, MapUtil) => {
'use strict';
let config = {
// jump info dialog
jumpInfoDialogClass: 'pf-jump-info-dialog', // class for jump info dialog
wormholeInfoDialogListId: 'pf-wormhole-info-dialog-list', // id for map "list" container
wormholeInfoDialogStaticId: 'pf-wormhole-info-dialog-static', // id for map "static" container
wormholeInfoDialogJumpId: 'pf-wormhole-info-dialog-jump', // id for map "jump" container
wormholeInfoMassTableClass: 'pf-wormhole-info-mass-table', // class for "wormhole mass" table
wormholeInfoStaticTableClass: 'pf-wormhole-info-static-table', // class for "static" table
wormholeInfoJumpTableClass: 'pf-wormhole-info-jump-table' // class for "wormhole jump" table
};
@@ -23,9 +30,41 @@ define([
*/
$.fn.showJumpInfoDialog = function(){
requirejs(['text!templates/dialog/jump_info.html', 'mustache', 'datatables.loader'], (template, Mustache) => {
let staticsMatrixHead = [
['From╲To', 'C1', 'C2', 'C3', 'C4', 'C5', 'C6', 'H', 'L', '0.0', 'C12', 'C13']
];
let staticsMatrixBody = [
['C1', 'H121', 'C125', 'O883', 'M609', 'L614', 'S804', 'N110', 'J244', 'Z060', 'F353', ''],
['C2', 'Z647', 'D382', 'O477', 'Y683', 'N062', 'R474', 'B274', 'A239', 'E545', 'F135', ''],
['C3', 'V301', 'I182', 'N968', 'T405', 'N770', 'A982', 'D845', 'U210', 'K346', 'F135', ''],
['C4', 'P060', 'N766', 'C247', 'X877', 'H900', 'U574', 'S047', 'N290', 'K329', '' , ''],
['C5', 'Y790', 'D364', 'M267', 'E175', 'H296', 'V753', 'D792', 'C140', 'Z142', '' , ''],
['C6', 'Q317', 'G024', 'L477', 'Z457', 'V911', 'W237', ['B520', 'D792'], ['C140', 'C391'], ['C248', 'Z142'], '', ''],
['H', 'Z971', 'R943', 'X702', 'O128', 'M555', 'B041', 'A641', 'R051', 'V283', 'T458', ''],
['L', 'Z971', 'R943', 'X702', 'O128', 'N432', 'U319', 'B449', 'N944', 'S199', 'M164', ''],
['0.0', 'Z971', 'R943', 'X702', 'O128', 'N432', 'U319', 'B449', 'N944', 'S199', 'L031', ''],
['C12', '' , '' , '' , '' , '' , '' , 'Q063', 'V898', 'E587', '' , ''],
['?', 'E004', 'L005', 'Z006', 'M001', 'C008', 'G008', '' , '' , 'Q003', '' , 'A009']
];
let data = {
config: config,
popoverTriggerClass: Util.config.popoverTriggerClass,
wormholes: Object.keys(Init.wormholes).map(function(k){ return Init.wormholes[k]; }), // convert Json to array
staticsMatrixHead: staticsMatrixHead,
staticsMatrixBody: staticsMatrixBody.map((row, rowIndex) => {
return row.map((label, colIndex) => {
// get security name from "matrix Head" data if NOT first column
let secName = colIndex ? staticsMatrixHead[0][colIndex] : label;
return {
label: label,
class: Util.getSecurityClassForSystem(secName),
hasPopover: colIndex && label.length
};
});
}),
massValue: function(){
return function(value, render){
let mass = render(value);
@@ -59,22 +98,26 @@ define([
let float = render(value);
return float.length ? parseFloat(float).toLocaleString() + '&nbsp;&#37;' : 'unknown';
};
},
securityClass: function(){
return function(value, render){
return Util.getSecurityClassForSystem(this);
};
}
};
let content = Mustache.render(template, data);
let jumpDialog = bootbox.dialog({
className: config.jumpInfoDialogClass,
title: 'Wormhole jump information',
title: 'Wormhole data',
message: content,
show: false
});
jumpDialog.on('show.bs.modal', function(e){
// init dataTable
$(this).find('.' + config.wormholeInfoMassTableClass).DataTable({
pageLength: 25,
lengthMenu: [[10, 20, 25, 30, 40, -1], [10, 20, 25, 30, 40, 'All']],
pageLength: 35,
lengthMenu: [[15, 25, 35, 50, -1], [15, 25, 35, 50, 'All']],
autoWidth: false,
language: {
emptyTable: 'No wormholes',
@@ -86,6 +129,18 @@ define([
data: null // use DOM data overwrites [] default -> data.loader.js
});
$(this).find('.' + config.wormholeInfoStaticTableClass).DataTable({
pageLength: -1,
paging: false,
lengthChange: false,
ordering: false,
searching: false,
info: false,
autoWidth: false,
columnDefs: [],
data: null // use DOM data overwrites [] default -> data.loader.js
});
$(this).find('.' + config.wormholeInfoJumpTableClass).DataTable({
pageLength: -1,
paging: false,
@@ -103,6 +158,11 @@ define([
columnDefs: [],
data: null // use DOM data overwrites [] default -> data.loader.js
});
MapUtil.initWormholeInfoTooltip(
$(this).find('.' + config.wormholeInfoStaticTableClass),
'.' + Util.config.popoverTriggerClass
);
});
jumpDialog.initTooltips();

22
js/app/ui/module/system_signature.js
View File

@@ -2390,24 +2390,10 @@ define([
});
// signature column - "type" popover --------------------------------------------------------------------------
moduleElement.find('.' + config.sigTableClass).hoverIntent({
over: function(e){
let staticWormholeElement = $(this);
let wormholeName = staticWormholeElement.attr('data-name');
let wormholeData = Util.getObjVal(Init, 'wormholes.' + wormholeName);
if(wormholeData){
staticWormholeElement.addWormholeInfoTooltip(wormholeData, {
trigger: 'manual',
placement: 'top',
show: true
});
}
},
out: function(e){
$(this).destroyPopover();
},
selector: '.editable-click:not(.editable-open) span[class^="pf-system-sec-"]'
});
MapUtil.initWormholeInfoTooltip(
moduleElement.find('.' + config.sigTableClass),
'.editable-click:not(.editable-open) span[class^="pf-system-sec-"]'
);
// signature column - "info" popover --------------------------------------------------------------------------
moduleElement.find('.' + config.sigTablePrimaryClass).hoverIntent({

2
public/css/v1.5.2/pathfinder.css
View File

File diff suppressed because one or more lines are too long

2
public/css/v1.5.2/pathfinder.css.map
View File

File diff suppressed because one or more lines are too long

24
public/js/v1.5.2/app/map/map.js
View File

@@ -2547,25 +2547,11 @@ define([
// system "statics" popover -----------------------------------------------------------------------------------
// -> event delegation to system elements, popup only if needed (hover)
mapContainer.hoverIntent({
over: function(e){
let staticWormholeElement = $(this);
let wormholeName = staticWormholeElement.attr('data-name');
let wormholeData = Util.getObjVal(Init, 'wormholes.' + wormholeName);
if(wormholeData){
staticWormholeElement.addWormholeInfoTooltip(wormholeData, {
trigger: 'manual',
placement: 'right',
smaller: true,
show: true
});
}
},
out: function(e){
$(this).destroyPopover();
},
selector: '.' + config.systemHeadInfoClass + ' span[class^="pf-system-sec-"]'
});
MapUtil.initWormholeInfoTooltip(
mapContainer,
'.' + config.systemHeadInfoClass + ' span[class^="pf-system-sec-"]',
{placement: 'right', smaller: true}
);
// toggle "fullSize" Endpoint overlays for system (signature information) -------------------------------------
mapContainer.hoverIntent({

35
public/js/v1.5.2/app/map/util.js
View File

@@ -1875,7 +1875,7 @@ define([
let title = tooltipData.name;
if(tooltipData.size){
title += '&nbsp;<kbd>' + tooltipData.size.label + '</kbd>';
title += '&nbsp;&nbsp;<kbd>' + tooltipData.size.label + '</kbd>';
}
if(tooltipData.security){
@@ -1918,6 +1918,38 @@ define([
});
};
/**
*
* @param container any parent element that holds the event
* @param selector element that bubbles up hover
* @param options tooltip options
*/
let initWormholeInfoTooltip = (container, selector, options = {}) => {
let defaultOptions = {
trigger: 'manual',
placement: 'top',
smaller: false,
show: true
};
options = Object.assign({}, defaultOptions, options);
container.hoverIntent({
over: function(e){
let staticWormholeElement = $(this);
let wormholeName = staticWormholeElement.attr('data-name');
let wormholeData = Util.getObjVal(Init, 'wormholes.' + wormholeName);
if(wormholeData){
staticWormholeElement.addWormholeInfoTooltip(wormholeData, options);
}
},
out: function(e){
$(this).destroyPopover();
},
selector: selector
});
};
/**
* get systemId string (selector
* @param mapId
@@ -2065,6 +2097,7 @@ define([
getSystemPosition: getSystemPosition,
scrollToDefaultPosition: scrollToDefaultPosition,
zoomToDefaultScale: zoomToDefaultScale,
initWormholeInfoTooltip: initWormholeInfoTooltip,
getSystemId: getSystemId,
checkRight: checkRight,
getMapDeeplinkUrl: getMapDeeplinkUrl

70
public/js/v1.5.2/app/ui/dialog/jump_info.js
View File

@@ -8,13 +8,20 @@ define([
'app/util',
'app/render',
'bootbox',
], ($, Init, Util, Render, bootbox) => {
'app/map/util'
], ($, Init, Util, Render, bootbox, MapUtil) => {
'use strict';
let config = {
// jump info dialog
jumpInfoDialogClass: 'pf-jump-info-dialog', // class for jump info dialog
wormholeInfoDialogListId: 'pf-wormhole-info-dialog-list', // id for map "list" container
wormholeInfoDialogStaticId: 'pf-wormhole-info-dialog-static', // id for map "static" container
wormholeInfoDialogJumpId: 'pf-wormhole-info-dialog-jump', // id for map "jump" container
wormholeInfoMassTableClass: 'pf-wormhole-info-mass-table', // class for "wormhole mass" table
wormholeInfoStaticTableClass: 'pf-wormhole-info-static-table', // class for "static" table
wormholeInfoJumpTableClass: 'pf-wormhole-info-jump-table' // class for "wormhole jump" table
};
@@ -23,9 +30,41 @@ define([
*/
$.fn.showJumpInfoDialog = function(){
requirejs(['text!templates/dialog/jump_info.html', 'mustache', 'datatables.loader'], (template, Mustache) => {
let staticsMatrixHead = [
['From╲To', 'C1', 'C2', 'C3', 'C4', 'C5', 'C6', 'H', 'L', '0.0', 'C12', 'C13']
];
let staticsMatrixBody = [
['C1', 'H121', 'C125', 'O883', 'M609', 'L614', 'S804', 'N110', 'J244', 'Z060', 'F353', ''],
['C2', 'Z647', 'D382', 'O477', 'Y683', 'N062', 'R474', 'B274', 'A239', 'E545', 'F135', ''],
['C3', 'V301', 'I182', 'N968', 'T405', 'N770', 'A982', 'D845', 'U210', 'K346', 'F135', ''],
['C4', 'P060', 'N766', 'C247', 'X877', 'H900', 'U574', 'S047', 'N290', 'K329', '' , ''],
['C5', 'Y790', 'D364', 'M267', 'E175', 'H296', 'V753', 'D792', 'C140', 'Z142', '' , ''],
['C6', 'Q317', 'G024', 'L477', 'Z457', 'V911', 'W237', ['B520', 'D792'], ['C140', 'C391'], ['C248', 'Z142'], '', ''],
['H', 'Z971', 'R943', 'X702', 'O128', 'M555', 'B041', 'A641', 'R051', 'V283', 'T458', ''],
['L', 'Z971', 'R943', 'X702', 'O128', 'N432', 'U319', 'B449', 'N944', 'S199', 'M164', ''],
['0.0', 'Z971', 'R943', 'X702', 'O128', 'N432', 'U319', 'B449', 'N944', 'S199', 'L031', ''],
['C12', '' , '' , '' , '' , '' , '' , 'Q063', 'V898', 'E587', '' , ''],
['?', 'E004', 'L005', 'Z006', 'M001', 'C008', 'G008', '' , '' , 'Q003', '' , 'A009']
];
let data = {
config: config,
popoverTriggerClass: Util.config.popoverTriggerClass,
wormholes: Object.keys(Init.wormholes).map(function(k){ return Init.wormholes[k]; }), // convert Json to array
staticsMatrixHead: staticsMatrixHead,
staticsMatrixBody: staticsMatrixBody.map((row, rowIndex) => {
return row.map((label, colIndex) => {
// get security name from "matrix Head" data if NOT first column
let secName = colIndex ? staticsMatrixHead[0][colIndex] : label;
return {
label: label,
class: Util.getSecurityClassForSystem(secName),
hasPopover: colIndex && label.length
};
});
}),
massValue: function(){
return function(value, render){
let mass = render(value);
@@ -59,22 +98,26 @@ define([
let float = render(value);
return float.length ? parseFloat(float).toLocaleString() + '&nbsp;&#37;' : 'unknown';
};
},
securityClass: function(){
return function(value, render){
return Util.getSecurityClassForSystem(this);
};
}
};
let content = Mustache.render(template, data);
let jumpDialog = bootbox.dialog({
className: config.jumpInfoDialogClass,
title: 'Wormhole jump information',
title: 'Wormhole data',
message: content,
show: false
});
jumpDialog.on('show.bs.modal', function(e){
// init dataTable
$(this).find('.' + config.wormholeInfoMassTableClass).DataTable({
pageLength: 25,
lengthMenu: [[10, 20, 25, 30, 40, -1], [10, 20, 25, 30, 40, 'All']],
pageLength: 35,
lengthMenu: [[15, 25, 35, 50, -1], [15, 25, 35, 50, 'All']],
autoWidth: false,
language: {
emptyTable: 'No wormholes',
@@ -86,6 +129,18 @@ define([
data: null // use DOM data overwrites [] default -> data.loader.js
});
$(this).find('.' + config.wormholeInfoStaticTableClass).DataTable({
pageLength: -1,
paging: false,
lengthChange: false,
ordering: false,
searching: false,
info: false,
autoWidth: false,
columnDefs: [],
data: null // use DOM data overwrites [] default -> data.loader.js
});
$(this).find('.' + config.wormholeInfoJumpTableClass).DataTable({
pageLength: -1,
paging: false,
@@ -103,6 +158,11 @@ define([
columnDefs: [],
data: null // use DOM data overwrites [] default -> data.loader.js
});
MapUtil.initWormholeInfoTooltip(
$(this).find('.' + config.wormholeInfoStaticTableClass),
'.' + Util.config.popoverTriggerClass
);
});
jumpDialog.initTooltips();

22
public/js/v1.5.2/app/ui/module/system_signature.js
View File

@@ -2390,24 +2390,10 @@ define([
});
// signature column - "type" popover --------------------------------------------------------------------------
moduleElement.find('.' + config.sigTableClass).hoverIntent({
over: function(e){
let staticWormholeElement = $(this);
let wormholeName = staticWormholeElement.attr('data-name');
let wormholeData = Util.getObjVal(Init, 'wormholes.' + wormholeName);
if(wormholeData){
staticWormholeElement.addWormholeInfoTooltip(wormholeData, {
trigger: 'manual',
placement: 'top',
show: true
});
}
},
out: function(e){
$(this).destroyPopover();
},
selector: '.editable-click:not(.editable-open) span[class^="pf-system-sec-"]'
});
MapUtil.initWormholeInfoTooltip(
moduleElement.find('.' + config.sigTableClass),
'.editable-click:not(.editable-open) span[class^="pf-system-sec-"]'
);
// signature column - "info" popover --------------------------------------------------------------------------
moduleElement.find('.' + config.sigTablePrimaryClass).hoverIntent({

270
public/templates/dialog/jump_info.html
View File

@@ -1,111 +1,163 @@
<div class="pf-dynamic-area">
<table class="compact stripe order-column row-border {{config.wormholeInfoMassTableClass}}" data-order="[0, &quot;asc&quot;]">
<thead>
<tr>
<th class=""></th>
<th class="text-center">Leads to</th>
<th class="text-center">Size</th>
<th class="text-center" title="is static"><i class="fas fa-thumbtack"></i></th>
<th class="text-right">Mass total</th>
<th class="text-right">Mass individual</th>
<th class="text-right">Mass regeneration</th>
<th class="text-right" title="lifetime"><i class="fas fa-hourglass-start"></i></th>
<th class="text-right">Sig strength</th>
</tr>
</thead>
<tbody>
{{#wormholes}}
<tr>
<td>{{name}}</td>
<td class="text-center {{class}}">{{security}}</td>
<td class="text-center {{#size}}{{size.class}}{{/size}}" data-order="{{size.jumpMassMin}}">{{#size}}{{size.label}}{{/size}}</td>
<td class="text-center" data-order="{{static}}">{{#formatStatic}}{{static}}{{/formatStatic}}</td>
<td class="text-right" data-order="{{massTotal}}">{{#massValue}}{{massTotal}}{{/massValue}}</td>
<td class="text-right" data-order="{{massIndividual}}">{{#massValue}}{{massIndividual}}{{/massValue}}</td>
<td class="text-right" data-order="{{massRegeneration}}">{{#massValue}}{{massRegeneration}}{{/massValue}}</td>
<td class="text-right txt-color {{^maxStableTime}}txt-color-grayLight{{/maxStableTime}}" data-order="{{maxStableTime}}">{{#formatTime}}{{maxStableTime}}{{/formatTime}}</td>
<td class="text-right txt-color {{^signatureStrength}}txt-color-grayLight{{/signatureStrength}}" data-order="{{signatureStrength}}">
{{#sigStrengthValue}}{{signatureStrength}}{{/sigStrengthValue}}
</td>
</tr>
{{/wormholes}}
</tbody>
</table>
<nav class="navbar navbar-default" role="navigation">
<div class="navbar-header pull-left">
<ul class="nav navbar-nav {{dialogNavigationClass}}" role="tablist">
<li class="active">
<a role="tab" data-toggle="tab" data-name="infoSummary" href="#{{config.wormholeInfoDialogListId}}">Wormholes</a>
</li>
<li>
<a role="tab" data-toggle="tab" data-name="infoUsers" href="#{{config.wormholeInfoDialogStaticId}}">Statics</a>
</li>
<li>
<a role="tab" data-toggle="tab" data-name="infoUsers" href="#{{config.wormholeInfoDialogJumpId}}">Jump distance</a>
</li>
</ul>
</div>
</nav>
<div class="tab-content">
{{! "Wormholes" tab -------------------------------------------------------------------------------------------- }}
<div role="tabpanel" class="tab-pane fade in active" id="{{config.wormholeInfoDialogListId}}">
<div class="pf-dynamic-area">
<table class="compact stripe order-column row-border {{config.wormholeInfoMassTableClass}}" data-order="[0, &quot;asc&quot;]">
<thead>
<tr>
<th class=""></th>
<th class="text-center">Leads to</th>
<th class="text-center">Size</th>
<th class="text-center" title="is static"><i class="fas fa-thumbtack"></i></th>
<th class="text-right">Mass total</th>
<th class="text-right">Mass individual</th>
<th class="text-right">Mass regeneration</th>
<th class="text-right" title="lifetime"><i class="fas fa-hourglass-start"></i></th>
<th class="text-right">Sig strength</th>
</tr>
</thead>
<tbody>
{{#wormholes}}
<tr>
<td>{{name}}</td>
<td class="text-center {{class}}">{{security}}</td>
<td class="text-center {{#size}}{{size.class}}{{/size}}" data-order="{{size.jumpMassMin}}">{{#size}}{{size.label}}{{/size}}</td>
<td class="text-center" data-order="{{static}}">{{#formatStatic}}{{static}}{{/formatStatic}}</td>
<td class="text-right" data-order="{{massTotal}}">{{#massValue}}{{massTotal}}{{/massValue}}</td>
<td class="text-right" data-order="{{massIndividual}}">{{#massValue}}{{massIndividual}}{{/massValue}}</td>
<td class="text-right" data-order="{{massRegeneration}}">{{#massValue}}{{massRegeneration}}{{/massValue}}</td>
<td class="text-right txt-color {{^maxStableTime}}txt-color-grayLight{{/maxStableTime}}" data-order="{{maxStableTime}}">{{#formatTime}}{{maxStableTime}}{{/formatTime}}</td>
<td class="text-right txt-color {{^signatureStrength}}txt-color-grayLight{{/signatureStrength}}" data-order="{{signatureStrength}}">
{{#sigStrengthValue}}{{signatureStrength}}{{/sigStrengthValue}}
</td>
</tr>
{{/wormholes}}
</tbody>
</table>
</div>
</div>
{{! "Statics" tab ---------------------------------------------------------------------------------------------- }}
<div role="tabpanel" class="tab-pane fade" id="{{config.wormholeInfoDialogStaticId}}">
<div class="pf-dynamic-area">
<table class="compact stripe order-column row-border {{config.wormholeInfoStaticTableClass}}">
<thead>
{{#staticsMatrixHead}}
<tr>
{{#.}}
<th class="text-center {{#securityClass}}{{.}}{{/securityClass}}">{{.}}</th>
{{/.}}
</tr>
{{/staticsMatrixHead}}
</thead>
<tbody>
{{#staticsMatrixBody}}
<tr>
{{#.}}
<td class="text-center">
{{#label}}
<div class="{{class}} {{#hasPopover}}pf-help-default {{popoverTriggerClass}}{{/hasPopover}}" data-name="{{.}}">{{.}}</div>
{{/label}}
</td>
{{/.}}
</tr>
{{/staticsMatrixBody}}
</tbody>
</table>
</div>
</div>
{{! "Jump distance" tab ---------------------------------------------------------------------------------------- }}
<div role="tabpanel" class="tab-pane fade" id="{{config.wormholeInfoDialogJumpId}}">
<div class="pf-dynamic-area">
<table class="compact stripe order-column row-border {{config.wormholeInfoJumpTableClass}}">
<thead>
<tr>
<th>Ship</th>
<th class="text-right sorting_disabled">Mass</th>
<th class="text-right sorting_disabled">Base Distance</th>
<th colspan="2" class="text-right sorting_disabled">Distance to jump range</th>
</tr>
<tr>
<th></th>
<th></th>
<th></th>
<th class="text-right">min</th>
<th class="text-right">max</th>
</tr>
</thead>
<tbody>
<tr>
<td>Covert Ops Frigate</td>
<td class="text-right">{{#massValue}}1280000{{/massValue}}</td>
<td class="text-right">5.5 km</td>
<td class="text-right">0 km</td>
<td class="text-right">5.5 km</td>
</tr>
<tr>
<td>Plated T3 Cruiser</td>
<td class="text-right">{{#massValue}}14300000{{/massValue}}</td>
<td class="text-right">6.9 km</td>
<td class="text-right">0 km</td>
<td class="text-right">6.9 km</td>
</tr>
<tr>
<td>Plated Bhaalgorn</td>
<td class="text-right">{{#massValue}}101000000{{/massValue}}</td>
<td class="text-right">8.8 km</td>
<td class="text-right">0 km</td>
<td class="text-right">8.8 km</td>
</tr>
<tr>
<td>Orca</td>
<td class="text-right">{{#massValue}}250000000{{/massValue}}</td>
<td class="text-right">10.1 km</td>
<td class="text-right">0.1 km</td>
<td class="text-right">10.1 km</td>
</tr>
<tr>
<td>Average Carrier</td>
<td class="text-right">{{#massValue}}1120000000{{/massValue}}</td>
<td class="text-right">13.5 km</td>
<td class="text-right">3.5 km</td>
<td class="text-right">13.5 km</td>
</tr>
<tr>
<td>Average Dreadnought</td>
<td class="text-right">{{#massValue}}1240000000{{/massValue}}</td>
<td class="text-right">13.8 km</td>
<td class="text-right">3.8 km</td>
<td class="text-right">13.8 km</td>
</tr>
</tbody>
</table>
<blockquote>
<p>
The new base distance would scale as high as ~14km from the wormhole for the largest ships, and the random factor for each jump would range from 2km (for a fresh wormhole) to 5km (for a crit wormhole) in either direction.
The distance from a wormhole that ships must be within to jump will remain 5km as always.
</p>
<small> By CCP Fozzie | Mass-Based Spawn Distance after Wormhole Jumps</small>
</blockquote>
</div>
</div>
</div>
<h4><i class="fas fa-space-shuttle fa-lg fa-fw"></i> Jump distance</h4>
<div class="pf-dynamic-area">
<table class="compact stripe order-column row-border {{config.wormholeInfoJumpTableClass}}">
<thead>
<tr>
<th>Ship</th>
<th class="text-right sorting_disabled">Mass</th>
<th class="text-right sorting_disabled">Base Distance</th>
<th colspan="2" class="text-right sorting_disabled">Distance to jump range</th>
</tr>
<tr>
<th></th>
<th></th>
<th></th>
<th class="text-right">min</th>
<th class="text-right">max</th>
</tr>
</thead>
<tbody>
<tr>
<td>Covert Ops Frigate</td>
<td class="text-right">{{#massValue}}1280000{{/massValue}}</td>
<td class="text-right">5.5 km</td>
<td class="text-right">0 km</td>
<td class="text-right">5.5 km</td>
</tr>
<tr>
<td>Plated T3 Cruiser</td>
<td class="text-right">{{#massValue}}14300000{{/massValue}}</td>
<td class="text-right">6.9 km</td>
<td class="text-right">0 km</td>
<td class="text-right">6.9 km</td>
</tr>
<tr>
<td>Plated Bhaalgorn</td>
<td class="text-right">{{#massValue}}101000000{{/massValue}}</td>
<td class="text-right">8.8 km</td>
<td class="text-right">0 km</td>
<td class="text-right">8.8 km</td>
</tr>
<tr>
<td>Orca</td>
<td class="text-right">{{#massValue}}250000000{{/massValue}}</td>
<td class="text-right">10.1 km</td>
<td class="text-right">0.1 km</td>
<td class="text-right">10.1 km</td>
</tr>
<tr>
<td>Average Carrier</td>
<td class="text-right">{{#massValue}}1120000000{{/massValue}}</td>
<td class="text-right">13.5 km</td>
<td class="text-right">3.5 km</td>
<td class="text-right">13.5 km</td>
</tr>
<tr>
<td>Average Dreadnought</td>
<td class="text-right">{{#massValue}}1240000000{{/massValue}}</td>
<td class="text-right">13.8 km</td>
<td class="text-right">3.8 km</td>
<td class="text-right">13.8 km</td>
</tr>
</tbody>
</table>
<blockquote>
<p>
The new base distance would scale as high as ~14km from the wormhole for the largest ships, and the random factor for each jump would range from 2km (for a fresh wormhole) to 5km (for a crit wormhole) in either direction.
The distance from a wormhole that ships must be within to jump will remain 5km as always.
</p>
<small> By CCP Fozzie | Mass-Based Spawn Distance after Wormhole Jumps</small>
</blockquote>
</div>

2
public/templates/dialog/map_info.html
View File

@@ -13,7 +13,7 @@
</li>
<li class="{{#openTabLog}}active{{/openTabLog}}">
<a role="tab" data-toggle="tab" data-name="infoLog" href="#{{dialogLogsContainerId}}">
<i class="fas fa-user-clock fa-fw"></i>&nbsp;Log&nbsp;&nbsp;<small class="txt-color txt-color-warning"></small>
<i class="fas fa-user-clock fa-fw"></i>&nbsp;Log
</a>
</li>
</ul>

4
sass/layout/_popover.scss
View File

@@ -14,9 +14,9 @@
font-weight: bold;
kbd{
font-size: 80%;
line-height: 80%;
line-height: 90%;
vertical-align: middle;
box-shadow: none;
}
}