') );
- tbody.append(rows[i + 2]);
-
- // add label
- rows[i + 2].append( $('| ').text( data.effect ));
- }
-
-
- rows[i + 2].append( $(' | ', {
- class: 'text-right'
- }).text( data.value ));
- }
- }
-
- let colElement = $('', {
- class: ['col-md-6'].join(' ')
- }).append(
- $(' ', {
- class: [Util.config.dynamicAreaClass].join(' ')
- }).append(
- table.append(thead).append(tbody)
- )
- );
-
- rowElement.append(colElement);
-
- // add clearfix after even col count
- if(colCount % 2 === 0){
- rowElement.append(
- $(' ', {
- class: ['clearfix', 'visible-md', 'visible-lg'].join(' ')
- })
- );
- }
-
- cache.systemEffectDialog = rowElement;
- }
-
- let effectsDialog = bootbox.dialog({
- className: config.systemEffectDialogClass,
- title: 'System effect information',
- message: cache.systemEffectDialog,
- size: 'large',
- show: false
- });
-
- effectsDialog.on('show.bs.modal', function(e){
- let headerAll = $();
- let columnsAll = $();
-
- let removeColumnHighlight = () => {
- headerAll.removeClass('colHighlight');
- columnsAll.removeClass('colHighlight');
- };
-
- let tableApis = $(this).find('table').DataTable({
- pageLength: -1,
- paging: false,
- lengthChange: false,
- ordering: false,
- searching: false,
- info: false,
- columnDefs: [],
- data: null, // use DOM data overwrites [] default -> data.loader.js
- initComplete: function(settings, json){
- let tableApi = this.api();
-
- tableApi.tables().nodes().to$().on('mouseover', 'td', function(){
- // inside table cell -> get current hover colIndex
- let colIndex = tableApi.cell(this).index().column;
- let colName = tableApi.column(colIndex).header().dataset.name || '';
-
- if(colName !== lastActiveColName){
- removeColumnHighlight();
-
- lastActiveColName = colName;
-
- if(colName.length){
- // active column changed -> highlight same colName on other tables
- let tableApis = $.fn.dataTable.tables({ visible: false, api: true })
- .tables('.' + config.systemEffectTableClass);
-
- let columns = tableApis.columns([colName + ':name']);
- columns.header().flatten().to$().addClass('colHighlight');
- columns.nodes().flatten().to$().addClass('colHighlight');
- }
- }
- }).on('mouseleave', function(){
- // no longer inside table
- lastActiveColName = null;
- removeColumnHighlight();
- });
- }
- });
-
- // table cells will not change so we should cache them once
- headerAll = tableApis.columns().header().to$();
- columnsAll = tableApis.cells().nodes().to$();
- });
-
- effectsDialog.on('hide.bs.modal', function(e){
- // destroy logTable
- $(this).find('table').DataTable().destroy(true);
- });
-
- effectsDialog.modal('show');
- };
-});
\ No newline at end of file
diff --git a/public/js/v2.0.1/app/ui/form_element.js b/public/js/v2.0.1/app/ui/form_element.js
deleted file mode 100644
index bcdf8709..00000000
--- a/public/js/v2.0.1/app/ui/form_element.js
+++ /dev/null
@@ -1,915 +0,0 @@
-/**
- * form elements
- */
-
-define([
- 'jquery',
- 'app/init',
- 'app/util',
- 'app/map/util'
-], ($, Init, Util, MapUtil) => {
- 'use strict';
-
- let config = {
- // Select2
- resultOptionImageClass: 'pf-result-image', // class for Select2 result option entry with image
- select2ImageLazyLoadClass: 'pf-select2-image-lazyLoad' // class for Select2 result images that should be lazy loaded
- };
-
- /**
- * format result data
- * @param data
- * @returns {*}
- */
- let formatCategoryTypeResultData = data => {
- if(data.loading) return data.text;
- if(data.placeholder) return data.placeholder;
-
- let markup = ` `;
-
- if(data.hasOwnProperty('children')){
- // category group label
- markup += ` ${data.text} `;
- markup += ` (${data.children.length}) `;
- }else{
- let imagePath = '';
- let iconName = '';
- let thumb = '';
-
- switch(data.categoryType){
- case 'character':
- imagePath = Util.eveImageUrl('characters', data.id);
- break;
- case 'corporation':
- imagePath = Util.eveImageUrl('corporations', data.id);
- break;
- case 'alliance':
- imagePath = Util.eveImageUrl('alliances', data.id);
- break;
- case 'inventoryType':
- imagePath = Util.eveImageUrl('types', data.id);
- break;
- case 'render':
- imagePath = Util.eveImageUrl('types', data.id);
- break;
- case 'station':
- iconName = 'fa-home';
- break;
- case 'system':
- iconName = 'fa-sun';
- break;
- }
-
- if(imagePath){
- thumb = ` }svg/logo_simple.svg) `;
- }else if(iconName){
- thumb = ` `;
- }
-
- markup += ` ${thumb} `;
- markup += ` ${data.text} `;
- }
- markup += ' ';
-
- return markup;
- };
-
- /**
- * format results data for signature type select
- * @param state
- * @param container
- * @param customOptions
- * @returns {*|k.fn.init|jQuery|HTMLElement}
- */
- let formatSignatureTypeSelectionData = (state, container, customOptions) => {
- let parts = state.text.split(' - ');
-
- let markup = '';
- if(parts.length === 2){
- // wormhole data -> 2 columns
- let name = parts[0];
- let sizeLabel;
- if(Util.getObjVal(customOptions, 'showWhSizeLabel')){
- sizeLabel = Util.getObjVal(Init, `wormholes.${name}.size.label`) || '';
- }
-
- let securityClass = Util.getSecurityClassForSystem(getSystemSecurityFromLabel(parts[1]));
- // some labels have a "suffix" label that should not have the securityClass
- let labelParts = parts[1].split(/\s(.+)/);
- let label = labelParts[0];
- let suffix = labelParts[1] ? labelParts[1] : '';
-
- let classes = [securityClass, Util.config.popoverTriggerClass, Util.config.helpDefaultClass];
-
- markup += ` ${name}`;
- if(sizeLabel !== undefined){
- markup += ` ${sizeLabel}`;
- }
- markup += ' ';
- markup += ` ${label}`;
- if(suffix.length){
- markup += ` ${suffix}`;
- }
- }else{
- markup += ` ${state.text}`;
- }
-
- return $(markup);
- };
-
- /**
- * format result data for signature type OR signature connection data
- * @param data
- * @param formatType
- * @returns {*}
- */
- let formatSignatureTypeConnectionResultData = (data, formatType) => {
- if(data.loading) return data.text;
- if(data.placeholder) return data.placeholder;
-
- let markup = ' ';
-
- if(data.hasOwnProperty('children')){
- // optgroup label
- markup += ' ' + data.text + ' ';
- markup += ' (' + data.children.length + ') ';
- }else{
- // child label
- let parts = data.text.split(' - ');
- if(parts.length === 2){
- // wormhole data -> 2 columns
- let securityClass = Util.getSecurityClassForSystem(getSystemSecurityFromLabel(parts[1]));
-
- switch(formatType){
- case 'wormhole':
- // some labels have a "suffix" label that should not have the securityClass
- let labelParts = parts[1].split(/\s(.+)/);
- let label = labelParts[0];
- let suffix = labelParts[1] ? labelParts[1] : '';
-
-
- markup += ' ' + parts[0] + ' ';
- markup += '
';
- markup += ' ' + label + ' ';
- markup += ' ' + suffix + ' ';
- break;
- case 'system':
- markup += ' ' + parts[0] + ' ';
- markup += ' ' + parts[1] + ' ';
- break;
- }
- }else{
- markup += ' ' + data.text + ' ';
- }
- }
- markup += ' ';
-
- return $(markup);
- };
-
- /**
- * format results data for signature connection select
- * @param state
- * @returns {*|jQuery|HTMLElement}
- */
- let formatSignatureConnectionSelectionData = state => {
- let parts = state.text.split(' - ');
-
- let markup = '';
- if(parts.length === 2){
- // wormhole data -> 2 columns
-
- let styleClass = ['pf-fake-connection-text'];
- if(state.metaData){
- let metaData = state.metaData;
- if(metaData.type){
- let type = metaData.type;
- if(type.includes('wh_eol')){
- styleClass.push('pf-wh-eol');
- }
- if(type.includes('wh_reduced')){
- styleClass.push('pf-wh-reduced');
- }
- if(type.includes('wh_critical')){
- styleClass.push('pf-wh-critical');
- }
- if(type.includes('wh_jump_mass_s')){
- styleClass.push('pf-wh-frig');
- }
- }
- }
-
- let securityClass = Util.getSecurityClassForSystem(parts[1]);
- markup += ` ${parts[0]}`;
- markup += ` ${parts[1]}`;
- }else{
- markup += ` ${state.text}`;
- }
-
- return $(markup);
- };
-
- /**
- * try to parse a security label into security name
- * -> "C1/2/3 (unknown)" -> C1
- * "C3" -> C3
- * "H" -> H
- * "0.0" -> 0.0
- * "C12 Thera" -> C12
- * @param security
- * @returns {string}
- */
- let getSystemSecurityFromLabel = security => {
- let matches = security.match(/^(\w+\.?\w?)/i);
- return matches ? matches[1] : '';
- };
-
- /**
- * init a select element as "select2" for map selection
- */
- $.fn.initMapSelect = function(){
- let selectElement = $(this);
-
- $.when(
- selectElement.select2({
- dropdownParent: selectElement.parents('.modal-body'),
- maximumSelectionLength: 5
- })
- );
- };
-
- /**
- * init a select element as "select2" for connection size types
- * @param options
- */
- $.fn.initConnectionSizeSelect = function(options){
- let selectElement = $(this);
-
- let defaultConfig = {
- dropdownParent: selectElement.parents('.modal-body'),
- minimumResultsForSearch: Infinity,
- width: '100%',
- maxSelectionLength: 1
- };
- options = $.extend({}, defaultConfig, options);
-
- let formatConnectionSizeResultData = data => {
- if(data.loading) return data.text;
- if(data.placeholder) return data.placeholder;
-
- let connectionClass = MapUtil.getConnectionInfo(data.text, 'cssClass');
-
- let label = Util.getObjVal(Init.wormholeSizes, data.text + '.label') || '?';
- let text = Util.getObjVal(Init.wormholeSizes, data.text + '.text') || 'all';
-
- let markup = ' ';
- markup += ' ';
- markup += '';
- markup += ' ';
- markup += ' ';
- markup += ' ';
- markup += ' ';
- markup += ' ';
- markup += text;
- markup += ' ';
- markup += ' ';
-
- return $(markup);
- };
-
- options.templateSelection = formatConnectionSizeResultData;
- options.templateResult = formatConnectionSizeResultData;
-
- $.when(
- selectElement.select2(options)
- );
- };
-
- /**
- * init a sselect element as "select2" for "status" selection
- * @param options
- * @returns {*}
- */
- $.fn.initStatusSelect = function(options){
-
- let defaultConfig = {
- minimumResultsForSearch: Infinity,
- width: '100%',
- iconClass: 'fa-circle'
- };
-
- options = $.extend({}, defaultConfig, options);
-
- let formatStatusSelectionData = state => {
- return ' ' + state.text;
- };
-
- let formatStatusResultData = data => {
- if(data.loading) return data.text;
- if(data.placeholder) return data.placeholder;
-
- let markup = ' ';
- markup += ' ';
- markup += '';
- markup += ' ';
- markup += ' ' + data.text + ' ';
- markup += ' ';
-
- return $(markup);
- };
-
- options.templateSelection = formatStatusSelectionData;
- options.templateResult = formatStatusResultData;
-
- return this.each(function(){
- let selectElement = $(this);
- selectElement.select2(options);
- });
- };
-
- /**
- * init a select element as an ajax based "select2" object for system search
- * @param options
- */
- $.fn.initSystemSelect = function(options){
- let selectElement = $(this);
-
- let defaultConfig = {
- maxSelectionLength: 1
- };
- options = $.extend({}, defaultConfig, options);
-
- let shatteredClass = Util.getSecurityClassForSystem('SH');
-
- // format result data
- function formatResultData (data){
- if(data.loading) return data.text;
-
- // abyss system font
- let systemNameClass = data.security === 'A' ? Util.config.fontTriglivianClass : '';
-
- // show effect info just for wormholes
- let hideEffectClass = data.effect === null ? 'hide' : '';
-
- let hideShatteredClass = !data.shattered ? 'hide' : '';
-
- let markup = ' ';
- markup += ' ' + data.text + ' ';
- markup += ' ';
- markup += '';
- markup += ' ';
- markup += ' ' + data.security + ' ';
- markup += ' ';
- markup += '';
- markup += ' ';
- markup += ' ' + data.trueSec + ' ';
-
- return markup;
- }
-
- $.when(
- selectElement.select2({
- ajax: {
- url: params => `${Init.path.api}/SystemSearch/${params.term.trim()}`,
- dataType: 'json',
- delay: 250,
- timeout: 5000,
- cache: true,
- data: params => ({
- page: params.page || 1
- }),
- processResults: function(data, params){
- // parse the results into the format expected by Select2.
- return {
- results: data.results.map( function(item){
- // "id" or "name"
- let id = item[options.key];
- let disabled = false;
- let trueSec = parseFloat(item.trueSec);
- let secClass = Util.getSecurityClassForSystem(item.security);
- let trueSecClass = Util.getTrueSecClassForSystem(trueSec);
- let effectClass = MapUtil.getEffectInfoForSystem(item.effect, 'class');
-
- // check if system is dialed
- if(
- options.disabledOptions &&
- options.disabledOptions.indexOf(parseInt(id, 10)) !== -1
- ){
- disabled = true;
- }
-
- // "fix" security level
- if(
- trueSec > 0 &&
- trueSec < 0.1
- ){
- trueSec = 0.1;
- }else{
- trueSec = Math.round(trueSec * 10) / 10;
- }
-
- return {
- id: id,
- text: item.name,
- // systemId: parseInt(item.systemId),
- security: item.security,
- secClass: secClass,
- trueSec: trueSec.toFixed(1),
- trueSecClass: trueSecClass,
- effect: item.effect,
- effectClass: effectClass,
- shattered: item.shattered,
- disabled: disabled
- };
- }),
- pagination: {
- more: data.pagination.more
- }
- };
- },
- error: function(jqXHR, status, error){
- if( !Util.isXHRAborted(jqXHR) ){
-
- let reason = status + ' ' + jqXHR.status + ': ' + error;
- Util.showNotify({title: 'System select warning', text: reason + ' deleted', type: 'warning'});
- }
-
- }
- },
- dropdownParent: selectElement.parents('.modal-body'),
- minimumInputLength: 3,
- templateResult: formatResultData,
- placeholder: 'Name or ID',
- allowClear: true,
- maximumSelectionLength: options.maxSelectionLength
- }).on('change', function(e){
- // select changed
- if(options.onChange){
- options.onChange(parseInt($(this).val()) || 0);
- }
- }).on('select2:open', function(){
- // clear selected system (e.g. default system)
- // => improves usability (not necessary). There is a small "x" if field can be cleared manually
- if(
- options.maxSelectionLength === 1 &&
- $(this).val() !== null
- ){
- $(this).val('').trigger('change');
- }
- })
- ).done(function(a,b){
- // open select if not already pre-selected
- if($(this).val() === null){
- selectElement.select2('open');
- }
- });
- };
-
- /**
- * init a select element as an ajax based "select2" object for Access resources
- * character (private map), corporation (corp map), alliance (ally map)
- * @param options
- */
- $.fn.initAccessSelect = function(options){
-
- let formatSelectionData = data => {
- if(data.loading) return data.text;
-
- let markup = ' ';
- markup += ' ' + data.text + ' ';
-
- return markup;
- };
-
- return this.each(function(){
- let selectElement = $(this);
-
- $.when(
- selectElement.select2({
- ajax: {
- url: function(params){
- // add params to URL
- return Init.path.searchAccess + '/' + options.type + '/' + params.term;
- },
- dataType: 'json',
- delay: 250,
- timeout: 5000,
- cache: true,
- data: function(params){
- // no url params here
- return;
- },
- processResults: function(data, page){
- // parse the results into the format expected by Select2.
- return {
- results: data.map( function(item){
- return {
- id: item.id,
- text: item.name,
- categoryType: options.type
- };
- })
- };
- },
- error: function(jqXHR, status, error){
- if( !Util.isXHRAborted(jqXHR) ){
-
- let reason = status + ' ' + jqXHR.status + ': ' + error;
- Util.showNotify({title: 'Access select warning', text: reason + ' deleted', type: 'warning'});
- }
-
- }
- },
- dropdownParent: selectElement.parents('.modal-body'),
- minimumInputLength: 3,
- placeholder: options.type + ' names',
- allowClear: false,
- maximumSelectionLength: options.maxSelectionLength,
- templateResult: formatCategoryTypeResultData,
- templateSelection: formatSelectionData
- }).on('change', function(e){
- // select changed
-
- })
- ).done(function(){
- // after init finish
- });
- });
- };
-
- /**
- * init a select element as an ajax based "select2" object for universeTypes
- * e.g. 'alliance', 'corporation', 'character', ...
- * @param options
- * @returns {*}
- */
- $.fn.initUniverseSearch = function(options){
-
- let showErrorNotification = (reason) => {
- Util.showNotify({title: 'Search failed', text: reason + ' deleted', type: 'warning'});
- };
-
- /**
- * format selection data
- * @param data
- * @returns {*}
- */
- function formatSelectionData (data){
- if(data.loading) return data.text;
- if(data.placeholder) return data.placeholder;
-
- let markup = ' ';
- markup += ' ' + data.text + ' ';
-
- return markup;
- }
-
- /**
- * sort universe data
- * @param data universe search result array
- * @param term search term
- */
- function sortResultData (data, term){
- let levenshtein = (a,b) => {
- let matrix = new Array(a.length+1);
- for(let i = 0; i < matrix.length; i++){
- matrix[i] = new Array(b.length+1).fill(0);
- }
-
- for(let ai = 1; ai <= a.length; ai++){
- matrix[ai][0] = ai;
- }
-
- for(let bi = 1; bi <= b.length; bi++){
- matrix[0][bi] = bi;
- }
-
- for(let bi = 1; bi <= b.length; bi++){
- for(let ai = 1; ai <= a.length; ai++){
- matrix[ai][bi] = Math.min(
- matrix[ai-1][bi]+1,
- matrix[ai][bi-1]+1,
- matrix[ai-1][bi-1]+(a[ai-1] === b[bi-1] ? 0 : 1)
- );
- }
- }
-
- return matrix[a.length][b.length];
- };
-
- data.sort((a,b) => {
- let levA = levenshtein(term, a.name.toLowerCase());
- let levB = levenshtein(term, b.name.toLowerCase());
- return levA === levB ? 0 : (levA > levB ? 1 : -1);
- });
- }
-
- return this.each(function(){
- let selectElement = $(this);
-
- $.when(
- selectElement.select2({
- ajax: {
- type: 'POST',
- url: function(params){
- // add params to URL
- return Init.path.searchUniverseData + '/' + encodeURI(params.term);
- },
- dataType: 'json',
- delay: 250,
- timeout: 5000,
- cache: true,
- data: function(params){
- return {
- categories: options.categoryNames
- };
- },
- processResults: function(result, page){
- let data = {results: []};
- if(result.hasOwnProperty('error')){
- showErrorNotification(result.error);
- }else{
- let mapChildren = function(item){
- return {
- id: item.id,
- text: item.name,
- categoryType: this
- };
- };
-
- for(let category in result){
- // skip custom functions in case result = [] (array functions)
- if(result.hasOwnProperty(category)){
- // sort results (optional)
- sortResultData(result[category], page.term);
- data.results.push({
- text: category,
- children: result[category].map(mapChildren, category)
- });
- }
- }
- }
-
- return data;
- },
- error: function(jqXHR, status, error){
- if( !Util.isXHRAborted(jqXHR) ){
- let reason = status + ' ' + jqXHR.status + ': ' + error;
- showErrorNotification(reason);
- }
- }
- },
- dropdownParent: selectElement.parents('.modal-body') ,
- minimumInputLength: 3,
- placeholder: '',
- /* alphabetic search not always fits the users need
- sorter: data => {
- // sort nested data options by "text" prop
- return data.map((group, index) => {
- group.children = group.children.sort((a,b) => a.text.localeCompare(b.text) );
- return group;
- });
- },*/
- disabled: options.hasOwnProperty('disabled') ? options.disabled : false,
- allowClear: options.maxSelectionLength <= 1,
- maximumSelectionLength: options.maxSelectionLength,
- templateResult: formatCategoryTypeResultData
- // templateSelection: formatSelectionData, // some issues with "clear" selection on single selects (empty option is needed)
- }).on('change', function(e){
- // select changed
- }).on('select2:open', function(){
- // clear selected system (e.g. default system)
- // => improves usability (not necessary). There is a small "x" if field can be cleared manually
- if(
- options.maxSelectionLength === 1 &&
- $(this).val() !== null
- ){
- $(this).val('').trigger('change');
- }
- })
- ).done(function(){
- // after init finish
- });
- });
- };
-
- /**
- * init a select element as an "select2" object for system search
- * @param options
- * @returns {*}
- */
- $.fn.initUniverseTypeSelect = function(options){
-
- /**
- * get select option data by categoryIds
- * @param categoryIds
- * @returns {Array}
- */
- let getOptionsData = categoryIds => {
- let data = [];
-
- let mapChildren = function(type){
- return {
- id: type.id,
- text: type.name,
- mass: type.hasOwnProperty('mass') ? type.mass : null,
- groupId: this.groupId,
- categoryId: this.categoryId,
- categoryType: this.categoryType
- };
- };
-
- for(let categoryId of categoryIds){
- let categoryData = Util.getObjVal(Init, 'universeCategories.' + categoryId);
- if(categoryData && categoryData.groups){
- // categoryId data exists and has groups...
- for(let groupData of categoryData.groups){
- if(groupData && groupData.types){
- // groupData exists and has types...
- data.push({
- text: groupData.name,
- children: groupData.types.map(mapChildren, {
- groupId: groupData.id,
- categoryId: categoryData.id,
- categoryType: 'inventoryType',
- })
- });
- }
- }
- }
- }
-
- return data;
- };
-
- return this.each(function(){
- let selectElement = $(this);
-
- $.when(
- selectElement.select2({
- data: getOptionsData(options.categoryIds),
- dropdownParent: selectElement.parents('.modal-body'),
- minimumInputLength: 0, // minimum number of characters required to start a search
- maximumInputLength: 100, // maximum number of characters that may be provided for a search term
- placeholder: '',
- allowClear: options.maxSelectionLength <= 1,
- multiple: options.maxSelectionLength > 1,
- maximumSelectionLength: options.maxSelectionLength,
- // maximumSelectionLength: options.maxSelectionLength > 1 ? options.maxSelectionLength > 1 : 0,
- // minimumResultsForSearch: 5, // minimum number of results required to display the search box
- templateResult: formatCategoryTypeResultData
- }).on('select2:open', function(){
- // clear selected system (e.g. default system)
- // => improves usability (not necessary). There is a small "x" if field can be cleared manually
- if(
- options.maxSelectionLength === 1 &&
- $(this).val() !== null
- ){
- $(this).val('').trigger('change');
- }
- }).val(options.selected).trigger('change')
- );
- });
- };
-
- /**
- * init a select element as an "select2" object for signature group data
- * @param options
- * @returns {*}
- */
- $.fn.initSignatureGroupSelect = function(options){
- let defaultConfig = {
- minimumResultsForSearch: Infinity,
- width: '110px',
- dropdownParent: this.parents('.popover-content')
- };
-
- options = $.extend({}, defaultConfig, options);
-
- return this.each(function(){
- let selectElement = $(this);
- selectElement.select2(options);
-
- // initial open dropDown
- if( !parseInt(selectElement.val()) ){
- // setTimeout() required because of dropDown positioning
- setTimeout(() => {
- selectElement.select2('open');
- }, 0);
- }
- });
- };
-
- /**
- * init a select element as an "select2" object for signature types data
- * @param options
- * @param hasOptGroups
- * @returns {*}
- */
- $.fn.initSignatureTypeSelect = function(options, hasOptGroups){
- let defaultConfig = {
- minimumResultsForSearch: 10,
- width: '220px',
- dropdownParent: this.parents('.popover-content')
- };
-
- options = $.extend({}, defaultConfig, options);
-
- let formatSignatureTypeResultData = data => {
- return formatSignatureTypeConnectionResultData(data, 'wormhole');
- };
-
- let search = (params, data) => {
- if($.trim(params.term) === '') return data; // If there are no search terms, return all of the data
- if(typeof data.children === 'undefined') return null; // Skip if there is no 'children' property
-
- // `data.children` contains the actual options that we are matching against
- let filteredChildren = [];
- for(let [idx, child] of Object.entries(data.children)){
- if(child.text.toUpperCase().indexOf(params.term.toUpperCase()) === 0){
- filteredChildren.push(child);
- }
- }
-
- // If we matched any of the timezone group's children, then set the matched children on the group
- // and return the group object
- if(filteredChildren.length){
- let modifiedData = $.extend({}, data, true);
- modifiedData.children = filteredChildren;
-
- // You can return modified objects from here
- // This includes matching the `children` how you want in nested data sets
- return modifiedData;
- }
-
- // Return `null` if the term should not be displayed
- return null;
- };
-
- options.templateSelection = formatSignatureTypeSelectionData;
- options.templateResult = formatSignatureTypeResultData;
-
- if(hasOptGroups){
- // NOT nested selects don´t need the custom search() function
- options.matcher = search;
- }
-
- return this.each(function(){
- let selectElement = $(this);
- selectElement.select2(options);
-
- // initial open dropDown
- if( !parseInt(selectElement.val()) ){
- // setTimeout() required because of dropDown positioning
- setTimeout(() => {
- selectElement.select2('open');
- }, 0);
- }
- });
- };
-
- /**
- * init a select element as an "select2" object for signature group data
- * @param options
- * @returns {*}
- */
- $.fn.initSignatureConnectionSelect = function(options){
- let defaultConfig = {
- minimumResultsForSearch: Infinity,
- width: '140px',
- dropdownParent: this.parents('.popover-content')
- };
-
- options = $.extend({}, defaultConfig, options);
-
- let formatSignatureConnectionResultData = data => {
- return formatSignatureTypeConnectionResultData(data, 'system');
- };
-
- options.templateSelection = formatSignatureConnectionSelectionData;
- options.templateResult = formatSignatureConnectionResultData;
-
- return this.each(function(){
- let selectElement = $(this);
-
- // remove existing from DOM in case "data" is explicit set
- if(options.data){
- selectElement.empty();
- }
- selectElement.select2(options);
-
- // initial open dropDown
- if( !parseInt(selectElement.val()) ){
- // setTimeout() required because of dropDown positioning
- setTimeout(() => {
- selectElement.select2('open');
- }, 0);
- }
- });
- };
-
- return {
- formatSignatureTypeSelectionData: formatSignatureTypeSelectionData,
- formatSignatureConnectionSelectionData: formatSignatureConnectionSelectionData
- };
-});
diff --git a/public/js/v2.0.1/app/ui/layout/header_login.js b/public/js/v2.0.1/app/ui/layout/header_login.js
deleted file mode 100644
index fd6f4826..00000000
--- a/public/js/v2.0.1/app/ui/layout/header_login.js
+++ /dev/null
@@ -1,587 +0,0 @@
-/**
- * Header animation
- */
-
-define([
- 'jquery',
- 'app/util'
-], ($, Util) => {
- 'use strict';
-
- let config = {
- headerId: 'pf-landing-top', // id for page header
- canvasId: 'pf-header-canvas', // id for canvas background
- previewElementClass: 'pf-header-preview-element' // class for "preview" elements
- };
-
- class Color {
- constructor(r, g, b, a = 1){
- this._r = r;
- this._g = g;
- this._b = b;
- this._a = a;
- }
-
- get r(){
- return this._r;
- }
-
- get g(){
- return this._g;
- }
-
- get b(){
- return this._b;
- }
-
- style(a = this.a){
- return `rgba(${this.r}, ${this.g}, ${this.b}, ${a})`;
- }
- }
-
- class Node {
- constructor(x, y, ctx, config = {}){
- this._anchorX = x;
- this._anchorY = y;
- this._ctx = ctx;
- this._config = config;
- this._x = Math.random() * (x - (x - this._config.anchorLength)) + (x - this._config.anchorLength);
- this._y = Math.random() * (y - (y - this._config.anchorLength)) + (y - this._config.anchorLength);
- this._vx = Math.random() * 2 - 1;
- this._vy = Math.random() * 2 - 1;
- this._energy = Math.random() * 100;
- this._radius = Math.random();
- this._siblings = [];
- this._brightness = 0;
- this._isPointer = false;
- }
-
- set x(x){
- this._x = x;
- }
-
- get x(){
- return this._x;
- }
-
- set y(y){
- this._y = y;
- }
-
- get y(){
- return this._y;
- }
-
- set siblings(siblings){
- this._siblings = siblings;
- }
-
- get siblings(){
- return this._siblings;
- }
-
- get radius(){
- if(this.isPointer){
- return 3;
- }
- return 2 * this._radius + 2 * this._siblings.length / this._config.siblingsLimit;
- }
-
- set brightness(brightness){
- this._brightness = brightness;
- }
-
- get brightness(){
- return this.isPointer ? 1 : this._brightness;
- }
-
- set color(color){
- this._color = color;
- }
-
- get color(){
- return this._color;
- }
-
- set isPointer(isPointer){
- this._isPointer = isPointer;
- }
-
- get isPointer(){
- return this._isPointer;
- }
-
- drawNode(){
- this._ctx.beginPath();
- this._ctx.arc(this.x, this.y, this.radius, 0, StarCanvas.circ);
- this._ctx.fillStyle = this.color.style(this.brightness * this._config.brightnessMultiplierNode);
- this._ctx.fill();
- }
-
- drawConnections(){
- for(let i = 0; i < this._siblings.length; i++){
- this._ctx.beginPath();
- this._ctx.moveTo(this.x, this.y);
- this._ctx.lineTo(this._siblings[i].x, this._siblings[i].y);
- this._ctx.lineWidth = 1 - StarCanvas.calcDistance(this, this._siblings[i]) / this._config.sensitivity;
- if(this.color === this._siblings[i].color){
- // no gradient
- this._ctx.strokeStyle = this.color.style(this.brightness * this._config.brightnessMultiplierConnection);
- }else{
- // gradient
- this._ctx.strokeStyle = this.gradient(this._siblings[i], StarCanvas.lineStyle(this, this._siblings[i])) ;
- }
- this._ctx.stroke();
- }
- }
-
- gradient(node2, midColor){
- let grad = this._ctx.createLinearGradient(Math.floor(this.x), Math.floor(this.y), Math.floor(node2.x), Math.floor(node2.y));
- grad.addColorStop(0, this.color.style(this.brightness * this._config.brightnessMultiplierConnection));
- grad.addColorStop(0.5, midColor);
- grad.addColorStop(1, node2.color.style(node2.brightness * this._config.brightnessMultiplierConnection));
- return grad;
- }
-
- moveNode(){
- this._energy -= 2;
- if(this._energy < 1){
- this._energy = Math.random() * 100;
- if(this.x - this._anchorX < -this._config.anchorLength){
- this._vx = Math.random() * 2;
- }else if(this.x - this._anchorX > this._config.anchorLength){
- this._vx = Math.random() * -2;
- }else{
- this._vx = Math.random() * 4 - 2;
- }
- if(this.y - this._anchorY < -this._config.anchorLength){
- this._vy = Math.random() * 2;
- }else if (this.y - this._anchorY > this._config.anchorLength){
- this._vy = Math.random() * -2;
- }else{
- this._vy = Math.random() * 4 - 2;
- }
- }
- this.x += this._vx * this._energy / 100;
- this.y += this._vy * this._energy / 100;
- }
- }
-
- class StarCanvas {
- constructor(canvas, config = {}) {
- this._canvas = canvas;
- this._config = Object.assign({}, new.target.defaultConfig, config);
- this._nodes = [];
- this._nodesQty = 0;
- this._updateActive = true;
- this._minWait = Math.floor(1 / this._config.fps * 1000);
-
- this.resizeWindow();
- this._mouse = this._config.startCoordinates(this._canvas);
-
- this._ctx = this._canvas.getContext('2d', {
- alpha: true,
- desynchronized: false,
- preserveDrawingBuffer: true
- });
- this.initHandlers();
-
- // must be bind to this instance -> https://stackoverflow.com/a/46014225/4329969
- this.onPointerDown = this.onPointerDown.bind(this);
- this.onPointerOver = this.onPointerOver.bind(this);
- this.onPointerEnter = this.onPointerEnter.bind(this);
- this.onPointerOut = this.onPointerOut.bind(this);
- this.onPointerLeave = this.onPointerLeave.bind(this);
- this.onPointerMove = this.onPointerMove.bind(this);
-
- this.initPointerLock();
- this.initIntersectionObserver();
- this.setColorBase();
- this.initNodes();
- this.redrawCheck();
- }
-
- setColorBase(){
- // if base color does not change -> re-use same instance for all nodes
- this._colorBase = Array.isArray(this._config.colorBase) ? new Color(...this._config.colorBase) : null;
- }
-
- isPaused(){
- return (typeof this._config.isPaused === 'function') ? this._config.isPaused(this) : this._config.isPaused;
- }
-
- eventContainer(){
- return this._config.container ? this._config.container : this._canvas;
- }
-
- findSiblings(){
- let node1, node2, distance;
- for(let i = 0; i < this._nodesQty; i++){
- node1 = this._nodes[i];
- node1.siblings = [];
- for(let j = 0; j < this._nodesQty; j++){
- node2 = this._nodes[j];
- if(node1 !== node2){
- distance = StarCanvas.calcDistance(node1, node2);
- if(distance < this._config.sensitivity){
- if(node1.siblings.length < this._config.siblingsLimit){
- node1.siblings.push(node2);
- }else{
- let node_sibling_distance = 0;
- let max_distance = 0;
- let s;
- for(let k = 0; k < this._config.siblingsLimit; k++){
- node_sibling_distance = StarCanvas.calcDistance(node1, node1.siblings[k]);
- if(node_sibling_distance > max_distance){
- max_distance = node_sibling_distance;
- s = k;
- }
- }
- if(distance < max_distance){
- node1.siblings.splice(s, 1);
- node1.siblings.push(node2);
- }
- }
- }
- }
- }
- }
- }
-
- redrawScene(){
- //this.resizeWindow();
- this._ctx.clearRect(0, 0, this._canvas.width, this._canvas.height);
- this.findSiblings();
- // skip nodes move to move if they are outside the visible radius -> performance boost
- let haltRadius = this._config.mouseRadius + this._config.anchorLength;
- // mouse pointer node moves on mousemove
- this._pointerNode.x = this._mouse.x;
- this._pointerNode.y = this._mouse.y;
- let skipNodesMove = [0]; // pointer node
-
- let i, node, distance;
- for(i = 0; i < this._nodesQty; i++){
- node = this._nodes[i];
- distance = StarCanvas.calcDistance({
- x: this._mouse.x,
- y: this._mouse.y
- }, node);
-
- if(distance < this._config.mouseRadius){
- node.brightness = 1 - distance / this._config.mouseRadius;
- }else{
- node.brightness = 0;
- }
-
- if(distance > haltRadius){
- skipNodesMove.push(i);
- }
- skipNodesMove = [];
- }
-
- for(i = 0; i < this._nodesQty; i++){
- node = this._nodes[i];
- if(node.brightness){
- node.drawNode();
- node.drawConnections();
- }
-
- if(!skipNodesMove.includes(i)){
- node.moveNode();
- }
- }
- }
-
- redrawCheck(){
- if(this._animationFrameId){
- cancelAnimationFrame(this._animationFrameId);
- }
-
- this._animationFrameId = requestAnimationFrame(() => {
- let now = Date.now();
-
- if(
- this._updateActive && !this.isPaused() &&
- now - (this._lastRender || 0) >= this._minWait
- ){
- this._lastRender = now;
- this.redrawScene();
- }
-
-
- this._animationFrameId = null;
- this.redrawCheck();
- });
- }
-
- initNodes(){
- this._ctx.clearRect(0, 0, this._canvas.width, this._canvas.height);
- this._nodes = [];
- for(let i = this._config.density; i < this._canvas.width; i += this._config.density) {
- for(let j = this._config.density; j < this._canvas.height; j += this._config.density) {
- let node = new Node(i, j, this._ctx, this._config);
- if(typeof this._config.colorBase === 'function'){
- node.color = this._config.colorBase(node, this);
- }else{
- node.color = this._colorBase;
- }
- this._nodes.push(node);
- this._nodesQty++;
- }
- }
-
- // mouse cursor node
- this._pointerNode = new Node(
- this._mouse.x,
- this._mouse.y,
- this._ctx,
- this._config
- );
- this._pointerNode.color = new Color(...this._config.colorCursor);
- this._pointerNode.brightness = 1;
- this._pointerNode.isPointer = true;
- this._nodes.unshift(this._pointerNode);
- this._nodesQty++;
- }
-
- initHandlers(){
- let passive = true;
- this.eventContainer().addEventListener('pointerover', e => this.onPointerOver(e), {passive: passive});
- this.eventContainer().addEventListener('pointerenter', e => this.onPointerEnter(e), {passive: passive});
-
- this.eventContainer().addEventListener('pointermove', e => this.onPointerMove(e), {passive: passive});
-
- this.eventContainer().addEventListener('pointerout', e => this.onPointerOut(e), {passive: passive});
- this.eventContainer().addEventListener('pointerleave', e => this.onPointerLeave(e), {passive: passive});
- }
-
- initPointerLock(){
- if(!this._config.pointerLock){
- return;
- }
-
- let lockChange = (e) => {
- if(document.pointerLockElement === this._canvas){
- this.eventContainer().classList.add(this._config.pointerLockedClass);
- //this.eventContainer().addEventListener('pointermove', this.onPointerMove, {passive: true});
- }else{
- this.eventContainer().classList.remove(this._config.pointerLockedClass);
- //this.eventContainer().removeEventListener('pointermove', this.onPointerMove, {passive: true});
- }
- };
-
- //this._canvas.requestPointerLock()
- this._canvas.addEventListener('pointerdown', this.onPointerDown, false);
-
- document.addEventListener('pointerlockchange', lockChange, false);
- }
-
- initIntersectionObserver(){
- let intersectionCallback = entries => {
- let visiblePct = Math.floor(entries[0].intersectionRatio * 100);
- this._updateActive = visiblePct > 0;
- };
-
- this._intersectionObserver = new IntersectionObserver(intersectionCallback, {
- threshold: [0.0, 0.2, 0.4, 0.6, 0.8, 1.0]
- });
- this._intersectionObserver.observe(this._canvas);
- }
-
- mousemoveHandler(e){
- this._mouse.x = e.clientX;
- this._mouse.y = e.clientY;
- }
-
- onPointerMove(e){
- e.preventDefault();
- let x = this._mouse.x + Math.floor(e.movementX);
- let y = this._mouse.y + Math.floor(e.movementY);
-
- this._mouse.x = Math.min(this._canvas.width, Math.max(0, x));
- this._mouse.y = Math.min(this._canvas.height, Math.max(0, y));
-
- /*
- if(x !== this._mouse.x || y !== this._mouse.y){
- // cursor outside canvas
- document.exitPointerLock();
- }
- */
- }
-
- onPointerDown(e){
- this._mouse.x = e.clientX;
- this._mouse.y = e.clientY;
- if(document.pointerLockElement === this._canvas){
- document.exitPointerLock();
- }else{
- this._canvas.requestPointerLock();
- }
- }
-
- onPointerOver(e){
- e.preventDefault();
- this._mouse.x = e.clientX;
- this._mouse.y = e.clientY;
- }
-
- onPointerEnter(e){}
-
- onPointerOut(e){}
-
- onPointerLeave(e){
- e.preventDefault();
- document.exitPointerLock();
- }
-
- resizeWindow(){
- let dimension = this._config.newDimension(this);
- this._canvas.width = dimension.width;
- this._canvas.height = dimension.height;
- }
- }
-
- StarCanvas.circ = 2 * Math.PI;
-
- StarCanvas.calcDistance = (node1, node2) => {
- return Math.sqrt(Math.pow(node1.x - node2.x, 2) + (Math.pow(node1.y - node2.y, 2)));
- };
-
- StarCanvas.lineStyle = (node1, node2) => {
- let r = StarCanvas.mixComponents(node1.color.r, node2.color.r, node1.radius, node2.radius);
- let g = StarCanvas.mixComponents(node1.color.g, node2.color.g, node1.radius, node2.radius);
- let b = StarCanvas.mixComponents(node1.color.b, node2.color.b, node1.radius, node2.radius);
- let a = (node1.brightness + node2.brightness) / 2;
- return `rgba(${Math.floor(r)}, ${Math.floor(g)}, ${Math.floor(b)}, ${a})`;
- };
-
- StarCanvas.mixComponents = (comp1, comp2, weight1, weight2) => {
- return (comp1*weight1 + comp2*weight2) / (weight1 + weight2);
- };
-
- StarCanvas.getRandomIntInclusive = (min, max) => {
- min = Math.ceil(min);
- max = Math.floor(max);
- return Math.floor(Math.random() * (max - min +1)) + min;
- };
-
-
- StarCanvas.defaultConfig = {
- pointerLockedClass: 'pointer-locked',
- // limit render interval to max fps
- // lower fps == less CPU
- fps: 80,
- // how close next node must be to activate connection (in px)
- // shorter distance == better connection (line width)
- sensitivity: 90,
- // note that siblings limit is not 'accurate' as the node can actually have more connections than this value
- // that's because the node accepts sibling nodes with no regard to their current connections this is acceptable
- // because potential fix would not result in significant visual difference
- // more siblings == bigger node
- siblingsLimit: 15,
- // default node margin
- density: 50,
- // avoid nodes spreading
- anchorLength: 80,
- // highlight radius
- mouseRadius: 150,
- // values < 1 will lower the calculated node brightness [0-1]
- brightnessMultiplierNode: 1,
- // values < 1 will lower the calculated connection brightness [0-1]
- brightnessMultiplierConnection: 1,
- colorBase: [108, 174, 173], // teal
- colorCursor: [226, 138, 13], // orange
- // callback for canvas dimension re-calc
- newDimension: () => ({width: window.innerWidth, height: window.innerHeight}),
- // start coordinates (before mouse move)
- startCoordinates: canvas => ({
- x: canvas.width / 2,
- y: canvas.height / 2
- }),
- // callback/boolean to pause canvas updated (e.g. while page scroll). Better scroll performance
- isPaused: false,
- // wrapper container for pointer events (e.g. document)
- container: false,
- // enables Pointer Lock API - https://developer.mozilla.org/en-US/docs/Web/API/Pointer_Lock_API
- pointerLock: true
- };
-
- // custom configuration -------------------------------------------------------------------------------------------
- let defaultConfig = {
- brightnessMultiplierConnection: 0.95,
- colorCursor: [200, 184, 71], // yellow dark
- newDimension: starCanvas => ({
- width: window.innerWidth,
- height: 354 // max height + 1px border
- }),
- startCoordinates: canvas => ({
- x: canvas.width / 2 + 500,
- y: canvas.height / 2 + 50
- }),
- isPaused: () => document.body.classList.contains('on-scroll'),
- container: document.getElementById(config.headerId)
- };
-
- if(navigator.userAgent.indexOf('Chrome') > -1){
- // Chrome user
- Object.assign(defaultConfig, {
- sensitivity: 85,
- siblingsLimit: 10,
- density: 60,
- anchorLength: 20,
- colorBase: (node, instance) => {
- let colorId = StarCanvas.getRandomIntInclusive(0, 4);
- let colorKey = `_randColor${colorId}`;
- if(instance[colorKey]){
- return instance[colorKey];
- }
-
- let rgb = StarCanvas.defaultConfig.colorBase;
- switch(colorId){
- case 1: rgb = [ 92, 184, 92]; break; // green
- case 2: rgb = [ 68, 170, 130]; break; // aqua
- case 3: rgb = [194, 118, 12]; break; // orange dark
- case 4: rgb = StarCanvas.defaultConfig.colorBase; break;
- }
-
- instance[colorKey] = new Color(...rgb);
- return instance[colorKey];
- }
- });
- }else{
- // Non Chrome user
- Object.assign(defaultConfig, {
- sensitivity: 85,
- siblingsLimit: 6,
- density: 60,
- anchorLength: 20,
- mouseRadius: 120
- });
- }
-
- let init = () => {
-
- let canvas = document.getElementById(config.canvasId);
- // not on mobile
- if(canvas){
- let starCanvasInstance = new StarCanvas(canvas, defaultConfig);
- canvas.classList.add('in');
-
- // watch for resize
- Util.getResizeManager().observe(
- canvas.parentNode,
- (el, contentRect) => {
- // ignore "height" change (css transition) (no canvas repaint)
- if(canvas.width !== contentRect.width){
- starCanvasInstance.resizeWindow();
- }
- },
- {debounce: true, ms: 260}
- );
- }
- };
-
- return {
- init
- };
-});
\ No newline at end of file
diff --git a/public/js/v2.0.1/app/ui/module/base.js b/public/js/v2.0.1/app/ui/module/base.js
deleted file mode 100644
index edfa3447..00000000
--- a/public/js/v2.0.1/app/ui/module/base.js
+++ /dev/null
@@ -1,513 +0,0 @@
-define([
- 'jquery',
- 'app/init',
- 'app/util',
- 'app/map/util',
- 'app/lib/cache',
- 'app/promises/promise.deferred',
- 'app/promises/promise.queue'
-], ($, Init, Util, MapUtil, Cache, DeferredPromise, PromiseQueue) => {
- 'use strict';
-
- /**
- * abstract BaseModel class
- * -> custom/plugin modules must extend from it
- * @type {BaseModule}
- */
- let BaseModule = class BaseModule {
-
- constructor(config= {}){
- if(new.target === BaseModule){
- throw new TypeError('Cannot construct ' + this.constructor.name + ' instances directly');
- }
-
- // check for abstract methods to be implemented in child
- if(this.render === undefined){
- throw new TypeError('Abstract method render() missing in ' + new.target.name + ' class');
- }
-
- this._config = Object.assign({}, BaseModule.defaultConfig, config);
- this._updateQueue = new PromiseQueue();
- }
-
- /**
- * get current module configuration
- * @returns {*}
- */
- get config(){
- return this._config;
- }
-
- /**
- * get root node for this module
- * -> parent container for custom body HTML
- * @returns {HTMLElement}
- */
- get moduleElement(){
- if(!this._moduleEl){
- // init new moduleElement
- this._moduleEl = Object.assign(document.createElement('div'), {
- className: `${BaseModule.className} ${this._config.className}`,
- style: {
- opacity: '0'
- }
- }).setData('module', this);
-
- this._moduleEl.dataset.position = this._config.position;
- this._moduleEl.dataset.module = this.constructor.name;
-
- // module header
- this._moduleEl.append(this.newHeaderElement());
- }
- return this._moduleEl;
- }
-
- /**
- * module header element
- * -> dragHandler + headline
- * @param text
- * @returns {HTMLDivElement}
- */
- newHeaderElement(text){
- let headEl = this.newHeadElement();
- headEl.append(
- this.newHandlerElement(),
- this.newHeadlineElement(text || this._config.headline)
- );
- return headEl;
- }
-
- /**
- * module head element
- * @returns {HTMLDivElement}
- */
- newHeadElement(){
- return Object.assign(document.createElement('div'), {
- className: this._config.headClassName
- });
- }
-
- /**
- * module dragHandler element
- * @returns {HTMLHeadingElement}
- */
- newHandlerElement(){
- return Object.assign(document.createElement('h5'), {
- className: this._config.handlerClassName
- });
- }
-
- /**
- * module headline element
- * @param text
- * @returns {HTMLHeadingElement}
- */
- newHeadlineElement(text){
- return Object.assign(document.createElement('h5'), {
- textContent: typeof text === 'string' ? text : ''
- });
- }
-
- /**
- * module toolbar element (wrapper)
- * @returns {HTMLHeadingElement}
- */
- newHeadlineToolbarElement(){
- return Object.assign(document.createElement('h5'), {
- className: 'pull-right'
- });
- }
-
- /**
- * icon element
- * @param cls
- * @returns {HTMLElement}
- */
- newIconElement(cls = []){
- return Object.assign(document.createElement('i'), {
- className: ['fas', ...cls].join(' ')
- });
- }
-
- /**
- * label element
- * @param text
- * @param cls
- * @returns {HTMLSpanElement}
- */
- newLabelElement(text, cls = []){
- let labelEl = document.createElement('span');
- labelEl.classList.add('label', 'center-block', ...cls);
- labelEl.textContent = text || '';
- return labelEl;
- }
-
- /**
- * control button element
- * @param text
- * @param cls
- * @param iconCls
- * @returns {HTMLDivElement}
- */
- newControlElement(text, cls = [], iconCls = ['fa-sync']){
- let controlEl = document.createElement('div');
- controlEl.classList.add(...[BaseModule.Util.config.dynamicAreaClass, this._config.controlAreaClass, ...cls]);
- controlEl.insertAdjacentHTML('beforeend', ` ${text}`);
- controlEl.prepend(this.newIconElement(iconCls));
- return controlEl;
- }
-
- /**
- * HTTP request handler for internal (Pathfinder) ajax calls
- * @param args
- * @returns {Promise}
- */
- request(...args){
- return BaseModule.Util.request(...args);
- }
-
- /**
- * scoped instance for LocalStore for current module
- * @returns {LocalStore}
- */
- getLocalStore(){
- if(!this._localStore){
- // make accessible -> scope Store keys!
- this._localStore = BaseModule.Util.getLocalStore('module');
- this._localStore.scope = this.constructor.name;
- }
- return this._localStore;
- }
-
- /**
- * visual notification handler (UI popover)
- * -> can be used for info/error on-screen messages
- * @param args
- */
- showNotify(...args){
- return BaseModule.Util.showNotify(...args);
- }
-
- /**
- * responsible for dispatching all incoming method calls
- * @param handler
- * @param data
- * @returns {*}
- */
- handle(handler, ...data){
- try{
- if(BaseModule.handler.includes(handler)){
- // .. run module handler
- let returnData = this[handler].apply(this, data);
- if(returnData instanceof Promise){
- // log returned Promise from handler call resolved
- returnData.then(() => { this.logHandler(handler, 0);});
- }
- // log handler call
- this.logHandler(handler);
-
- return returnData;
- }else{
- console.error('Error in module %o. Invalid handler %o', this.constructor.name, handler);
- }
- }catch(e){
- console.error('Error in module %o in handler %s() %o', this.constructor.name, handler, e);
- }
- }
-
- /**
- * log handler calls for this instance
- * -> can be helpful for debugging
- * @param handler
- * @param increment
- */
- logHandler(handler, increment = 1){
- if(increment){
- if(!this._config.logHandler){
- this._config.logHandler = {};
- }
-
- this._config.logHandler[handler] = (this._config.logHandler[handler] || 0) + increment;
- }
- }
-
- /**
- * init module
- */
- init(){}
-
- /**
- * update module
- * @param data
- * @returns {Promise}
- */
- update(data){
- return this._updateQueue.enqueue(() => Promise.resolve(data), 'end', 'upd');
- }
-
- beforeHide(){}
-
- beforeDestroy(){
- $(this.moduleElement).destroyPopover(true);
-
- // destroy DataTable instances
- for(let table of $(this.moduleElement).find('table.dataTable')){
- $(table).DataTable().destroy(true);
- }
- }
-
- /**
- * events from 'Sortable' lib
- * @see https://github.com/SortableJS/Sortable
- * @param name
- * @param e
- */
- onSortableEvent(name, e){
- if(name === 'onUnchoose' && this._sortableChoosePromise){
- this._sortableChoosePromise.resolve();
- }
-
- if(name === 'onChoose' && !this._sortableChoosePromise){
- this._sortableChoosePromise = BaseModule.newDeferredPromise();
- this._updateQueue.enqueue(() => this._sortableChoosePromise.then(() => {
- this._sortableChoosePromise = null;
- }), 'start');
- }
- }
-
- /**
- * get a unique cache key name for "source"/"target"-name
- * @param sourceName
- * @param targetName
- * @returns {string|boolean}
- */
- static getConnectionDataCacheKey(sourceName, targetName){
- let key = false;
- if(sourceName && targetName){
- // names can be "undefined" in case system is currently in drag/drop state
- // sort() is important -> ignore direction
- key = `con_` + `${ [String(sourceName).toLowerCase(), String(targetName).toLowerCase()].sort() }`.hashCode();
- }
- return key;
- }
-
- /**
- * get a connectionsData object that holds all connections for given mapIds (used as cache for route search)
- * @param mapIds
- * @returns {{}}
- */
- static getConnectionsDataFromMaps(mapIds){
- let data = {};
- for(let mapId of mapIds){
- let map = MapUtil.getMapInstance(mapId);
- if(map){
- let cacheKey = `map_${mapId}`;
- let cache = BaseModule.getCache('mapConnections');
- let mapConnectionsData = cache.get(cacheKey);
-
- if(!mapConnectionsData){
- mapConnectionsData = this.getConnectionsDataFromConnections(mapId, map.getAllConnections());
- // update cache
- cache.set(cacheKey, mapConnectionsData);
- }
- Object.assign(data, mapConnectionsData);
- }
- }
- return data;
- }
-
- /**
- * get a connectionsData object for all connections
- * @param mapId
- * @param connections
- * @returns {{}}
- */
- static getConnectionsDataFromConnections(mapId = 0, connections = []){
- let data = {};
- if(connections.length){
- let connectionsData = MapUtil.getDataByConnections(connections);
- for(let connectionData of connectionsData){
- let connectionDataCacheKey = BaseModule.getConnectionDataCacheKey(connectionData.sourceName, connectionData.targetName);
-
- // skip double connections between same systems
- if(connectionDataCacheKey && !Object.keys(data).includes(connectionDataCacheKey)){
- data[connectionDataCacheKey] = {
- map: {
- id: mapId
- },
- connection: {
- id: connectionData.id,
- type: connectionData.type,
- scope: connectionData.scope,
- updated: connectionData.updated
- },
- source: {
- id: connectionData.source,
- name: connectionData.sourceName,
- alias: connectionData.sourceAlias
- },
- target: {
- id: connectionData.target,
- name: connectionData.targetName,
- alias: connectionData.targetAlias
- }
- };
- }
- }
- }
- return data;
- }
-
- /**
- * search for a specific connection by "source"/"target"-name inside connectionsData cache
- * @param connectionsData
- * @param sourceName
- * @param targetName
- * @returns {*}
- */
- static findConnectionsData(connectionsData, sourceName, targetName){
- return this.Util.getObjVal(connectionsData, this.getConnectionDataCacheKey(sourceName, targetName));
- }
-
- /**
- * get fake connection data (default connection type in case connection was not found on a map)
- * @param sourceSystemData
- * @param targetSystemData
- * @param scope
- * @param types
- * @returns {{connection: {scope: string, id: number, type: [*]}, source: {name: number, alias: number, id: number}, target: {name: number, alias: number, id: number}}}
- */
- static getFakeConnectionData(sourceSystemData, targetSystemData, scope = 'stargate', types = []){
- return {
- connection: {
- id: 0,
- scope: scope,
- type: types.length ? types : [MapUtil.getDefaultConnectionTypeByScope(scope)],
- updated: 0
- },
- source: {
- id: 0,
- name: sourceSystemData.system,
- alias: sourceSystemData.system
- },
- target: {
- id: 0,
- name: targetSystemData.system,
- alias: targetSystemData.system
- }
- };
- }
-
- /**
- * get fake connection Element
- * @param connectionData
- * @returns {string}
- */
- static getFakeConnectionElement(connectionData){
- let mapId = this.Util.getObjVal(connectionData, 'map.id') || 0;
- let connectionId = this.Util.getObjVal(connectionData, 'connection.id') || 0;
- let scope = this.Util.getObjVal(connectionData, 'connection.scope') || '';
- let classes = MapUtil.getConnectionFakeClassesByTypes(this.Util.getObjVal(connectionData, 'connection.type') || []);
- let disabled = !mapId || !connectionId;
-
- let connectionElement = '';
- return connectionElement;
- }
-
- /**
- * get static instance of in-memory Cache() store by 'name'
- * -> not persistent across page reloads
- * -> persistent across module instances (different and same maps)
- * @param name
- * @returns {Cache}
- */
- static getCache(name){
- let key = `CACHE-${name}`;
- if(!this.Util.getObjVal(this, key)){
- let configKey = `cacheConfig.${name}`;
- let cacheConfig = this.Util.getObjVal(this, configKey);
- if(!cacheConfig){
- console.warn('Missing Cache config for %o. Expected at %o. Default config loaded…',
- name, `${this.name}.${configKey}`
- );
- cacheConfig = {};
- }else{
- // set cache name
- cacheConfig.name = name;
- }
-
- this[key] = new Cache(cacheConfig);
- }
- return this[key];
- }
-
- static now(){
- return new Date().getTime() / 1000;
- }
-
- static getOrderPrio(){
- return this.isPlugin ?
- this.scopeOrder.indexOf('plugin') :
- (this.scopeOrder.indexOf(this.scope) !== -1 ?
- this.scopeOrder.indexOf(this.scope) :
- this.scopeOrder.length - 1
- );
- }
-
- static newDeferredPromise(){
- return new DeferredPromise();
- }
- };
-
- BaseModule.isPlugin = true; // module is defined as 'plugin'
- BaseModule.scope = 'system'; // static module scope controls how module gets updated and what type of data is injected
- BaseModule.sortArea = 'a'; // static default sortable area
- BaseModule.position = 0; // static default sort/order position within sortable area
- BaseModule.label = '???'; // static module label (e.g. description)
- BaseModule.className = 'pf-module'; // static CSS class name
- BaseModule.fullDataUpdate = false; // static module requires additional data (e.g. system description,...)
- BaseModule.Util = Util; // static access to Pathfinders Util object
-
- BaseModule.scopeOrder = [
- 'system',
- 'connection',
- 'global',
- 'plugin',
- 'undefined'
- ];
-
- BaseModule.handler = [
- 'render',
- 'init',
- 'update',
- 'beforeHide',
- 'beforeDestroy',
- 'onSortableEvent'
- ];
-
- BaseModule.cacheConfig = {
- mapConnections: {
- ttl: 5,
- maxSize: 600,
- debug: false
- }
- };
-
- BaseModule.defaultConfig = {
- position: 1,
- className: 'pf-base-module', // class for module
- headClassName: 'pf-module-head', // class for module header
- handlerClassName: 'pf-sortable-handle', // class for "drag" handler
- sortTargetAreas: ['a', 'b', 'c'], // sortable areas where module can be dragged into
- headline: 'Base headline', // module headline
- bodyClassName: 'pf-module-body', // class for module body [optional: can be used]
- controlAreaClass: 'pf-module-control-area', // class for "control" areas
-
- moduleHeadlineIconClass: 'pf-module-icon-button' // class for toolbar icons in the head
- };
-
- return BaseModule;
-});
diff --git a/public/js/v2.0.1/app/ui/module/connection_info.js b/public/js/v2.0.1/app/ui/module/connection_info.js
deleted file mode 100644
index 11702972..00000000
--- a/public/js/v2.0.1/app/ui/module/connection_info.js
+++ /dev/null
@@ -1,1287 +0,0 @@
-/**
- * Connection info module
- */
-
-define([
- 'jquery',
- 'app/init',
- 'app/util',
- 'module/base',
- 'bootbox',
- 'app/counter',
- 'app/map/util'
-], ($, Init, Util, BaseModule, bootbox, Counter, MapUtil) => {
- 'use strict';
-
- let ConnectionInfoModule = class ConnectionInfoModule extends BaseModule {
- constructor(config = {}) {
- super(Object.assign({}, new.target.defaultConfig, config));
- }
-
- /**
- * get HTML id by connectionId
- * @param connectionId
- * @returns {string}
- */
- getConnectionElementId(connectionId = 0){
- return [
- this._config.connectionInfoPanelClass,
- this._mapId,
- connectionId
- ].join('-');
- }
-
- /**
- * get all visible connection panel elements
- * @returns {*|T|{}}
- */
- getConnectionElements(){
- return [...this.moduleElement.getElementsByClassName(this._config.connectionInfoPanelClass)]
- .filter(el => el.id !== this.getConnectionElementId());
- }
-
- /**
- * module header
- * @param text
- * @returns {HTMLDivElement}
- */
- newHeaderElement(text){
- let headEl = super.newHeaderElement(text);
-
- let toolbarEl = this.newHeadlineToolbarElement();
-
- let iconMassEl = this.newIconElement([
- 'fa-male', 'fa-fw',
- this._config.moduleHeadlineIconClass,
- this._config.moduleHeadlineIconCurrentMassClass,
- this._config.showShip ? 'active' : ''
- ]);
- iconMassEl.setAttribute('title', 'toggle current ship mass');
-
- let iconRefreshEl = this.newIconElement([
- 'fa-sync', 'fa-fw',
- this._config.moduleHeadlineIconClass,
- this._config.moduleHeadlineIconRefreshClass
- ]);
- iconRefreshEl.setAttribute('title', 'refresh all');
-
- toolbarEl.append(iconMassEl, iconRefreshEl);
- headEl.append(toolbarEl);
-
- return headEl;
- }
-
- /**
- * get info control panel element
- * @param mapId
- * @returns {HTMLDivElement}
- */
- newInfoPanelControlEl(mapId){
- let connectionEl = this.newConnectionElement(mapId);
- connectionEl.append(
- this.newControlElement('add connection ctrl + click', [], ['fa-plus'])
- );
-
- return connectionEl;
- }
-
- /**
- * get new connection element
- * @param mapId
- * @param connectionId
- * @returns {HTMLDivElement}
- */
- newConnectionElement(mapId, connectionId = 0){
- let connectionEl = document.createElement('div');
- connectionEl.id = this.getConnectionElementId(connectionId);
- connectionEl.classList.add(this._config.connectionInfoPanelClass);
- $(connectionEl).data({
- mapId: mapId,
- connectionId: connectionId
- });
-
- return connectionEl;
- }
-
- /**
- * render module
- * @param mapId
- * @param connections
- * @returns {HTMLElement}
- */
- render(mapId, connections){
- this._mapId = mapId;
-
- let rowEl = document.createElement('div');
- rowEl.classList.add(this._config.bodyClassName, 'grid');
- rowEl.append(this.newInfoPanelControlEl(mapId));
- this.moduleElement.append(rowEl);
-
- this.updateConnectionPanels(mapId, MapUtil.getDataByConnections(connections), []);
- this.setModuleObserver();
-
- return this.moduleElement;
- }
-
- /**
- * set module observer
- */
- setModuleObserver(){
- $(document).off('pf:updateConnectionInfoModule').on('pf:updateConnectionInfoModule', (e, data) => {
- this.updateConnectionPanels(
- data.mapId,
- MapUtil.getDataByConnections(data.connectionsUpdate),
- MapUtil.getDataByConnections(data.connectionsRemove)
- );
- });
-
- $(document).off('pf:activeShip').on('pf:activeShip', (e) => {
- $(this.moduleElement).find('.' + this._config.connectionInfoPanelClass).each((i, connectionElement) => {
- $(connectionElement).find('.' + this._config.moduleTableClass).each((i, tableElement) => {
- $(tableElement).trigger('pf:calcInfoTable');
- });
- });
- });
-
- // init toggle active ship ----------------------------------------------------------------
- $(this.moduleElement).find('.' + this._config.moduleHeadlineIconCurrentMassClass).on('click', e => {
- let currentMassIcon = $(e.target).toggleClass('active');
- $(this.moduleElement).find('.' + this._config.connectionInfoPanelClass).each((i, connectionElement) => {
- $(connectionElement).find('.' + this._config.moduleTableClass).each((i, tableElement) => {
- $(tableElement).data('showShip', currentMassIcon.hasClass('active')).trigger('pf:calcInfoTable');
- });
- });
- });
-
- // init refresh connections ---------------------------------------------------------------
- $(this.moduleElement).find('.' + this._config.moduleHeadlineIconRefreshClass).on('click', e => {
- this.refreshConnectionPanels();
- });
-
- // init tooltips
- $(this.moduleElement).initTooltips({
- html: true
- });
- }
-
- /**
- * refresh all connection panels in a module
- */
- refreshConnectionPanels(){
- let connectionsData = this.getConnectionsDataFromModule();
- this.updateConnectionPanels(this._mapId, connectionsData.connectionsDataUpdate, connectionsData.connectionsDataRemove);
- }
-
-
- /**
- * get connections from ModuleElement
- * -> validate with current map data
- * @returns {{connectionsDataUpdate: Array, connectionsDataRemove: Array}}
- */
- getConnectionsDataFromModule(){
- let activeMap = Util.getMapModule().getActiveMap();
- let mapData = activeMap.getMapDataFromClient(['hasId']);
- let connectionsData = {
- connectionsDataUpdate: [],
- connectionsDataRemove: [],
- };
-
- if(mapData !== false){
- this.getConnectionElements().forEach((connectionElement, i) => {
- let removeConnectionPanel = true;
- let connectionData = {id: $(connectionElement).data('connectionId') };
-
- let connection = $().getConnectionById(this._mapId, connectionData.id);
- if(connection){
- let connectionDataTemp = MapUtil.getDataByConnection(connection);
- if(connectionDataTemp.id > 0){
- // connection still on map - OK
- removeConnectionPanel = false;
- connectionData = connectionDataTemp;
- }
- }
-
- if(removeConnectionPanel){
- connectionsData.connectionsDataRemove.push(connectionData);
- }else{
- connectionsData.connectionsDataUpdate.push(connectionData);
- }
- });
- }
-
- return connectionsData;
- }
-
- /**
- * enrich connectionData with "logs" data (if available) and other "missing" data
- * @param connectionsData
- * @param newConnectionsData
- * @returns {*}
- */
- enrichConnectionsData(connectionsData, newConnectionsData){
- for(let i = 0; i < connectionsData.length; i++){
- for(let newConnectionData of newConnectionsData){
- if(connectionsData[i].id === newConnectionData.id){
- // copy some missing data
- connectionsData[i].character = newConnectionData.character;
- connectionsData[i].created = newConnectionData.created;
- connectionsData[i].type = newConnectionData.type;
- // check for mass logs and copy data
- if(newConnectionData.logs && newConnectionData.logs.length){
- connectionsData[i].logs = newConnectionData.logs;
- }
- // check for signatures and copy data
- if(newConnectionData.signatures && newConnectionData.signatures.length){
- connectionsData[i].signatures = newConnectionData.signatures;
- }
- break;
- }
- }
- }
- return connectionsData;
- }
-
- /**
- * @param mapId
- * @param connectionsData
- * @returns {Promise}
- */
- getConnectionsLogData(mapId, connectionsData){
- let connectionIds = connectionsData.map(connectionData => connectionData.id);
-
- // show loading animation
- for(let connectionId of connectionIds){
- let tableEls = this.moduleElement.querySelector('#' + this.getConnectionElementId(connectionId))
- .getElementsByTagName('table');
- $(tableEls).showLoadingAnimation();
- }
-
- return this.request('GET', 'Connection', connectionIds, {
- mapId: mapId,
- addData : ['signatures', 'logs'],
- // filterData : ['logs'] // do not exclude connections with NO "logs" -> sig data will be used as well
- }, {
- connectionsData: connectionsData
- }, context => {
- // hide loading animation
- for(let contextData of context.connectionsData){
- let connectionEl = this.moduleElement.querySelector('#' + this.getConnectionElementId(contextData.id));
- // connectionEl might be removed in meantime ( e.g. module removed)
- if(connectionEl){
- let tableEls = connectionEl.getElementsByTagName('table');
- $(tableEls).hideLoadingAnimation();
- }
- }
- });
- }
-
- /**
- * replace/insert dataTables log data
- * @param connectionsData
- */
- addConnectionsData(connectionsData){
-
- let getRowIndexesByData = (tableApi, colName, value) => {
- return tableApi.rows().eq(0).filter((rowIdx) => {
- return (tableApi.cell(rowIdx, colName + ':name').data() === value);
- });
- };
-
- for(let connectionData of connectionsData){
- // find related dom element for current connection
- let connectionElement = document.getElementById(this.getConnectionElementId(connectionData.id));
- if(connectionElement){
- // attach connectionData to connection information for later use ------------------
- let connectionInfoElement = $(connectionElement.querySelector('.' + this._config.moduleTableClass));
- connectionInfoElement.data('connectionData', connectionData);
-
- // update dataTable ---------------------------------------------------------------
- let tableApi = $(connectionElement).find('.dataTable').dataTable().api();
-
- if(connectionData.logs && connectionData.logs.length > 0){
- for(let i = 0; i < connectionData.logs.length; i++){
- let rowData = connectionData.logs[i];
- let rowNew;
- let animationStatus = null;
- let indexes = getRowIndexesByData(tableApi, 'index', rowData.id);
- if(indexes.length === 0){
- // row not found -> add new row
- rowNew = tableApi.row.add(rowData);
- animationStatus = 'added';
- }else{
- // update row with FIRST index
- let row = tableApi.row(parseInt(indexes[0]));
- let rowDataCurrent = row.data();
-
- // check if row data changed
- if(rowDataCurrent.updated.updated !== rowData.updated.updated){
- // ... row changed -> delete old and re-add
- // -> cell actions might have changed
- row.remove();
- rowNew = tableApi.row.add(rowData);
- animationStatus = 'changed';
- }
- }
-
- if(
- animationStatus !== null &&
- rowNew.length > 0
- ){
- rowNew.nodes().to$().data('animationStatus', animationStatus);
- }
- }
- }else{
- // clear table or leave empty
- tableApi.clear();
- }
-
- // redraw dataTable
- tableApi.draw(false);
- }
- }
- }
-
- /**
- * get connection information element
- * @param connectionData
- * @returns {HTMLDivElement}
- */
- getInformationElement(connectionData){
-
- // connection scope -----------------------------------------------------------------------
- let scopeLabel = MapUtil.getScopeInfoForConnection(connectionData.scope, 'label');
-
- let element = document.createElement('div');
- element.classList.add(BaseModule.Util.config.dynamicAreaClass, this._config.controlAreaClass);
-
- $(element).append(
- $('', {
- class: ['table', 'table-condensed', 'pf-table-fixed', this._config.moduleTableClass].join(' ')
- }).data('showShip', this._config.showShip).append(
- $('').append(
- $('').append(
- $('| ', {
- class: ['pf-table-cell-20', 'text-right', Util.config.helpClass, 'pf-pie-chart'].join(' ')
- }).attr('data-toggle', 'tooltip').attr('data-percent', '-100').easyPieChart({
- barColor: (percent) => {
- let color = '#e28a0d';
- if((percent * -1) >= 100){
- color = '#a52521';
- }
- return color;
- },
- overrideOptions: 'signed',
- trackColor: '#5cb85c',
- size: 14,
- scaleColor: false,
- lineWidth: 2,
- lineCap: 'butt',
- animate: false
- }),
- $(' | ', {
- class: ['text-right'].join(' ')
- }).attr('colspan', 2).append(
- $('', {
- class: 'pf-link',
- html: connectionData.sourceAlias + ' '
- }).on('click', function(){
- Util.triggerMenuAction(Util.getMapModule().getActiveMap(), 'SelectSystem', {systemId: connectionData.source});
- }),
- $('', {
- class: [this._config.connectionInfoTableLabelSourceClass].join(' ')
- }),
- $('', {
- class: 'fas fa-fw fa-angle-double-right'
- }),
- $('', {
- class: [this._config.connectionInfoTableLabelTargetClass].join(' ')
- }),
- $('', {
- class: 'pf-link',
- html: ' ' + connectionData.targetAlias
- }).on('click', function(){
- Util.triggerMenuAction(Util.getMapModule().getActiveMap(), 'SelectSystem', {systemId: connectionData.target});
- })
- )
- )
- ),
- $('').append(
- $('').append(
- $('| ', {
- class: ['text-right', Util.config.helpClass, this._config.connectionInfoTableCellMassTotalTooltipClass].join(' '),
- html: ''
- }),
- $(' | ', {
- text: scopeLabel.capitalize()
- }),
- $(' | ', {
- class: ['text-right', this._config.connectionInfoTableCellConnectionClass].join(' ')
- }).append(
- $('', {
- class: MapUtil.getConnectionFakeClassesByTypes(connectionData.type).join(' ')
- })
- )
- ),
- $(' ').append(
- $('| ', {
- class: ['text-right', Util.config.helpClass].join(' '),
- html: '',
- title: 'initial mass. From signature table'
- }).attr('data-toggle', 'tooltip'),
- $(' | ', {
- text: 'Total mass'
- }),
- $(' | ', {
- class: ['text-right', 'txt-color', this._config.connectionInfoTableCellMassTotalClass].join(' ')
- })
- ),
- $(' | ', {
- class: this._config.connectionInfoTableRowMassLogClass
- }).append(
- $('| ', {
- class: ['text-right', Util.config.helpClass].join(' '),
- title: 'recorded total jump mass'
- }).attr('data-toggle', 'tooltip').append(
- $('', {
- class: [
- 'fas', 'fa-fw', 'fa-question-circle'
- ].join(' ')
- }),
- $('', {
- class: [
- 'fas', 'fa-fw', 'fa-adjust',
- 'txt-color', 'txt-color-warning',
- 'hidden'
- ].join(' ')
- }),
- $('', {
- class: [
- 'far', 'fa-fw', 'fa-circle',
- 'txt-color', 'txt-color-danger',
- 'hidden'
- ].join(' ')
- })
- ),
- $(' | ', {
- text: 'Logged mass'
- }),
- $(' | ', {
- class: ['text-right', this._config.connectionInfoTableCellMassLogClass].join(' ')
- })
- ),
- $(' | ', {
- class: this._config.connectionInfoTableRowMassShipClass
- }).append(
- $('| ', {
- class: ['text-right', Util.config.helpClass].join(' '),
- title: 'current ship mass'
- }).attr('data-toggle', 'tooltip').append(
- $('', {
- class: ['fas', 'fa-fw', 'fa-question-circle'].join(' ')
- }),
- $('', {
- class: [
- 'fas', 'fa-fw', 'fa-exclamation-triangle',
- 'txt-color', 'txt-color-danger',
- 'hidden'
- ].join(' ')
- })
- ),
- $(' | ', {
- class: ['pf-table-cell-ellipses-auto'].join(' '),
- text: 'Ship mass'
- }),
- $(' | ', {
- class: ['text-right', 'txt-color', this._config.connectionInfoTableCellMassShipClass].join(' ')
- })
- ),
- $(' | ').append(
- $('| ', {
- class: ['text-right', Util.config.helpClass].join(' '),
- html: '',
- title: 'max. mass left'
- }).attr('data-toggle', 'tooltip'),
- $(' | ', {
- text: 'Mass left'
- }),
- $(' | ', {
- class: ['text-right', 'txt-color', this._config.connectionInfoTableCellMassLeftClass].join(' ')
- })
- )
- )
- ).on('pf:updateInfoTable', (e, data) => {
- // update information table -------------------------------------------------------
- let tableElement = $(e.target);
- let connectionData = tableElement.data('connectionData');
- if(connectionData){
- if(connectionData.scope === 'wh'){
- // update signature information -------------------------------------------
- let sourceLabelElement = tableElement.find('.' + this._config.connectionInfoTableLabelSourceClass);
- let targetLabelElement = tableElement.find('.' + this._config.connectionInfoTableLabelTargetClass);
-
- // get related jsPlumb connection
- let connection = $().getConnectionById(data.mapId, data.connectionId);
- let signatureTypeNames = MapUtil.getConnectionDataFromSignatures(connection, connectionData);
-
- let sourceLabels = signatureTypeNames.source.labels;
- let targetLabels = signatureTypeNames.target.labels;
- sourceLabelElement.html(MapUtil.formatEndpointOverlaySignatureLabel(sourceLabels));
- targetLabelElement.html(MapUtil.formatEndpointOverlaySignatureLabel(targetLabels));
-
- // remove K162
- sourceLabels = sourceLabels.diff(['K162']);
- targetLabels = targetLabels.diff(['K162']);
-
- // get static wormhole data by endpoint Labels
- let wormholeName = '';
- let wormholeData = null;
- if(sourceLabels.length === 1 && targetLabels.length === 0){
- wormholeName = sourceLabels[0];
- }else if(sourceLabels.length === 0 && targetLabels.length === 1){
- wormholeName = targetLabels[0];
- }
-
- if(
- wormholeName &&
- Init.wormholes.hasOwnProperty(wormholeName)
- ){
- wormholeData = Object.assign({}, Init.wormholes[wormholeName]);
-
- // init wormhole tooltip ----------------------------------------------
- let massTotalTooltipCell = tableElement.find('.' + this._config.connectionInfoTableCellMassTotalTooltipClass);
- massTotalTooltipCell.addWormholeInfoTooltip(wormholeData);
- }
-
- // all required data is set -> re-calculate rows
- tableElement.data('wormholeData', wormholeData);
- tableElement.trigger('pf:calcInfoTable');
- }
-
- }
- }).on('pf:calcInfoTable', e => {
- // re-calculate information table from .data() cell values ------------------------
- let tableElement = $(e.target);
- let connectionData = tableElement.data('connectionData');
- let massChartCell = tableElement.find('[data-percent]');
-
- let wormholeData = tableElement.data('wormholeData');
- let shipData = null;
- let shipName = '';
- let showShip = Boolean(tableElement.data('showShip'));
- let massLogRow = tableElement.find('.' + this._config.connectionInfoTableRowMassLogClass);
- let massShipRow = tableElement.find('.' + this._config.connectionInfoTableRowMassShipClass);
-
- // icons
- let massLogTooltipIcon = massLogRow.find('i.fa-question-circle');
- let massLogStage2Icon = massLogRow.find('i.fa-adjust');
- let massLogStage3Icon = massLogRow.find('i.fa-circle');
-
- let massShipTooltipIcon = massShipRow.find('i.fa-question-circle');
- let massShipWarningIcon = massShipRow.find('i.fa-exclamation-triangle');
-
- // table cells
- let connectionCell = tableElement.find('.' + this._config.connectionInfoTableCellConnectionClass);
- let massTotalCell = tableElement.find('.' + this._config.connectionInfoTableCellMassTotalClass);
- let massLogCell = tableElement.find('.' + this._config.connectionInfoTableCellMassLogClass);
- let massShipCell = tableElement.find('.' + this._config.connectionInfoTableCellMassShipClass);
- let massLeftCell = tableElement.find('.' + this._config.connectionInfoTableCellMassLeftClass);
- let massTotal = null; // initial connection mass
- let massReduction = 0; // default reduction (e.g. reduced, crit) in percent
- let massLog = massLogCell.data('mass'); // recorded mass
- let massLogTotal = massLog; // recorded mass + current ship
- let massIndividual = null; // mass mass per jump
- let massShip = 0; // current ship
- let massIndividualError = false;
-
- // get wormhole data from signature binding ---------------------------------------
- if(wormholeData){
- massTotal = parseInt(wormholeData.massTotal);
- massIndividual = parseInt(wormholeData.massIndividual);
- }
-
- // get connection type (show fake connection div) ---------------------------------
- connectionCell.find('div').removeClass().addClass(MapUtil.getConnectionFakeClassesByTypes(connectionData.type).join(' '));
-
- // get wormhole status ------------------------------------------------------------
- if(connectionData.type.indexOf('wh_critical') !== -1){
- massReduction = 90;
- massLogTooltipIcon.toggleClass('hidden', true);
- massLogStage2Icon.toggleClass('hidden', true);
- massLogStage3Icon.toggleClass('hidden', false);
- massLogStage3Icon.parent().attr('title', 'stage 3 (critical)').tooltip('fixTitle');
- }else if(connectionData.type.indexOf('wh_reduced') !== -1){
- massReduction = 50;
- massLogTooltipIcon.toggleClass('hidden', true);
- massLogStage2Icon.toggleClass('hidden', false);
- massLogStage3Icon.toggleClass('hidden', true);
- massLogStage3Icon.parent().attr('title', 'stage 2 (reduced)').tooltip('fixTitle');
- }else{
- massLogTooltipIcon.toggleClass('hidden', false);
- massLogStage2Icon.toggleClass('hidden', true);
- massLogStage3Icon.toggleClass('hidden', true);
- massLogStage3Icon.parent().attr('title', 'recorded total jump mass').tooltip('fixTitle');
- }
-
- if(massReduction){
- let massLogReduction = massTotal / 100 * massReduction;
- if(massLogReduction > massLog){
- massLog = massLogTotal = massLogReduction;
- }
- }
-
- // get current ship data ----------------------------------------------------------
- massShipCell.parent().toggle(showShip);
- if(showShip){
- shipData = Util.getObjVal(Util.getCurrentCharacterData('log'), 'ship');
- if(shipData){
- if(shipData.mass){
- massShip = parseInt(shipData.mass);
-
- // check individual mass jump
- if(massIndividual){
- massIndividualError = massShip > massIndividual;
- }
- }
- if(shipData.typeId && shipData.typeName){
- shipName = shipData.typeName;
- }
- }
- }
-
- // update ship mass and "individual mass" cells ----------------------------------
- massShipTooltipIcon.toggleClass('hidden', massIndividualError);
- massShipWarningIcon.toggleClass('hidden', !massIndividualError);
- let shipMassTooltip = 'current ship mass ' + (shipName ? '"' + shipName + '"' : '');
- if(massIndividualError){
- shipMassTooltip = '"' + shipName + '" exceeds max jump mass for this connection: ' + Util.formatMassValue(massIndividual);
- }else{
- // current ship mass check is OK -> add to massLogTotal
- massLogTotal += massShip;
- }
- massShipTooltipIcon.parent().attr('title', shipMassTooltip).tooltip('fixTitle');
-
- // current ship mass --------------------------------------------------------------
- massShipCell.html( function(){
- let cell = $(this);
- let value = ' ';
- let error = false;
- let textLineThrough = false;
- if(massShip > 0){
- value += Util.formatMassValue(massShip);
- if(massIndividualError){
- error = textLineThrough = true;
- value = ' ' + value;
- }else{
- value = '-' + value;
- }
- }else{
- error = true;
- value = 'undefined';
- }
-
- // change cell style
- cell.toggleClass('txt-color-red', error)
- .toggleClass('txt-color-warning', !error)
- .toggleClass('pf-font-line-through', textLineThrough);
-
- return value;
- });
-
- // calculate mass left ------------------------------------------------------------
- let massLeft = massTotal - massLogTotal;
- massLeft = (massLeft < 0) ? 0 : massLeft;
- let massPercentLog = (massTotal > 0) ? Math.floor((100 / massTotal) * massLogTotal) : 0;
-
- // update easyPieChart and tooltip ------------------------------------------------
- let massPercentLeft = (100 - massPercentLog <= 0) ? 0 : '< ' + (100 - massPercentLog);
- massChartCell.data('easyPieChart').enableAnimation().update(massPercentLog * -1);
- massChartCell.attr('title', massPercentLeft + '% mass left').tooltip('fixTitle');
-
- // update mass cells --------------------------------------------------------------
- massTotalCell.html(massTotal > 0 ? Util.formatMassValue(massTotal) : 'undefined')
- .toggleClass('txt-color-red', massTotal <= 0);
- massLogCell.html('- ' + Util.formatMassValue(massLog));
- massLeftCell.html(
- massLeft > 0 ?
- '~ ' + Util.formatMassValue(massLeft) :
- (massLeft === 0 && massTotal) ?
- 'will collapse' : 'undefined')
- .toggleClass('txt-color-red', massLeft <= 0)
- .toggleClass('txt-color-success', massLeft > 0);
- })
- );
-
- $(element).find('[data-toggle="tooltip"]').tooltip({
- container: 'body'
- });
-
- return element;
- }
-
- /**
- * update/init multiple connection panels at once
- * @param mapId
- * @param connectionsDataUpdate
- * @param connectionsDataRemove
- */
- updateConnectionPanels(mapId, connectionsDataUpdate, connectionsDataRemove){
- for(let connectionData of connectionsDataRemove){
- let connectionElement = this.moduleElement.querySelector('#' + this.getConnectionElementId(connectionData.id));
- this.removeConnectionPanel(connectionElement);
- }
-
- for(let connectionData of connectionsDataUpdate){
- this.updateConnectionPanel(mapId, connectionData);
- }
-
- // request connectionsLogData for each updated connection
- if(connectionsDataUpdate.length){
- this.getConnectionsLogData(mapId, connectionsDataUpdate)
- //.then(payload => this.addConnectionsData(payload.data))
- .then(payload => this.addConnectionsData(
- this.enrichConnectionsData(payload.context.connectionsData, payload.data)
- ))
- .catch(payload => {
- console.error(payload);
- });
- }
-
- // remove module if no connection panel left
- // --> all connection deselected on map
- let connectionElements = this.getConnectionElements();
- if(connectionElements.length === 0){
- MapUtil.getTabContentElementByMapElement(this.moduleElement).trigger('pf:removeConnectionModules');
- }
-
- // hide "control" panel when multiple connection
- let connectionEl = this.moduleElement.querySelector('#' + this.getConnectionElementId());
- connectionEl.style.display = connectionElements.length < 2 ? 'block' : 'none';
- }
-
-
- /**
- * remove connection Panel from moduleElement
- * @param connectionElement
- */
- removeConnectionPanel(connectionElement){
- connectionElement = $(connectionElement);
- if(connectionElement.length){
- // destroy dataTable (and remove table from DOM)
- let logTable = connectionElement.find('.' + this._config.connectionInfoTableClass);
- logTable.dataTable().api().destroy(true);
- // remove belonging connectionElement
- connectionElement.remove();
- }
- }
-
- /**
- * @param mapId
- * @param connectionData
- */
- updateConnectionPanel(mapId, connectionData){
- let module = this;
-
- let rowElement = module.moduleElement.querySelector('.' + module._config.bodyClassName);
- let connectionElement = rowElement.querySelector('#' + module.getConnectionElementId(connectionData.id));
-
- if(!connectionElement){
- connectionElement = module.newConnectionElement(mapId, connectionData.id);
- connectionElement.append(module.getInformationElement(connectionData));
-
- let tableEl = document.createElement('table');
- tableEl.classList.add('compact', 'stripe', 'order-column', 'row-border', 'nowrap', module._config.connectionInfoTableClass);
- tableEl.insertAdjacentHTML('beforeend', ' | | | | | | | |
|---|
');
-
- connectionElement.append(tableEl);
-
- // init empty table
- let tableApi = $(tableEl).DataTable({
- dom: '<"flex-row flex-between ' + module._config.tableToolbarCondensedClass + '"' +
- '<"flex-col"i><"flex-col flex-grow"p><"flex-col"BS>>' +
- '<"flex-row"<"flex-col flex-grow"tr>>',
- buttons: {
- name: 'tableTools',
- buttons: [
- {
- name: 'addLog',
- tag: 'a',
- className: module._config.moduleHeadlineIconClass,
- text: ' ',
- action: function(e, tableApi, node, conf){
- let logData = {};
-
- // pre-fill form with current character data (if available)
- let currentUserData = Util.getCurrentUserData();
- if(currentUserData && currentUserData.character){
- logData.character = {
- id: currentUserData.character.id,
- name: currentUserData.character.name
- };
- if(currentUserData.character.log){
- logData.ship = {
- id: currentUserData.character.log.ship.typeId,
- name: currentUserData.character.log.ship.typeName,
- mass: currentUserData.character.log.ship.mass
- };
- }
- }
-
- module.showLogDialog(connectionElement, connectionData, logData);
- }
- }
- ]
- },
- pageLength: 8,
- paging: true,
- pagingType: 'simple',
- lengthChange: false,
- ordering: true,
- order: [[ 4, 'desc' ]],
- info: true,
- searching: false,
- hover: false,
- autoWidth: false,
- language: {
- emptyTable: 'No jumps recorded',
- info: '_START_ - _END_ of _MAX_',
- infoEmpty: '',
- paginate: {
- previous: '',
- next: ''
- }
- },
- columnDefs: [
- {
- targets: 0,
- name: 'index',
- title: ' ',
- orderable: false,
- searchable: false,
- width: 20,
- className: ['text-center', 'txt-color'].join(' '),
- data: 'id',
- createdCell: function(cell, cellData, rowData, rowIndex, colIndex){
- if(
- !rowData.record ||
- (rowData.updated.updated !== rowData.created.created)
- ){
- // log was manually modified or added
- $(cell)
- .addClass(Util.config.helpClass)
- .addClass( 'txt-color-orange').tooltip({
- title: 'added/updated manually'
- });
- }
- }
- },{
- targets: 1,
- name: 'ship',
- title: '',
- width: 26,
- orderable: false,
- className: [Util.config.helpDefaultClass, 'text-center', module._config.tableCellImageClass].join(' '),
- data: 'ship',
- render: {
- _: function(data, type, row){
- let value = data.typeId;
- if(type === 'display'){
- value = '  + ' "' + data.typeName + '") ';
- }
- return value;
- }
- },
- createdCell: function(cell, cellData, rowData, rowIndex, colIndex){
- $(cell).find('img').tooltip();
- }
- },{
- targets: 2,
- name: 'character',
- title: '',
- width: 26,
- orderable: false,
- className: [Util.config.helpDefaultClass, 'text-center', module._config.tableCellImageClass].join(' '),
- data: 'character',
- render: {
- _: (cellData, type, rowData, meta) => {
- let value = cellData.name;
- if(type === 'display'){
- value = '  + ' "' + value + '") ';
- }
- return value;
- }
- },
- createdCell: function(cell, cellData, rowData, rowIndex, colIndex){
- $(cell).find('img').tooltip();
- }
- },{
- targets: 3,
- name: 'mass',
- title: 'mass',
- className: ['text-right'].join(' ') ,
- data: 'ship.mass',
- render: {
- _: (cellData, type, rowData, meta) => {
- let value = cellData;
- if(type === 'display'){
- value = Util.formatMassValue(value);
- if(!rowData.active){
- // log is "deleted"
- value = ' ' + value + '';
- }
- }
- return value;
- }
- }
- },{
- targets: 4,
- name: 'created',
- title: 'log',
- width: 55,
- className: ['text-right', module._config.tableCellCounterClass].join(' '),
- data: 'created.created'
- },{
- targets: 5,
- name: 'edit',
- title: '',
- orderable: false,
- searchable: false,
- width: 10,
- className: ['text-center', module._config.tableCellActionClass, module._config.moduleHeadlineIconClass].join(' '),
- data: null,
- render: {
- display: data => {
- let icon = '';
- if(data.active){
- icon = ' ';
- }
- return icon;
- }
- },
- createdCell: function(cell, cellData, rowData, rowIndex, colIndex){
- let tableApi = this.api();
-
- if($(cell).is(':empty')){
- $(cell).removeClass(module._config.tableCellActionClass + ' ' + module._config.moduleHeadlineIconClass);
- }else{
- $(cell).on('click', function(e){
- module.showLogDialog(connectionElement, connectionData, rowData);
- });
- }
- }
- },{
- targets: 6,
- name: 'delete',
- title: '',
- orderable: false,
- searchable: false,
- width: 10,
- className: ['text-center', module._config.tableCellActionClass].join(' '),
- data: 'active',
- render: {
- display: data => {
- let val = ' ';
- if(data){
- val = ' ';
- }
- return val;
- }
- },
- createdCell: function(cell, cellData, rowData, rowIndex, colIndex){
- let tableApi = this.api();
-
- if(rowData.active){
- let confirmationSettings = {
- title: '---',
- template: Util.getConfirmationTemplate(null, {
- size: 'small',
- noTitle: true
- }),
- onConfirm : function(e, target){
- // get current row data (important!)
- // -> "rowData" param is not current state, values are "on createCell()" state
- rowData = tableApi.row($(cell).parents('tr')).data();
-
- $(connectionElement.getElementsByTagName('table')).showLoadingAnimation();
-
- module.request('DELETE', 'Log', rowData.id, {}, {
- connectionElement: connectionElement
- }, module.requestAlways)
- .then(
- payload => {
- module.addConnectionsData(module.enrichConnectionsData([connectionData], payload.data));
- },
- Util.handleAjaxErrorResponse
- );
- }
- };
-
- // init confirmation dialog
- $(cell).confirmation(confirmationSettings);
- }else {
- $(cell).on('click', function(e){
- $(connectionElement.getElementsByTagName('table')).showLoadingAnimation();
-
- let requestData = {
- active: 1
- };
-
- module.request('PATCH', 'Log', rowData.id, requestData, {
- connectionElement: connectionElement
- }, module.requestAlways)
- .then(
- payload => {
- module.addConnectionsData(module.enrichConnectionsData([connectionData], payload.data));
- },
- Util.handleAjaxErrorResponse
- );
- });
- }
- }
- }
- ],
- initComplete: function(settings, json){
- Counter.initTableCounter(this, ['created:name']);
- },
- drawCallback: function(settings){
- let animationRows = this.api().rows().nodes().to$().filter(function(a,b ){
- return (
- $(this).data('animationStatus') ||
- $(this).data('animationTimer')
- );
- });
-
- for(let i = 0; i < animationRows.length; i++){
- $(animationRows[i]).pulseBackgroundColor($(animationRows[i]).data('animationStatus'));
- $(animationRows[i]).removeData('animationStatus');
- }
-
- },
- footerCallback: function(row, data, start, end, display ){
- let tableApi = this.api();
- let sumColumnIndexes = ['mass:name', 'delete:name'];
-
- // column data for "sum" columns over this page
- let pageTotalColumns = tableApi
- .columns(sumColumnIndexes, { page: 'all'} )
- .data();
-
- // sum columns for "total" sum
- pageTotalColumns.each((colData, colIndex) => {
- pageTotalColumns[colIndex] = colData.reduce((sum, val, rowIndex) => {
- // sum "mass" (colIndex 0) only if not "deleted" (colIndex 1)
- if(colIndex === 0 && pageTotalColumns[1][rowIndex]){
- return sum + parseInt(val);
- }else{
- return sum;
- }
- }, 0);
- });
-
- sumColumnIndexes.forEach((colSelector, index) => {
- // only "mass" column footer needs updates
- if(colSelector === 'mass:name'){
- $(tableApi.column(colSelector).footer()).text( Util.formatMassValue(pageTotalColumns[index]) );
-
- // save mass for further reCalculation of "info" table
- $(connectionElement).find('.' + module._config.connectionInfoTableCellMassLogClass).data('mass', pageTotalColumns[index]);
- }
- });
-
- // calculate "info" table -----------------------------------------------------
- $(connectionElement).find('.' + module._config.moduleTableClass).trigger('pf:updateInfoTable', $(connectionElement).data());
- }
- });
-
- // find position to insert
- rowElement.querySelector('#' + module.getConnectionElementId()).insertAdjacentElement('beforebegin', connectionElement);
-
-
- tableApi.on('order.dt search.dt', function(){
- let pageInfo = tableApi.page.info();
- tableApi.column('index:name', {search:'applied', order:'applied'}).nodes().each((cell, i) => {
- let content = (pageInfo.recordsTotal - i) + '.';
- $(cell).html(content);
- });
- });
- }
- }
-
- /**
- * callback after ajax request
- * -> is always called regardless of error response or not
- * @param context
- */
- requestAlways(context){
- $(context.connectionElement.getElementsByTagName('table')).hideLoadingAnimation();
- }
-
- /**
- * show jump log dialog
- * @param connectionElement
- * @param connectionData
- * @param logData
- */
- showLogDialog(connectionElement, connectionData, logData = {}){
-
- let data = {
- id: this._config.connectionDialogId,
- typeSelectId: this._config.typeSelectId,
- shipMassId: this._config.shipMassId,
- characterSelectId: this._config.characterSelectId,
- logData: logData,
- massFormat: () => {
- return (val, render) => {
- return (parseInt(render(val) || 0) / 1000) || '';
- };
- }
- };
-
- requirejs(['text!templates/dialog/connection_log.html', 'mustache'], (template, Mustache) => {
- let content = Mustache.render(template, data);
-
- let connectionDialog = bootbox.dialog({
- title: 'Jump log',
- message: content,
- show: false,
- buttons: {
- close: {
- label: 'cancel',
- className: 'btn-default'
- },
- success: {
- label: ' save',
- className: 'btn-success',
- callback: e => {
- let form = $(e.delegateTarget).find('form');
-
- // validate form
- form.validator('validate');
-
- // check whether the form is valid
- let formValid = form.isValidForm();
-
- if(formValid){
- // get form data
- let formData = form.getFormValues();
- formData.id = Util.getObjVal(logData, 'id') || 0;
- formData.connectionId = Util.getObjVal(connectionData, 'id') || 0;
- formData.shipTypeId = Util.getObjVal(formData, 'shipTypeId') || 0;
- formData.shipMass = parseInt((Util.getObjVal(formData, 'shipMass') || 0) * 1000);
- formData.characterId = Util.getObjVal(formData, 'characterId') || 0;
-
- // we need some "additional" form data from the Select2 dropdown
- // -> data is required on the backend side
- let formDataShip = form.find('#' + this._config.typeSelectId).select2('data');
- let formDataCharacter = form.find('#' + this._config.characterSelectId).select2('data');
- formData.shipTypeName = formDataShip.length ? formDataShip[0].text : '';
- formData.characterName = formDataCharacter.length ? formDataCharacter[0].text : '';
-
- let method = formData.id ? 'PATCH' : 'PUT';
-
- this.request(method, 'Log', formData.id, formData, {
- connectionElement: connectionElement,
- formElement: form
- }, this.requestAlways)
- .then(
- payload => {
- this.addConnectionsData(this.enrichConnectionsData([connectionData], payload.data));
- $(e.delegateTarget).modal('hide');
- },
- Util.handleAjaxErrorResponse
- );
-
- }
-
- return false;
- }
- }
- }
- });
-
- connectionDialog.on('show.bs.modal', e => {
- let modalContent = $(e.target);
-
- // init type select live search
- let selectElementType = modalContent.find('#' + this._config.typeSelectId);
- selectElementType.initUniverseTypeSelect({
- categoryIds: [6],
- maxSelectionLength: 1,
- selected: [Util.getObjVal(logData, 'ship.typeId')]
- }).on('select2:select select2:unselecting', e => {
- // get ship mass from selected ship type and update mass input field
- let shipMass = e.params.data ? e.params.data.mass / 1000 : '';
- modalContent.find('#' + this._config.shipMassId).val(shipMass);
- });
-
- // init character select live search
- let selectElementCharacter = modalContent.find('#' + this._config.characterSelectId);
- selectElementCharacter.initUniverseSearch({
- categoryNames: ['character'],
- maxSelectionLength: 1
- });
-
- });
-
- // show dialog
- connectionDialog.modal('show');
- });
- }
-
- /**
- * init module
- */
- init(){
- super.init();
- }
- };
-
- ConnectionInfoModule.isPlugin = false; // module is defined as 'plugin'
- ConnectionInfoModule.scope = 'connection'; // module scope controls how module gets updated and what type of data is injected
- ConnectionInfoModule.sortArea = 'a'; // default sortable area
- ConnectionInfoModule.position = 1; // default sort/order position within sortable area
- ConnectionInfoModule.label = 'Mass tracking'; // static module label (e.g. description)
-
- ConnectionInfoModule.defaultConfig = {
- className: 'pf-connection-info-module', // class for module
- sortTargetAreas: ['a', 'b', 'c'], // sortable areas where module can be dragged into
- headline: 'Connection',
-
- // headline toolbar
- moduleHeadlineIconRefreshClass: 'pf-module-icon-button-refresh', // class for "refresh" icon
- moduleHeadlineIconCurrentMassClass: 'pf-module-icon-button-mass', // class for "current ship mass" toggle icon
-
- // body
- connectionInfoPanelClass: 'pf-connection-info-panel', // class for connection info panels
-
- // info table
- moduleTableClass: 'pf-module-table', // class for module tables
- connectionInfoTableLabelSourceClass: 'pf-connection-info-label-source', // class for source label
- connectionInfoTableLabelTargetClass: 'pf-connection-info-label-target', // class for target label
- connectionInfoTableRowMassLogClass: 'pf-connection-info-row-mass-log', // class for "logged mass" table row
- connectionInfoTableRowMassShipClass: 'pf-connection-info-row-mass-ship', // class for "current ship mass" table row
- connectionInfoTableCellConnectionClass: 'pf-connection-info-connection', // class for connection "fake" table cell
- connectionInfoTableCellMassTotalTooltipClass: 'pf-connection-info-mass-total-tooltip', // class for "mass total tooltip" table cell
- connectionInfoTableCellMassTotalClass: 'pf-connection-info-mass-total', // class for "mass total" table cell
- connectionInfoTableCellMassLogClass: 'pf-connection-info-mass-log', // class for "mass logged" table cell
- connectionInfoTableCellMassShipClass: 'pf-connection-info-mass-ship', // class for "current ship mass" table cell
- connectionInfoTableCellMassLeftClass: 'pf-connection-info-mass-left', // class for "mass left" table cell
-
- // dataTable
- tableToolbarCondensedClass: 'pf-dataTable-condensed-toolbar', // class for condensed table toolbar
- connectionInfoTableClass: 'pf-connection-info-table', // class for connection tables
- tableCellImageClass: 'pf-table-image-cell', // class for table "image" cells
- tableCellCounterClass: 'pf-table-counter-cell', // class for table "counter" cells
- tableCellActionClass: 'pf-table-action-cell', // class for "action" cells
-
- // connection dialog
- connectionDialogId: 'pf-connection-info-dialog', // id for "connection" dialog
- typeSelectId: 'pf-connection-info-dialog-type-select', // id for "ship type" select
- shipMassId: 'pf-connection-info-dialog-mass', // id for "ship mass" input
- characterSelectId: 'pf-connection-info-dialog-character-select', // id for "character" select
-
- // config
- showShip: true // default for "show current ship mass" toggle
- };
-
- return ConnectionInfoModule;
-});
\ No newline at end of file
diff --git a/public/js/v2.0.1/app/ui/module/demo.js b/public/js/v2.0.1/app/ui/module/demo.js
deleted file mode 100644
index 5bf82148..00000000
--- a/public/js/v2.0.1/app/ui/module/demo.js
+++ /dev/null
@@ -1,311 +0,0 @@
-define([ // dependencies for this module
- 'module/base', // abstract `parent` module class definition [required]
- 'app/render' // ... for demo purpose, we load a Render helper object
-], (BaseModule, Render) => {
- 'use strict';
-
- /**
- * DemoModule class
- * -> skeleton for custom module plugins
- * @type {DemoModule}
- */
- let DemoModule = class DemoModule extends BaseModule {
- constructor(config = {}) {
- super(Object.assign({}, new.target.defaultConfig, config));
- }
-
- /**
- * module header
- * @param text
- * @returns {HTMLDivElement}
- */
- newHeaderElement(text){
- let headEl = super.newHeaderElement(text);
- let toolbarEl = this.newHeadlineToolbarElement();
- let iconPlayEl = this.newIconElement([
- 'fa-play', 'fa-fw',
- 'txt-color', 'txt-color-success',
- this._config.moduleHeadlineIconClass
- ]);
- iconPlayEl.setAttribute('title', 'pause update()');
- iconPlayEl.onclick = e => this.toggleUpdates(e.target);
-
- toolbarEl.append(iconPlayEl);
- headEl.append(toolbarEl);
- return headEl;
- }
-
- /**
- * extends logHandler() from BaseModule
- * -> updates moduleBody (demo)
- * @param handler
- * @param increment
- */
- logHandler(handler, increment = 1){
- super.logHandler(handler, increment);
-
- /**
- * @param handler
- * @returns {[HTMLSpanElement, HTMLSpanElement]}
- */
- let newLiContent = handler => {
- let count = this._config.logHandler[handler] || 0;
- let label = count ? 'success' : false;
- let icon = 'fa-circle';
- let handlerQueueLength;
- if(this[`_${handler}Queue`]){
- handlerQueueLength = this[`_${handler}Queue`].filterQueue(item => item.data === 'upd').length;
- label = handlerQueueLength ? 'warning' : label;
- icon = handlerQueueLength ? 'fa-sync fa-spin' : icon;
- }
-
- let iconLiEl = Object.assign(document.createElement('span'), {
- className: 'fa-li'
- });
- iconLiEl.append(this.newIconElement([icon, 'fa-fw', 'txt-color', label ? `txt-color-${label}` : ``]));
-
- let textLiEl = Object.assign(document.createElement('span'), {
- textContent: `${handler} [${count}]${Number.isInteger(handlerQueueLength) ? `[${handlerQueueLength}]`: ``}`,
- className: label ? `pf-animation-pulse-${label}` : ``
- });
- return [iconLiEl, textLiEl];
- };
-
- let ulEl = this.queryGridItem('info').querySelector(`.fa-ul`);
- if(!ulEl){
- ulEl = Object.assign(document.createElement('ul'), {
- className: 'fa-ul'
- });
-
- let liEls = BaseModule.handler.map(handler => {
- let liEl = document.createElement('li');
- liEl.dataset.handler = handler;
- liEl.prepend(...newLiContent(handler));
- return liEl;
- });
-
- ulEl.append(...liEls);
- this.queryGridItem('info').querySelector(`code`).insertAdjacentElement('beforebegin', ulEl);
- }else{
- ulEl.querySelector(`[data-handler="${handler}"]`).innerHTML = newLiContent(handler).map(el => el.outerHTML).join('');
- }
- }
-
- /**
- * initial module render method
- * -> implementation is enforced by BaseModule
- * -> must return a single node element
- * @param mapId
- * @param systemData
- * @returns {HTMLElement}
- */
- render(mapId, systemData){
- this._systemData = systemData;
-
- // ... append your custom module body
- let bodyEl = Object.assign(document.createElement('div'), {
- className: [this._config.bodyClassName, 'grid'].join(' ')
- });
-
- let gridItems = [];
- for(let [area, conf] of Object.entries(this._config.gridItems)){
- gridItems.push(this.newGridItemEl(area, conf.label));
- }
- bodyEl.append(...gridItems);
- this.moduleElement.append(bodyEl);
-
- this.renderJson('_config', this._config, 'info');
- this.renderJson('render()', {mapId, systemData});
-
- let {config, data} = BaseModule.Util.getCurrentMapData(this._systemData.mapId);
- this.renderJson('currentMapData', {config, data}, 'mapData');
- return this.moduleElement;
- }
-
- /**
- * update module
- * @param systemData
- * @returns {Promise}
- */
- update(systemData){
- return super.update(systemData).then(systemData => new Promise(resolve => {
- this.renderJson('update()', {systemData});
-
- // ... custom (async) code e.g. request external API and update module
- // -> resolve() Promise when module is updated.
- resolve({
- action: 'update',
- data: {
- module: this
- }
- });
- }));
- }
-
- /**
- * init module
- */
- init(){
- super.init();
- this.renderJson('init()', null);
- this.renderJson('currentUserData', BaseModule.Util.getCurrentUserData(), 'userData');
- }
-
- beforeHide(){
- super.beforeHide();
- this.renderJson('beforeHide()', null);
- }
-
- beforeDestroy(){
- super.beforeDestroy();
- this.renderJson('beforeDestroy()', null);
- }
-
- /**
- * @param name
- * @param e
- */
- onSortableEvent(name, e){
- super.onSortableEvent(name, e);
- this.renderJson(`${name}()`, e, 'sortableJs');
- }
-
- /**
- * @param label
- * @param data
- * @param area
- */
- renderJson(label, data, area = 'trigger'){
- let now = new Date();
- let codeEl = this.queryGridItem(area).querySelector(`code`);
- codeEl.prepend(Object.assign(document.createElement('section'), {
- className: this._config.highlightClassName,
- innerHTML: `${++this._config.counter}. ${now.toLocaleTimeString('en-GB')}.${String(now.getMilliseconds()).padStart(3, '0')} ${label} \n` +
- `${Render.highlightJson(data, this._config.gridItems[area].jsonConf)}`
- }));
- // limit code blocks
- if(codeEl.childElementCount > this._config.maxCodeSections){
- codeEl.removeChild(codeEl.lastChild);
- }
- }
-
- /**
- * @param iconEl
- */
- toggleUpdates(iconEl){
- iconEl.classList.toggle('fa-pause');
- iconEl.classList.toggle('txt-color-danger');
- iconEl.classList.toggle('fa-play');
- iconEl.classList.toggle('txt-color-success');
-
- if(this._pauseUpdatesPromise){
- this._pauseUpdatesPromise.resolve();
- }else{
- this._pauseUpdatesPromise = BaseModule.newDeferredPromise();
- this._updateQueue.enqueue(() => this._pauseUpdatesPromise.then(() => {
- this._pauseUpdatesPromise = null;
- }), 'start');
- }
- }
-
- /**
- * new gridItem element
- * @param area
- * @param label
- * @returns {HTMLPreElement}
- */
- newGridItemEl(area, label){
- if(!this._gridItemEl){
- // create blank gridItem element for later cloning
- this._gridItemEl = Object.assign(document.createElement('pre'), {
- className: this._config.gridItemClassName,
- innerHTML: ' '
- });
- }
-
- let iconClearEl = this.newIconElement([
- 'fa-trash', 'fa-fw', 'pull-right',
- this._config.moduleHeadlineIconClass
- ]);
- iconClearEl.setAttribute('title', 'clear output');
- iconClearEl.onclick = e => e.target.closest(`.${this._config.gridItemClassName}`).querySelector('code').innerHTML = '';
-
- let toolbarEl = this.newHeadlineToolbarElement();
- toolbarEl.append(iconClearEl);
-
- let gridItemEl = this._gridItemEl.cloneNode(true);
- gridItemEl.dataset.area = area;
- gridItemEl.prepend(toolbarEl, this.newHeadlineElement(label));
- return gridItemEl;
- }
-
- /**
- * get gridItem element from module body
- * @param {string} area
- * @returns {HTMLPreElement}
- */
- queryGridItem(area){
- return this.moduleElement.querySelector(`.${this._config.bodyClassName} .${this._config.gridItemClassName}[data-area="${area}"]`);
- }
- };
-
- DemoModule.isPlugin = true; // module is defined as 'plugin'
- DemoModule.scope = 'system'; // module scope controls how module gets updated and what type of data is injected
- DemoModule.sortArea = 'a'; // default sortable area
- DemoModule.position = 10; // default sort/order position within sortable area
- DemoModule.label = 'Demo'; // static module label (e.g. description)
- DemoModule.fullDataUpdate = true; // subscribe module for frequently updates see update() method
-
- DemoModule.defaultConfig = {
- className: 'pf-system-demo-module', // class for module
- sortTargetAreas: ['a', 'b', 'c'], // sortable areas where module can be dragged into
- headline: 'Demo Module',
-
- // ... custom config for DemoModule
- gridItemClassName: 'pf-dynamic-area',
- highlightClassName: 'pf-animation-pulse-success',
- counter: 0,
- maxCodeSections: 8,
- gridItems: {
- info: {
- label: `handler/config`,
- jsonConf: {
- collapseDepth: 1,
- maxDepth: 3
- }
- },
- trigger: {
- label: `trigger`,
- jsonConf: {
- collapseDepth: 1,
- maxDepth: 5
- }
- },
- userData: {
- label: `user/char data`,
- jsonConf: {
- collapseDepth: 1,
- maxDepth: 8
- }
- },
- mapData: {
- label: `map data`,
- jsonConf: {
- collapseDepth: 2,
- maxDepth: 8,
- maxLinesFunctions: 2
- }
- },
- sortableJs: {
- label: `drag&drop events`,
- jsonConf: {
- collapseDepth: 0,
- maxDepth: 4,
- maxLinesFunctions: 2
- }
- }
- }
- };
-
- return DemoModule;
-});
\ No newline at end of file
diff --git a/public/js/v2.0.1/app/ui/module/empty.js b/public/js/v2.0.1/app/ui/module/empty.js
deleted file mode 100644
index 472d62b3..00000000
--- a/public/js/v2.0.1/app/ui/module/empty.js
+++ /dev/null
@@ -1,98 +0,0 @@
-define([ // dependencies for this module
- 'module/base', // abstract `parent` module class definition [required]
- 'app/render' // ... for demo purpose, we load a Render helper object
-], (BaseModule, Render) => {
- 'use strict';
-
- /**
- * DotlanModule class
- * -> skeleton for custom module plugins
- * @type {DotlanModule}
- */
- let DotlanModule = class DotlanModule extends BaseModule {
- constructor(config = {}) {
- super(Object.assign({}, new.target.defaultConfig, config));
- }
-
- /**
- * initial module render method
- * -> implementation is enforced by BaseModule
- * -> must return a single node element
- * @param mapId
- * @param systemData
- * @returns {HTMLElement}
- */
- render(mapId, systemData){
- this._systemData = systemData;
-
- // ... append your custom module body
- let bodyEl = Object.assign(document.createElement('div'), {
- className: this._config.bodyClassName
- });
-
- if (this.isWormhole(systemData.name)) {
- var moduleContent = 'Not available for Jspace'
- } else {
- var moduleContent = Object.assign(document.createElement('iframe'), {
- src: this.dotlanPath(this._systemData),
- className: 'dotlan-iframe',
- style: "width: 100%; height: 650px;"
- })
- }
- bodyEl.append(moduleContent)
- this.moduleElement.append(bodyEl);
-
- return this.moduleElement;
- }
-
- /**
- * init module
- */
- init(){
- super.init();
- }
-
- beforeHide(){
- super.beforeHide();
- }
-
- beforeDestroy(){
- super.beforeDestroy();
- }
-
- onSortableEvent(name, e){
- super.onSortableEvent(name, e);
- }
-
- dotlanPath(sysData){
- let regionName = this.snakeCase(sysData.region.name);
- let systemName = this.snakeCase(sysData.name);
- return ["https://evemaps.dotlan.net/map/", regionName, "/", systemName, "#npc_delta"].join('');
- }
-
- snakeCase(str){
- const regex = /\ /g;
- return str.replace(regex, "_");
- }
-
- isWormhole(systemName){
- const jspace = /^[jJ][0-9]{4,6}/;
- return systemName.match(jspace) ? true : false;
- }
-
- };
-
- DotlanModule.isPlugin = true; // module is defined as 'plugin'
- DotlanModule.scope = 'system'; // module scope controls how module gets updated and what type of data is injected
- DotlanModule.sortArea = 'a'; // default sortable area
- DotlanModule.position = 15; // default sort/order position within sortable area
- DotlanModule.label = 'Dotlan'; // static module label (e.g. description)
-
- DotlanModule.defaultConfig = {
- className: 'pf-system-dotlan-module', // class for module
- sortTargetAreas: ['a'], // sortable areas where module can be dragged into
- headline: 'Dotlan Module',
- };
-
- return DotlanModule;
-});
diff --git a/public/js/v2.0.1/app/ui/module/global_thera.js b/public/js/v2.0.1/app/ui/module/global_thera.js
deleted file mode 100644
index 906aa8a2..00000000
--- a/public/js/v2.0.1/app/ui/module/global_thera.js
+++ /dev/null
@@ -1,1028 +0,0 @@
-define([
- 'jquery',
- 'app/init',
- 'app/util',
- 'module/base',
- 'app/map/map',
- 'app/map/util',
- 'app/ui/form_element'
-], ($, Init, Util, BaseModule, Map, MapUtil, FormElement) => {
- 'use strict';
-
- /**
- * TheraModule class
- * @type {TheraModule}
- */
- let TheraModule = class TheraModule extends BaseModule {
- constructor(config = {}) {
- config.eveScoutUrl = new URL(Init.url.eveScout);
- super(Object.assign({}, new.target.defaultConfig, config));
- }
-
- /**
- * get icon for undefined/missing cell value
- * @returns {string}
- */
- getIconForUndefinedCellValue(){
- return '';
- }
-
- /**
- * get icon for "syncStatus" (connection is mapped) cell value
- * @param status
- * @returns {string}
- */
- getIconForStatusCellValue(status = ''){
- let title = '';
- switch(status){
- case 'warning':
- title = `not in ${this._config.eveScoutUrl.hostname.replace('www.', '')} connections`;
- break;
- case 'success':
- title = `in ${this._config.eveScoutUrl.hostname.replace('www.', '')} connections`;
- break;
- case 'hint':
- title += `sync connections/signatures`;
- break;
- default:
- title = `not mapped`;
- }
-
- return ``;
- }
-
- /**
- * get dataTable id
- * @param {...string} parts e.g. 'tableType', 'mapId', 'systemId'
- * @returns {string}
- */
- getTableId(...parts){
- return BaseModule.Util.getTableId(this._config.theraTableId, ...parts);
- }
-
- /**
- * get dataTable row id
- * @param tableType
- * @param id
- * @returns {string}
- */
- getRowId(tableType, id){
- return BaseModule.Util.getTableRowId(this._config.theraTableRowIdPrefix, tableType, id);
- }
-
- /**
- * get DOM id by id
- * @param tableApi
- * @param id
- * @returns {*}
- */
- getRowById(tableApi, id){
- return tableApi.rows().ids().toArray().find(rowId =>
- rowId === this.getRowId(BaseModule.Util.getObjVal(this.getTableMetaData(tableApi), 'type'), id)
- );
- }
-
- /**
- * get custom "metaData" from dataTables API
- * @param tableApi
- * @returns {*}
- */
- getTableMetaData(tableApi){
- return tableApi ? tableApi.init().pfMeta : null;
- }
-
- /**
- * initial module render method
- * -> implementation is enforced by BaseModule
- * -> must return a single node element
- * @param mapId
- * @returns {HTMLElement}
- */
- render(mapId){
- this._mapId = mapId;
-
- // ... append your custom module body
- this._bodyEl = Object.assign(document.createElement('div'), {
- className: this._config.bodyClassName
- });
-
- this.moduleElement.append(this._bodyEl);
-
- this._bodyEl.append(
- this.newControlElement(
- 'Thera not found on map. Click here to add',
- [this._config.moduleHeadlineIconClass, this._config.controlAreaTheraClass, 'hidden'],
- ['fa-plus']
- )
- );
-
- $(this.moduleElement).showLoadingAnimation();
-
- this.initTheraTable();
-
- this.setModuleObserver();
-
- return this.moduleElement;
- }
-
- /**
- * init 'Thera connections' table (EveScout)
- */
- initTheraTable(){
- let module = this;
-
- let tableEl = document.createElement('table');
- tableEl.id = module.getTableId('thera', module._mapId);
- tableEl.classList.add('compact', 'stripe', 'order-column', 'row-border', 'pf-table-fixed', module._config.globalTheraTableClass);
- this._bodyEl.append(tableEl);
-
- this._tableApi = $(tableEl).DataTable( {
- pfMeta: {
- type: 'theraConnection'
- },
- paging: false,
- ordering: true,
- order: [[0, 'desc'], [8, 'desc']],
- orderFixed: [[ 10, 'desc']],
- info: false,
- searching: false,
- hover: false,
- autoWidth: false,
- rowId: rowData => module.getRowId('theraConnection', rowData.id),
- select: {
- style: 'os',
- selector: 'td:not(.' + module._config.tableCellActionClass + ')'
- },
- language: {
- emptyTable: 'No Thera connections found'
- },
- columnDefs: [
- {
- targets: 0,
- name: 'syncStatus',
- title: '',
- width: 2,
- className: 'text-center',
- data: 'syncStatus',
- defaultContent: module.getIconForStatusCellValue(),
- render: {
- display: (cellData, type, rowData, meta) => {
- return module.getIconForStatusCellValue(cellData);
- },
- sort: syncStatus => ['warning', 'hint', 'success'].indexOf(syncStatus)
- }
- },{
- targets: 1,
- name: 'trueSec',
- title: 'sec',
- width: 15,
- className:'text-center',
- data: 'target.trueSec',
- defaultContent: module.getIconForUndefinedCellValue(),
- render: {
- display: (cellData, type, rowData, meta) => {
- if(cellData !== undefined){
- let systemTrueSecClass = BaseModule.Util.getTrueSecClassForSystem(cellData);
- return '' + cellData.toFixed(1) + '';
- }
- }
- }
- },{
- targets: 2,
- name: 'systemName',
- title: 'system',
- className: module._config.tableCellEllipsisClass,
- data: 'target',
- defaultContent: module.getIconForUndefinedCellValue(),
- render: {
- display: (cellData, type, rowData, meta) => {
- let systemId = cellData.id || '';
- let cls = (
- cellData.name && (
- BaseModule.Util.getObjVal(rowData, 'relRowId') || // secondary table
- BaseModule.Util.getObjVal(rowData, 'connectionId') // primary table
- )
- ) ? module._config.linkClass : '';
- return `${cellData.name || ''}`;
- },
- sort: 'name'
- }
- },{
- targets: 3,
- name: 'region',
- title: 'region',
- className: module._config.tableCellEllipsisClass,
- data: 'target',
- defaultContent: module.getIconForUndefinedCellValue(),
- render: {
- _: 'region.name'
- }
- },{
- targets: 4,
- name: 'outSig',
- title: '',
- width: 12,
- className: ['text-center', module._config.fontUppercaseClass].join(' '),
- data: 'sourceSignature',
- defaultContent: module.getIconForUndefinedCellValue(),
- render: {
- _: 'name'
- }
- },{
- targets: 5,
- name: 'fakeConnection',
- title: 'con.',
- orderable: false,
- width: 30,
- className: 'text-center',
- data: 'fakeConnection',
- defaultContent: ''
- },{
- targets: 6,
- name: 'inSig',
- title: '',
- width: 12,
- className: ['text-center', module._config.fontUppercaseClass].join(' '),
- data: 'targetSignature',
- defaultContent: module.getIconForUndefinedCellValue(),
- render: {
- _: 'name'
- }
- },{
- targets: 7,
- name: 'wormholeLabel',
- title: 'type',
- width: 50,
- className: module._config.tableCellTypeClass,
- data: 'wormholeLabel',
- defaultContent: module.getIconForUndefinedCellValue(),
- render: {
- display: (cellData, type, rowData, meta) => {
- if(cellData){
- let wormholeData = BaseModule.Util.getObjVal(Init, `wormholes.${cellData}`);
- let security = BaseModule.Util.getObjVal(wormholeData, `security`);
- let typeNodes = FormElement.formatSignatureTypeSelectionData({text: `${cellData} - ${security}`}, undefined, {showWhSizeLabel: false});
- return [...typeNodes].reduce((acc, node) => {
- acc += node.outerHTML;
- return acc;
- }, '');
- }
- }
- }
- },{
- targets: 8,
- name: 'estimatedLife',
- title: '',
- width: 15,
- className: 'text-right',
- data: 'estimatedEol',
- defaultContent: module.getIconForUndefinedCellValue(),
- render: {
- display: (cellData, type, rowData, meta) => {
- try{
- let timeNow = (new Date()).getTime();
- let timeEol = Date.parse(cellData);
- if(!isNaN(timeNow) && !isNaN(timeEol) ){
- let diff = (timeEol - timeNow) / 1000;
- diff /= (60 * 60);
- return `< ${Math.ceil(diff)}h`;
- }
- }catch(e){}
- },
- sort: dateVal => Date.parse(dateVal)
- }
- },{
- targets: 9,
- name: 'action',
- title: '',
- orderable: false,
- width: 10,
- className: ['text-center', module._config.tableCellActionClass, module._config.moduleHeadlineIconClass].join(' '),
- data: null,
- render: {
- display: data => {
- let icon = '';
- if(data.connectionId){
- icon = '';
- }else if(!data.syncStatus){
- icon = '';
- }
- return icon;
- }
- },
- createdCell: function(cell, cellData, rowData, rowIndex, colIndex){
- let tableApi = this.api();
-
- cell.addEventListener('click', e => {
- e.stopPropagation();
-
- let rowClicked = tableApi.row(e.target.closest('tr'));
- rowData = rowClicked.data();
-
- if(rowData.connectionId){
- // delete row(s) ------------------------------------------------------------------
- let deleteData = {
- systemIds: [],
- connectionIds: [],
- };
-
- let value, label;
- // check if multiple rows are selected + current row is one of them -> bulk edit
- let rowsSelected = tableApi.rows({selected: true});
- if(rowsSelected.count() > 1 && tableApi.row(rowIndex, {selected: true}).count()){
- deleteData = rowsSelected.data().toArray()
- .reduce((acc, rowData) => {
- acc.systemIds.push(BaseModule.Util.getObjVal(rowData, 'target.realId'));
- acc.connectionIds.push(BaseModule.Util.getObjVal(rowData, 'connectionId'));
- return acc;
- }, deleteData);
- label = `delete ${deleteData.systemIds.length} systems`;
- }else{
- // get current row data (important!)
- // -> "rowData" param is not current state, values are "on createCell()" state
- rowsSelected = tableApi.row( $(cell).parents('tr'));
- rowData = rowsSelected.data();
- deleteData.systemIds.push(BaseModule.Util.getObjVal(rowData, 'target.realId') || 0);
- deleteData.connectionIds.push(BaseModule.Util.getObjVal(rowData, 'connectionId') || 0);
- label = `delete '${BaseModule.Util.getObjVal(rowData, 'target.name')}'`;
- }
-
- let confirmationSettings = {
- title: '---',
- template: BaseModule.Util.getConfirmationTemplate(BaseModule.Util.getConfirmationContent([{
- name: 'deleteSystems',
- value: 1,
- label: label,
- class: 'pf-editable-warn',
- checked: false
- }]), {
- size: 'small',
- noTitle: true
- }),
- trigger: 'manual',
- onConfirm : function(e, target){
- // stop scroll to top
- e.preventDefault();
-
- // get form data (check if form tag is not hidden!) from confirmation popover
- let tip = target.data('bs.confirmation').tip();
- let form = tip.find('form:not(.hidden)').first();
- let formData = form.getFormValues();
- let deleteSystems = BaseModule.Util.getObjVal(formData, 'deleteSystems');
-
- if(deleteSystems){
- // delete systems -> connections get auto removed as well
- let activeMap = BaseModule.Util.getMapModule().getActiveMap();
- let systems = deleteData.systemIds.map(systemId =>
- document.getElementById(MapUtil.getSystemId(module._mapId, systemId))
- ).filter(Boolean);
-
- $(module.moduleElement).showLoadingAnimation();
- activeMap.trigger('pf:deleteSystems', [{
- systems: systems,
- callback: deletedSystems => {
- // callback function after ajax "delete" success
- // check if system was deleted
- if(deletedSystems.length){
- // remove table row
- rowsSelected.remove().draw();
- }else{
- // error
- this.showNotify({title: 'Failed to delete system', type: 'error'});
- }
- $(module.moduleElement).hideLoadingAnimation();
- }
- }]);
- }else{
- // just delete connections
- let connections = deleteData.connectionIds.map(connectionId =>
- $().getConnectionById(module._mapId, connectionId)
- ).filter(Boolean);
-
- $(module.moduleElement).showLoadingAnimation();
- MapUtil.deleteConnections(connections, () => {
- // callback function after ajax "delete" success
- // remove table row
- rowsSelected.remove().draw();
- $(module.moduleElement).hideLoadingAnimation();
- });
- }
- }
- };
-
- // init confirmation dialog
- $(cell).confirmation('destroy').confirmation(confirmationSettings).confirmation('show');
- }else if(!rowData.syncStatus){
- // add row ------------------------------------------------------------------------
-
- let systemDataThera = MapUtil.getSystemData(module._mapId, TheraModule.systemIdThera, 'systemId');
- let systemDataSource = MapUtil.getSystemData(module._mapId, BaseModule.Util.getObjVal(rowData, 'target.id'), 'systemId');
-
- if(systemDataThera && systemDataSource){
- // source & target system are already on map -> just draw connection
- let map = MapUtil.getMapInstance(module._mapId);
- let connectionData = {
- source: systemDataThera.id,
- target: systemDataSource.id,
- scope: rowData.scope,
- type: rowData.type
- };
-
- $(module.moduleElement).showLoadingAnimation();
-
- Map.drawConnection(map, connectionData)
- .then(payload => Map.saveConnection(payload.data.connection, true))
- .catch(console.warn);
- }else{
- let options = {
- systemData: {
- id: BaseModule.Util.getObjVal(rowData, 'target.id'),
- name: BaseModule.Util.getObjVal(rowData, 'target.name')
- }
- };
-
- if(systemDataThera){
- let systemThera = document.getElementById(MapUtil.getSystemId(systemDataThera.mapId, systemDataThera.id));
- if(systemThera){
- options.sourceSystem = $(systemThera);
- options.connectionData = {
- scope: rowData.scope,
- type: rowData.type,
- disableAutoScope: true
- };
- }
- }
-
- module.showNewSystemDialog(options);
- }
- }
- });
- }
- },{
- targets: 10,
- name: 'rowGroupData',
- className: 'never', // never show this column. see: https://datatables.net/extensions/responsive/classes
- data: 'rowGroupData',
- defaultContent: 0,
- visible: false,
- render: {
- sort: 'id'
- }
- }
- ],
- drawCallback: function(settings){
- let animationRows = this.api().rows().nodes().to$().filter(function(){
- return (
- $(this).data('animationStatus') ||
- $(this).data('animationTimer')
- );
- });
-
- animationRows.initTooltips();
-
- for(let i = 0; i < animationRows.length; i++){
- let animationRow = $(animationRows[i]);
- animationRow.pulseBackgroundColor(animationRow.data('animationStatus'));
- animationRow.removeData('animationStatus');
- }
- },
- initComplete: function(settings, json){
- module.getTheraConnectionsData('callbackUpdateTableRows');
-
- // hover effect -----------------------------------------------------------------------------------
- let tableApi = this.api();
- let relRowId = null;
- tableApi.tables().nodes().to$().on('mouseenter', 'td', function(){
- relRowId = BaseModule.Util.getObjVal(tableApi.row(this.parentElement).data(), 'relRowId') || null;
- if(relRowId){
- let colIndex = tableApi.cell(this).index().column;
- if(colIndex <= 8){
- let cell = tableApi.cell(this);
- let relCell = tableApi.cell(
- `#${module.getRowById(tableApi, relRowId)}`,
- colIndex
- );
- cell.nodes().to$().addClass('cellHighlight');
- relCell.nodes().to$().addClass('cellHighlight');
-
- if([4,5,6,7,8].includes(colIndex)){
- let cellNode = cell.node();
- let relCellNode = relCell.node(); // might not exist if relRow was recently removed
- if(
- cellNode && relCellNode &&
- cellNode.innerHTML !== relCellNode.innerHTML
- ){
- cellNode.dataset.origValue = cellNode.innerHTML;
- cellNode.innerHTML = relCellNode.innerHTML;
- }
- }
- }
- }
- }).on('mouseleave', 'td', function(){
- if(relRowId){
- if(this.dataset.origValue){
- this.innerHTML = this.dataset.origValue;
- delete this.dataset.origValue;
- }
- tableApi.cells().nodes().to$().removeClass('cellHighlight');
- relRowId = null;
- }
- });
-
- // click on "fake connection" ---------------------------------------------------------------------
- $(this).on('click', '.pf-fake-connection', function(){
- let rowData = tableApi.row(this.closest('tr')).data();
- if(rowData.connectionId){
- let connection = $().getConnectionById(module._mapId, rowData.connectionId);
- if(connection){
- let map = connection._jsPlumb.instance;
- MapUtil.showConnectionInfo(map, [connection]);
- }
- }
- });
-
- // click on "target system name" ------------------------------------------------------------------
- $(this).on('click', `.${module._config.linkClass}[data-systemid]:not([data-systemid=''])`, e => {
- BaseModule.Util.triggerMenuAction(
- BaseModule.Util.getMapModule().getActiveMap(),
- 'SelectSystem',
- {systemId: MapUtil.getSystemData(module._mapId, parseInt(e.target.dataset.systemid), 'systemId').id}
- );
- });
- },
- data: [] // will be added dynamic
- });
-
- let buttons = new $.fn.dataTable.Buttons(this._tableApi, {
- dom: {
- container: {
- tag: 'h5',
- className: 'pull-right'
- },
- button: {
- tag: 'i',
- className: ['fas', 'fa-fw', module._config.moduleHeadlineIconClass].join(' '),
- },
- buttonLiner: {
- tag: null
- }
- },
- name: 'tableTools',
- buttons: [
- {
- name: 'eveScout',
- className: 'fa-external-link-alt',
- titleAttr: module._config.eveScoutUrl.hostname.replace('www.', ''),
- attr: {
- 'data-toggle': 'tooltip',
- 'data-html': true
- },
- action: function(e, tableApi, node, config){
- e.stopPropagation();
- window.open(`//${module._config.eveScoutUrl.hostname}`, '_blank');
- }
- }, {
- name: 'refresh',
- className: 'fa-sync',
- titleAttr: 'refresh',
- attr: {
- 'data-toggle': 'tooltip',
- 'data-html': true
- },
- action: function(e, tableApi, node, config){
- $(module.moduleElement).showLoadingAnimation();
- module.getTheraConnectionsData('callbackUpdateTableRows');
- }
- }
- ]
- });
-
- // "RowGroup" Datatables Plugin
- this._tableApi.buttons().container().appendTo(module.moduleElement.querySelector('.' + module._config.headClassName));
-
- new $.fn.dataTable.RowGroup(this._tableApi, {
- dataSrc: 'rowGroupData.name',
- startRender: function(rows, group, level){
- return `` +
- `${group}` +
- `${rows.count()}` +
- ` `;
- }
- });
-
- // "Select" Datatables Plugin
- this._tableApi.select();
-
- this._tableApi.on('user-select', function(e, tableApi, type, cell, originalEvent){
- let rowData = tableApi.row(cell.index().row).data();
- if(!BaseModule.Util.getObjVal(rowData, 'connectionId')){
- e.preventDefault();
- }
- });
- }
-
- /**
- * @param options
- * @param isThera
- */
- showNewSystemDialog(options = {}, isThera = false){
- let activeMap = BaseModule.Util.getMapModule().getActiveMap();
-
- // custom callback -> refresh Thera table
- options.callback = (map, newSystemData, sourceSystem, connectionData) => {
- $(this.moduleElement).showLoadingAnimation();
-
- Map.saveSystemCallback(map, newSystemData, sourceSystem, connectionData);
- };
- BaseModule.Util.triggerMenuAction(activeMap, 'AddSystem', options);
- }
-
- /**
- * get thera connections data
- * @param callback
- * @param system
- */
- getTheraConnectionsData(callback, system = null){
-
- this.getLocalStore().getItem('eveScout')
- .then(cacheEntry => new Promise(resolve => {
-
- if(
- cacheEntry && cacheEntry.tSet &&
- TheraModule.ttlEveScoutResponse > BaseModule.now() - cacheEntry.tSet
- ){
- $(this.moduleElement).hideLoadingAnimation();
- resolve(cacheEntry.value);
- }else{
- this.request('GET', 'SystemThera', [], {}, this, context => {
- $(this.moduleElement).hideLoadingAnimation();
- }).then(payload => {
- let cacheEntry = {
- tSet: BaseModule.now(),
- value: Array.isArray(payload.data) ? payload.data : []
- };
- this.getLocalStore().setItem('eveScout', cacheEntry)
- .then(cacheEntry => resolve(cacheEntry.value));
- }).catch(payload => {
- let reason = payload.data.status + ' ' + payload.data.error;
- this.showNotify({
- title: payload.data.jqXHR.status + ': Thera connections data',
- text: reason,
- type: 'warning'
- });
- resolve([]);
- });
- }
- }))
- .then(connectionsData => this[callback](connectionsData, system));
- }
-
- /**
- * update thera table with data
- * @param connectionsData
- * @param systemThera
- */
- callbackUpdateTableRows(connectionsData = [], systemThera = null){
- if(!this._tableApi){
- return;
- }
-
- connectionsData = Array.isArray(connectionsData) ? connectionsData : [];
-
- let getGroupedRowId = (groupData, rowId) => {
- return `${groupData.id}-${rowId}`;
- };
-
- let touchedRows = [];
- let hadData = this._tableApi.rows().any();
- let notificationCounter = {
- added: 0,
- changed: 0,
- deleted: 0
- };
-
- let map = MapUtil.getMapInstance(this._mapId);
- let currentMapData = BaseModule.Util.getCurrentMapData(this._mapId);
- if(map && currentMapData){
- let groupDataMap = {
- id: this._mapId,
- name: BaseModule.Util.getObjVal(currentMapData, 'config.name')
- };
-
- let groupDataEveScout = {
- id: 0,
- name: 'eve-scout.com'
- };
-
- // get data from all Thera connections from current map -----------------------------------------------
- let currentConnectionsData = {};
- let systemTheraFound = false;
- if(systemThera){
- systemTheraFound = true;
- let currentConnections = MapUtil.searchConnectionsBySystems(map, [systemThera], '*');
- currentConnectionsData = BaseModule.getConnectionsDataFromConnections(this._mapId, currentConnections);
- }else{
- let systemDataThera = MapUtil.getSystemData(this._mapId, TheraModule.systemIdThera, 'systemId');
- if(systemDataThera){
- systemTheraFound = true;
- let systemIdThera = MapUtil.getSystemId(this._mapId, systemDataThera.id);
- let currentConnections = MapUtil.searchConnectionsBySystems(map, [systemIdThera], '*');
- currentConnectionsData = BaseModule.getConnectionsDataFromConnections(this._mapId, currentConnections);
- }
- }
-
- this._bodyEl.querySelector(`.${this._config.controlAreaTheraClass}`).classList.toggle('hidden', systemTheraFound);
-
- let dateNow = new Date();
-
- let tableDataPrimary = [];
- let tableDataSecondary = [];
-
- let formatSignatureData = data => ({
- id: data.ids,
- name: data.names.length ? data.names.map(name => name.substring(0, 3)).join(', ') : null,
- type: {
- name: data.labels.length ? data.labels.join(', ') : null
- }
- });
-
- let equalPropVal = (val, prop = 'id') => b => b[prop] === val;
-
- // add mapped Thera connections (primary) -------------------------------------------------------------
- for(let currentConnectionData of Object.values(currentConnectionsData)){
- let connectionId = BaseModule.Util.getObjVal(currentConnectionData, 'connection.id') || 0;
- let updated = BaseModule.Util.getObjVal(currentConnectionData, 'connection.updated') || 0;
- let source = currentConnectionData.source;
- let target = currentConnectionData.target;
- let connectionHash = BaseModule.getConnectionDataCacheKey(source.name, target.name);
-
- // mapped connection not exists in eveScout data
- let currentConnectionDataFull = MapUtil.getConnectionDataFromMapData(currentMapData, connectionId);
- let connection = $().getConnectionById(this._mapId, connectionId);
- let signatureTypeNames = MapUtil.getConnectionDataFromSignatures(connection, currentConnectionDataFull);
-
- let sourceSignature = formatSignatureData(signatureTypeNames.source);
- let targetSignature = formatSignatureData(signatureTypeNames.target);
-
- // swap source <-> target. 'Thera' should be the source system
- // -> In order to match the eve-scout response format for connections
- if(target.name.toLowerCase() === 'thera'){
- [source, target] = [target, source];
- [sourceSignature, targetSignature] = [targetSignature, sourceSignature];
- }
-
- let whLabel = null;
- let whSigId = 0;
- for(let data of Object.values(signatureTypeNames)){
- if(!data.labels){
- continue;
- }
- let i = data.labels.findIndex(label => label !== 'K162');
- if(i !== -1){
- whLabel = data.labels[i];
- whSigId = data.ids[i];
- break;
- }
- }
-
- // to calc the remaining lifetime of the wormhole, we need the 'created' date of linked sig.
- // -> This is "hacky"! We re-search all signatures by whSigId === id... :(
- let estimatedEol;
- let maxStableTime = BaseModule.Util.getObjVal(Object.assign({}, Init.wormholes[whLabel]), 'maxStableTime');
- if(maxStableTime && whSigId){
- let whSignatureData = (BaseModule.Util.getObjVal(currentConnectionDataFull, 'signatures') || [])
- .find(equalPropVal(whSigId));
- let whSignatureCreated = BaseModule.Util.getObjVal(whSignatureData, 'created.created') || 0;
- if(whSignatureCreated){
- let createdDate = new Date( whSignatureCreated * 1000);
- createdDate.setHours(createdDate.getHours() + maxStableTime);
- //estimatedEol = Math.floor(createdDate.getTime() / 1000);
- estimatedEol = createdDate.toISOString();
- }
- }
-
- let rowData = {
- id: getGroupedRowId(groupDataMap, connectionHash),
- hash: connectionHash,
- scope: BaseModule.Util.getObjVal(currentConnectionData, 'connection.scope'),
- type: BaseModule.Util.getObjVal(currentConnectionData, 'connection.type'),
- source: (({id:realId, systemId:id, name, trueSec, constellation, region}) =>
- ({
- realId,
- id,
- name,
- trueSec,
- constellation,
- region
- }))(MapUtil.getSystemDataFromMapData(currentMapData, source.id)),
- target: (({id:realId, systemId:id, name, trueSec, constellation, region}) =>
- ({
- realId,
- id,
- name,
- trueSec,
- constellation,
- region
- }))(MapUtil.getSystemDataFromMapData(currentMapData, target.id)),
- sourceSignature: sourceSignature,
- targetSignature: targetSignature,
- wormholeLabel: whLabel,
- syncStatus: 'warning',
- rowGroupData: groupDataMap,
- connectionId: connectionId,
- fakeConnection: BaseModule.getFakeConnectionElement(currentConnectionData),
- estimatedEol: estimatedEol,
- updated: updated,
- updatedHash: [updated, signatureTypeNames.hash].join().hashCode()
- };
-
- tableDataPrimary.push(rowData);
- }
-
- // add EveScout Thera connections (secondary) ---------------------------------------------------------
- for(let rowData of connectionsData){
- let systemNameSource = BaseModule.Util.getObjVal(rowData, 'source.name');
- let systemNameTarget = BaseModule.Util.getObjVal(rowData, 'target.name');
- let connectionHash = BaseModule.getConnectionDataCacheKey(systemNameSource, systemNameTarget);
-
- let whLabel = BaseModule.Util.getObjVal(rowData, 'sourceSignature.type.name') || null;
- if(!whLabel){
- whLabel = BaseModule.Util.getObjVal(rowData, 'targetSignature.type.name') || null;
- }
-
- let massType = BaseModule.Util.getObjVal(Object.assign({}, Init.wormholes[whLabel]), 'size.type');
- let connectionType = [...rowData.type, massType];
-
- // overwrite eveScout id with new id (hash)
- rowData.id = getGroupedRowId(groupDataEveScout, connectionHash);
- rowData.hash = connectionHash;
- rowData.wormholeLabel = whLabel;
- rowData.syncStatus = null;
- rowData.rowGroupData = groupDataEveScout;
- rowData.connectionId = null;
- rowData.type = connectionType;
- rowData.fakeConnection = BaseModule.getFakeConnectionElement(BaseModule.getFakeConnectionData(
- {system: systemNameSource},
- {system: systemNameTarget},
- rowData.scope,
- rowData.type
- ));
- rowData.updatedHash = String(rowData.updated).hashCode();
- tableDataSecondary.push(rowData);
- }
-
- // + Merge Primary + Secondary table data -------------------------------------------------------------
- for(let primaryRowData of tableDataPrimary){
- let secondaryIndex = tableDataSecondary.findIndex(equalPropVal(primaryRowData.hash, 'hash'));
- if(secondaryIndex !== -1){
- // get a new hash key from both 'updated' values (primary + secondary) tableData
- // -> if a signature gets updated on map, table row should be updated, too
- // -> so we can check it later on if either prim. or sec. data has changed...
- let updatedHash = [
- primaryRowData.updatedHash,
- tableDataSecondary[secondaryIndex].updatedHash
- ].join().hashCode();
-
- primaryRowData.syncStatus = 'success';
- primaryRowData.relRowId = tableDataSecondary[secondaryIndex].id;
- primaryRowData.updatedHash = updatedHash;
-
- // remove from secondary table data -> no duplicated rows
- //tableDataSecondary.splice(secondaryIndex, 1);
-
- tableDataSecondary[secondaryIndex].syncStatus = 'hint';
- tableDataSecondary[secondaryIndex].relRowId = primaryRowData.id;
- tableDataSecondary[secondaryIndex].updatedHash = updatedHash;
- }
- }
-
- let tableData = [...tableDataPrimary, ...tableDataSecondary];
-
- // update table data ----------------------------------------------------------------------------------
- for(let rowData of tableData){
- let rowId = this.getRowById(this._tableApi, rowData.id);
-
- if(rowId){
- // update row
- let api = this._tableApi.row('#' + rowId);
- let rowDataCurrent = api.data();
-
- // check for update
- if(
- BaseModule.Util.getObjVal(rowDataCurrent, 'updatedHash') !==
- BaseModule.Util.getObjVal(rowData, 'updatedHash')
- ){
- // row data changed -> update
- api.data(rowData);
- api.nodes().to$().data('animationStatus', 'changed');
- notificationCounter.changed++;
- }
-
- touchedRows.push(api.id());
- }else{
- // insert new row
- let api = this._tableApi.row.add(rowData);
- api.nodes().to$().data('animationStatus', 'added');
- notificationCounter.added++;
-
- touchedRows.push(api.id());
- }
- }
-
- let api = this._tableApi.rows((idx, data, node) => !touchedRows.includes(node.id));
- notificationCounter.deleted += api.ids().count();
- api.remove();
-
- if(Math.max(...Object.values(notificationCounter))){
- this._tableApi.draw();
- }
-
- // show notification ----------------------------------------------------------------------------------
- let notification = Object.keys(notificationCounter).reduce((acc, key) => {
- return `${acc}${notificationCounter[key] ? `${notificationCounter[key]} ${key}
` : ''}`;
- }, '');
-
- if(hadData && notification.length){
- this.showNotify({title: 'Thera connections updated', text: notification, type: 'success', textTrusted: true});
- }
- }else{
- console.warn('Table update failed for Thera connections. MapData is missing');
- }
- }
-
- /**
- * set module observer
- */
- setModuleObserver(){
-
- // add Thera system
- this._bodyEl.querySelector(`.${this._config.controlAreaTheraClass}`).addEventListener('click', e => {
- this.showNewSystemDialog({
- systemData: {
- id: TheraModule.systemIdThera,
- name: 'Thera'
- }
- }, true);
- }, false);
-
- // signature column - "type" popover
- MapUtil.initWormholeInfoTooltip(
- $(this.moduleElement).find('.' + this._config.globalTheraTableClass),
- `.${this._config.tableCellTypeClass} span[class^="pf-system-sec-"]`
- );
-
- // init tooltips
- $(this.moduleElement).initTooltips();
- }
-
- /**
- * update module
- * compare data and update module
- * @param mapId
- * @returns {Promise}
- */
- update(mapId){
- return super.update(mapId).then(mapId => new Promise(resolve => {
- this.getTheraConnectionsData('callbackUpdateTableRows');
-
- resolve({
- action: 'update',
- data: {
- module: this
- }
- });
- }));
- }
- };
-
- TheraModule.isPlugin = false; // module is defined as 'plugin'
- TheraModule.scope = 'global'; // module scope controls how module gets updated and what type of data is injected
- TheraModule.sortArea = 'b'; // default sortable area
- TheraModule.position = 3; // default sort/order position within sortable area
- TheraModule.label = 'Thera'; // static module label (e.g. description)
- TheraModule.systemIdThera = 31000005;
- TheraModule.ttlEveScoutResponse = 120;
-
- TheraModule.defaultConfig = {
- className: 'pf-global-thera-module', // class for module
- sortTargetAreas: ['a', 'b', 'c'], // sortable areas where module can be dragged into
- headline: 'Thera Connection',
-
- // Thera module
- theraTableId: 'pf-thera-table-', // id prefix for all tables in module
- theraTableRowIdPrefix: 'pf-thera-row-', // id prefix for table rows
- globalTheraTableClass: 'pf-global-thera-table', // class for NPC owned stations table
- controlAreaTheraClass: 'pf-global-thera-control', // class for "thera system exists" label
-
- // fonts
- fontUppercaseClass: 'pf-font-uppercase', // class for "uppercase" font
- linkClass: 'pf-link',
-
- // Thera connections table
- tableCellTypeClass: 'pf-table-type-cell', // class for "type" cells
- tableCellEllipsisClass: 'pf-table-cell-ellipses-auto', // class for table "ellipsis" cells
- tableCellActionClass: 'pf-table-action-cell'
- };
-
- return TheraModule;
-});
\ No newline at end of file
diff --git a/public/js/v2.0.1/app/ui/module/system_graph.js b/public/js/v2.0.1/app/ui/module/system_graph.js
deleted file mode 100644
index 990cb9d8..00000000
--- a/public/js/v2.0.1/app/ui/module/system_graph.js
+++ /dev/null
@@ -1,392 +0,0 @@
-/**
- * System graph module
- */
-
-define([
- 'jquery',
- 'app/util',
- 'module/base',
- 'morris'
-], ($, Util, BaseModule, Morris) => {
- 'use strict';
-
- let SystemGraphModule = class SystemGraphModule extends BaseModule {
- constructor(config = {}) {
- super(Object.assign({}, new.target.defaultConfig, config));
- }
-
- newHeaderElement(){
- return ''; // no default header for this module
- }
-
- newHeadlineToolbarElement(){
- let toolbarEl = super.newHeadlineToolbarElement();
-
- let infoEl = document.createElement('small');
- infoEl.innerHTML = '';
- toolbarEl.append(infoEl);
-
- return toolbarEl;
- }
-
- /**
- * render module
- * @param mapId
- * @param systemData
- * @returns {HTMLElement}
- */
- render(mapId, systemData){
- this._systemData = systemData;
-
- // graph data is available for k-space systems
- if(systemData.type.id === 2){
-
- let rowEl = document.createElement('div');
- rowEl.classList.add(this._config.bodyClassName, 'grid');
-
- for(let graphKey of Object.keys(this._config.systemGraphs)){
- let colEl = document.createElement('div');
- colEl.dataset.graph = graphKey;
-
- let headEl = this.newHeadElement();
- headEl.append(
- this.newHandlerElement(),
- this.newHeadlineElement(this.getInfoForGraph(graphKey, 'headline')),
- this.newHeadlineToolbarElement()
- );
-
- let graphEl = document.createElement('div');
- graphEl.classList.add(this._config.systemGraphClass);
-
- colEl.append(headEl, graphEl);
- rowEl.append(colEl);
- }
- this.moduleElement.append(rowEl);
-
- this.setModuleObserver();
-
- // request graph data and store result promise
- // -> module is not full rendered jet
- this._dataPromise = this.getGraphsData();
-
- return this.moduleElement;
- }
- }
-
- /**
- * init module
- */
- init(){
- super.init();
-
- if(this._dataPromise instanceof Promise){
- this._dataPromise
- .then(payload => this.addGraphData(payload.data))
- .catch(payload => {
- let reason = payload.data.status + ' ' + payload.data.error;
- this.showNotify({title: payload.data.jqXHR.status + ': System graph data', text: reason, type: 'warning'});
- });
- }
- }
-
- /**
- * get data for graphs
- * @returns {Promise}
- */
- getGraphsData(){
- $(this.moduleElement).find('.' + this._config.systemGraphClass).showLoadingAnimation();
- return this.request('GET', 'SystemGraph', this._systemData.id, {
- systemIds: [this._systemData.systemId]
- });
- }
-
- /**
- * update graph elements with data
- * @param graphData
- */
- addGraphData(graphData){
-
- // calculate time offset until system updated -------------------------------------------------------------
- let serverData = Util.getServerTime();
- let timestampNow = Math.floor(serverData.getTime() / 1000);
- let timeSinceUpdate = timestampNow - this._systemData.updated.updated;
-
- let timeInHours = Math.floor(timeSinceUpdate / 3600);
- let timeInMinutes = Math.floor((timeSinceUpdate % 3600) / 60);
- let timeInMinutesPercent = parseFloat((timeInMinutes / 60).toFixed(2));
-
- // graph is from right to left -> convert event line
- let eventLine = Math.max(parseFloat((24 - timeInHours - timeInMinutesPercent).toFixed(2)), 0);
-
- // update graph data --------------------------------------------------------------------------------------
- for(let [systemId, graphsData] of Object.entries(graphData)){
- for(let [graphKey, graphData] of Object.entries(graphsData)){
- let graphColElement = $(this.moduleElement).find('[data-graph="' + graphKey + '"]');
- let graphElement = graphColElement.find('.' + this._config.systemGraphClass);
- graphElement.hideLoadingAnimation();
-
- graphColElement.data('infoData', this.initGraph(graphElement, graphKey, graphData, eventLine));
- }
- }
- }
-
- /**
- * set module observer
- */
- setModuleObserver(){
- $(this.moduleElement).hoverIntent({
- over: function(e){
- let element = $(this);
- let tooltipData = element.parents('[data-graph]').data('infoData');
- if(tooltipData){
- SystemGraphModule.addSystemGraphTooltip(element, tooltipData.rows, {
- trigger: 'manual',
- title: tooltipData.title
- }).popover('show');
- }
- },
- out: function(e){
- $(this).destroyPopover();
- },
- selector: '.' + Util.config.popoverTriggerClass
- });
- }
-
- /**
- * get info for a given graph key
- * @param graphKey
- * @param option
- * @returns {*|string}
- */
- getInfoForGraph(graphKey, option){
- return Util.getObjVal(this._config.systemGraphs, graphKey + '.' + option) || '';
- }
-
- /**
- * init Morris Graph
- * @param graphElement
- * @param graphKey
- * @param graphData
- * @param eventLine
- * @returns {null|Object}
- */
- initGraph(graphElement, graphKey, graphData, eventLine){
- let tooltipData = null;
-
- if(
- graphData.logExists &&
- graphData.data &&
- graphData.data.length
- ){
- let dataLength = graphData.data.length;
- let xKey = 'x';
- let yKeys = this.getInfoForGraph(graphKey, 'ykeys');
-
- // calc average (goal) ------------------------------------------------------------------------------------
- // ... init empty sum object ...
- let sum = yKeys.reduce((result, key) => {
- result[key] = 0;
- return result;
- }, {});
-
- // ... sum all values ...
- sum = graphData.data.reduce((sum, obj) => {
- for(let [key, value] of Object.entries(obj)){
- if(sum.hasOwnProperty(key)){
- sum[key] += value;
- }
- }
- return sum;
- }, sum);
-
- // ... calc average
- let goals = Object.values(sum).map(value => Math.floor(value / dataLength));
-
- // init Morris chart --------------------------------------------------------------------------------------
- let graphConfig = {
- element: graphElement,
- data: graphData.data,
- xkey: xKey,
- ykeys: yKeys,
- labels: this.getInfoForGraph(graphKey, 'labels'),
- xLabelAngle: 0,
- parseTime: false,
- ymin: 0,
- yLabelFormat: value => Math.round(value),
- padding: 8,
- hideHover: true,
- pointSize: 2.5,
- lineColors: this.getInfoForGraph(graphKey, 'lineColors'),
- pointFillColors: this.getInfoForGraph(graphKey, 'pointFillColors'),
- pointStrokeColors: ['#141519'],
- lineWidth: 1.5,
- grid: true,
- gridTextColor: '#63676a',
- gridTextSize: 10,
- gridTextFamily: 'Arial, "Oxygen Bold"',
- gridStrokeWidth: 0.3,
- behaveLikeLine: true,
- goals: goals,
- goalStrokeWidth: 1,
- goalLineColors: ['#c2760c'],
- smooth: true,
- fillOpacity: 0.5,
- //belowArea: true,
- areaColors: ['#c2760c', '#c2760c'],
- belowArea: true,
- //resize: true,
- //redraw: true,
- dataLabels: false,
- eventStrokeWidth: 1,
- eventLineColors: ['#63676a'],
- nbYkeys2: this.getInfoForGraph(graphKey, 'nbYkeys2')
- };
-
- if(eventLine > 0){
- graphConfig.events = [eventLine];
- }
-
- this['_aChart_' + graphKey] = Morris.Line(graphConfig);
-
- // data for info "popover" --------------------------------------------------------------------------------
- tooltipData = {};
- let tooltipRows = [];
- let infoLabels = this.getInfoForGraph(graphKey, 'infoLabels');
- goals.forEach((goal, i) => {
- tooltipRows.push({
- label: infoLabels[i],
- value: goal,
- class: 'txt-color txt-color-orangeDark'
- });
- });
- tooltipData.rows = tooltipRows;
-
- let serverDate = Util.getServerTime();
- let updatedDate = Util.convertTimestampToServerTime(graphData.updated);
- let updatedDiff = Util.getTimeDiffParts(updatedDate, serverDate);
-
- tooltipData.title = '' + Util.formatTimeParts(updatedDiff) + '';
- }else{
- // make container a bit smaller -> no graph shown
- graphElement.css('height', '22px').text('No data');
- }
-
- return tooltipData;
- }
-
- beforeDestroy(){
- super.beforeDestroy();
-
- for(let graphKey of Object.keys(this._config.systemGraphs)){
- if(typeof this['_aChart_' + graphKey] === 'object'){
- this['_aChart_' + graphKey].destroy();
- delete this['_aChart_' + graphKey];
- }
- }
- }
-
- /**
- * detect changed drop area, -> should trigger graph redraw
- * @param name
- * @param e
- */
- onSortableEvent(name, e){
- super.onSortableEvent(name, e);
- if(e.type === 'add' && e.from !== e.to){
- for(let graphKey of Object.keys(this._config.systemGraphs)){
- if(typeof this['_aChart_' + graphKey] === 'object'){
- this['_aChart_' + graphKey].resizeHandler();
- }
- }
- }
- }
-
- /**
- * add info tooltip for graphs
- * @param element
- * @param tooltipData
- * @param options
- * @returns {jQuery}
- */
- static addSystemGraphTooltip(element, tooltipData, options = {}){
- let table = '';
- for(let data of tooltipData){
- let css = data.class || '';
-
- table += '';
- table += '| ';
- table += data.label;
- table += ' | ';
- table += '';
- table += data.value;
- table += ' | ';
- table += ' ';
- }
- table += ' ';
-
- let defaultOptions = {
- placement: 'top',
- html: true,
- trigger: 'hover',
- container: 'body',
- title: 'Info',
- content: table,
- delay: {
- show: 0,
- hide: 0
- },
- };
-
- options = Object.assign({}, defaultOptions, options);
-
- return $(element).popover(options);
- }
- };
-
- SystemGraphModule.isPlugin = false; // module is defined as 'plugin'
- SystemGraphModule.scope = 'system'; // module scope controls how module gets updated and what type of data is injected
- SystemGraphModule.sortArea = 'a'; // default sortable area
- SystemGraphModule.position = 3; // default sort/order position within sortable area
- SystemGraphModule.label = 'Graphs'; // static module label (e.g. description)
-
- SystemGraphModule.defaultConfig = {
- className: 'pf-system-graph-module', // class for module
- sortTargetAreas: ['a', 'b', 'c'], // sortable areas where module can be dragged into
-
- systemGraphClass: 'pf-system-graph', // class for each graph
- systemGraphs: {
- jumps: {
- headline: 'Jumps',
- postUnits: 'jumps',
- ykeys: ['y'],
- nbYkeys2: 0,
- labels: ['Jumps'],
- lineColors: ['#375959'],
- pointFillColors: ['#477372'],
- infoLabels: ['Avg. jumps']
- },
- shipKills: {
- headline: 'Ship/POD Kills',
- postUnits: 'kills',
- ykeys: ['y', 'z'],
- nbYkeys2: 1,
- labels: ['Ships', 'PODs'],
- lineColors: ['#375959', '#477372'],
- pointFillColors: ['#477372', '#568a89'],
- infoLabels: ['Avg. ship kills', 'Avg. pod kills']
- },
- factionKills: {
- headline: 'NPC Kills',
- postUnits: 'kills',
- ykeys: ['y'],
- nbYkeys2: 0,
- labels: ['NPCs'],
- lineColors: ['#375959'],
- pointFillColors: ['#477372'],
- infoLabels: ['Avg. NPC kills']
- }
- }
- };
-
- return SystemGraphModule;
-});
diff --git a/public/js/v2.0.1/app/ui/module/system_info.js b/public/js/v2.0.1/app/ui/module/system_info.js
deleted file mode 100644
index d2b76b0e..00000000
--- a/public/js/v2.0.1/app/ui/module/system_info.js
+++ /dev/null
@@ -1,693 +0,0 @@
-/**
- * System info module
- */
-
-define([
- 'jquery',
- 'app/init',
- 'app/util',
- 'app/map/util',
- 'module/base'
-], ($, Init, Util, MapUtil, BaseModule) => {
- 'use strict';
-
- let SystemInfoModule = class SystemInfoModule extends BaseModule {
- constructor(config = {}) {
- super(Object.assign({}, new.target.defaultConfig, config));
- }
-
- /**
- * custom header for this module
- * @returns {*}
- */
- newHeaderElement(){
- let headEl = this.newHeadElement();
-
- let headAliasEl = this.newHeadlineElement(this._systemData.alias || this._systemData.name);
- headAliasEl.setAttribute('title', 'alias');
- headAliasEl.classList.add('pull-right');
- if(this._systemData.security === 'A'){
- headAliasEl.classList.add(this._config.fontTriglivianClass);
- }
-
- let iconEl = this.newIconElement(['fa-fw', 'fa-angle-double-right']);
-
- let headSysTypeEl = this.newHeadlineElement();
- let sysTypeEl = document.createElement('span');
- sysTypeEl.setAttribute('title', 'type');
- sysTypeEl.classList.add(this._config.typeLinkClass);
- sysTypeEl.textContent = MapUtil.getSystemTypeInfo(this._systemData.type.id, 'name');
- headSysTypeEl.append(sysTypeEl, iconEl);
-
- let headSysRegionEl = this.newHeadlineElement();
- let sysRegionEl = document.createElement('span');
- sysRegionEl.setAttribute('title', 'region');
- sysRegionEl.classList.add(this._config.regionLinkClass);
- if(this._systemData.security === 'A'){
- sysRegionEl.classList.add(this._config.fontTriglivianClass);
- }
- sysRegionEl.textContent = this._systemData.region.name;
- headSysRegionEl.append(sysRegionEl, iconEl.cloneNode());
-
- let headSysConstellationEl = this.newHeadlineElement();
- let sysConstellationEl = document.createElement('span');
- sysConstellationEl.classList.add(this._config.constellationLinkClass, this._config.linkClass, Util.config.popoverTriggerClass);
- if(this._systemData.security === 'A'){
- sysConstellationEl.classList.add(this._config.fontTriglivianClass);
- }
- sysConstellationEl.textContent = this._systemData.constellation.name;
- sysConstellationEl.setAttribute('popup-ajax', Init.path.getConstellationData + '/' + this._systemData.constellation.id);
- headSysConstellationEl.append(sysConstellationEl, iconEl.cloneNode());
-
- let headSysNameEl = this.newHeadlineElement();
- let sysNameEl = document.createElement('span');
- sysNameEl.setAttribute('title', 'system');
- if(this._systemData.security === 'A'){
- sysNameEl.classList.add(this._config.fontTriglivianClass);
- }
- sysNameEl.textContent = this._systemData.name;
- let iconCopyEl = this.newIconElement(['fa-fw', 'fa-copy', this._config.moduleHeadlineIconClass, this._config.textActionIconCopyClass]);
- iconCopyEl.setAttribute('title', 'copy url');
- iconCopyEl.dataset.copy = MapUtil.getMapDeeplinkUrl(this._systemData.mapId, this._systemData.id);
- headSysNameEl.append(sysNameEl, iconCopyEl);
- if(this._systemData.locked){
- let iconLockedEl = this.newIconElement(['fa-fw', 'fa-lock', this._config.moduleHeadlineIconClass]);
- iconLockedEl.setAttribute('title', 'locked');
- headSysNameEl.append(iconLockedEl);
- }
- for(let linkData of this.getThirdPartySystemLinks(['dotlan', 'eveeye', 'anoik'])){
- if(linkData.showInModuleHead){
- let headSysLinkEl = document.createElement('a');
- headSysLinkEl.classList.add('pf-bg-icon-inline');
- headSysLinkEl.style.setProperty('--bg-image', `url("${Util.imgRoot()}icons/logo_${linkData.page}.png")`);
- headSysLinkEl.setAttribute('title', linkData.title);
- headSysLinkEl.setAttribute('href', linkData.url);
- headSysLinkEl.setAttribute('target', '_blank');
- headSysLinkEl.setAttribute('rel', 'noopener');
- headSysNameEl.append(headSysLinkEl);
- }
- }
-
- headEl.append(
- this.newHandlerElement(),
- headAliasEl,
- headSysTypeEl,
- headSysRegionEl,
- headSysConstellationEl,
- headSysNameEl
- );
- return headEl;
- }
-
- /**
- * update module
- * @param systemData
- * @returns {Promise}
- */
- update(systemData){
- return super.update(systemData).then(systemData => new Promise(resolve => {
- if(
- this._systemData.id === systemData.id &&
- this._updated !== systemData.updated.updated
- ){
- let setUpdated = true;
-
- // created/updated tooltip ------------------------------------------------------------------------
- let nameRowElement = $(this.moduleElement).find('.' + this._config.systemInfoNameClass);
- let tooltipData = {
- created: systemData.created,
- updated: systemData.updated
- };
- nameRowElement.addCharacterInfoTooltip(tooltipData);
-
- // update system status ---------------------------------------------------------------------------
- let systemStatusLabelElement = $(this.moduleElement).find('.' + this._config.systemInfoStatusLabelClass);
- let systemStatusId = parseInt(systemStatusLabelElement.attr('data-status'));
-
- if(systemStatusId !== systemData.status.id){
- // status changed
- let currentStatusClass = Util.getStatusInfoForSystem(systemStatusId, 'class');
- let newStatusClass = Util.getStatusInfoForSystem(systemData.status.id, 'class');
- let newStatusLabel = Util.getStatusInfoForSystem(systemData.status.id, 'label');
- systemStatusLabelElement.removeClass(currentStatusClass).addClass(newStatusClass).text(newStatusLabel);
-
- // set new status attribute
- systemStatusLabelElement.attr('data-status', systemData.status.id);
- }
-
- // update description textarea --------------------------------------------------------------------
- let descriptionTextareaElement = $(this.moduleElement).find('.' + this._config.descriptionTextareaElementClass);
- if(descriptionTextareaElement.length){
- let description = descriptionTextareaElement.html();
- if(description !== systemData.description){
- // description has changed
- if(typeof descriptionTextareaElement.data().summernote === 'object'){
- // "Summernote" editor is currently open
- setUpdated = false;
- }else{
- // not open
- let newDescription = systemData.description;
- if(!Util.isValidHtml(newDescription)){
- // try to convert raw text into valid html
- newDescription = newDescription.replace(/(\r\n|\n|\r)/g, '
');
- newDescription = '' + newDescription + ' ';
- }
-
- descriptionTextareaElement.html(newDescription);
- }
- }
- }
-
- if(setUpdated){
- this._updated = systemData.updated.updated;
- }
- }
-
- $(this.moduleElement).hideLoadingAnimation();
-
- resolve({
- action: 'update',
- data: {
- module: this
- }
- });
- }));
- }
-
- /**
- * render module
- * @param mapId
- * @param systemData
- * @returns {HTMLElement}
- */
- render(mapId, systemData){
- this._systemData = systemData;
-
- let rowEl = document.createElement('div');
- rowEl.classList.add(this._config.bodyClassName, 'grid');
-
- let colInfoEl, colSovEl, colDescEl;
-
- colInfoEl = document.createElement('div');
- colInfoEl.classList.add(this._config.systemInfoSectionClass);
- rowEl.append(colInfoEl);
-
- colSovEl = document.createElement('div');
- colSovEl.classList.add(this._config.systemSovSectionClass, 'pf-dynamic-area');
- rowEl.append(colSovEl);
-
- colDescEl = document.createElement('div');
- colDescEl.classList.add(this._config.descriptionSectionClass);
- rowEl.append(colDescEl);
-
- this.moduleElement.append(rowEl);
-
- require(['text!templates/modules/system_info.html', 'mustache', 'summernote.loader'], (template, Mustache, Summernote) => {
- SystemInfoModule.Mustache = Mustache;
- SystemInfoModule.Summernote = Summernote;
-
- template = new DOMParser().parseFromString(template, 'text/html');
- SystemInfoModule.tplInfoSection = template.getElementById('tplInfoSection').innerHTML;
- SystemInfoModule.tplSovSection = template.getElementById('tplSovSection').innerHTML;
- SystemInfoModule.tplDescSection = template.getElementById('tplDescSection').innerHTML;
-
- // optional parse() for cache parsed templates
- SystemInfoModule.Mustache.parse(SystemInfoModule.tplInfoSection);
- SystemInfoModule.Mustache.parse(SystemInfoModule.tplSovSection);
- SystemInfoModule.Mustache.parse(SystemInfoModule.tplDescSection);
-
- this.renderInfoSection(colInfoEl, SystemInfoModule.tplInfoSection);
- this.renderSovSection(colSovEl, SystemInfoModule.tplSovSection);
- this.renderDescSection(colDescEl, SystemInfoModule.tplDescSection);
-
- this.setModuleObserver();
- });
-
- return this.moduleElement;
- }
-
- /**
- * render 'sovereignty' section
- * @param parentEl
- * @param template
- */
- renderInfoSection(parentEl, template){
- if(SystemInfoModule.Mustache && parentEl && template){
- let data = {
- config: this._config,
- system: this._systemData,
- systemStatusClass: Util.getStatusInfoForSystem(this._systemData.status.id, 'class'),
- systemStatusLabel: Util.getStatusInfoForSystem(this._systemData.status.id, 'label'),
- systemNameClass: this._systemData.security === 'A' ? this._config.fontTriglivianClass : '',
- systemSecurityClass: Util.getSecurityClassForSystem(this._systemData.security),
- trueSec: this._systemData.trueSec.toFixed(1),
- trueSecClass: Util.getTrueSecClassForSystem(this._systemData.trueSec),
- systemEffectName: MapUtil.getEffectInfoForSystem(this._systemData.effect, 'name'),
- systemEffectClass: MapUtil.getEffectInfoForSystem(this._systemData.effect, 'class'),
- systemPlanetCount: this._systemData.planets ? this._systemData.planets.length : 0,
- systemStaticData: (Util.getObjVal(this._systemData, 'statics') || []).reduce((acc, wormholeName) => {
- acc.push(Object.assign({}, Init.wormholes[wormholeName]));
- return acc;
- }, []),
- systemShatteredClass: Util.getSecurityClassForSystem('SH'),
- popoverTriggerClass: Util.config.popoverTriggerClass
- };
- parentEl.innerHTML = SystemInfoModule.Mustache.render(template, data);
-
- this.setInfoSectionObserver(parentEl);
- }
- }
-
- /**
- * render 'sovereignty' section
- * @param parentEl
- * @param template
- */
- renderSovSection(parentEl, template){
- if(SystemInfoModule.Mustache && parentEl && template){
- // system "sovereignty" data
- // "primary" data is either "alliance" -> 0.0 space
- // or "faction" -> Empire Regions (LS, HS)
- let sovereigntyDefault = {
- row1Label: 'Sov.',
- row1Val: '???',
- row1Img: undefined,
- row1ImgTitle: undefined,
- row2Label: undefined,
- row2Val: undefined,
- row3Label: undefined,
- row3Val: undefined
- };
-
- let sovereigntyPrimary;
- let sovereigntySecondary;
-
- if(this._systemData.sovereignty){
- let sovDataFact = Util.getObjVal(this._systemData.sovereignty, 'faction');
- let sovDataAlly = Util.getObjVal(this._systemData.sovereignty, 'alliance');
- let sovDataCorp = Util.getObjVal(this._systemData.sovereignty, 'corporation');
-
- if(sovDataFact){
- sovereigntyPrimary = {
- row1Val: 'Faction',
- row1Img: Util.eveImageUrl('factions', sovDataFact.id, 64),
- row1ImgTitle: sovDataFact.name,
- row2Val: sovDataFact.name
- };
- }else{
- if(sovDataAlly){
- sovereigntyPrimary = {
- row1Val: 'Alliance',
- row1Img: Util.eveImageUrl('alliances', sovDataAlly.id, 64),
- row1ImgTitle: sovDataAlly.name,
- row2Val: '<' + sovDataAlly.ticker + '>',
- row3Label: 'Ally',
- row3Val: sovDataAlly.name
- };
- }
- if(sovDataCorp){
- sovereigntySecondary = {
- row1Label: 'Corp',
- row1Val: sovDataCorp.name,
- row1Img: Util.eveImageUrl('corporations', sovDataCorp.id, 64)
- };
- }
- }
- }
-
- let data = {
- config: this._config,
- sovereigntyPrimary: sovereigntyPrimary ? Object.assign({}, sovereigntyDefault, sovereigntyPrimary) : undefined,
- sovereigntySecondary: sovereigntySecondary ? Object.assign({}, sovereigntyDefault, sovereigntySecondary) : undefined,
- };
-
- // show only if sov data exists
- if(data.sovereigntyPrimary){
- parentEl.innerHTML = SystemInfoModule.Mustache.render(template, data);
-
- this.setSovSectionObserver(parentEl);
- }else{
- parentEl.parentNode.classList.add(this._config.bodyClassName + '-small');
- parentEl.remove();
- }
- }
- }
-
- /**
- * render 'description' section
- * @param parentEl
- * @param template
- */
- renderDescSection(parentEl, template){
- if(SystemInfoModule.Mustache && parentEl && template){
- let data = {
- config: this._config,
- summernoteClass: Util.config.summernoteClass
- };
- parentEl.innerHTML = SystemInfoModule.Mustache.render(template, data);
-
- this.setDescSectionObserver(parentEl);
- }
- }
-
- /**
- * init module
- */
- init(){
- super.init();
- }
-
- /**
- * set module observer
- */
- setModuleObserver(){
- // init copy system deeplink URL
- $(this.moduleElement).find('.' + this._config.textActionIconCopyClass).on('click', function(){
- let mapUrl = $(this).attr('data-copy');
- Util.copyToClipboard(mapUrl).then(payload => {
- if(payload.data){
- Util.showNotify({title: 'Copied to clipboard', text: mapUrl, type: 'success'});
- }
- });
- });
-
- // init constellation popover
- $(this.moduleElement).find('[popup-ajax]').popover({
- html: true,
- trigger: 'hover',
- placement: 'top',
- delay: 200,
- container: 'body',
- content: function(){
- //return details_in_popup(this);
- let popoverElement = $(this);
- let popover = popoverElement.data('bs.popover');
-
- $.ajax({
- url: popoverElement.attr('popup-ajax'),
- success: function(data){
- popover.options.content = Util.getSystemsInfoTable(data.systemsData);
- // reopen popover (new content size)
- popover.show();
- }
- });
- return 'Loading...';
- }
- });
-
- // init tooltips
- $(this.moduleElement).initTooltips({
- placement: 'top'
- });
- }
-
- /**
- * observer 'info' section
- * @param parentEl
- */
- setInfoSectionObserver(parentEl){
- // init system effect popover
- $(parentEl).find('.' + this._config.systemInfoEffectClass).addSystemEffectTooltip(
- this._systemData.security,
- this._systemData.effect, {
- placement: 'left'
- });
-
- // init planets popover
- $(parentEl).find('.' + this._config.systemInfoPlanetsClass).addSystemPlanetsTooltip(
- this._systemData.planets, {
- placement: 'left'
- });
-
- // init static wormhole popover
- MapUtil.initWormholeInfoTooltip($(parentEl), '[data-name]', {
- placement: 'left'
- });
- }
-
- /**
- * observer 'sovereignty' section
- * @param parentEl
- */
- setSovSectionObserver(parentEl){
- // "lock" area until first update
- $(parentEl).showLoadingAnimation();
- }
-
- /**
- * observer 'description' section
- * @param parentEl
- */
- setDescSectionObserver(parentEl){
- let descriptionArea = $(parentEl).find('.' + this._config.descriptionAreaClass);
- let descriptionButton = $(parentEl).find('.' + this._config.addDescriptionButtonClass);
- let descriptionTextareaElement = $(parentEl).find('.' + this._config.descriptionTextareaElementClass);
- let maxDescriptionLength = this._config.maxDescriptionLength;
- let systemId = this._systemData.id;
- let saveCallback = this.update.bind(this);
-
- // "lock" area until first update
- descriptionArea.showLoadingAnimation();
-
- // WYSIWYG init on button click ---------------------------------------------------------------------------
- descriptionButton.on('click', function(e){
- e.stopPropagation();
- let descriptionButton = $(this);
- // hide edit button
- descriptionButton.hide();
-
- // content has changed
- let descriptionChanged = false;
-
- SystemInfoModule.Summernote.initSummernote(descriptionTextareaElement, {
- height: 75, // set editor height
- minHeight: 75, // set minimum height of editor
- maxHeight: 500, // set maximum height of editor
- focus: true,
- placeholder: false,
- maxTextLength: maxDescriptionLength,
- disableDragAndDrop: true,
- shortcuts: false,
- toolbar: [
- ['style', ['style']],
- ['font', ['underline', 'strikethrough', 'clear']],
- ['color', ['color']],
- ['para', ['ul', 'ol', 'paragraph']],
- ['table', ['table']],
- ['insert', ['link', 'hr']],
- //['view', ['codeview', 'help']],
- ['misc', ['undo', 'redo']],
- ['lengthField'],
- ['customBtn', ['discardBtn', 'saveBtn']]
- ],
- buttons: {
- saveBtn: context => {
- let ui = $.summernote.ui;
- let button = ui.button({
- contents: '',
- container: 'body',
- className: ['btn-success', 'btn-save'],
- click: e => {
- context.layoutInfo.editable.removeClass('has-error');
-
- // save changes
- if(descriptionChanged){
- let validDescription = true;
- let description = '';
-
- if(context.$note.summernote('isEmpty')){
- // ... isEmpty -> clear empty default tags as well
- context.$note.summernote('code', '');
- }else{
- description = context.$note.summernote('code');
- if(!Util.isValidHtml(description)){
- // ... not valid HTML
- validDescription = false;
- context.layoutInfo.editable.addClass('has-error');
- Util.showNotify({title: 'Validation failed', text: 'HTML not valid', type: 'error'});
- }
- }
-
- if(validDescription){
- // ... valid -> save()
- descriptionArea.showLoadingAnimation();
-
- Util.request('PATCH', 'System', systemId, {
- description: description
- }, {
- descriptionArea: descriptionArea
- }, context => {
- // always do
- context.descriptionArea.hideLoadingAnimation();
- }).then(
- payload => {
- context.$note.summernote('destroy');
- saveCallback(payload.data);
- },
- Util.handleAjaxErrorResponse
- );
- }
- }else{
- // ... no changes -> no save()
- context.$note.summernote('destroy');
- }
- }
- });
-
- return button.render();
- }
- },
- callbacks: {
- onInit: function(context){
- // make editable field a bit larger
- context.editable.css('height', '150px');
-
- // set default background color
- // -> could not figure out how to set by API as default color
- let defaultBgColor = '#e2ce48';
- context.toolbar.find('.note-current-color-button').attr('data-backcolor', defaultBgColor)
- .find('.note-recent-color').css('background-color', defaultBgColor);
- },
- onChange: function(contents){
- descriptionChanged = true;
- },
- onPaste: function(e){
- let bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');
- e.preventDefault();
-
- // Firefox fix
- setTimeout(() => {
- document.execCommand('insertText', false, bufferText);
- }, 10);
- },
- onDestroy: function(context){
- descriptionButton.show();
- }
- }
- });
- });
- }
-
- /**
- * get 3rd party system link configuration
- * @param pages
- * @returns {[]}
- */
- getThirdPartySystemLinks(pages){
- let links = [];
- let isWormhole = MapUtil.getSystemTypeInfo(Util.getObjVal(this._systemData, 'type.id'), 'name') === 'w-space';
- let systemName = Util.getObjVal(this._systemData, 'name') || '';
- let regionName = Util.getObjVal(this._systemData, 'region.name') || '';
-
- for(let i = 0; i < pages.length; i++){
- let link = null;
- let showInModuleHead = true;
- let domain = Util.getObjVal(Init, 'url.' + pages[i]);
- if(domain){
- // linkOut url
- let url = false;
- switch(pages[i]){
- case 'dotlan':
- let systemNameTemp = systemName.replace(/ /g, '_');
- let regionNameTemp = regionName.replace(/ /g, '_');
- if(isWormhole){
- url = domain + '/system/' + systemNameTemp;
- }else{
- url = domain + '/map/' + regionNameTemp + '/' + systemNameTemp;
- }
- break;
- case 'eveeye':
- if(!isWormhole){
- url = domain + '/?m=' + encodeURIComponent(regionName) + '&s=' + encodeURIComponent(systemName);
- url += '&t=eswkc&o=thera,con_svc,node_sov,sub_sec,sector_fac,tag_mk';
- }
- break;
- case 'anoik':
- if(isWormhole){
- url = domain + '/systems/' + systemName;
- }
- break;
- }
-
- if(url){
- let urlObj = new URL(url);
- link = {
- title: urlObj.hostname,
- url: url
- };
- }
- }
-
- if(link){
- links.push(Object.assign({}, link, {
- page: pages[i],
- showInModuleHead: showInModuleHead
- }));
- }
- }
-
- return links;
- }
-
- beforeDestroy(){
- super.beforeDestroy();
-
- let descriptionTextareaEl = this.moduleElement.querySelector(`.${this._config.descriptionTextareaElementClass}`);
- if(descriptionTextareaEl && $(descriptionTextareaEl).summernote){
- $(descriptionTextareaEl).summernote('destroy');
- }
- }
- };
-
- SystemInfoModule.isPlugin = false; // module is defined as 'plugin'
- SystemInfoModule.scope = 'system'; // module scope controls how module gets updated and what type of data is injected
- SystemInfoModule.sortArea = 'a'; // default sortable area
- SystemInfoModule.position = 2; // default sort/order position within sortable area
- SystemInfoModule.label = 'Information'; // static module label (e.g. description)
- SystemInfoModule.fullDataUpdate = true; // static module requires additional data (e.g. system description,...)
-
- SystemInfoModule.defaultConfig = {
- className: 'pf-system-info-module', // class for module
- sortTargetAreas: ['a', 'b', 'c'], // sortable areas where module can be dragged into
-
- // headline toolbar
- textActionIconCopyClass: 'pf-module-icon-button-copy', // class for text action "copy"
-
- // breadcrumb
- constellationLinkClass: 'pf-system-info-constellation', // class for "constellation" name
- regionLinkClass: 'pf-system-info-region', // class for "region" name
- typeLinkClass: 'pf-system-info-type', // class for "type" name
-
- // info area
- systemInfoSectionClass: 'pf-system-info-section', // class for system info section
- systemInfoTableClass: 'pf-module-table', // class for system info table
- systemInfoNameClass: 'pf-system-info-name', // class for "name" information element
- systemInfoEffectClass: 'pf-system-info-effect', // class for "effect" information element
- systemInfoPlanetsClass: 'pf-system-info-planets', // class for "planets" information element
- systemInfoStatusLabelClass: 'pf-system-info-status-label', // class for "status" information element
-
- // sovereignty area
- systemSovSectionClass: 'pf-system-sov-section', // class for system sov. section
- systemSovTableClass: 'pf-module-table', // class for system sov. table
- systemSovFwContestedRowClass: 'pf-system-sov-fw-contested-row', // class for "contested" sov. table row
- systemSovFwOccupationRowClass: 'pf-system-sov-fw-occupation-row', // class for "-occupation" sov. table row
- systemSovFwContestedClass: 'pf-system-sov-fw-contested',
- systemSovFwPercentageClass: 'pf-system-sov-fw-percentage',
- systemSovFwOccupationClass: 'pf-system-sov-fw-occupation',
- systemSovFwOccupationImageClass: 'pf-system-sov-fw-occupation-image',
- systemSovFwStatusIconClass: 'pf-system-sov-fw-status-icon',
-
- // description area
- descriptionSectionClass: 'pf-system-description-section', // class for system description section
- descriptionAreaClass: 'pf-system-info-description-area', // class for description area
- addDescriptionButtonClass: 'pf-system-info-description-button', // class for "add description" button
- descriptionTextareaElementClass: 'pf-system-info-description', // class for description textarea element (Summernote)
- maxDescriptionLength: 9000, // max character length for system description
-
- // fonts
- fontTriglivianClass: 'pf-triglivian', // class for "Triglivian" names (e.g. Abyssal systems)
- linkClass: 'pf-link'
- };
-
- return SystemInfoModule;
-});
diff --git a/public/js/v2.0.1/app/ui/module/system_intel.js b/public/js/v2.0.1/app/ui/module/system_intel.js
deleted file mode 100644
index 09bbba63..00000000
--- a/public/js/v2.0.1/app/ui/module/system_intel.js
+++ /dev/null
@@ -1,1368 +0,0 @@
-/**
- * System intel module
- */
-
-define([
- 'jquery',
- 'app/init',
- 'app/util',
- 'module/base',
- 'bootbox',
- 'app/counter'
-], ($, Init, Util, BaseModule, bootbox, Counter) => {
- 'use strict';
-
- let SystemIntelModule = class SystemIntelModule extends BaseModule {
- constructor(config = {}) {
- super(Object.assign({}, new.target.defaultConfig, config));
- }
-
- /**
- * get status icon for structure
- * @param statusData
- * @returns {string}
- */
- getIconForStatusData(statusData){
- return '';
- }
-
- /**
- * get icon that marks a table cell as clickable
- * @returns {string}
- */
- getIconForInformationWindow(){
- return '';
- }
-
- /**
- * get a dataTableApi instance from global cache
- * @param mapId
- * @param systemId
- * @param tableType
- * @returns {*}
- */
- getDataTableInstance(mapId, systemId, tableType){
- return BaseModule.Util.getDataTableInstance(this._config.intelTableId, mapId, systemId, tableType);
- }
-
- /**
- * get dataTable id
- * @param {...string} parts e.g. 'tableType', 'mapId', 'systemId'
- * @returns {string}
- */
- getTableId(...parts){
- return BaseModule.Util.getTableId(this._config.intelTableId, ...parts);
- }
-
- /**
- * get dataTable row id
- * @param tableType
- * @param id
- * @returns {string}
- */
- getRowId(tableType, id){
- return BaseModule.Util.getTableRowId(this._config.intelTableRowIdPrefix, tableType, id);
- }
-
- /**
- * get DOM id by id
- * @param tableApi
- * @param id
- * @returns {*}
- */
- getRowById(tableApi, id){
- return tableApi.rows().ids().toArray().find(rowId => rowId === this.getRowId(BaseModule.Util.getObjVal(this.getTableMetaData(tableApi), 'type'), id));
- }
-
- /**
- * get custom "metaData" from dataTables API
- * @param tableApi
- * @returns {*}
- */
- getTableMetaData(tableApi){
- return tableApi ? tableApi.init().pfMeta : null;
- }
-
- /**
- * vormat roman numeric string to int
- * -> e.g. 'VII' => 7
- * @param str
- * @returns {number}
- */
- romanToInt(str){
- let charToTnt = char => {
- switch (char) {
- case 'I': return 1;
- case 'V': return 5;
- case 'X': return 10;
- case 'L': return 50;
- case 'C': return 100;
- case 'D': return 500;
- case 'M': return 1000;
- default: return -1;
- }
- };
-
- if(str == null) return -1;
- let num = charToTnt(str.charAt(0));
- let pre, curr;
-
- for(let i = 1; i < str.length; i++){
- curr = charToTnt(str.charAt(i));
- pre = charToTnt(str.charAt(i - 1));
- if(curr <= pre){
- num += curr;
- }else{
- num = num - pre * 2 + curr;
- }
- }
-
- return num;
- }
-
- /**
- * render module
- * @param mapId
- * @param systemData
- * @returns {HTMLElement}
- */
- render(mapId, systemData){
- this._systemData = systemData;
- let showStationTable = ['H', 'L', '0.0', 'C12'].includes(Util.getObjVal(this._systemData, 'security'));
-
- this._bodyEl = Object.assign(document.createElement('div'), {
- className: this._config.bodyClassName
- });
- this.moduleElement.append(this._bodyEl);
-
- $(this.moduleElement).showLoadingAnimation();
-
- this.initStructureTable();
- if(showStationTable){
- this.initStationTable();
- }
-
- this.setModuleObserver();
-
- return this.moduleElement;
- }
-
- /**
- * init 'Structure' table
- */
- initStructureTable(){
- let module = this;
- let corporationId = Util.getCurrentUserInfo('corporationId');
-
- let structureTableEl = document.createElement('table');
- structureTableEl.id = module.getTableId('structure', module._systemData.mapId, module._systemData.id);
- structureTableEl.classList.add('compact', 'stripe', 'order-column', 'row-border', 'pf-table-fixed', module._config.systemStructuresTableClass);
- this._bodyEl.append(structureTableEl);
-
- let structureDataTableOptions = {
- pfMeta: {
- type: 'structures'
- },
- order: [[10, 'desc' ], [0, 'asc' ]],
- rowId: rowData => module.getRowId('structures', rowData.id),
- select: {
- style: 'os',
- selector: 'td:not(.' + module._config.tableCellActionClass + ')'
- },
- language: {
- emptyTable: 'No structures recorded',
- info: '_START_ to _END_ of _MAX_',
- infoEmpty: ''
- },
- columnDefs: [
- {
- targets: 0,
- name: 'status',
- title: '',
- width: 2,
- className: ['text-center', 'all'].join(' '),
- data: 'status',
- render: {
- display: data => module.getIconForStatusData(data),
- sort: data => data.id
- },
- createdCell: function(cell, cellData, rowData, rowIndex, colIndex){
- $(cell).find('i').tooltip();
- }
- },{
- targets: 1,
- name: 'structureImage',
- title: '',
- width: 24,
- orderable: false,
- className: [module._config.tableCellImageClass, 'text-center', 'all'].join(' '),
- data: 'structure.id',
- defaultContent: '',
- render: {
- _: function(data, type, row, meta){
- let value = data;
- if(type === 'display' && value){
- value = ' +') ';
- }
- return value;
- }
- }
- },{
- targets: 2,
- name: 'structureType',
- title: 'type',
- width: 30,
- className: [module._config.tableCellEllipsisClass, 'all'].join(' '),
- data: 'structure.name',
- defaultContent: '',
- },{
- targets: 3,
- name: 'name',
- title: 'name',
- width: 60,
- className: [module._config.tableCellEllipsisClass, 'all'].join(' '),
- data: 'name'
- },{
- targets: 4,
- name: 'ownerImage',
- title: '',
- width: 24,
- orderable: false,
- className: [module._config.tableCellImageClass, 'text-center', 'all'].join(' '),
- data: 'owner.id',
- defaultContent: '',
- render: {
- _: function(data, type, row, meta){
- let value = data;
- if(type === 'display' && value){
- value = '';
- value += ' + ') ';
- value += '';
- }
- return value;
- }
- }
- },{
- targets: 5,
- name: 'ownerName',
- title: 'owner',
- width: 50,
- className: [module._config.tableCellEllipsisClass, 'all'].join(' '),
- data: 'owner.name',
- defaultContent: '',
- },{
- targets: 6,
- name: 'note',
- title: 'note',
- className: [module._config.tableCellEllipsisClass, 'all', Util.config.popoverTriggerClass, module._config.tableCellPopoverClass].join(' '),
- data: 'description'
- },{
- targets: 7,
- name: 'updated',
- title: 'updated',
- width: 60,
- className: ['text-right', module._config.tableCellCounterClass, 'not-screen-l'].join(' '),
- data: 'updated.updated'
- },{
- targets: 8,
- name: 'edit',
- title: '',
- orderable: false,
- width: 10,
- className: ['text-center', module._config.tableCellActionClass, module._config.moduleHeadlineIconClass, 'all'].join(' '),
- data: null,
- render: {
- display: data => {
- let icon = '';
- if(data.rowGroupData.id !== corporationId){
- icon = '';
- }
- return icon;
- }
- },
- createdCell: function(cell, cellData, rowData, rowIndex, colIndex){
- let tableApi = this.api();
-
- if($(cell).is(':empty')){
- $(cell).removeClass(module._config.tableCellActionClass + ' ' + module._config.moduleHeadlineIconClass);
- }else{
- $(cell).on('click', function(e){
- let rowData = null;
- let bulkData = null;
- // check if multiple rows are selected + current row is one of them -> bulk edit
- let rowsSelected = tableApi.rows({selected: true});
- if(rowsSelected.count() && tableApi.row(rowIndex, {selected: true}).count()){
- bulkData = [...new Set(rowsSelected.data().toArray().map(rowData => ({id: rowData.id})))];
- }else{
- // get current row data (important!)
- // -> "rowData" param is not current state, values are "on createCell()" state
- rowData = tableApi.row( $(cell).parents('tr')).data();
- }
-
- module.showStructureDialog(tableApi, rowData, bulkData);
- });
- }
- }
- },{
- targets: 9,
- name: 'delete',
- title: '',
- orderable: false,
- width: 10,
- className: ['text-center', module._config.tableCellActionClass, 'all'].join(' '),
- data: null,
- render: {
- display: data => {
- let icon = '';
- if(data.rowGroupData.id !== corporationId){
- icon = '';
- }
- return icon;
- }
- },
- createdCell: function(cell, cellData, rowData, rowIndex, colIndex){
- let tableApi = this.api();
-
- if($(cell).find('.fa-ban').length){
- $(cell).removeClass(module._config.tableCellActionClass + ' ' + module._config.moduleHeadlineIconClass);
- $(cell).find('i').tooltip();
- }else{
- let confirmationSettings = {
- title: '---',
- template: Util.getConfirmationTemplate(null, {
- size: 'small',
- noTitle: true
- }),
- onConfirm : function(e, target){
- // get current row data (important!)
- // -> "rowData" param is not current state, values are "on createCell()" state
- rowData = tableApi.row( $(cell).parents('tr')).data();
-
- // let deleteRowElement = $(cell).parents('tr');
- // tableApi.rows(deleteRowElement).remove().draw();
-
- $(module.moduleElement).showLoadingAnimation();
- Util.request('DELETE', 'Structure', rowData.id, {},
- {
- tableApi: tableApi
- },
- () => $(module.moduleElement).hideLoadingAnimation()
- ).then(
- payload => module.callbackDeleteStructures(payload.context, payload.data),
- Util.handleAjaxErrorResponse
- );
- }
- };
-
- // init confirmation dialog
- $(cell).confirmation(confirmationSettings);
- }
- }
- },{
- targets: 10,
- name: 'rowGroupData',
- className: 'never', // never show this column. see: https://datatables.net/extensions/responsive/classes
- data: 'rowGroupData',
- visible: false,
- render: {
- sort: function(data){
- return data.name;
- }
- }
- }
- ],
- initComplete: function(settings){
- // table data is load in updateModule() method
- // -> no need to trigger additional ajax call here for data
- // -> in case table update failed -> each if this initComplete() function finished before table updated
- // e.g. return now promise in getModule() function
-
- Counter.initTableCounter(this, ['updated:name'], 'd');
- }
- };
-
- this._tableApiStructure = $(structureTableEl).DataTable($.extend(true, {}, module.getDataTableDefaults(module), structureDataTableOptions));
-
- // "Responsive" Datatables Plugin
- new $.fn.dataTable.Responsive(this._tableApiStructure);
-
- this._tableApiStructure.on('responsive-resize', function(e, tableApi, columns){
- // rowGroup length changes as well -> trigger draw() updates rowGroup length (see drawCallback())
- tableApi.draw();
- });
-
- // "Select" Datatables Plugin
- this._tableApiStructure.select();
-
- this._tableApiStructure.on('user-select', function(e, tableApi, type, cell, originalEvent){
- let rowData = tableApi.row(cell.index().row).data();
- if(Util.getObjVal(rowData, 'rowGroupData.id') !== corporationId){
- e.preventDefault();
- }
- });
-
- // "Buttons" Datatables Plugin
- let buttons = new $.fn.dataTable.Buttons(this._tableApiStructure, {
- dom: {
- container: {
- tag: 'h5',
- className: 'pull-right'
- },
- button: {
- tag: 'i',
- className: ['fas', 'fa-fw', module._config.moduleHeadlineIconClass].join(' '),
- },
- buttonLiner: {
- tag: null
- }
- },
- name: 'tableTools',
- buttons: [
- {
- name: 'add',
- className: 'fa-plus',
- titleAttr: 'add',
- attr: {
- 'data-toggle': 'tooltip',
- 'data-html': true
- },
- action: function(e, tableApi, node, config){
- module.showStructureDialog(tableApi);
- }
- },
- {
- name: 'selectToggle',
- className: ['fa-check-double'].join(' '),
- titleAttr: 'select all',
- attr: {
- 'data-toggle': 'tooltip',
- 'data-html': true
- },
- action: function(e, tableApi, node, config){
- let indexes = tableApi.rows().eq(0).filter(rowIdx => {
- return Util.getObjVal(tableApi.cell(rowIdx, 'rowGroupData:name').data(), 'id') === corporationId;
- });
-
- let rowCountAll = tableApi.rows(indexes).count();
- let rowCountSelected = tableApi.rows({selected: true}).count();
- if(rowCountSelected && (rowCountSelected >= rowCountAll)){
- tableApi.rows().deselect();
- node.removeClass('active');
- }else{
- tableApi.rows(indexes).select();
- node.addClass('active');
- }
- }
- },
- {
- name: 'dScan',
- className: 'fa-paste',
- titleAttr: 'D-Scan reader',
- attr: {
- 'data-toggle': 'tooltip',
- 'data-html': true
- },
- action: function(e, tableApi, node, config){
- module.showDscanReaderDialog(tableApi);
- }
- },
- {
- name: 'refresh',
- className: 'fa-sync',
- titleAttr: 'refresh',
- attr: {
- 'data-toggle': 'tooltip',
- 'data-html': true
- },
- action: function(e, tableApi, node, config){
- $(module.moduleElement).showLoadingAnimation();
-
- Util.request('GET', 'System', module._systemData.id, {mapId: module._systemData.mapId},
- {
- tableApi: tableApi,
- removeMissing: true
- },
- context => $(module.moduleElement).hideLoadingAnimation()
- ).then(payload => module.callbackUpdateTableRows(payload.context, Util.getObjVal(payload.data, 'structures')));
- }
- }
- ]
- });
-
- this._tableApiStructure.buttons().container().appendTo(module.moduleElement.querySelector('.' + module._config.headClassName));
- }
-
- /**
- * init 'Station' table
- */
- initStationTable(){
- let module = this;
-
- this._bodyEl.append(module.newHeaderElement(module._config.headlineSub));
-
- let stationTableEl = document.createElement('table');
- stationTableEl.id = module.getTableId('station', module._systemData.mapId, module._systemData.id);
- stationTableEl.classList.add('compact', 'stripe', 'order-column', 'row-border', 'pf-table-fixed', module._config.systemStationsTableClass);
- this._bodyEl.append(stationTableEl);
-
- let stationDataTableOptions = {
- pfMeta: {
- type: 'stations'
- },
- order: [[1, 'asc' ], [8, 'asc' ]],
- rowId: rowData => module.getRowId('stations', rowData.id),
- language: {
- emptyTable: 'No stations found',
- info: '_START_ to _END_ of _MAX_',
- infoEmpty: ''
- },
- columnDefs: [
- {
- targets: 0,
- name: 'stationImage',
- title: '',
- width: 24,
- orderable: false,
- className: [module._config.tableCellImageClass, 'text-center', 'all'].join(' '),
- data: 'type.id',
- defaultContent: '',
- render: {
- _: function(data, type, row, meta){
- let value = data;
- if(type === 'display' && value){
- value = '';
- }
- return value;
- }
- }
- },{
- targets: 1,
- name: 'count',
- title: '',
- width: 5,
- className: ['text-center', 'all'].join(' '),
- data: 'name',
- render: {
- _: function(cellData, type, rowData, meta){
- let value = '';
- if(cellData){
- // "grouped" regex not supported by FF
- // let matches = /^(?[a-z0-9\s\-]+) (?[MDCLXVI]+) .*$/i.exec(cellData);
- // let count = Util.getObjVal(matches, 'groups.count');
- let matches = /^([a-z0-9\s\-]+) ([MDCLXVI]+) .*$/i.exec(cellData);
- let count = Util.getObjVal(matches, '2');
-
- if(type === 'display'){
- value = count || 0;
- }else{
- value = module.romanToInt(count) || '';
- }
- }
-
- return value;
- }
- }
- },{
- targets: 2,
- name: 'name',
- title: 'station',
- className: [module._config.tableCellEllipsisClass, 'all'].join(' '),
- data: 'name',
- render: {
- _: function(cellData, type, rowData, meta){
- let value = cellData;
- if(cellData){
- // "grouped" regex not supported by FF
- // let matches = /^(?[a-z0-9\s\-]+) (?[MDCLXVI]+) (? | | |