Adding a Custom Status Pane and Trying to Fix the Error - Step by Step

[KVonGit]

Discussed in https://github.com/KVonGit/quest-compiler/discussions/6

^{Originally posted by **KVonGit** August 13, 2024} ## Added to game.js ```js function setCustomStatus(s) { el = $('#customStatusPane'); el.html(s); } ``` ---  --- ```bash $ grep "setPanes" * playercore.js:function setPanes(fore, back, secFore, secBack, highlight) { ``` ---  --- ## Added to game.js ```js function setPanes(fore, back, secFore, secBack, highlight) { if (arguments.length == 2) { secFore = back; secBack = fore; } if (arguments.length < 5) { highlight = 'orange' } commandColour = fore; for (i = 0; i < elements.length; i++) { setElement(elements[i], fore, back); } for (i = 0; i < dirs.length; i++) { setElement(dirs[i], fore, back); } var head = $('head'); head.append(''); head.append(''); head.append(''); head.append(''); head.append(''); head.append(''); //$('.ui-button-text').css('color', fore); //$('.ui-state-active').css('color', fore); //$('.ui-widget-content').css('color', fore); } ``` ---  ---  --- ## Added to game.js ```js elements = [ '#statusVarsLabel', '#statusVarsAccordion',// '#statusVars', '#inventoryLabel', '#inventoryAccordion', '#inventoryAccordion.ui-widget-content', '#placesObjectsLabel', '#placesObjectsAccordion', '#placesObjectsAccordion.ui-widget-content', '#compassLabel', '#compassAccordion', '.ui-button', //'.ui-button-text', '#commandPane', '#customStatusPane' ]; ``` ---  ---  --- ## Added to game.js ```js dirs = ['N', 'E', 'S', 'W', 'NW', 'NE', 'SW', 'SE', 'U', 'In', 'D', 'Out']; commandColour = 'orange' function setElement(name, fore, back) { el = $(name); el.css('background', back); el.css('color', fore); el.css('border', 'solid 1px ' + fore); if (endsWith(name, "Accordion")) { el.css('border-top', 'none'); } } ``` ---  ---  --- ## Added to game.js ```js function endsWith(str, suffix) { return str.indexOf(suffix, str.length - suffix.length) !== -1; } ``` ---  ---  ---  --- https://github.com/textadventures/quest/blob/63f159054e088a40b3b22ed1954392c4d3cb9974/PlayerController/playercore.htm#L56C13-L58C19 --- ## Added to index.htm ```html

Status

``` ---  ---  ---  --- Success?

[KVonGit]

Here are the two modified files (game.js, and index.htm) from the converter's directory:

https://gist.githubusercontent.com/KVonGit/177267e19099ab14510b90e5d45c5271/raw/cf886cdde985e5d26185f6cd32e758d8b6d789c1/game.js

https://gist.githubusercontent.com/KVonGit/c02f1149acebab42c7cce30bfca74e97/raw/4e247058569d0be10476ad75648c3e4981747aa7/index.htm

[KVonGit]

Just uploaded updated game.js and a new release that fixes lots of stuff, probably breaks some stuff too, but I didn't see anything after playing for a couple of minutes.

Closing this one.