This commit is contained in:
thepaperpilot 2022-12-04 01:21:38 +00:00
parent 2cd1e5fac6
commit c6e034bdda
96 changed files with 122 additions and 121 deletions
public/kronos/docs/custom-tab-layouts

View file

@ -36,7 +36,7 @@
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">upgrades</span><span style="color:#89DDFF;">&quot;</span></span>
<span class="line"><span style="color:#A6ACCD;">]</span></span>
<span class="line"></span></code></pre></div><p>It is a list of components, which can be either just a name, or an array with arguments. If it&#39;s an array, the first item is the name of the component, the second is the data passed into it, and the third (optional) applies a CSS style to it with a &quot;CSS object&quot;, where the keys are CSS attributes.</p><p>These are the existing components, but you can create more in <a href="/js/components.js">components.js</a>:</p><ul><li><p>display-text: Displays some text (can use basic HTML). The argument is the text to display. It can also be a function that returns updating text.</p></li><li><p>raw-html: Displays some basic HTML, can also be a function.</p></li><li><p>blank: Adds empty space. The default dimensions are 8px x 17px. The argument changes the dimensions. If it&#39;s a single value (e.g. &quot;20px&quot;), that determines the height. If you have a pair of arguments, the first is width and the second is height.</p></li><li><p>row: Display a list of components horizontally. The argument is an array of components in the tab layout format.</p></li><li><p>column: Display a list of components vertically. The argument is an array of components in the tab layout format. This is useful to display columns within a row.</p></li><li><p>main-display: The text that displays the main currency for the layer and its effects. The argument is the amount of precision to use, allowing it to display non-whole numbers.</p></li><li><p>resource-display: The text that displays the currency that this layer is based on, as well as the best and/or total values for this layer&#39;s prestige currency (if they are put in <code>startData</code> for this layer).</p></li><li><p>prestige-button: The argument is a string that the prestige button should say before the amount of currency you will gain. It can also be a function that returns updating text.</p></li><li><p>text-input: A text input box. The argument is the name of the variable in player[layer] that the input is for, player[layer][argument] (Works with strings, numbers, and Decimals!)</p></li><li><p>slider: Lets the user input a value with a slider. The argument a 3-element array: [name, min, max]. The name is the name of the variable in player[layer] that the input that the input is for, and min and max are the limits of the slider. (Does not work for Decimal values)</p></li><li><p>upgrades: The layer&#39;s upgrades. The argument is optional, and is a the list of rows this component should include, if it doesn&#39;t have all of them.</p></li><li><p>milestones, challenges, achievements: Display the upgrades, milestones, and challenges for a layer, as appropriate.</p></li><li><p>buyables, clickables: Display all of the buyables/clickables for this layer, as appropriate. The argument is optional and is the size of the boxes in pixels.</p></li><li><p>microtabs: Display a set of subtabs for an area. The argument is the name of the set of microtabs in the &quot;microtabs&quot; feature.</p></li><li><p>bar: Display a bar. The argument is the id of the bar to display.</p></li><li><p>infobox: Display an infobox. The argument is the id of the infobox to display.</p></li><li><p>tree: Displays a tree. The argument is an array of arrays containing the names of the nodes in the tree (first by row, then by column) <a href="./trees-and-tree-customization">See here for more information on tree layouts and nodes!</a></p></li><li><p>toggle: A toggle button that toggles a bool value. The argument is a pair that identifies the location in player of the bool to toggle, e.g. <code>[layer, id]</code>. &#39;layer&#39; also affects the color of the toggle.</p></li><li><p>grid: Displays the gridable grid for the layer. If you need more than one grid, use a layer proxy.</p></li><li><p>layer-proxy: Lets you use components from another layer. The argument is a pair, <code>[layer, data]</code>, consisting of the id of the layer to proxy from, and the tabFormat for the components to show. (Note: you cannot use a microtab within a layer proxy)</p></li></ul><p>The rest of the components are sub-components. They can be used just like other components, but are typically part of another component.</p><ul><li><p>upgrade, milestone, challenge, buyable, clickable, achievement, gridable: An individual upgrade, challenge, etc. The argument is the id. This can be used if you want to have upgrades split up across multiple subtabs, for example.</p></li><li><p>respec-button, master-button: The respec and master buttons for buyables and clickables, respectively.</p></li><li><p>sell-one, sell-all: The &quot;sell one&quot; and &quot;sell all&quot; for buyables, respectively. The argument is the id of the buyable.</p></li></ul></div></div></main><!--[--><!--]--><!----><!--[--><!--]--></div></div></div></div></div><!----><!--[--><!--]--></div></div>
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide-to-incrementals_design_introduction.md\":\"38daee51\",\"guide-to-incrementals_index.md\":\"5d93b5e4\",\"guide-to-incrementals_ludology_appeal-developers.md\":\"ef988d03\",\"guide-to-incrementals_ludology_appeal-gamers.md\":\"e2ccfe16\",\"guide-to-incrementals_ludology_content.md\":\"8399cc9d\",\"guide-to-incrementals_ludology_definition.md\":\"b8d4c239\",\"index.md\":\"c317039f\",\"projects_babble_index.md\":\"6831efa7\",\"projects_citadel_index.md\":\"edcf7778\",\"projects_dice_index.md\":\"cb88bd36\",\"projects_index.md\":\"7a1fc510\",\"projects_optispeech_index.md\":\"e8ba915a\",\"projects_vecs_index.md\":\"b55393e7\",\"public_gamedevtree_2.0-format-changes.md\":\"869c95cb\",\"public_gamedevtree_readme.md\":\"552fe2c4\",\"public_gamedevtree_changelog.md\":\"d359af81\",\"public_gamedevtree_docs_!general-info.md\":\"b54b0405\",\"public_gamedevtree_docs_achievements.md\":\"dcac48ff\",\"public_gamedevtree_docs_bars.md\":\"5f67f039\",\"public_gamedevtree_docs_basic-layer-breakdown.md\":\"7761b77c\",\"public_gamedevtree_docs_buyables.md\":\"0150160d\",\"public_gamedevtree_docs_challenges.md\":\"0c6f4a98\",\"public_gamedevtree_docs_clickables.md\":\"31209e1f\",\"public_gamedevtree_docs_custom-tab-layouts.md\":\"c0fbc4e0\",\"public_gamedevtree_docs_getting-started.md\":\"8c2ddda0\",\"public_gamedevtree_docs_infoboxes.md\":\"7a0953be\",\"public_gamedevtree_docs_layer-features.md\":\"a7640a7f\",\"public_gamedevtree_docs_main-mod-info.md\":\"6f790508\",\"public_gamedevtree_docs_milestones.md\":\"264c8c9a\",\"public_gamedevtree_docs_subtabs-and-microtabs.md\":\"a5ee4ade\",\"public_gamedevtree_docs_updating-tmt.md\":\"0237de18\",\"public_gamedevtree_docs_upgrades.md\":\"ac3bddbc\",\"public_kronos_old things_2.0-format-changes.md\":\"33740b7e\",\"public_kronos_readme.md\":\"b02e146e\",\"public_kronos_changelog.md\":\"8c678677\",\"public_kronos_docs_!general-info.md\":\"a850fc5c\",\"public_kronos_docs_achievements.md\":\"50170b22\",\"public_kronos_docs_bars.md\":\"e362dd22\",\"public_kronos_docs_basic-layer-breakdown.md\":\"c5012569\",\"public_kronos_docs_buyables.md\":\"18df767f\",\"public_kronos_docs_challenges.md\":\"e035cc8c\",\"public_kronos_docs_clickables.md\":\"0b620d80\",\"public_kronos_docs_custom-tab-layouts.md\":\"83ea4ec4\",\"public_kronos_docs_getting-started.md\":\"bbfb2db6\",\"public_kronos_docs_grids.md\":\"53210faa\",\"public_kronos_docs_infoboxes.md\":\"1e520ae7\",\"public_kronos_docs_layer-features.md\":\"13746ddd\",\"public_kronos_docs_main-mod-info.md\":\"880d3987\",\"public_kronos_docs_milestones.md\":\"ddaaade5\",\"public_kronos_docs_particles.md\":\"78d816e8\",\"public_kronos_docs_subtabs-and-microtabs.md\":\"f0ff58d5\",\"public_kronos_docs_trees-and-tree-customization.md\":\"763f6e41\",\"public_kronos_docs_updating-tmt.md\":\"3d630d86\",\"public_kronos_docs_upgrades.md\":\"e5295c4b\",\"public_lit_old things_2.0-format-changes.md\":\"e73a9b99\",\"public_lit_readme.md\":\"241d60e2\",\"public_lit_changelog.md\":\"08f37d7f\",\"public_lit_docs_!general-info.md\":\"e02fc830\",\"public_lit_docs_achievements.md\":\"9bdd1682\",\"public_lit_docs_bars.md\":\"51d95f97\",\"public_lit_docs_basic-layer-breakdown.md\":\"c311548b\",\"public_lit_docs_buyables.md\":\"cdd4074b\",\"public_lit_docs_challenges.md\":\"ff75af2d\",\"public_lit_docs_clickables.md\":\"2c4bf6c0\",\"public_lit_docs_custom-tab-layouts.md\":\"4ef7b79a\",\"public_lit_docs_getting-started.md\":\"1abd3c25\",\"public_lit_docs_infoboxes.md\":\"6e888c51\",\"public_lit_docs_layer-features.md\":\"77bde097\",\"public_lit_docs_main-mod-info.md\":\"c984b67a\",\"public_lit_docs_milestones.md\":\"05858e62\",\"public_lit_docs_subtabs-and-microtabs.md\":\"84373a35\",\"public_lit_docs_trees-and-tree-customization.md\":\"083d2a32\",\"public_lit_docs_updating-tmt.md\":\"6dce2005\",\"public_lit_docs_upgrades.md\":\"967aa760\"}")</script>
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide-to-incrementals_design_introduction.md\":\"38daee51\",\"guide-to-incrementals_index.md\":\"5d93b5e4\",\"guide-to-incrementals_ludology_appeal-developers.md\":\"ef988d03\",\"guide-to-incrementals_ludology_appeal-gamers.md\":\"e2ccfe16\",\"guide-to-incrementals_ludology_content.md\":\"8399cc9d\",\"guide-to-incrementals_ludology_definition.md\":\"b8d4c239\",\"index.md\":\"404ad3bd\",\"projects_babble_index.md\":\"5eeb67f6\",\"projects_citadel_index.md\":\"8b6ae5c7\",\"projects_dice_index.md\":\"f92012e3\",\"projects_index.md\":\"2b4bf679\",\"projects_optispeech_index.md\":\"7018b98f\",\"projects_vecs_index.md\":\"ef200041\",\"public_gamedevtree_2.0-format-changes.md\":\"869c95cb\",\"public_gamedevtree_readme.md\":\"552fe2c4\",\"public_gamedevtree_changelog.md\":\"d359af81\",\"public_gamedevtree_docs_!general-info.md\":\"b54b0405\",\"public_gamedevtree_docs_achievements.md\":\"dcac48ff\",\"public_gamedevtree_docs_bars.md\":\"5f67f039\",\"public_gamedevtree_docs_basic-layer-breakdown.md\":\"7761b77c\",\"public_gamedevtree_docs_buyables.md\":\"0150160d\",\"public_gamedevtree_docs_challenges.md\":\"0c6f4a98\",\"public_gamedevtree_docs_clickables.md\":\"31209e1f\",\"public_gamedevtree_docs_custom-tab-layouts.md\":\"c0fbc4e0\",\"public_gamedevtree_docs_getting-started.md\":\"8c2ddda0\",\"public_gamedevtree_docs_infoboxes.md\":\"7a0953be\",\"public_gamedevtree_docs_layer-features.md\":\"a7640a7f\",\"public_gamedevtree_docs_main-mod-info.md\":\"6f790508\",\"public_gamedevtree_docs_milestones.md\":\"264c8c9a\",\"public_gamedevtree_docs_subtabs-and-microtabs.md\":\"a5ee4ade\",\"public_gamedevtree_docs_updating-tmt.md\":\"0237de18\",\"public_gamedevtree_docs_upgrades.md\":\"ac3bddbc\",\"public_kronos_old things_2.0-format-changes.md\":\"33740b7e\",\"public_kronos_readme.md\":\"b02e146e\",\"public_kronos_changelog.md\":\"8c678677\",\"public_kronos_docs_!general-info.md\":\"a850fc5c\",\"public_kronos_docs_achievements.md\":\"50170b22\",\"public_kronos_docs_bars.md\":\"e362dd22\",\"public_kronos_docs_basic-layer-breakdown.md\":\"c5012569\",\"public_kronos_docs_buyables.md\":\"18df767f\",\"public_kronos_docs_challenges.md\":\"e035cc8c\",\"public_kronos_docs_clickables.md\":\"0b620d80\",\"public_kronos_docs_custom-tab-layouts.md\":\"83ea4ec4\",\"public_kronos_docs_getting-started.md\":\"bbfb2db6\",\"public_kronos_docs_grids.md\":\"53210faa\",\"public_kronos_docs_infoboxes.md\":\"1e520ae7\",\"public_kronos_docs_layer-features.md\":\"13746ddd\",\"public_kronos_docs_main-mod-info.md\":\"880d3987\",\"public_kronos_docs_milestones.md\":\"ddaaade5\",\"public_kronos_docs_particles.md\":\"78d816e8\",\"public_kronos_docs_subtabs-and-microtabs.md\":\"f0ff58d5\",\"public_kronos_docs_trees-and-tree-customization.md\":\"763f6e41\",\"public_kronos_docs_updating-tmt.md\":\"3d630d86\",\"public_kronos_docs_upgrades.md\":\"e5295c4b\",\"public_lit_old things_2.0-format-changes.md\":\"e73a9b99\",\"public_lit_readme.md\":\"241d60e2\",\"public_lit_changelog.md\":\"08f37d7f\",\"public_lit_docs_!general-info.md\":\"e02fc830\",\"public_lit_docs_achievements.md\":\"9bdd1682\",\"public_lit_docs_bars.md\":\"51d95f97\",\"public_lit_docs_basic-layer-breakdown.md\":\"c311548b\",\"public_lit_docs_buyables.md\":\"cdd4074b\",\"public_lit_docs_challenges.md\":\"ff75af2d\",\"public_lit_docs_clickables.md\":\"2c4bf6c0\",\"public_lit_docs_custom-tab-layouts.md\":\"4ef7b79a\",\"public_lit_docs_getting-started.md\":\"1abd3c25\",\"public_lit_docs_infoboxes.md\":\"6e888c51\",\"public_lit_docs_layer-features.md\":\"77bde097\",\"public_lit_docs_main-mod-info.md\":\"c984b67a\",\"public_lit_docs_milestones.md\":\"05858e62\",\"public_lit_docs_subtabs-and-microtabs.md\":\"84373a35\",\"public_lit_docs_trees-and-tree-customization.md\":\"083d2a32\",\"public_lit_docs_updating-tmt.md\":\"6dce2005\",\"public_lit_docs_upgrades.md\":\"967aa760\"}")</script>
<script type="module" async src="/assets/app.99998402.js"></script>
</body>