mirror of
https://github.com/Azgaar/Fantasy-Map-Generator.git
synced 2025-12-17 09:41:24 +01:00
generic confirmationDialog for all files
This commit is contained in:
Azgaar
parent
5464e0a34b
commit
3359df0e02
25 changed files with 6727 additions and 5454 deletions
|
|
@ -1,16 +1,18 @@
|
|||
"use strict";
|
||||
'use strict';
|
||||
function editNotes(id, name) {
|
||||
// update list of objects
|
||||
const select = document.getElementById("notesSelect");
|
||||
const select = document.getElementById('notesSelect');
|
||||
select.options.length = 0;
|
||||
for (const note of notes) {select.options.add(new Option(note.id, note.id));}
|
||||
for (const note of notes) {
|
||||
select.options.add(new Option(note.id, note.id));
|
||||
}
|
||||
|
||||
// initiate pell (html editor)
|
||||
const editor = Pell.init({
|
||||
element: document.getElementById("notesText"),
|
||||
onChange: html => {
|
||||
const id = document.getElementById("notesSelect").value;
|
||||
const note = notes.find(note => note.id === id);
|
||||
element: document.getElementById('notesText'),
|
||||
onChange: (html) => {
|
||||
const id = document.getElementById('notesSelect').value;
|
||||
const note = notes.find((note) => note.id === id);
|
||||
if (!note) return;
|
||||
note.legend = html;
|
||||
showNote(note);
|
||||
|
|
@ -20,10 +22,10 @@ function editNotes(id, name) {
|
|||
// select an object
|
||||
if (notes.length || id) {
|
||||
if (!id) id = notes[0].id;
|
||||
let note = notes.find(note => note.id === id);
|
||||
let note = notes.find((note) => note.id === id);
|
||||
if (note === undefined) {
|
||||
if (!name) name = id;
|
||||
note = {id, name, legend: ""};
|
||||
note = {id, name, legend: ''};
|
||||
notes.push(note);
|
||||
select.options.add(new Option(id, id));
|
||||
}
|
||||
|
|
@ -32,102 +34,94 @@ function editNotes(id, name) {
|
|||
editor.content.innerHTML = note.legend;
|
||||
showNote(note);
|
||||
} else {
|
||||
editor.content.innerHTML = "There are no added notes. Click on element (e.g. label) and add a free text note";
|
||||
document.getElementById("notesName").value = "";
|
||||
editor.content.innerHTML = 'There are no added notes. Click on element (e.g. label) and add a free text note';
|
||||
document.getElementById('notesName').value = '';
|
||||
}
|
||||
|
||||
// open a dialog
|
||||
$("#notesEditor").dialog({
|
||||
title: "Notes Editor", minWidth: "40em", width: "50vw",
|
||||
position: {my: "center", at: "center", of: "svg"},
|
||||
close: () => notesText.innerHTML = ""
|
||||
$('#notesEditor').dialog({
|
||||
title: 'Notes Editor',
|
||||
minWidth: '40em',
|
||||
width: '50vw',
|
||||
position: {my: 'center', at: 'center', of: 'svg'},
|
||||
close: () => (notesText.innerHTML = '')
|
||||
});
|
||||
|
||||
if (modules.editNotes) return;
|
||||
modules.editNotes = true;
|
||||
|
||||
// add listeners
|
||||
document.getElementById("notesSelect").addEventListener("change", changeObject);
|
||||
document.getElementById("notesName").addEventListener("input", changeName);
|
||||
document.getElementById("notesPin").addEventListener("click", () => options.pinNotes = !options.pinNotes);
|
||||
document.getElementById("notesSpeak").addEventListener("click", () => speak(editor.content.innerHTML));
|
||||
document.getElementById("notesFocus").addEventListener("click", validateHighlightElement);
|
||||
document.getElementById("notesDownload").addEventListener("click", downloadLegends);
|
||||
document.getElementById("notesUpload").addEventListener("click", () => legendsToLoad.click());
|
||||
document.getElementById("legendsToLoad").addEventListener("change", function() {uploadFile(this, uploadLegends)});
|
||||
document.getElementById("notesRemove").addEventListener("click", triggerNotesRemove);
|
||||
document.getElementById('notesSelect').addEventListener('change', changeObject);
|
||||
document.getElementById('notesName').addEventListener('input', changeName);
|
||||
document.getElementById('notesPin').addEventListener('click', () => (options.pinNotes = !options.pinNotes));
|
||||
document.getElementById('notesSpeak').addEventListener('click', () => speak(editor.content.innerHTML));
|
||||
document.getElementById('notesFocus').addEventListener('click', validateHighlightElement);
|
||||
document.getElementById('notesDownload').addEventListener('click', downloadLegends);
|
||||
document.getElementById('notesUpload').addEventListener('click', () => legendsToLoad.click());
|
||||
document.getElementById('legendsToLoad').addEventListener('change', function () {
|
||||
uploadFile(this, uploadLegends);
|
||||
});
|
||||
document.getElementById('notesRemove').addEventListener('click', triggerNotesRemove);
|
||||
|
||||
function showNote(note) {
|
||||
document.getElementById("notes").style.display = "block";
|
||||
document.getElementById("notesHeader").innerHTML = note.name;
|
||||
document.getElementById("notesBody").innerHTML = note.legend;
|
||||
document.getElementById('notes').style.display = 'block';
|
||||
document.getElementById('notesHeader').innerHTML = note.name;
|
||||
document.getElementById('notesBody').innerHTML = note.legend;
|
||||
}
|
||||
|
||||
function changeObject() {
|
||||
const note = notes.find(note => note.id === this.value);
|
||||
const note = notes.find((note) => note.id === this.value);
|
||||
if (!note) return;
|
||||
notesName.value = note.name;
|
||||
editor.content.innerHTML = note.legend;
|
||||
}
|
||||
|
||||
function changeName() {
|
||||
const id = document.getElementById("notesSelect").value;
|
||||
const note = notes.find(note => note.id === id);
|
||||
const id = document.getElementById('notesSelect').value;
|
||||
const note = notes.find((note) => note.id === id);
|
||||
if (!note) return;
|
||||
note.name = this.value;
|
||||
showNote(note);
|
||||
}
|
||||
|
||||
function validateHighlightElement() {
|
||||
const select = document.getElementById("notesSelect");
|
||||
const select = document.getElementById('notesSelect');
|
||||
const element = document.getElementById(select.value);
|
||||
|
||||
// if element is not found
|
||||
if (element === null) {
|
||||
alertMessage.innerHTML = "Related element is not found. Would you like to remove the note?";
|
||||
$("#alert").dialog({resizable: false, title: "Element not found",
|
||||
buttons: {
|
||||
Remove: function() {$(this).dialog("close"); removeLegend();},
|
||||
Keep: function() {$(this).dialog("close");}
|
||||
}
|
||||
});
|
||||
const message = 'Related element is not found. Would you like to remove the note?';
|
||||
confirmationDialog({title: 'Element not found', message, confirm: 'Remove', onConfirm: removeLegend});
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
highlightElement(element); // if element is found
|
||||
}
|
||||
|
||||
function downloadLegends() {
|
||||
const data = JSON.stringify(notes);
|
||||
const name = getFileName("Notes") + ".txt";
|
||||
const name = getFileName('Notes') + '.txt';
|
||||
downloadFile(data, name);
|
||||
}
|
||||
|
||||
function uploadLegends(dataLoaded) {
|
||||
if (!dataLoaded) {tip("Cannot load the file. Please check the data format", false, "error"); return;}
|
||||
if (!dataLoaded) return tip('Cannot load the file. Please check the data format', false, 'error');
|
||||
notes = JSON.parse(dataLoaded);
|
||||
document.getElementById("notesSelect").options.length = 0;
|
||||
document.getElementById('notesSelect').options.length = 0;
|
||||
editNotes(notes[0].id, notes[0].name);
|
||||
}
|
||||
|
||||
function triggerNotesRemove() {
|
||||
alertMessage.innerHTML = "Are you sure you want to remove the selected note?";
|
||||
$("#alert").dialog({resizable: false, title: "Remove note",
|
||||
buttons: {
|
||||
Remove: function() {$(this).dialog("close"); removeLegend();},
|
||||
Keep: function() {$(this).dialog("close");}
|
||||
}
|
||||
});
|
||||
const message = 'Are you sure you want to remove the selected note? <br>This action cannot be reverted';
|
||||
confirmationDialog({title: 'Remove note', message, confirm: 'Remove', onConfirm: removeLegend});
|
||||
}
|
||||
|
||||
function removeLegend() {
|
||||
const select = document.getElementById("notesSelect");
|
||||
const index = notes.findIndex(n => n.id === select.value);
|
||||
const select = document.getElementById('notesSelect');
|
||||
const index = notes.findIndex((n) => n.id === select.value);
|
||||
notes.splice(index, 1);
|
||||
select.options.length = 0;
|
||||
if (!notes.length) {$("#notesEditor").dialog("close"); return;}
|
||||
notesText.innerHTML = "";
|
||||
if (!notes.length) return $('#notesEditor').dialog('close');
|
||||
notesText.innerHTML = '';
|
||||
editNotes(notes[0].id, notes[0].name);
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue