773 lines
39 KiB
JavaScript
773 lines
39 KiB
JavaScript
/**
|
|
* map settings dialogs
|
|
*/
|
|
|
|
define([
|
|
'jquery',
|
|
'app/init',
|
|
'app/util',
|
|
'app/render',
|
|
'bootbox',
|
|
'app/map/util',
|
|
'app/module_map',
|
|
'app/map/overlay/util',
|
|
], ($, Init, Util, Render, bootbox, MapUtil, ModuleMap, MapOverlayUtil) => {
|
|
'use strict';
|
|
|
|
let config = {
|
|
// map dialog
|
|
newMapDialogId: 'pf-map-dialog', // id for map settings dialog
|
|
dialogMapNewContainerId: 'pf-map-dialog-new', // id for the "new map" container
|
|
dialogMapEditContainerId: 'pf-map-dialog-edit', // id for the "edit" container
|
|
dialogMapSettingsContainerId: 'pf-map-dialog-settings', // id for the "settings" container
|
|
dialogMapDownloadContainerId: 'pf-map-dialog-download', // id for the "download" container
|
|
|
|
// new map form
|
|
newNameInputId: 'pf-map-dialog-new-name-input', // id for "name" input
|
|
newIconSelectId: 'pf-map-dialog-new-icon-select', // id for "icon" select
|
|
newScopeSelectId: 'pf-map-dialog-new-scope-select', // id for "scope" select
|
|
newTypeSelectId: 'pf-map-dialog-new-type-select', // id for "type" select
|
|
|
|
// edit map form
|
|
editNameInputId: 'pf-map-dialog-edit-name-input', // id for "name" input
|
|
editIconSelectId: 'pf-map-dialog-edit-icon-select', // id for "icon" select
|
|
editScopeSelectId: 'pf-map-dialog-edit-scope-select', // id for "scope" select
|
|
editTypeSelectId: 'pf-map-dialog-edit-type-select', // id for "type" select
|
|
|
|
// settings map form
|
|
deleteExpiredConnectionsId: 'pf-map-dialog-delete-connections-expired', // id for "deleteExpiredConnections" checkbox
|
|
deleteEolConnectionsId: 'pf-map-dialog-delete-connections-eol', // id for "deleteEOLConnections" checkbox
|
|
persistentAliasesId: 'pf-map-dialog-persistent-aliases', // id for "persistentAliases" checkbox
|
|
persistentSignaturesId: 'pf-map-dialog-persistent-signatures', // id for "persistentSignatures" checkbox
|
|
trackAbyssalJumpsId: 'pf-map-dialog-track-abyss-jumps', // id for "trackAbyssalJumps" checkbox
|
|
|
|
logHistoryId: 'pf-map-dialog-history', // id for "history logging" checkbox
|
|
logActivityId: 'pf-map-dialog-activity', // id for "activity" checkbox
|
|
|
|
slackWebHookURLId: 'pf-map-dialog-slack-url', // id for Slack "webHookUrl"
|
|
slackUsernameId: 'pf-map-dialog-slack-username', // id for Slack "username"
|
|
slackIconId: 'pf-map-dialog-slack-icon', // id for Slack "icon"
|
|
slackChannelHistoryId: 'pf-map-dialog-slack-channel-history', // id for Slack channel "history"
|
|
slackChannelRallyId: 'pf-map-dialog-slack-channel-rally', // id for Slack channel "rally"
|
|
|
|
discordUsernameId: 'pf-map-dialog-discord-username', // id for Discord "username"
|
|
discordWebHookURLRallyId: 'pf-map-dialog-discord-url-rally', // id for Discord "rally" webHookUrl
|
|
discordWebHookURLHistoryId: 'pf-map-dialog-discord-url-history', // id for Discord "history" webHookUrl
|
|
|
|
characterSelectId: 'pf-map-dialog-character-select', // id for "character" select
|
|
corporationSelectId: 'pf-map-dialog-corporation-select', // id for "corporation" select
|
|
allianceSelectId: 'pf-map-dialog-alliance-select', // id for "alliance" select
|
|
|
|
dialogMapExportFormId: 'pf-map-dialog-form-export', // id for "export" form
|
|
dialogMapImportFormId: 'pf-map-dialog-form-import', // id for "import" form
|
|
|
|
buttonExportId: 'pf-map-dialog-button-export', // id for "export" button
|
|
buttonImportId: 'pf-map-dialog-button-import', // id for "import" button
|
|
|
|
fieldExportId: 'pf-map-filename-export', // id for "export" filename field
|
|
fieldImportId: 'pf-map-filename-import', // id for "import" filename field
|
|
dialogMapImportInfoId: 'pf-map-import-container', // id for "info" container
|
|
dragDropElementClass: 'pf-form-dropzone' // class for "drag&drop" zone
|
|
};
|
|
|
|
/**
|
|
* format a given string into a valid filename
|
|
* @param filename
|
|
* @returns {string}
|
|
*/
|
|
let formatFilename = function(filename){
|
|
filename = filename.replace(/[^a-zA-Z0-9]/g,'_');
|
|
|
|
let nowDate = new Date();
|
|
let filenameDate = nowDate.toISOString().slice(0,10).replace(/-/g, '_');
|
|
|
|
return (filename + '_' + filenameDate).replace(/__/g,'_');
|
|
};
|
|
|
|
/**
|
|
* shows the add/edit map dialog
|
|
* @param mapData
|
|
* @param options
|
|
*/
|
|
$.fn.showMapSettingsDialog = function(mapData, options){
|
|
|
|
// check if dialog is already open
|
|
let mapInfoDialogElement = $('#' + config.newMapDialogId);
|
|
if(!mapInfoDialogElement.is(':visible')){
|
|
|
|
requirejs([
|
|
'text!templates/dialog/map.html',
|
|
'text!templates/form/map.html',
|
|
'mustache'
|
|
], (templateMapDialog, templateMapForm, Mustache) => {
|
|
let selectOption = value => () => (val, render) => {
|
|
if(render(val) === String(value)){
|
|
return 'selected';
|
|
}
|
|
};
|
|
|
|
let dialogTitle = 'Map settings';
|
|
|
|
// if there are no maps -> hide settings tab
|
|
let hideEditTab = mapData === false;
|
|
let hideSettingsTab = mapData === false;
|
|
let hideDownloadTab = mapData === false;
|
|
|
|
let hasRightMapCreate = true;
|
|
let hasRightMapUpdate = MapUtil ? MapUtil.checkRight('map_update', mapData.config) : true;
|
|
let hasRightMapExport = MapUtil ? MapUtil.checkRight('map_export', mapData.config) : true;
|
|
let hasRightMapImport = MapUtil ? MapUtil.checkRight('map_import', mapData.config) : true;
|
|
let hasRightMapShare = MapUtil ? MapUtil.checkRight('map_share', mapData.config) : true;
|
|
|
|
// available map "type" options data
|
|
// -> for "new" map tab
|
|
let mapTypesCreate = MapUtil.getMapTypes(true, 'map_create');
|
|
// -> for "edit" map tab
|
|
let mapTypesUpdate = MapUtil.getMapTypes(true, 'map_update');
|
|
|
|
// render main dialog ---------------------------------------------------------------------------------
|
|
let mapDialogData = {
|
|
id: config.newMapDialogId,
|
|
mapData: mapData,
|
|
type: mapTypesCreate,
|
|
select2Class: Util.config.select2Class,
|
|
|
|
hasRightMapUpdate,
|
|
hasRightMapExport,
|
|
hasRightMapImport,
|
|
hasRightMapShare,
|
|
|
|
// message container
|
|
formErrorContainerClass: Util.config.formErrorContainerClass,
|
|
formWarningContainerClass: Util.config.formWarningContainerClass,
|
|
formInfoContainerClass: Util.config.formInfoContainerClass,
|
|
|
|
// default open tab ----------
|
|
openTabNew: options.tab === 'new',
|
|
openTabEdit: options.tab === 'edit',
|
|
openTabSettings: options.tab === 'settings',
|
|
openTabDownload: options.tab === 'download',
|
|
|
|
dialogMapNewContainerId: config.dialogMapNewContainerId,
|
|
dialogMapEditContainerId: config.dialogMapEditContainerId,
|
|
dialogMapSettingsContainerId: config.dialogMapSettingsContainerId,
|
|
dialogMapDownloadContainerId: config.dialogMapDownloadContainerId,
|
|
|
|
hideEditTab,
|
|
hideSettingsTab,
|
|
hideDownloadTab,
|
|
|
|
// settings tab --------------
|
|
deleteExpiredConnectionsId : config.deleteExpiredConnectionsId,
|
|
deleteEolConnectionsId : config.deleteEolConnectionsId,
|
|
persistentAliasesId : config.persistentAliasesId,
|
|
persistentSignaturesId : config.persistentSignaturesId,
|
|
trackAbyssalJumpsId : config.trackAbyssalJumpsId,
|
|
logHistoryId: config.logHistoryId,
|
|
logActivityId: config.logActivityId,
|
|
|
|
deleteExpiredConnections: true,
|
|
deleteEolConnections: true,
|
|
persistentAliases: true,
|
|
persistentSignatures: true,
|
|
trackAbyssalJumps: true,
|
|
logActivity: true,
|
|
logHistory: true,
|
|
|
|
slackWebHookURLId: config.slackWebHookURLId,
|
|
slackUsernameId: config.slackUsernameId,
|
|
slackIconId: config.slackIconId,
|
|
slackChannelHistoryId: config.slackChannelHistoryId,
|
|
slackChannelRallyId: config.slackChannelRallyId,
|
|
|
|
slackWebHookURL: '',
|
|
slackUsername: '',
|
|
slackIcon: '',
|
|
slackChannelHistory: '',
|
|
slackChannelRally: '',
|
|
slackEnabled: false,
|
|
slackHistoryEnabled: false,
|
|
slackRallyEnabled: false,
|
|
slackSectionShow: false,
|
|
|
|
discordUsernameId: config.discordUsernameId,
|
|
discordWebHookURLRallyId: config.discordWebHookURLRallyId,
|
|
discordWebHookURLHistoryId: config.discordWebHookURLHistoryId,
|
|
|
|
discordUsername: '',
|
|
discordWebHookURLRally: '',
|
|
discordWebHookURLHistory: '',
|
|
discordEnabled: false,
|
|
discordRallyEnabled: false,
|
|
discordHistoryEnabled: false,
|
|
discordSectionShow: false,
|
|
|
|
// map access ----------------
|
|
characterSelectId: config.characterSelectId,
|
|
corporationSelectId: config.corporationSelectId,
|
|
allianceSelectId: config.allianceSelectId,
|
|
|
|
// access limitations --------
|
|
maxCharacter: Init.mapTypes.private.defaultConfig.max_shared,
|
|
maxCorporation: Init.mapTypes.corporation.defaultConfig.max_shared,
|
|
maxAlliance: Init.mapTypes.alliance.defaultConfig.max_shared,
|
|
|
|
accessCharacter: [],
|
|
accessCorporation: [],
|
|
accessAlliance: [],
|
|
|
|
// download tab --------------
|
|
dialogMapExportFormId: config.dialogMapExportFormId,
|
|
dialogMapImportFormId: config.dialogMapImportFormId,
|
|
buttonExportId: config.buttonExportId,
|
|
buttonImportId: config.buttonImportId,
|
|
fieldExportId: config.fieldExportId,
|
|
fieldImportId: config.fieldImportId,
|
|
dialogMapImportInfoId: config.dialogMapImportInfoId,
|
|
|
|
formatFilename: () => (mapName, render) => formatFilename(render(mapName))
|
|
};
|
|
|
|
if(mapData !== false){
|
|
Object.assign(mapDialogData, {
|
|
deleteExpiredConnections: mapData.config.deleteExpiredConnections,
|
|
deleteEolConnections: mapData.config.deleteEolConnections,
|
|
persistentAliases: mapData.config.persistentAliases,
|
|
persistentSignatures: mapData.config.persistentSignatures,
|
|
trackAbyssalJumps: mapData.config.trackAbyssalJumps,
|
|
logActivity: mapData.config.logging.activity,
|
|
logHistory: mapData.config.logging.history,
|
|
|
|
slackWebHookURL: mapData.config.logging.slackWebHookURL,
|
|
slackUsername: mapData.config.logging.slackUsername,
|
|
slackIcon: mapData.config.logging.slackIcon,
|
|
slackChannelHistory: mapData.config.logging.slackChannelHistory,
|
|
slackChannelRally: mapData.config.logging.slackChannelRally,
|
|
slackEnabled: Boolean(Util.getObjVal(Init, 'slack.status')),
|
|
|
|
discordUsername: Util.getObjVal(mapData, 'config.logging.discordUsername'),
|
|
discordWebHookURLRally: Util.getObjVal(mapData, 'config.logging.discordWebHookURLRally'),
|
|
discordWebHookURLHistory: Util.getObjVal(mapData, 'config.logging.discordWebHookURLHistory'),
|
|
discordEnabled: Boolean(Util.getObjVal(Init, 'discord.status')),
|
|
|
|
accessCharacter: mapData.config.access.character,
|
|
accessCorporation: mapData.config.access.corporation,
|
|
accessAlliance: mapData.config.access.alliance
|
|
});
|
|
|
|
Object.assign(mapDialogData, {
|
|
// remove "#" from Slack channels
|
|
slackChannelHistory: mapDialogData.slackChannelHistory.indexOf('#') === 0 ? mapDialogData.slackChannelHistory.substr(1) : mapDialogData.slackChannelHistory,
|
|
slackChannelRally: mapDialogData.slackChannelRally.indexOf('#') === 0 ? mapDialogData.slackChannelRally.substr(1) : mapDialogData.slackChannelRally,
|
|
|
|
slackHistoryEnabled: mapDialogData.slackEnabled && Boolean(Util.getObjVal(Init.mapTypes, mapData.config.type.name + '.defaultConfig.send_history_slack_enabled')),
|
|
slackRallyEnabled: mapDialogData.slackEnabled && Boolean(Util.getObjVal(Init.mapTypes, mapData.config.type.name + '.defaultConfig.send_rally_slack_enabled')),
|
|
slackSectionShow: (mapDialogData.slackEnabled && mapDialogData.slackWebHookURL.length > 0),
|
|
|
|
discordRallyEnabled: mapDialogData.discordEnabled && Boolean(Util.getObjVal(Init.mapTypes, mapData.config.type.name + '.defaultConfig.send_rally_discord_enabled')),
|
|
discordHistoryEnabled: mapDialogData.discordEnabled && Boolean(Util.getObjVal(Init.mapTypes, mapData.config.type.name + '.defaultConfig.send_history_discord_enabled')),
|
|
discordSectionShow: (mapDialogData.discordEnabled && (mapDialogData.discordWebHookURLRally.length > 0 || mapDialogData.discordWebHookURLHistory.length > 0)),
|
|
});
|
|
}
|
|
|
|
let contentDialog = Mustache.render(templateMapDialog, mapDialogData);
|
|
contentDialog = $(contentDialog);
|
|
|
|
// "new map" + "edit map" tab base --------------------------------------------------------------------
|
|
let mapFormData = {
|
|
select2Class: Util.config.select2Class,
|
|
scope: MapUtil.getMapScopes(),
|
|
icon: MapUtil.getMapIcons(),
|
|
formErrorContainerClass: Util.config.formErrorContainerClass,
|
|
formWarningContainerClass: Util.config.formWarningContainerClass,
|
|
formInfoContainerClass: Util.config.formInfoContainerClass
|
|
};
|
|
|
|
// render "new map" tab content -----------------------------------------------------------------------
|
|
let mapFormDataNew = Object.assign({}, mapFormData, {
|
|
type: mapTypesCreate,
|
|
hasRightMapForm: hasRightMapCreate,
|
|
nameInputId: config.newNameInputId,
|
|
iconSelectId: config.newIconSelectId,
|
|
scopeSelectId: config.newScopeSelectId,
|
|
typeSelectId: config.newTypeSelectId,
|
|
|
|
mapId: 0,
|
|
mapIcon: undefined,
|
|
mapName: undefined,
|
|
mapScopeId: undefined,
|
|
mapTypeId: undefined
|
|
});
|
|
let contentNewMap = Mustache.render(templateMapForm, mapFormDataNew);
|
|
$('#' + config.dialogMapNewContainerId, contentDialog).html(contentNewMap);
|
|
|
|
// render "edit map" tab content ----------------------------------------------------------------------
|
|
if(!hideEditTab){
|
|
let mapFormDataEdit = Object.assign({}, mapFormData, {
|
|
type: mapTypesUpdate,
|
|
hasRightMapForm: hasRightMapUpdate,
|
|
nameInputId: config.editNameInputId,
|
|
iconSelectId: config.editIconSelectId,
|
|
scopeSelectId: config.editScopeSelectId,
|
|
typeSelectId: config.editTypeSelectId,
|
|
|
|
mapId: mapData.config.id,
|
|
mapIcon: selectOption(mapData.config.icon),
|
|
mapName: mapData.config.name,
|
|
mapScopeId: selectOption(mapData.config.scope.id),
|
|
mapTypeId: selectOption(mapData.config.type.id)
|
|
});
|
|
let contentEditMap = Mustache.render(templateMapForm, mapFormDataEdit);
|
|
$('#' + config.dialogMapEditContainerId, contentDialog).html(contentEditMap);
|
|
}
|
|
|
|
let mapInfoDialog = bootbox.dialog({
|
|
title: dialogTitle,
|
|
message: contentDialog,
|
|
buttons: {
|
|
close: {
|
|
label: 'cancel',
|
|
className: 'btn-default'
|
|
},
|
|
success: {
|
|
label: '<i class="fas fa-check fa-fw"></i> save',
|
|
className: 'btn-success',
|
|
callback: function(){
|
|
// get the current active form
|
|
let form = $('#' + config.newMapDialogId).find('form').filter(':visible');
|
|
|
|
// validate form
|
|
form.validator('validate');
|
|
|
|
// validate select2 fields (settings tab)
|
|
form.find('select').each(function(){
|
|
let selectField = $(this);
|
|
let selectValues = selectField.val();
|
|
|
|
if(selectValues && selectValues.length > 0){
|
|
selectField.parents('.form-group').removeClass('has-error');
|
|
}else{
|
|
selectField.parents('.form-group').addClass('has-error');
|
|
}
|
|
});
|
|
|
|
// check whether the form is valid
|
|
if(form.isValidForm()){
|
|
// lock dialog
|
|
let dialogContent = mapInfoDialog.find('.modal-content');
|
|
dialogContent.showLoadingAnimation();
|
|
|
|
// get form data
|
|
let formData = form.getFormValues();
|
|
|
|
// add value prefixes (Slack channels)
|
|
Object.keys(formData).map((key, index) => {
|
|
if(['slackChannelHistory', 'slackChannelRally'].includes(key))
|
|
formData[key] = (formData[key].length ? '#' : '') + formData[key];
|
|
});
|
|
|
|
if(mapData){
|
|
// no map data found -> probably new user
|
|
MapOverlayUtil.getMapOverlay(mapData.map.getContainer(), 'timer').startMapUpdateCounter();
|
|
}
|
|
|
|
let method = formData.id ? 'PATCH' : 'PUT';
|
|
|
|
Util.request(method, 'Map', formData.id, formData, {
|
|
formElement: form // for error form messages
|
|
}, context => {
|
|
// always do
|
|
dialogContent.hideLoadingAnimation();
|
|
}).then(
|
|
payload => {
|
|
let mapData = Util.getObjVal(payload, 'data.mapData');
|
|
Util.showNotify({title: dialogTitle, text: `Map: ${Util.getObjVal(mapData, 'name')}`, type: 'success'});
|
|
|
|
// update map-tab Element
|
|
let tabLinkEls = Util.getMapTabLinkElements(Util.getMapModule()[0], Util.getObjVal(mapData, 'id'));
|
|
if(tabLinkEls.length === 1){
|
|
ModuleMap.updateTabData(tabLinkEls[0], mapData);
|
|
}
|
|
|
|
$(mapInfoDialog).modal('hide');
|
|
Util.triggerMenuAction(document, 'Close');
|
|
},
|
|
Util.handleAjaxErrorResponse
|
|
);
|
|
}
|
|
|
|
return false;
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
// after modal is shown ===============================================================================
|
|
mapInfoDialog.on('shown.bs.modal', function(e){
|
|
mapInfoDialog.initTooltips();
|
|
|
|
// manually trigger the "show" event for the initial active tab (not triggered by default...)
|
|
mapInfoDialog.find('.navbar li.active a[data-toggle=tab]').trigger('shown.bs.tab');
|
|
|
|
// prevent "disabled" tabs from being clicked... "bootstrap" bugFix...
|
|
mapInfoDialog.find('.navbar a[data-toggle=tab]').on('click', function(e){
|
|
if($(this).hasClass('disabled')){
|
|
e.preventDefault();
|
|
return false;
|
|
}
|
|
});
|
|
|
|
// make <select>s to Select2 fields
|
|
mapInfoDialog.find(
|
|
'#' + config.dialogMapNewContainerId + ' .' + Util.config.select2Class + ', ' +
|
|
'#' + config.dialogMapEditContainerId + ' .' + Util.config.select2Class + ', ' +
|
|
'#' + config.dialogMapDownloadContainerId + ' .' + Util.config.select2Class
|
|
).select2({
|
|
minimumResultsForSearch: -1,
|
|
width: '100%'
|
|
});
|
|
|
|
// set form validator
|
|
mapInfoDialog.find('form').initFormValidation();
|
|
|
|
// show form messages -------------------------------------
|
|
// get current active form(tab)
|
|
let form = $('#' + config.newMapDialogId).find('form').filter(':visible');
|
|
|
|
form.showFormMessage([{type: 'info', text: 'Creating new maps or change settings may take a few seconds'}]);
|
|
|
|
if(!mapData){
|
|
// no map data found -> probably new user
|
|
form.showFormMessage([{type: 'warning', text: 'No maps found. Create a new map before you can start'}]);
|
|
}
|
|
|
|
// init "download tab" ============================================================================
|
|
let downloadTabElement = mapInfoDialog.find('#' + config.dialogMapDownloadContainerId);
|
|
if(downloadTabElement.length){
|
|
// tab exists
|
|
|
|
// export map data ----------------------------------------------------------------------------
|
|
downloadTabElement.find('#' + config.buttonExportId).on('click', {mapData}, function(e){
|
|
|
|
let exportForm = $('#' + config.dialogMapExportFormId);
|
|
let validExportForm = exportForm.isValidForm();
|
|
|
|
if(validExportForm){
|
|
let mapElement = Util.getMapModule().getActiveMap();
|
|
|
|
if(mapElement){
|
|
// IMPORTANT: Get map data from client (NOT from global mapData which is available in here)
|
|
// -> This excludes some data (e.g. wh statics)
|
|
// -> Bring export inline with main map toggle requests
|
|
let exportMapData = mapElement.getMapDataFromClient(['hasId']);
|
|
|
|
let exportButton = $(this);
|
|
// set map data right before download
|
|
setExportMapData(exportButton, exportMapData);
|
|
|
|
// disable button
|
|
exportButton.attr('disabled', true);
|
|
}else{
|
|
console.error('Map not found');
|
|
}
|
|
}else{
|
|
e.preventDefault();
|
|
}
|
|
});
|
|
|
|
// import map data ----------------------------------------------------------------------------
|
|
// check if "FileReader" API is supported
|
|
let importFormElement = downloadTabElement.find('#' + config.dialogMapImportFormId);
|
|
if(window.File && window.FileReader && window.FileList && window.Blob){
|
|
|
|
// show file info in UI
|
|
downloadTabElement.find('#' + config.fieldImportId).on('change', function(e){
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
|
|
let infoContainerElement = importFormElement.find('#' + config.dialogMapImportInfoId);
|
|
infoContainerElement.hide().empty();
|
|
importFormElement.hideFormMessage('all');
|
|
|
|
let output = [];
|
|
let files = e.target.files;
|
|
|
|
for(let i = 0, f; !!(f = files[i]); i++){
|
|
output.push(( i + 1 ) + '. file: ' + f.name + ' - ' +
|
|
f.size + ' bytes; last modified: ' +
|
|
f.lastModifiedDate.toLocaleDateString() );
|
|
}
|
|
|
|
if(output.length > 0){
|
|
infoContainerElement.html( output ).show();
|
|
}
|
|
|
|
importFormElement.validator('validate');
|
|
});
|
|
|
|
// drag&drop
|
|
let importData = {};
|
|
importData.mapData = [];
|
|
let files = [];
|
|
let filesCount = 0;
|
|
let filesCountFail = 0;
|
|
|
|
// onLoad for FileReader API
|
|
let readerOnLoad = function(readEvent){
|
|
|
|
// get file content
|
|
try{
|
|
importData.mapData.push( JSON.parse( readEvent.target.result ) );
|
|
}catch(error){
|
|
filesCountFail++;
|
|
importFormElement.showFormMessage([{type: 'error', text: 'File can not be parsed'}]);
|
|
}
|
|
|
|
// start import when all files are parsed
|
|
if(
|
|
filesCount === files.length &&
|
|
filesCountFail === 0
|
|
){
|
|
importMaps(importData, () => {
|
|
mapInfoDialog.modal('hide');
|
|
});
|
|
}
|
|
};
|
|
|
|
let handleDragOver = function(dragEvent){
|
|
dragEvent.stopPropagation();
|
|
dragEvent.preventDefault();
|
|
dragEvent.dataTransfer.dropEffect = 'copy'; // Explicitly show this is a copy.
|
|
};
|
|
|
|
let handleFileSelect = function(evt){
|
|
evt.stopPropagation();
|
|
evt.preventDefault();
|
|
|
|
importData = importFormElement.getFormValues();
|
|
importData.mapData = [];
|
|
filesCount = 0;
|
|
filesCountFail = 0;
|
|
|
|
files = evt.dataTransfer.files; // FileList object.
|
|
|
|
for(let file; !!(file = files[filesCount]); filesCount++){
|
|
let reader = new FileReader();
|
|
reader.onload = readerOnLoad;
|
|
reader.readAsText(file);
|
|
}
|
|
};
|
|
|
|
let dropZone = downloadTabElement.find('.' + config.dragDropElementClass);
|
|
if(dropZone.length){
|
|
dropZone[0].addEventListener('dragover', handleDragOver, false);
|
|
dropZone[0].addEventListener('drop', handleFileSelect, false);
|
|
}
|
|
|
|
// import "button"
|
|
downloadTabElement.find('#' + config.buttonImportId).on('click', function(e){
|
|
|
|
importFormElement.validator('validate');
|
|
let validImportForm = importFormElement.isValidForm();
|
|
|
|
if(validImportForm){
|
|
importData = importFormElement.getFormValues();
|
|
importData.mapData = [];
|
|
|
|
let fileElement = downloadTabElement.find('#' + config.fieldImportId);
|
|
files = fileElement[0].files;
|
|
filesCount = 0;
|
|
filesCountFail = 0;
|
|
|
|
for(let file; !!(file = files[filesCount]); filesCount++){
|
|
let reader = new FileReader();
|
|
reader.onload = readerOnLoad;
|
|
reader.readAsText(file);
|
|
}
|
|
}
|
|
});
|
|
}else{
|
|
importFormElement.showFormMessage([{type: 'error', text: 'The File APIs are not fully supported in this browser.'}]);
|
|
}
|
|
}
|
|
});
|
|
|
|
// events for tab change ------------------------------------------------------------------------------
|
|
mapInfoDialog.find('.navbar a').on('shown.bs.tab', function(e){
|
|
let modalDialog = mapInfoDialog.find('div.modal-dialog');
|
|
let tabContentId = $(e.target).attr('href');
|
|
let tabContentForms = $(tabContentId).find('form.form-horizontal');
|
|
let selectElementCharacter = mapInfoDialog.find('#' + config.characterSelectId);
|
|
let selectElementCorporation = mapInfoDialog.find('#' + config.corporationSelectId);
|
|
let selectElementAlliance = mapInfoDialog.find('#' + config.allianceSelectId);
|
|
|
|
if(tabContentId === '#' + config.dialogMapSettingsContainerId){
|
|
// "settings" tab -> resize modal
|
|
modalDialog.toggleClass('modal-lg', true);
|
|
initSettingsSelectFields(mapInfoDialog);
|
|
}else{
|
|
// resize modal
|
|
modalDialog.toggleClass('modal-lg', false);
|
|
|
|
if( $(selectElementCharacter).data('select2') !== undefined ){
|
|
$(selectElementCharacter).select2('destroy');
|
|
}
|
|
|
|
if( $(selectElementCorporation).data('select2') !== undefined ){
|
|
$(selectElementCorporation).select2('destroy');
|
|
}
|
|
|
|
if( $(selectElementAlliance).data('select2') !== undefined ){
|
|
$(selectElementAlliance).select2('destroy');
|
|
}
|
|
}
|
|
|
|
// no "save" dialog button on "in/export" tab
|
|
if(
|
|
tabContentId === '#' + config.dialogMapDownloadContainerId || // no "save" dialog button on "in/export" tab
|
|
!tabContentForms.length // no <form> in tab (e.g. restricted by missing right)
|
|
){
|
|
mapInfoDialog.find('button.btn-success').hide();
|
|
}else{
|
|
mapInfoDialog.find('button.btn-success').show();
|
|
}
|
|
});
|
|
});
|
|
}
|
|
};
|
|
|
|
/**
|
|
* import new map(s) data
|
|
* @param importData
|
|
* @param callback
|
|
*/
|
|
let importMaps = (importData, callback) => {
|
|
let importForm = $('#' + config.dialogMapImportFormId);
|
|
importForm.hideFormMessage('all');
|
|
|
|
// lock dialog
|
|
let dialogContent = importForm.parents('.modal-content');
|
|
dialogContent.showLoadingAnimation();
|
|
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: Init.path.importMap,
|
|
data: importData,
|
|
dataType: 'json'
|
|
}).done(function(responseData){
|
|
if(responseData.error.length){
|
|
// form.showFormMessage(responseData.error);
|
|
importForm.showFormMessage(responseData.error);
|
|
}else{
|
|
// success
|
|
if(responseData.warning.length){
|
|
importForm.showFormMessage(responseData.warning);
|
|
}
|
|
|
|
if(callback){
|
|
callback();
|
|
}
|
|
|
|
Util.showNotify({title: 'Import finished', text: 'Map(s) imported', type: 'success'});
|
|
}
|
|
}).fail(function(jqXHR, status, error){
|
|
let reason = status + ' ' + error;
|
|
Util.showNotify({title: jqXHR.status + ': importMap', text: reason, type: 'error'});
|
|
}).always(function(){
|
|
importForm.find('input, select').resetFormFields().trigger('change');
|
|
dialogContent.hideLoadingAnimation();
|
|
});
|
|
};
|
|
|
|
/**
|
|
* set json map data for export to an element (e.g. <a>-Tag or button) for download
|
|
* @param element
|
|
* @param mapData
|
|
*/
|
|
let setExportMapData = (element, mapData) => {
|
|
|
|
let fieldExport = $('#' + config.fieldExportId);
|
|
let filename = '';
|
|
let mapDataEncoded = '';
|
|
|
|
if(fieldExport.length){
|
|
filename = fieldExport.val();
|
|
|
|
if(filename.length > 0){
|
|
mapDataEncoded = 'text/json;charset=utf-8,' + encodeURIComponent(JSON.stringify( mapData ));
|
|
}
|
|
}
|
|
|
|
element.attr('href', 'data:' + mapDataEncoded);
|
|
element.attr('download', filename + '.json');
|
|
};
|
|
|
|
/**
|
|
* init select2 fields within the settings dialog
|
|
* @param mapInfoDialog
|
|
*/
|
|
let initSettingsSelectFields = mapInfoDialog => {
|
|
|
|
let selectElementCharacter = mapInfoDialog.find('#' + config.characterSelectId);
|
|
let selectElementCorporation = mapInfoDialog.find('#' + config.corporationSelectId);
|
|
let selectElementAlliance = mapInfoDialog.find('#' + config.allianceSelectId);
|
|
|
|
// init character select live search
|
|
selectElementCharacter.initAccessSelect({
|
|
type: 'character',
|
|
maxSelectionLength: Init.mapTypes.private.defaultConfig.max_shared
|
|
});
|
|
|
|
// init corporation select live search
|
|
selectElementCorporation.initAccessSelect({
|
|
type: 'corporation',
|
|
maxSelectionLength: Init.mapTypes.corporation.defaultConfig.max_shared
|
|
});
|
|
|
|
// init alliance select live search
|
|
selectElementAlliance.initAccessSelect({
|
|
type: 'alliance',
|
|
maxSelectionLength: Init.mapTypes.alliance.defaultConfig.max_shared
|
|
});
|
|
};
|
|
|
|
/**
|
|
* shows the delete map Dialog
|
|
* @param mapData
|
|
*/
|
|
$.fn.showDeleteMapDialog = function(mapData){
|
|
let mapId = Util.getObjVal(mapData, 'config.id');
|
|
let mapName = Util.getObjVal(mapData, 'config.name');
|
|
if(!mapId) return;
|
|
|
|
let mapNameStr = `<span class="txt-color txt-color-danger">${mapName}</span>`;
|
|
|
|
let mapDeleteDialog = bootbox.confirm({
|
|
message: `Delete map "${mapNameStr}"?`,
|
|
buttons: {
|
|
confirm: {
|
|
label: '<i class="fas fa-trash fa-fw"></i> delete map',
|
|
className: 'btn-danger'
|
|
}
|
|
},
|
|
callback: result => {
|
|
if(result){
|
|
// lock dialog
|
|
let dialogContent = mapDeleteDialog.find('.modal-content');
|
|
dialogContent.showLoadingAnimation();
|
|
|
|
Util.request('DELETE', 'Map', mapId, {}, {}).then(
|
|
payload => {
|
|
Util.showNotify({title: 'Map deleted', text: 'Map: ' + mapName, type: 'success'});
|
|
},
|
|
Util.handleAjaxErrorResponse
|
|
).finally(() => mapDeleteDialog.modal('hide'));
|
|
|
|
return false;
|
|
}
|
|
}
|
|
});
|
|
|
|
};
|
|
|
|
}); |