diff --git a/src/components/features/Buyable.vue b/src/components/features/Buyable.vue index e25f289..bb9d296 100644 --- a/src/components/features/Buyable.vue +++ b/src/components/features/Buyable.vue @@ -90,8 +90,9 @@ export default { diff --git a/src/components/features/Clickables.vue b/src/components/features/Clickables.vue index 36b6a6b..d5f8741 100644 --- a/src/components/features/Clickables.vue +++ b/src/components/features/Clickables.vue @@ -26,7 +26,10 @@ export default { props: { layer: String, clickables: Array, - showMaster: Boolean, + showMaster: { + type: Boolean, + default: null + }, height: { type: [ Number, String ], default: "inherit" @@ -37,18 +40,19 @@ export default { return getFiltered(layers[this.layer || this.tab.layer].clickables, this.clickables); }, showMasterButton() { - if (layers[this.layer || this.tab.layer].clickables.masterButtonPress == undefined) { + console.log(layers[this.layer || this.tab.layer].clickables?.masterButtonClick, this.showMaster, layers[this.layer || this.tab.layer].clickables?.showMaster) + if (layers[this.layer || this.tab.layer].clickables?.masterButtonClick == undefined) { return false; } if (this.showMaster != undefined) { return this.showMaster; } - return layers[this.layer || this.tab.layer].clickables.showMaster; + return layers[this.layer || this.tab.layer].clickables?.showMaster; } }, methods: { - respec() { - layers[this.layer || this.tab.layer].clickables.masterButtonPress(); + press() { + layers[this.layer || this.tab.layer].clickables.masterButtonClick(); } } }; diff --git a/src/components/features/DefaultUpgradeDisplay.vue b/src/components/features/DefaultUpgradeDisplay.vue index c348770..a7831a6 100644 --- a/src/components/features/DefaultUpgradeDisplay.vue +++ b/src/components/features/DefaultUpgradeDisplay.vue @@ -26,7 +26,7 @@ export default { }, title() { if (this.upgrade.title) { - return coerceComponent(this.upgrade.title, 'h2'); + return coerceComponent(this.upgrade.title, 'h3'); } return null; }, diff --git a/src/components/features/MasterButton.vue b/src/components/features/MasterButton.vue index e94e394..35063e7 100644 --- a/src/components/features/MasterButton.vue +++ b/src/components/features/MasterButton.vue @@ -1,5 +1,5 @@ @@ -29,6 +29,9 @@ export default { if (this.display) { return coerceComponent(this.display); } + if (layers[this.layer || this.tab.layer].clickables?.masterButtonDisplay) { + return coerceComponent(layers[this.layer || this.tab.layer].clickables?.masterButtonDisplay); + } return coerceComponent("Click Me!"); } }, diff --git a/src/components/system/Tabs.vue b/src/components/system/Tabs.vue index 7fdf6cb..8dfcb0a 100644 --- a/src/components/system/Tabs.vue +++ b/src/components/system/Tabs.vue @@ -112,5 +112,6 @@ export default { .tab > [data-simplebar] > .simplebar-wrapper > .simplebar-mask > .simplebar-offset > .simplebar-content-wrapper > .simplebar-content { flex-direction: column; min-height: 100%; + display: flex; } diff --git a/src/data/layers/aca/f.js b/src/data/layers/aca/f.js index 1c826c0..c0fc0eb 100644 --- a/src/data/layers/aca/f.js +++ b/src/data/layers/aca/f.js @@ -50,21 +50,21 @@ export default { // This is also non minimal, a Clickable! clickables: { - masterButtonPress() { + masterButtonClick() { if (getClickableState(this.layer, 11) == "Borkened...") player[this.layer].clickables[11] = "Start" }, - masterButtonText() {return (getClickableState(this.layer, 11) == "Borkened...") ? "Fix the clickable!" : "Does nothing"}, // Text on Respec button, optional + masterButtonDisplay() {return (getClickableState(this.layer, 11) == "Borkened...") ? "Fix the clickable!" : "Does nothing"}, // Text on Respec button, optional 11: { - title: "Clicky clicky!", // Optional, displayed at the top in a larger font - display() { // Everything else displayed in the buyable button after the title + titleDisplay: "Clicky clicky!", // Optional, displayed at the top in a larger font + descriptionDisplay() { // Everything else displayed in the buyable button after the title let data = getClickableState(this.layer, this.id) return "Current state:
" + data }, unlocked() { return player[this.layer].unlocked }, canClick() { return getClickableState(this.layer, this.id) !== "Borkened..."}, - onClick() { + click() { switch(getClickableState(this.layer, this.id)){ case "Start": player[this.layer].clickables[this.id] = "A new state!" diff --git a/src/store/layers.js b/src/store/layers.js index fa268d6..143f59e 100644 --- a/src/store/layers.js +++ b/src/store/layers.js @@ -283,8 +283,17 @@ export function addLayer(layer, player = null) { layer.clickables[id].stateSet = function(state) { player[layer.id].clickables[id] = state; } + if (layer.clickables[id].click != undefined) { + layer.clickables[id].click.forceCached = false; + } } } + if (layer.clickables.masterButtonClick != undefined) { + layer.clickables.masterButtonClick.forceCached = false; + } + if (layer.clickables.showMaster == undefined && layer.clickables.masterButtonDisplay != undefined) { + layer.clickables.showMaster = true; + } } if (layer.milestones) { for (let id in layer.milestones) {