aboutsummaryrefslogtreecommitdiff
path: root/internal/admin/static
diff options
context:
space:
mode:
Diffstat (limited to 'internal/admin/static')
-rw-r--r--internal/admin/static/admin.css30
-rw-r--r--internal/admin/static/mobeditor.js32
-rw-r--r--internal/admin/static/objecteditor.js7
-rw-r--r--internal/admin/static/talktree.js330
4 files changed, 219 insertions, 180 deletions
diff --git a/internal/admin/static/admin.css b/internal/admin/static/admin.css
index 43354f9..2bebf85 100644
--- a/internal/admin/static/admin.css
+++ b/internal/admin/static/admin.css
@@ -1,5 +1,7 @@
:root{--bg:#1a1a2e;--panel:#16213e;--text:#e0e0e0;--accent:#0f3460;--border:#2a2a4a;--hover:#1a3a6e;--danger:#c0392b;--success:#27ae60;--warn:#f39c12;--input-bg:#0d1b36;--input-border:#3a3a6a}
*{box-sizing:border-box;margin:0;padding:0}
+input[type=number]{-moz-appearance:textfield}
+input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body{font-family:monospace;background:var(--bg);color:var(--text);min-height:100vh}
.nav{background:var(--panel);border-bottom:1px solid var(--border);padding:8px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.nav a{color:var(--text);text-decoration:none;padding:4px 10px;border-radius:3px;font-size:13px}
@@ -19,8 +21,6 @@ body{font-family:monospace;background:var(--bg);color:var(--text);min-height:100
.form-group{margin-bottom:10px}
.form-group label{display:block;font-size:11px;color:#aaa;margin-bottom:3px;text-transform:uppercase;letter-spacing:.5px}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:6px 8px;font-size:13px;background:var(--input-bg);color:var(--text);border:1px solid var(--input-border);border-radius:3px;font-family:monospace}
-.form-group input[type=number]{-moz-appearance:textfield}
-.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.form-group textarea{resize:vertical;min-height:60px}
.form-group input[type=checkbox]{width:auto;margin-right:6px}
.btn{padding:6px 14px;border:none;border-radius:3px;cursor:pointer;font-size:12px;font-weight:bold;font-family:monospace}
@@ -76,14 +76,14 @@ body{font-family:monospace;background:var(--bg);color:var(--text);min-height:100
.talk-seq-line{display:flex;gap:6px;margin:2px 0 2px 10px;font-size:11px;color:#bbb;align-items:center}
.talk-seq-num{color:#666;min-width:14px;text-align:right;flex-shrink:0}
.talk-action-summary{color:#e8c47c;font-size:10px}
-.talk-options{margin-top:6px;padding-top:4px;border-top:1px solid rgba(255,255,255,.05)}
+.talk-options{margin-top:6px;padding-top:4px;padding-bottom:6px;border-top:1px solid rgba(255,255,255,.05)}
.talk-options-label{font-size:10px;color:#888;text-transform:uppercase;letter-spacing:.3px}
.talk-option{display:flex;align-items:center;gap:5px;margin:3px 0;padding:3px 6px;font-size:11px;border-left:1px solid #444;border-radius:0 3px 3px 0}
.talk-option-empty{color:#666;font-style:italic;border-left-color:transparent}
.talk-opt-arrow{color:#555;flex-shrink:0}
.talk-opt-text{color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.talk-opt-goto{color:#8cf;font-weight:bold;white-space:nowrap;min-width:30px}
-.talk-opt-tag{display:inline-block;padding:0 3px;font-size:9px;border-radius:2px;line-height:1.4;flex-shrink:0}
+.talk-opt-tag{display:inline-block;padding:1px 6px;font-size:9px;border-radius:2px;line-height:1.4;flex-shrink:0;cursor:pointer;border:1px solid transparent}
.talk-opt-tag-cond{background:rgba(100,160,255,.2);color:#6af}
.talk-opt-tag-act{background:rgba(232,196,124,.2);color:#e8c47c}
.talk-opt-del{padding:0 4px;font-size:10px;line-height:1.4;border:none;border-radius:2px;background:var(--danger);color:#fff;cursor:pointer;flex-shrink:0}
@@ -119,18 +119,14 @@ body{font-family:monospace;background:var(--bg);color:var(--text);min-height:100
.talk-kv-del{font-size:9px;padding:0 4px;line-height:1.4;border:none;border-radius:2px;background:var(--danger);color:#fff;cursor:pointer;font-family:monospace;flex-shrink:0}
.talk-action-block{margin-top:3px;padding:6px;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:4px}
.talk-action-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:3px 8px}
-.talk-shop-block{margin-top:4px;padding:6px;background:rgba(232,196,124,.04);border:1px solid rgba(232,196,124,.15);border-radius:4px}
-.talk-shop-header{font-size:10px;color:#e8c47c;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}
-.talk-shop-item{display:flex;gap:3px;align-items:center;margin-bottom:2px;padding:2px 4px;background:rgba(255,255,255,.02);border-radius:2px}
-.talk-shop-item .talk-input{flex:1;min-width:0;padding:2px 4px;font-size:10px}
-.talk-shop-item .talk-input-num{width:55px}
.talk-add-cond-btn{font-size:9px;padding:1px 6px;line-height:1.4;border:1px solid rgba(100,160,255,.25);border-radius:2px;background:transparent;color:#6af;cursor:pointer;font-family:monospace;margin-bottom:6px}
.talk-add-act-btn{font-size:9px;padding:1px 6px;line-height:1.4;border:1px solid rgba(232,196,124,.25);border-radius:2px;background:transparent;color:#e8c47c;cursor:pointer;font-family:monospace;margin-bottom:6px}
.talk-cond-card{border:1px solid rgba(100,160,255,.25);border-radius:5px;margin-bottom:6px;overflow:hidden}
.talk-cond-card-header{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:rgba(100,160,255,.08);border-bottom:1px solid rgba(100,160,255,.15);font-size:10px;color:#aaa;text-transform:uppercase;letter-spacing:.3px}
.talk-cond-card-body{padding:6px 8px}
-.talk-cond-card-sep{border-top:1px solid rgba(100,160,255,.12);margin:1px 0}
+.talk-cond-card-body .talk-action-block{margin-top:0;border:none;padding:0;border-radius:0;background:transparent}
+.talk-cond-card-sep{border-top:1px solid rgba(100,160,255,.12);margin:1px 0 4px 0}
.talk-cond-mode-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}
.talk-cond-mode-row .talk-prop-label{font-size:9px;color:#888;text-transform:uppercase;letter-spacing:.3px}
@@ -141,7 +137,7 @@ body{font-family:monospace;background:var(--bg);color:var(--text);min-height:100
.talk-clause-label{color:#888;font-size:9px;white-space:nowrap}
.talk-clause-del{padding:0 4px;font-size:9px;line-height:1.4;border:none;border-radius:2px;background:var(--danger);color:#fff;cursor:pointer;font-family:monospace;flex-shrink:0}
-.talk-clause-add-bar{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}
+.talk-clause-add-bar{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap;padding-bottom:6px}
.talk-clause-add-btn{font-size:9px;padding:1px 6px;line-height:1.4;border:1px solid rgba(100,160,255,.2);border-radius:2px;background:transparent;color:#6af;cursor:pointer;font-family:monospace}
.talk-clause-add-btn:hover{background:rgba(100,160,255,.1)}
@@ -149,24 +145,29 @@ body{font-family:monospace;background:var(--bg);color:var(--text);min-height:100
.talk-goto-fallback .talk-prop-label{font-size:9px;color:#888;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;flex-shrink:0}
.talk-goto-fallback .talk-input{flex:1;min-width:0;padding:2px 4px;font-size:10px}
-.talk-input-num::-webkit-inner-spin-button,
-.talk-input-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
-.talk-input-num{-moz-appearance:textfield}
.talk-add-node-row{display:flex;gap:4px;align-items:center;margin-top:8px}
.talk-add-node-row .talk-input{flex:1;max-width:200px}
.talk-add-node-row .talk-add-btn{flex-shrink:0}
.talk-opt-edit-row{display:flex;gap:4px;align-items:center;margin:3px 0;padding:3px 6px;font-size:11px}
.talk-opt-edit-row .talk-input{flex:1;min-width:0;padding:2px 4px;font-size:10px}
+.talk-opt-edit-row .talk-opt-text{flex:3}
+.talk-opt-edit-row .talk-opt-goto{flex:1;max-width:130px}
.talk-opt-edit-row .talk-opt-arrow{flex-shrink:0}
.talk-opt-edit-actions{display:flex;gap:2px;align-items:center;flex-shrink:0}
.talk-add-opt-row{display:flex;gap:4px;align-items:center;margin-top:4px;padding:0 6px}
.talk-add-opt-row .talk-input{flex:1;min-width:0;padding:2px 4px;font-size:10px}
+.talk-add-opt-row .talk-opt-text{flex:8}
+.talk-add-opt-row .talk-opt-goto{flex:1;max-width:130px}
.talk-add-opt-row .talk-add-btn{flex-shrink:0;margin-top:0}
+.talk-opt-gap{width:52px;flex-shrink:0}
.talk-seq-add-row{display:flex;gap:6px;align-items:center;margin:2px 0 2px 10px}
.talk-seq-add-row .talk-input{flex:1;padding:2px 4px;font-size:10px}
.talk-seq-add-row .talk-add-btn{flex-shrink:0;margin-top:0}
.talk-seq-del{font-size:9px;padding:0 4px;line-height:1.4;border:none;border-radius:2px;background:var(--danger);color:#fff;cursor:pointer;font-family:monospace;flex-shrink:0}
+#talktree .search-results{position:absolute;top:100%;left:0;right:0;max-height:160px;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:3px;z-index:50;box-shadow:0 4px 12px rgba(0,0,0,.4);margin-top:2px}
+#talktree .search-results .sr-item{padding:4px 8px;font-size:11px;cursor:pointer;color:var(--text);border-bottom:1px solid rgba(255,255,255,.03)}
+#talktree .search-results .sr-item:hover,#talktree .search-results .sr-item.active{background:var(--accent)}
.talk-orphans{margin-top:12px;padding-top:8px;border-top:1px dashed var(--border)}
.talk-orphans-label{font-size:10px;color:#f39c12;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}
.talk-orphans-hint{font-size:9px;color:#888;margin-bottom:6px;font-style:italic}
@@ -247,7 +248,6 @@ g.ud-hover:hover text{font-weight:bold}
.exit-add{display:flex;gap:4px;align-items:center;margin-top:6px}
.exit-add select,.exit-add input{width:auto;flex:1;padding:3px 5px;font-size:11px;background:var(--input-bg);color:var(--text);border:1px solid var(--input-border);border-radius:2px;font-family:monospace}
.exit-add input[type=number]{-moz-appearance:textfield}
-.exit-add input[type=number]::-webkit-inner-spin-button,.exit-add input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.exit-add .exit-add-btn{flex-shrink:0;padding:3px 8px;font-size:11px;background:var(--accent);color:var(--text);border:1px solid #1a5a8e;border-radius:2px;cursor:pointer;font-family:monospace}
.exit-add .exit-add-btn:hover{background:var(--hover)}.panel-tab-content .entry-row{display:flex;gap:4px;align-items:flex-start;margin-bottom:6px;padding:4px;background:rgba(255,255,255,.02);border-radius:3px;border:1px solid transparent}
.panel-tab-content .entry-row:hover{border-color:var(--border)}
diff --git a/internal/admin/static/mobeditor.js b/internal/admin/static/mobeditor.js
index a65e578..59eb16c 100644
--- a/internal/admin/static/mobeditor.js
+++ b/internal/admin/static/mobeditor.js
@@ -90,6 +90,24 @@ var MOB_SECTIONS = [
fields: []
},
{
+ id: 'shop', label: 'Shop', path: 'shop',
+ detect: function(d) { return !!d.shop; },
+ fields: [
+ ['message', 'Greeting', 'text', 'What would you like to buy or sell?'],
+ ['buy_percentage', 'Buy %', 'number', '40', 'narrow'],
+ ['change_percentage', 'Change %', 'number', '3', 'narrow'],
+ ['restock_ticks', 'Restock Ticks', 'number', '', 'narrow'],
+ ['buys_anything', 'Buys Anything', 'checkbox'],
+ ],
+ subtables: [
+ {label:'Items', key:'items', addLabel:'+ Add Item', fields:[
+ ['item_id', 'Item ID', 'search', '', '', null, 'items'],
+ ['stock', 'Stock', 'number', '', 'narrow'],
+ ['restock_ticks', 'Restock Ticks', 'number', '', 'narrow'],
+ ]}
+ ]
+ },
+ {
id: 'drops', label: 'Drops', path: 'drops',
detect: function(d) { return d.drops && (d.drops.remains || (d.drops.loot && d.drops.loot.length > 0)); },
fields: [
@@ -197,7 +215,7 @@ function renderCurrent() {
function renderMobCard(sec, data) {
var collapsed = expandedCards[sec.id] === false;
- var h = '<div class="obj-card" data-card="' + sec.id + '">';
+ var h = '<div class="obj-card' + (sec.id === 'talk' ? ' obj-card-full' : '') + '" data-card="' + sec.id + '">';
h += '<div class="obj-card-header" onclick="toggleMobCard(\'' + sec.id + '\')">';
h += '<span class="obj-card-arrow">' + (collapsed ? '&#9654;' : '&#9660;') + '</span>';
h += '<span class="obj-card-label">' + sec.label + '</span>';
@@ -336,7 +354,7 @@ function renderMobSubtable(sec, st, data) {
h += '</div>';
});
if (!st.single || arr.length === 0) {
- h += '<button class="btn btn-sm obj-sub-add" onclick="addMobSubRow(\'' + sec.id + '\',\'' + st.key + '\')">+ Add Loot</button>';
+ h += '<button class="btn btn-sm obj-sub-add" onclick="addMobSubRow(\'' + sec.id + '\',\'' + st.key + '\')">' + esc(st.addLabel || '+ Add') + '</button>';
}
h += '</div>';
return h;
@@ -374,7 +392,9 @@ function mobAddSection() {
if (sec.id === 'drops') {
mobData[sec.path] = {remains:'', loot:[]};
} else if (sec.id === 'talk') {
- mobData[sec.path] = {nodes:{start:{message:'',options:[]}}};
+ mobData[sec.path] = {nodes:{start:{messages:[],options:[]}}};
+ } else if (sec.id === 'shop') {
+ mobData[sec.path] = {buy_percentage:40, change_percentage:3, buys_anything:true, items:[]};
} else {
mobData[sec.path] = {};
}
@@ -467,7 +487,11 @@ function saveMob() {
API.put('/api/mobs/' + encodeURIComponent(mobID), out).then(function(resp) {
notify('Mob ' + mobID + ' saved', 'success');
updateUndoBar();
- if (resp && resp._raw) mobData._raw = resp._raw;
+ if (resp && resp._raw) {
+ mobData._raw = resp._raw;
+ var pre = document.querySelector('#tabYaml pre');
+ if (pre) pre.textContent = mobData._raw;
+ }
}).catch(function(e) { notify('Save failed: ' + e.message, 'error'); });
}
diff --git a/internal/admin/static/objecteditor.js b/internal/admin/static/objecteditor.js
index c2374a7..4d02295 100644
--- a/internal/admin/static/objecteditor.js
+++ b/internal/admin/static/objecteditor.js
@@ -775,9 +775,14 @@ function saveObject() {
out.id = objectID;
- API.put('/api/objects/' + encodeURIComponent(objectID), out).then(function() {
+ API.put('/api/objects/' + encodeURIComponent(objectID), out).then(function(resp) {
notify('Object ' + objectID + ' saved', 'success');
updateUndoBar();
+ if (resp && resp._raw) {
+ objectData._raw = resp._raw;
+ var pre = document.querySelector('#tabYaml pre');
+ if (pre) pre.textContent = objectData._raw;
+ }
}).catch(function(e) { notify('Save failed: ' + e.message, 'error'); });
}
diff --git a/internal/admin/static/talktree.js b/internal/admin/static/talktree.js
index e7079f5..4758918 100644
--- a/internal/admin/static/talktree.js
+++ b/internal/admin/static/talktree.js
@@ -86,11 +86,11 @@
}
// Single clause from flat fields
for (var i = 0; i < CLAUSE_TYPES.length; i++) {
- if (cond[CLAUSE_TYPES[i].key] !== undefined && cond[CLAUSE_TYPES[i].key] !== '') {
+ if (cond[CLAUSE_TYPES[i].key] !== undefined) {
var c = {};
c[CLAUSE_TYPES[i].key] = cond[CLAUSE_TYPES[i].key];
if (cond.not) c.not = cond.not;
- if (cond.value !== undefined && cond.value !== '') c.value = cond.value;
+ if (cond.value !== undefined) c.value = cond.value;
if (cond.has_item && CLAUSE_TYPES[i].key !== 'has_item') c.has_item = cond.has_item;
if (cond.player_flag && CLAUSE_TYPES[i].key !== 'player_flag') c.player_flag = cond.player_flag;
if (cond.flag && CLAUSE_TYPES[i].key !== 'flag') c.flag = cond.flag;
@@ -100,11 +100,11 @@
// Check for has_item or min_credits as the only key
for (var j = 0; j < CLAUSE_TYPES.length; j++) {
var ck = CLAUSE_TYPES[j].key;
- if (cond[ck] !== undefined && cond[ck] !== '') {
+ if (cond[ck] !== undefined) {
var cc = {};
cc[ck] = cond[ck];
if (cond.not) cc.not = cond.not;
- if (cond.value !== undefined && cond.value !== '') cc.value = cond.value;
+ if (cond.value !== undefined) cc.value = cond.value;
return { mode: 'single', clauses: [cc], groupKey: null };
}
}
@@ -115,7 +115,7 @@
function clauseObjType(clause) {
for (var i = 0; i < CLAUSE_TYPES.length; i++) {
var k = CLAUSE_TYPES[i].key;
- if (clause[k] !== undefined && clause[k] !== '') return k;
+ if (clause[k] !== undefined) return k;
}
return null;
}
@@ -126,13 +126,13 @@
if (clauses.length === 1) {
var flat = {};
var c = clauses[0];
- for (var k in c) { if (c[k] !== undefined && c[k] !== '') flat[k] = c[k]; }
+ for (var k in c) { if (c[k] !== undefined) flat[k] = c[k]; }
return flat;
}
var cond = {};
cond[groupKey || 'all_of'] = clauses.map(function(c) {
var sub = {};
- for (var k in c) { if (c[k] !== undefined && c[k] !== '') sub[k] = c[k]; }
+ for (var k in c) { if (c[k] !== undefined) sub[k] = c[k]; }
return sub;
});
return cond;
@@ -141,21 +141,14 @@
// ---- Action field definitions ----
var ACTION_FIELDS = [
- { key: 'give_item', label: 'Give Item', type: 'text' },
- { key: 'take_item', label: 'Take Item', type: 'text' },
- { key: 'teleport', label: 'Teleport Room', type: 'number' },
+ { key: 'give_item', label: 'Give Item', type: 'item_search' },
+ { key: 'take_item', label: 'Take Item', type: 'item_search' },
+ { key: 'credits', label: 'Credits (+/-)', type: 'number' },
+ { key: 'teleport', label: 'TP Room', type: 'number' },
{ key: 'heal', label: 'Heal HP', type: 'number' },
- { key: 'cost', label: 'Cost (Credits)', type: 'number' },
- { key: 'reputation_cost', label: 'Rep Cost', type: 'number' },
];
- var ACTION_BOOLS = [
- { key: 'assign_task', label: 'Assign Task' },
- { key: 'skip_task', label: 'Skip Task' },
- { key: 'extend_task', label: 'Extend Task' },
- { key: 'sawmill', label: 'Sawmill' },
- { key: 'aps_node', label: 'APS Node' },
- ];
+ var ACTION_BOOLS = [];
// ---- Event delegation ----
@@ -173,6 +166,7 @@
else if (type === 'number') { var n = parseFloat(el.value); val = isNaN(n) ? 0 : n; }
else { val = el.value; }
talkSyncPath(path, val);
+ if (path.endsWith('.goto')) renderTalkTree(window._talkData);
} else if (tag === 'SELECT') {
talkSyncPath(path, el.value);
}
@@ -207,11 +201,11 @@
case 'add-node':
addNode();
break;
- case 'add-sequence':
- addSequenceLine(nodeKey);
+ case 'add-message':
+ addMessageLine(nodeKey);
break;
- case 'delete-sequence':
- deleteSequenceLine(nodeKey, parseInt(optIdx, 10));
+ case 'delete-message':
+ deleteMessageLine(nodeKey, parseInt(optIdx, 10));
break;
case 'add-condition':
toggleCondition(nodeKey, optIdx !== null ? parseInt(optIdx, 10) : null);
@@ -240,12 +234,6 @@
case 'remove-kv':
removeKVPair(nodeKey, optIdx !== null ? parseInt(optIdx, 10) : null, el.getAttribute('data-kvk'), subKey);
break;
- case 'add-shop-item':
- addShopItem(nodeKey, optIdx !== null ? parseInt(optIdx, 10) : null);
- break;
- case 'remove-shop-item':
- removeShopItem(nodeKey, optIdx !== null ? parseInt(optIdx, 10) : null, parseInt(subIdx, 10));
- break;
}
}
@@ -255,6 +243,8 @@
var container = document.getElementById('talktree');
if (!container) return;
window._talkData = data;
+ window._talkOpenNodes = window._talkOpenNodes || new Set();
+ window._talkOpenNodes.add('start');
if (!data || !data.talk || !data.talk.nodes) {
container.innerHTML = '<p style="color:#888">No conversation tree defined.</p>';
return;
@@ -285,6 +275,9 @@
html += renderAddNodeRow();
html += '</div>';
container.innerHTML = html;
+ if (typeof ced_setupSearchFields === 'function') {
+ setTimeout(function() { ced_setupSearchFields(); }, 10);
+ }
};
// ---- Add/Delete Node ----
@@ -302,7 +295,7 @@
var key = input.value.trim();
if (!key) return;
if (talkNodes()[key]) { notify('Node "' + key + '" already exists.', 'error'); return; }
- talkNodes()[key] = { message: '', options: [] };
+ talkNodes()[key] = { messages: [], options: [] };
input.value = '';
renderTalkTree(window._talkData);
talkSync();
@@ -328,7 +321,7 @@
function renderOrphanNode(key, node, nodes) {
var h = '<div class="talk-node">';
- h += '<div class="talk-node-header" onclick="if(!event.target.closest(\'[data-action]\'))this.parentElement.parentElement.classList.toggle(\'open\')">';
+ h += '<div class="talk-node-header" onclick="if(!event.target.closest(\'[data-action]\'))talkToggleNode(\'' + escAttr(key) + '\',this.parentElement.parentElement)">';
h += '<span class="talk-node-arrow"></span>';
h += '<span class="talk-node-key">' + esc(key) + '</span>';
h += '<span class="talk-node-preview">' + esc((getNodePreview(node) || '').substring(0, 60)) + '</span>';
@@ -349,16 +342,17 @@
var node = nodes[rootKey];
if (!node) return '';
if (seen[rootKey]) {
- return '<div class="talk-node ref"><span class="talk-node-key">' + esc(rootKey) + '</span> <span class="talk-node-preview">(already shown)</span></div>';
+ return '<div class="talk-node ref"><span class="talk-node-key">' + esc(rootKey) + '</span> <a href="javascript:void(0)" onclick="document.getElementById(\'node-' + escAttr(rootKey) + '\').scrollIntoView({behavior:\'smooth\',block:\'center\'});return false" style="color:inherit;text-decoration:underline">(see above)</a></div>';
}
seen[rootKey] = true;
var previewText = getNodePreview(node);
+ var isOpen = window._talkOpenNodes.has(rootKey);
- var html = '<div class="talk-node' + (rootKey === 'start' ? ' open' : '') + '">';
+ var html = '<div class="talk-node' + (isOpen ? ' open' : '') + '" id="node-' + escAttr(rootKey) + '">';
// Header — fix: check for data-action before toggling
- html += '<div class="talk-node-header" onclick="if(!event.target.closest(\'[data-action]\'))this.parentElement.classList.toggle(\'open\')">';
+ html += '<div class="talk-node-header" onclick="if(!event.target.closest(\'[data-action]\'))talkToggleNode(\'' + escAttr(rootKey) + '\',this.parentElement)">';
html += '<span class="talk-node-arrow"></span>';
html += '<span class="talk-node-key">' + esc(rootKey) + '</span>';
html += '<span class="talk-node-preview">' + esc((previewText || '').substring(0, 60)) + '</span>';
@@ -390,16 +384,19 @@
}
function getNodePreview(node) {
- if (node.message) return typeof node.message === 'string' ? node.message : (Array.isArray(node.message) ? node.message[0] : '');
- if (node.sequence && node.sequence.length) return node.sequence[0];
+ if (node.messages && node.messages.length) return node.messages[0];
return '';
}
// ---- Node body: condition-gated content ----
+ // Track open node state across re-renders
+ window._talkOpenNodes = window._talkOpenNodes || new Set();
+
function renderNodeBody(nodeKey, node, nodes) {
var ec = extractClauses(node.condition);
- var hasCond = ec.mode !== 'none';
+ var hasCond = ec.mode !== 'none' || (node.condition && typeof node.condition === 'object' && !Array.isArray(node.condition));
+ var hasOpts = node.options && node.options.length > 0;
var html = '';
@@ -412,23 +409,38 @@
html += '<div class="talk-cond-card-body">';
html += renderConditionClauses(ec, nodeKey, null);
html += '<div class="talk-cond-card-sep"></div>';
- html += renderMessageSection(nodeKey, node);
- html += renderSequenceSection(nodeKey, node);
- html += renderActionSection(nodeKey, null, node.action);
+ html += renderMessagesSection(nodeKey, node);
html += renderOptionsSection(nodeKey, node);
+ html += '<div class="talk-cond-card-sep"></div>';
+
+ var nodeAction = node.action;
+ var actionPrefix = 'nodes.' + escAttr(nodeKey) + '.action';
+ if (nodeAction && typeof nodeAction === 'object' && !Array.isArray(nodeAction)) {
+ html += '<div class="talk-cond-card" style="margin-top:4px">';
+ html += '<div class="talk-cond-card-header">' +
+ '<span class="talk-prop-label">Action</span>' +
+ '<button class="talk-section-remove" data-action="remove-action" data-nk="' + escAttr(nodeKey) + '">Remove</button></div>';
+ html += '<div class="talk-cond-card-body">';
+ html += renderActionForm(nodeAction, actionPrefix, nodeKey, null);
+ html += '</div>';
+ html += '</div>';
+ } else {
+ html += '<button class="talk-add-act-btn" style="margin-top:4px" data-action="add-action" data-nk="' + escAttr(nodeKey) + '">+ Add Action</button>';
+ }
+
+ html += '<div class="talk-cond-card-sep"></div>';
+ html += renderGotoFallback(nodeKey, node, 'If condition fails, go to');
html += '</div>'; // .talk-cond-card-body
html += '</div>'; // .talk-cond-card
} else {
html += '<button class="talk-add-cond-btn" data-action="add-condition" data-nk="' + escAttr(nodeKey) + '">+ Add Condition</button>';
- html += renderMessageSection(nodeKey, node);
- html += renderSequenceSection(nodeKey, node);
- html += renderActionSection(nodeKey, null, node.action);
+ html += renderMessagesSection(nodeKey, node);
html += renderOptionsSection(nodeKey, node);
- }
-
- // Goto fallback — only when no options
- if (!node.options || node.options.length === 0) {
- html += renderGotoFallback(nodeKey, node);
+ html += '<div class="talk-cond-card-sep"></div>';
+ html += renderActionSection(nodeKey, null, node.action);
+ if (!hasOpts) {
+ html += renderGotoFallback(nodeKey, node, 'Auto-advance to');
+ }
}
return html;
@@ -436,39 +448,31 @@
// ---- Goto fallback ----
- function renderGotoFallback(nodeKey, node) {
+ function renderGotoFallback(nodeKey, node, label) {
+ label = label || 'Auto-advance to';
return '<div class="talk-goto-fallback">' +
- '<span class="talk-prop-label">Auto-advance to</span>' +
- '<input class="talk-input talk-input-sm" data-tp="nodes.' + escAttr(nodeKey) + '.goto" list="talkNodeKeys" value="' + escAttr(node.goto || '') + '" placeholder="Fallback node when no options are available...">' +
+ '<span class="talk-prop-label">' + esc(label) + '</span>' +
+ '<input class="talk-input talk-input-sm" data-tp="nodes.' + escAttr(nodeKey) + '.goto" list="talkNodeKeys" value="' + escAttr(node.goto || '') + '" placeholder="Fallback node...">' +
'</div>';
}
- // ---- Message / Sequence ----
-
- function renderMessageSection(nodeKey, node) {
- var msg = node.message || '';
- if (Array.isArray(msg)) msg = msg.join('\n');
- return '<div class="talk-section">' +
- '<div class="talk-section-header"><span class="talk-prop-label">Message</span></div>' +
- '<textarea class="talk-textarea" data-tp="nodes.' + escAttr(nodeKey) + '.message" rows="2" placeholder="NPC dialogue text...">' + esc(msg) + '</textarea>' +
- '</div>';
- }
+ // ---- Messages section ----
- function renderSequenceSection(nodeKey, node) {
- var seq = node.sequence || [];
+ function renderMessagesSection(nodeKey, node) {
+ var msgs = node.messages || [];
var html = '<div class="talk-section">';
- html += '<div class="talk-section-header"><span class="talk-prop-label">Sequence</span></div>';
- seq.forEach(function(line, i) {
+ html += '<div class="talk-section-header"><span class="talk-prop-label">Messages</span></div>';
+ msgs.forEach(function(line, i) {
html += '<div class="talk-seq-line">' +
- '<span class="talk-seq-num">' + (i + 1) + '</span>' +
- '<input class="talk-input talk-input-sm" data-tp="nodes.' + escAttr(nodeKey) + '.sequence.' + i + '" value="' + escAttr(line) + '" placeholder="Sequence line...">' +
- '<button class="talk-seq-del" data-action="delete-sequence" data-nk="' + escAttr(nodeKey) + '" data-oi="' + i + '">x</button>' +
+ '<span class="talk-opt-arrow">&#10132;</span>' +
+ '<input class="talk-input" data-tp="nodes.' + escAttr(nodeKey) + '.messages.' + i + '" value="' + escAttr(line) + '" placeholder="Message line...">' +
+ '<button class="talk-seq-del" data-action="delete-message" data-nk="' + escAttr(nodeKey) + '" data-oi="' + i + '">x</button>' +
'</div>';
});
html += '<div class="talk-seq-add-row">' +
- '<span class="talk-seq-num">' + (seq.length + 1) + '</span>' +
- '<input class="talk-input talk-input-sm" id="talkSeqAdd_' + escAttr(nodeKey) + '" placeholder="Add sequence line...">' +
- '<button class="talk-add-btn" data-action="add-sequence" data-nk="' + escAttr(nodeKey) + '">Add</button>' +
+ '<span class="talk-opt-arrow">&#10132;</span>' +
+ '<input class="talk-input" id="talkMsgAdd_' + escAttr(nodeKey) + '" placeholder="Add message line...">' +
+ '<button class="talk-add-btn" data-action="add-message" data-nk="' + escAttr(nodeKey) + '">Add</button>' +
'</div>';
html += '</div>';
return html;
@@ -518,15 +522,16 @@
html += '<span class="talk-clause-type">' + esc(clauseTypeLabel(typeKey)) + '</span>';
if (typeKey === 'flag' || typeKey === 'player_flag') {
+ var notLabel = (clause.value !== undefined && clause.value !== '') ? 'Not' : 'Not Exists';
html += '<span class="talk-clause-label">key:</span>';
html += '<input class="talk-input talk-input-sm" data-tp="' + escAttr(pathPrefix + '.' + typeKey) + '" value="' + escAttr(clause[typeKey] || '') + '" placeholder="Flag name...">';
- html += '<label class="talk-check-label"><input type="checkbox" data-tp="' + escAttr(pathPrefix + '.not') + '"' + (clause.not ? ' checked' : '') + '> Not</label>';
+ html += '<label class="talk-check-label"><input type="checkbox" data-tp="' + escAttr(pathPrefix + '.not') + '"' + (clause.not ? ' checked' : '') + '> ' + notLabel + '</label>';
html += '<span class="talk-clause-label">val:</span>';
html += '<input class="talk-input talk-input-sm" data-tp="' + escAttr(pathPrefix + '.value') + '" value="' + escAttr(clause.value || '') + '" placeholder="Value match..." style="max-width:80px">';
} else if (typeKey === 'has_item') {
html += '<span class="talk-clause-label">item:</span>';
html += '<input class="talk-input talk-input-sm" data-tp="' + escAttr(pathPrefix + '.has_item') + '" value="' + escAttr(clause.has_item || '') + '" placeholder="Item ID...">';
- html += '<label class="talk-check-label"><input type="checkbox" data-tp="' + escAttr(pathPrefix + '.not') + '"' + (clause.not ? ' checked' : '') + '> Not</label>';
+ html += '<label class="talk-check-label"><input type="checkbox" data-tp="' + escAttr(pathPrefix + '.not') + '"' + (clause.not ? ' checked' : '') + '> Not Exists</label>';
} else if (typeKey === 'min_credits') {
html += '<span class="talk-clause-label">cr:</span>';
html += '<input class="talk-input-num" data-tp="' + escAttr(pathPrefix + '.min_credits') + '" type="number" value="' + (clause.min_credits || 0) + '" placeholder="0">';
@@ -620,6 +625,10 @@
delete target.condition;
} else {
target.condition = {};
+ if (optIdx !== null) {
+ window._talkAutoOpenDetails = new Set();
+ window._talkAutoOpenDetails.add('cond_' + optIdx + '_' + escAttr(nodeKey));
+ }
}
renderTalkTree(window._talkData);
talkSync();
@@ -661,10 +670,21 @@
ACTION_FIELDS.forEach(function(f) {
var fpath = prefix + '.' + f.key;
var val = (action && action[f.key] !== undefined) ? action[f.key] : '';
- html += '<div class="talk-field-row">' +
- '<span class="talk-prop-label">' + esc(f.label) + '</span>' +
- '<input class="talk-input talk-input-sm" data-tp="' + escAttr(fpath) + '" type="' + f.type + '" value="' + escAttr(String(val)) + '">' +
- '</div>';
+ if (f.type === 'item_search') {
+ html += '<div class="talk-field-row">' +
+ '<span class="talk-prop-label">' + esc(f.label) + '</span>' +
+ '<div style="position:relative">' +
+ '<input class="talk-input talk-input-sm search-input" data-tp="' + escAttr(fpath) + '" data-search-type="items" value="' + escAttr(String(val)) + '" placeholder="Search items...">' +
+ '<div class="search-results" style="display:none"></div>' +
+ '</div>' +
+ '</div>';
+ } else {
+ var narrowStyle = (f.key === 'teleport' || f.key === 'heal') ? ' style="max-width:70px"' : '';
+ html += '<div class="talk-field-row">' +
+ '<span class="talk-prop-label">' + esc(f.label) + '</span>' +
+ '<input class="talk-input talk-input-sm"' + narrowStyle + ' data-tp="' + escAttr(fpath) + '" type="' + f.type + '" value="' + escAttr(String(val)) + '">' +
+ '</div>';
+ }
});
html += '</div>';
@@ -678,7 +698,6 @@
html += renderKVEditor(action, prefix, 'set_flags', 'Set Flags', nodeKey, optIdx);
html += renderKVEditor(action, prefix, 'set_player_flags', 'Set Player Flags', nodeKey, optIdx);
- html += renderShopEditor(action, prefix, nodeKey, optIdx);
html += '</div>'; // .talk-action-block
return html;
@@ -697,14 +716,14 @@
html += '</div>';
keys.forEach(function(k) {
html += '<div class="talk-kv-row">' +
+ '<input class="talk-input" data-nk="' + nkAttr + '"' + oiAttr + ' data-kvk="' + escAttr(key) + '" data-oldkey="' + escAttr(k) + '" onchange="talkRenameKV(this)" value="' + escAttr(k) + '" placeholder="key" style="max-width:150px">' +
'<input class="talk-input" data-tp="' + escAttr(prefix + '.' + key + '.' + k) + '" value="' + escAttr(String(kv[k])) + '" placeholder="value">' +
- '<span style="font-size:9px;color:#888;white-space:nowrap;min-width:60px">key: ' + esc(k) + '</span>' +
'<button class="talk-kv-del" data-action="remove-kv" data-nk="' + nkAttr + '"' + oiAttr + ' data-kvk="' + escAttr(key) + '" data-sk="' + escAttr(k) + '">x</button>' +
'</div>';
});
html += '<div class="talk-kv-row">' +
- '<input class="talk-input" id="' + escAttr(addKeyID) + '" placeholder="New key name" style="max-width:100px" data-nk="' + nkAttr + '"' + oiAttr + ' data-kvk="' + escAttr(key) + '">' +
- '<input class="talk-input" placeholder="Value" style="display:none">' +
+ '<input class="talk-input" id="' + escAttr(addKeyID) + '" placeholder="New key name" style="max-width:150px" data-nk="' + nkAttr + '"' + oiAttr + ' data-kvk="' + escAttr(key) + '">' +
+ '<input class="talk-input" id="' + escAttr(addKeyID) + '_val" placeholder="value" style="flex:1">' +
'<span style="font-size:9px;color:#888;white-space:nowrap;min-width:60px"></span>' +
'<button class="talk-kv-add" data-action="add-kv" data-nk="' + nkAttr + '"' + oiAttr + ' data-kvk="' + escAttr(key) + '">Add</button>' +
'</div>';
@@ -712,62 +731,30 @@
return html;
}
- function renderShopEditor(action, prefix, nodeKey, optIdx) {
- var shop = action && action.shop;
- var hasShop = shop && typeof shop === 'object' && !Array.isArray(shop);
- var html = '<div class="talk-shop-block">';
- html += '<div class="talk-shop-header">Shop</div>';
-
- if (hasShop) {
- html += '<div class="talk-field-row" style="margin-bottom:4px">' +
- '<span class="talk-prop-label">Shop Message</span>' +
- '<textarea class="talk-textarea" data-tp="' + escAttr(prefix + '.shop.message') + '" rows="2" style="min-height:24px">' + esc(shop.message || '') + '</textarea>' +
- '</div>';
-
- var items = shop.items || [];
- html += '<div class="talk-prop-label" style="margin-bottom:2px">Items</div>';
- items.forEach(function(item, si) {
- var ip = prefix + '.shop.items.' + si;
- html += '<div class="talk-shop-item">' +
- '<input class="talk-input" data-tp="' + escAttr(ip + '.item_id') + '" value="' + escAttr(item.item_id || '') + '" placeholder="Item ID">' +
- '<input class="talk-input-num" data-tp="' + escAttr(ip + '.buy_price') + '" type="number" value="' + (item.buy_price || 0) + '" placeholder="Buy" title="Buy price">' +
- '<input class="talk-input-num" data-tp="' + escAttr(ip + '.sell_price') + '" type="number" value="' + (item.sell_price || 0) + '" placeholder="Sell" title="Sell price">' +
- '<button class="talk-kv-del" data-action="remove-shop-item" data-nk="' + escAttr(nodeKey) + '"' + (optIdx !== null ? ' data-oi="' + optIdx + '"' : '') + ' data-si="' + si + '">x</button>' +
- '</div>';
- });
- html += '<button class="talk-kv-add" data-action="add-shop-item" data-nk="' + escAttr(nodeKey) + '"' + (optIdx !== null ? ' data-oi="' + optIdx + '"' : '') + '>+ Add Item</button>';
- } else {
- html += '<button class="talk-kv-add" data-action="add-shop-item" data-nk="' + escAttr(nodeKey) + '"' + (optIdx !== null ? ' data-oi="' + optIdx + '"' : '') + '>+ Add Shop</button>';
- }
-
- html += '</div>';
- return html;
- }
-
// ---- Options section ----
function renderOptionsSection(nodeKey, node) {
var options = node.options || [];
var html = '<div class="talk-options">';
- html += '<b class="talk-options-label">Options</b>';
+ html += '<span class="talk-options-label">Options</span>';
if (options.length > 0) {
options.forEach(function(opt, idx) {
html += '<div class="talk-opt-edit-row">';
- html += '<span class="talk-opt-arrow">&#10132;</span>';
- html += '<input class="talk-input" data-tp="nodes.' + escAttr(nodeKey) + '.options.' + idx + '.text" value="' + escAttr(opt.text || '') + '" placeholder="Option text...">';
- html += '<input class="talk-input" data-tp="nodes.' + escAttr(nodeKey) + '.options.' + idx + '.goto" list="talkNodeKeys" value="' + escAttr(opt.goto || '') + '" placeholder="Goto..." style="max-width:120px">';
+ html += '<span class="talk-seq-num">' + (idx + 1) + '</span>';
+ html += '<input class="talk-input talk-opt-text" data-tp="nodes.' + escAttr(nodeKey) + '.options.' + idx + '.text" value="' + escAttr(opt.text || '') + '" placeholder="Option text...">';
+ html += '<input class="talk-input talk-opt-goto" data-tp="nodes.' + escAttr(nodeKey) + '.options.' + idx + '.goto" list="talkNodeKeys" value="' + escAttr(opt.goto || '') + '" placeholder="Goto...">';
html += '<div class="talk-opt-edit-actions">';
if (opt.condition && typeof opt.condition === 'object' && !Array.isArray(opt.condition)) {
html += '<span class="talk-opt-tag talk-opt-tag-cond" title="Has condition" onclick="toggleOptionDetail(event,\'cond\',' + idx + ',\'' + escAttr(nodeKey) + '\')">cond</span>';
} else {
- html += '<button class="talk-add-cond-btn" style="margin:0;margin-bottom:0" data-action="add-condition" data-nk="' + escAttr(nodeKey) + '" data-oi="' + idx + '" title="Add condition">c</button>';
+ html += '<button class="talk-add-cond-btn" style="margin:0;margin-bottom:0" data-action="add-condition" data-nk="' + escAttr(nodeKey) + '" data-oi="' + idx + '" title="Add condition">cond</button>';
}
if (opt.action) {
html += '<span class="talk-opt-tag talk-opt-tag-act" title="Has action" onclick="toggleOptionDetail(event,\'act\',' + idx + ',\'' + escAttr(nodeKey) + '\')">act</span>';
} else {
- html += '<button class="talk-add-act-btn" style="margin:0;margin-bottom:0" data-action="add-action" data-nk="' + escAttr(nodeKey) + '" data-oi="' + idx + '" title="Add action">a</button>';
+ html += '<button class="talk-add-act-btn" style="margin:0;margin-bottom:0" data-action="add-action" data-nk="' + escAttr(nodeKey) + '" data-oi="' + idx + '" title="Add action">act</button>';
}
html += '</div>';
@@ -775,7 +762,9 @@
html += '</div>';
if (opt.condition && typeof opt.condition === 'object' && !Array.isArray(opt.condition)) {
- html += '<div class="talk-opt-detail" id="optDetail_cond_' + idx + '_' + escAttr(nodeKey) + '" style="display:none;margin-left:18px">';
+ var condDetailKey = 'cond_' + idx + '_' + escAttr(nodeKey);
+ var condOpen = window._talkAutoOpenDetails && window._talkAutoOpenDetails.has(condDetailKey) ? 'block' : 'none';
+ html += '<div class="talk-opt-detail" id="optDetail_' + condDetailKey + '" style="display:' + condOpen + ';margin-left:18px">';
html += '<div class="talk-cond-card" style="margin-top:2px">';
html += '<div class="talk-cond-card-header">Condition' +
'<button class="talk-section-remove" data-action="remove-condition" data-nk="' + escAttr(nodeKey) + '" data-oi="' + idx + '">Remove</button></div>';
@@ -786,12 +775,18 @@
html += '</div>';
}
if (opt.action) {
- html += '<div class="talk-opt-detail" id="optDetail_act_' + idx + '_' + escAttr(nodeKey) + '" style="display:none;margin-left:18px">';
- html += '<div class="talk-cond-card-header" style="border:1px solid var(--border);border-radius:5px 5px 0 0">' +
+ var actDetailKey = 'act_' + idx + '_' + escAttr(nodeKey);
+ var actOpen = window._talkAutoOpenDetails && window._talkAutoOpenDetails.has(actDetailKey) ? 'block' : 'none';
+ html += '<div class="talk-opt-detail" id="optDetail_' + actDetailKey + '" style="display:' + actOpen + ';margin-left:18px">';
+ html += '<div class="talk-cond-card" style="margin-top:2px">';
+ html += '<div class="talk-cond-card-header">' +
'<span class="talk-prop-label">Action</span>' +
'<button class="talk-section-remove" data-action="remove-action" data-nk="' + escAttr(nodeKey) + '" data-oi="' + idx + '">Remove</button></div>';
+ html += '<div class="talk-cond-card-body">';
html += renderActionForm(opt.action, 'nodes.' + escAttr(nodeKey) + '.options.' + idx + '.action', nodeKey, idx);
html += '</div>';
+ html += '</div>';
+ html += '</div>';
}
});
} else {
@@ -799,10 +794,10 @@
}
html += '<div class="talk-add-opt-row">' +
- '<span class="talk-opt-arrow" style="color:#555">&#10132;</span>' +
- '<input class="talk-input" id="talkOptText_' + escAttr(nodeKey) + '" placeholder="Option text...">' +
- '<input class="talk-input" id="talkOptGoto_' + escAttr(nodeKey) + '" list="talkNodeKeys" placeholder="Goto..." style="max-width:120px">' +
- '<span style="width:62px;flex-shrink:0"></span>' +
+ '<span class="talk-seq-num" style="color:#555">' + (options.length + 1) + '</span>' +
+ '<input class="talk-input talk-opt-text" id="talkOptText_' + escAttr(nodeKey) + '" placeholder="Option text...">' +
+ '<input class="talk-input talk-opt-goto" id="talkOptGoto_' + escAttr(nodeKey) + '" list="talkNodeKeys" placeholder="Goto...">' +
+ '<span class="talk-opt-gap"></span>' +
'<button class="talk-add-btn" data-action="add-option" data-nk="' + escAttr(nodeKey) + '">Add</button>' +
'</div>';
@@ -816,6 +811,15 @@
if (el) el.style.display = el.style.display === 'none' ? 'block' : 'none';
};
+ window.talkToggleNode = function(nodeKey, nodeEl) {
+ var open = nodeEl.classList.toggle('open');
+ if (open) {
+ window._talkOpenNodes.add(nodeKey);
+ } else {
+ window._talkOpenNodes.delete(nodeKey);
+ }
+ };
+
// ---- Add/Delete Option ----
function addOption(nodeKey) {
@@ -843,22 +847,22 @@
// ---- Add/Delete Sequence Line ----
- function addSequenceLine(nodeKey) {
- var input = document.getElementById('talkSeqAdd_' + nodeKey);
+ function addMessageLine(nodeKey) {
+ var input = document.getElementById('talkMsgAdd_' + nodeKey);
var text = input ? input.value.trim() : '';
var node = talkNodes()[nodeKey];
if (!node) return;
- if (!node.sequence) node.sequence = [];
- node.sequence.push(text);
+ if (!node.messages) node.messages = [];
+ node.messages.push(text);
renderTalkTree(window._talkData);
talkSync();
}
- function deleteSequenceLine(nodeKey, idx) {
+ function deleteMessageLine(nodeKey, idx) {
var node = talkNodes()[nodeKey];
- if (!node || !node.sequence) return;
- node.sequence.splice(idx, 1);
- if (node.sequence.length === 0) delete node.sequence;
+ if (!node || !node.messages) return;
+ node.messages.splice(idx, 1);
+ if (node.messages.length === 0) delete node.messages;
renderTalkTree(window._talkData);
talkSync();
}
@@ -869,6 +873,10 @@
var target = getConditionFor(nodeKey, optIdx);
if (!target) return;
target.action = {};
+ if (optIdx !== null) {
+ window._talkAutoOpenDetails = new Set();
+ window._talkAutoOpenDetails.add('act_' + optIdx + '_' + escAttr(nodeKey));
+ }
renderTalkTree(window._talkData);
talkSync();
}
@@ -899,6 +907,11 @@
var input = document.getElementById(addKeyID);
var key = input ? input.value.trim() : '';
if (!key) return;
+ var valInput = document.getElementById(addKeyID + '_val');
+ var rawVal = valInput ? valInput.value.trim() : 'true';
+ var val = rawVal === 'true' ? true : rawVal === 'false' ? false : rawVal;
+ var numVal = parseFloat(rawVal);
+ if (!isNaN(numVal) && String(numVal) === rawVal) val = numVal;
var basePath = kvPath(nodeKey, optIdx, kvKey);
var obj = talkGet(basePath);
if (!obj || typeof obj !== 'object') {
@@ -906,7 +919,7 @@
obj = talkGet(basePath);
}
if (obj[key] !== undefined) { notify('Flag "' + key + '" already exists.', 'error'); return; }
- obj[key] = true;
+ obj[key] = val;
renderTalkTree(window._talkData);
talkSync();
}
@@ -923,31 +936,28 @@
talkSync();
}
- // ---- Add/Remove Shop Items ----
-
- function addShopItem(nodeKey, optIdx) {
- var actionPath = optIdx !== null ? 'nodes.' + nodeKey + '.options.' + optIdx + '.action' : 'nodes.' + nodeKey + '.action';
- var action = talkGet(actionPath);
- if (!action || typeof action !== 'object') {
- action = {};
- talkSet(actionPath, action);
+ window.talkRenameKV = function(el) {
+ var nodeKey = el.getAttribute('data-nk');
+ var optIdxStr = el.getAttribute('data-oi');
+ var optIdx = optIdxStr !== null ? parseInt(optIdxStr, 10) : null;
+ var kvKey = el.getAttribute('data-kvk');
+ var oldKey = el.getAttribute('data-oldkey');
+ var newKey = el.value.trim();
+ if (!newKey || newKey === oldKey) return;
+ var basePath = optIdx !== null ?
+ 'nodes.' + nodeKey + '.options.' + optIdx + '.action.' + kvKey :
+ 'nodes.' + nodeKey + '.action.' + kvKey;
+ var obj = talkGet(basePath);
+ if (!obj || obj[newKey] !== undefined) {
+ el.value = oldKey;
+ if (obj && obj[newKey] !== undefined) notify('Key "' + newKey + '" already exists.', 'error');
+ return;
}
- if (!action.shop) { action.shop = { items: [] }; }
- if (!action.shop.items) action.shop.items = [];
- action.shop.items.push({ item_id: '', buy_price: 0, sell_price: 0 });
- renderTalkTree(window._talkData);
- talkSync();
- }
-
- function removeShopItem(nodeKey, optIdx, idx) {
- var actionPath = optIdx !== null ? 'nodes.' + nodeKey + '.options.' + optIdx + '.action' : 'nodes.' + nodeKey + '.action';
- var action = talkGet(actionPath);
- if (!action || !action.shop || !action.shop.items) return;
- action.shop.items.splice(idx, 1);
- if (action.shop.items.length === 0) delete action.shop;
+ obj[newKey] = obj[oldKey];
+ delete obj[oldKey];
renderTalkTree(window._talkData);
talkSync();
- }
+ };
// ---- Global event listeners ----
@@ -988,10 +998,10 @@
return;
}
- if (el.id && el.id.startsWith('talkSeqAdd_')) {
+ if (el.id && el.id.startsWith('talkMsgAdd_')) {
e.preventDefault();
- var nk = el.id.replace('talkSeqAdd_', '');
- addSequenceLine(nk);
+ var nk = el.id.replace('talkMsgAdd_', '');
+ addMessageLine(nk);
return;
}
generated by cgit v1.2.3 (git 2.25.1) at 2026-09-08 10:28:32 +0000