mirror of
https://github.com/CHOMPStation2/CHOMPStation2.git
synced 2025-12-10 10:12:45 +00:00
Merge pull request #8631 from ShadowLarkens/tgui_vorepanel
TGUI Vore Panel
This commit is contained in:
Novacat
GitHub
@@ -43,7 +43,7 @@
|
||||
M.verbs += /mob/living/proc/switch_scaling
|
||||
if(M.no_vore) //If the mob isn't supposed to have a stomach, let's not give it an insidepanel so it can make one for itself, or a stomach.
|
||||
return TRUE
|
||||
M.vorePanel = new
|
||||
M.vorePanel = new(M)
|
||||
M.verbs += /mob/living/proc/insidePanel
|
||||
|
||||
//Tries to load prefs if a client is present otherwise gives freebie stomach
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
656
tgui/packages/tgui/interfaces/VorePanel.js
Normal file
656
tgui/packages/tgui/interfaces/VorePanel.js
Normal file
@@ -0,0 +1,656 @@
|
||||
import { round } from 'common/math';
|
||||
import { capitalize } from 'common/string';
|
||||
import { Fragment } from 'inferno';
|
||||
import { useBackend, useLocalState } from "../backend";
|
||||
import { Box, Button, Flex, Collapsible, Icon, LabeledList, NoticeBox, Section, Tabs } from "../components";
|
||||
import { Window } from "../layouts";
|
||||
|
||||
const stats = [
|
||||
null,
|
||||
'average',
|
||||
'bad',
|
||||
];
|
||||
|
||||
const digestModeToColor = {
|
||||
"Hold": null,
|
||||
"Digest": "red",
|
||||
"Absorb": "purple",
|
||||
"Unabsorb": "purple",
|
||||
"Drain": "purple",
|
||||
"Shrink": "purple",
|
||||
"Grow": "purple",
|
||||
"Size Steal": "purple",
|
||||
"Heal": "purple",
|
||||
"Encase In Egg": "purple",
|
||||
"Transform": "purple",
|
||||
"Transform (Hair and eyes)": "purple",
|
||||
"Transform (Male)": "purple",
|
||||
"Transform (Female)": "purple",
|
||||
"Transform (Keep Gender)": "purple",
|
||||
"Transform (Replica Of Self)": "purple",
|
||||
"Transform (Change Species and Taur)": "purple",
|
||||
"Transform (Change Species and Taur) (EGG)": "purple",
|
||||
"Transform (Replica Of Self) (EGG)": "purple",
|
||||
"Transform (Keep Gender) (EGG)": "purple",
|
||||
"Transform (Male) (EGG)": "purple",
|
||||
"Transform (Female) (EGG)": "purple",
|
||||
};
|
||||
|
||||
const digestModeToPreyMode = {
|
||||
"Hold": "being held.",
|
||||
"Digest": "being digested.",
|
||||
"Absorb": "being absorbed.",
|
||||
"Unabsorb": "being unabsorbed.",
|
||||
"Drain": "being drained.",
|
||||
"Shrink": "being shrunken.",
|
||||
"Grow": "being grown.",
|
||||
"Size Steal": "having your size stolen.",
|
||||
"Heal": "being healed.",
|
||||
"Encase In Egg": "being encased in an egg.",
|
||||
"Transform": "being transformed.",
|
||||
"Transform (Hair and eyes)": "being transformed.",
|
||||
"Transform (Male)": "being transformed.",
|
||||
"Transform (Female)": "being transformed.",
|
||||
"Transform (Keep Gender)": "being transformed.",
|
||||
"Transform (Replica Of Self)": "being transformed.",
|
||||
"Transform (Change Species and Taur)": "being transformed.",
|
||||
"Transform (Change Species and Taur) (EGG)": "being transformed.",
|
||||
"Transform (Replica Of Self) (EGG)": "being transformed.",
|
||||
"Transform (Keep Gender) (EGG)": "being transformed.",
|
||||
"Transform (Male) (EGG)": "being transformed.",
|
||||
"Transform (Female) (EGG)": "being transformed.",
|
||||
};
|
||||
|
||||
/**
|
||||
* There are three main sections to this UI.
|
||||
* - The Inside Panel, where all relevant data for interacting with a belly you're in is located.
|
||||
* - The Belly Selection Panel, where you can select what belly people will go into and customize the active one.
|
||||
* - User Preferences, where you can adjust all of your vore preferences on the fly.
|
||||
*/
|
||||
export const VorePanel = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
return (
|
||||
<Window width={700} height={660} resizable>
|
||||
<Window.Content scrollable>
|
||||
{data.unsaved_changes && (
|
||||
<NoticeBox danger>
|
||||
<Flex>
|
||||
<Flex.Item basis="90%">
|
||||
Warning: Unsaved Changes!
|
||||
</Flex.Item>
|
||||
<Flex.Item>
|
||||
<Button
|
||||
content="Save Prefs"
|
||||
icon="save"
|
||||
onClick={() => act("saveprefs")} />
|
||||
</Flex.Item>
|
||||
</Flex>
|
||||
</NoticeBox>
|
||||
) || null}
|
||||
<VoreInsidePanel />
|
||||
<VoreBellySelectionAndCustomization />
|
||||
<VoreUserPreferences />
|
||||
</Window.Content>
|
||||
</Window>
|
||||
);
|
||||
};
|
||||
|
||||
const VoreInsidePanel = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
|
||||
const {
|
||||
absorbed,
|
||||
belly_name,
|
||||
belly_mode,
|
||||
desc,
|
||||
pred,
|
||||
contents,
|
||||
ref,
|
||||
} = data.inside;
|
||||
|
||||
if (!belly_name) {
|
||||
return (
|
||||
<Section title="Inside">
|
||||
You aren't inside anyone.
|
||||
</Section>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<Section title="Inside">
|
||||
<Box color="green" inline>You are currently {absorbed ? "absorbed into" : "inside"}</Box>
|
||||
<Box color="yellow" inline>{pred}'s</Box>
|
||||
<Box color="red" inline>{belly_name}</Box>
|
||||
<Box color="yellow" inline>and you are</Box>
|
||||
<Box color={digestModeToColor[belly_mode]} inline>{digestModeToPreyMode[belly_mode]}</Box>
|
||||
<Box color="label">
|
||||
{desc}
|
||||
</Box>
|
||||
{contents.length && (
|
||||
<Collapsible title="Belly Contents">
|
||||
<VoreContentsPanel contents={contents} belly={ref} />
|
||||
</Collapsible>
|
||||
) || "There is nothing else around you."}
|
||||
</Section>
|
||||
);
|
||||
};
|
||||
|
||||
const VoreBellySelectionAndCustomization = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
|
||||
const {
|
||||
our_bellies,
|
||||
selected,
|
||||
} = data;
|
||||
|
||||
return (
|
||||
<Section title="My Bellies">
|
||||
<Tabs>
|
||||
{our_bellies.map(belly => (
|
||||
<Tabs.Tab
|
||||
key={belly.name}
|
||||
color={belly.selected ? "green" : digestModeToColor[belly.digest_mode]}
|
||||
onClick={() => act("bellypick", { bellypick: belly.ref })}>
|
||||
<Box inline color={belly.selected && digestModeToColor[belly.digest_mode] || null}>
|
||||
{belly.name} ({belly.contents})
|
||||
</Box>
|
||||
</Tabs.Tab>
|
||||
))}
|
||||
<Tabs.Tab onClick={() => act("newbelly")}>
|
||||
New
|
||||
<Icon name="plus" ml={0.5} />
|
||||
</Tabs.Tab>
|
||||
</Tabs>
|
||||
{selected && <VoreSelectedBelly belly={selected} />}
|
||||
</Section>
|
||||
);
|
||||
};
|
||||
|
||||
/**
|
||||
* Subtemplate of VoreBellySelectionAndCustomization
|
||||
*/
|
||||
const VoreSelectedBelly = (props, context) => {
|
||||
const { act } = useBackend(context);
|
||||
|
||||
const { belly } = props;
|
||||
const {
|
||||
belly_name,
|
||||
is_wet,
|
||||
wet_loop,
|
||||
mode,
|
||||
item_mode,
|
||||
verb,
|
||||
desc,
|
||||
fancy,
|
||||
sound,
|
||||
release_sound,
|
||||
can_taste,
|
||||
nutrition_percent,
|
||||
digest_brute,
|
||||
digest_burn,
|
||||
bulge_size,
|
||||
shrink_grow_size,
|
||||
addons,
|
||||
contaminates,
|
||||
contaminate_flavor,
|
||||
contaminate_color,
|
||||
escapable,
|
||||
interacts,
|
||||
contents,
|
||||
} = belly;
|
||||
|
||||
const [tabIndex, setTabIndex] = useLocalState(context, 'tabIndex', 0);
|
||||
|
||||
return (
|
||||
<Fragment>
|
||||
<Tabs>
|
||||
<Tabs.Tab selected={tabIndex === 0} onClick={() => setTabIndex(0)}>
|
||||
Controls
|
||||
</Tabs.Tab>
|
||||
<Tabs.Tab selected={tabIndex === 1} onClick={() => setTabIndex(1)}>
|
||||
Options
|
||||
</Tabs.Tab>
|
||||
<Tabs.Tab selected={tabIndex === 2} onClick={() => setTabIndex(2)}>
|
||||
Contents ({contents.length})
|
||||
</Tabs.Tab>
|
||||
<Tabs.Tab selected={tabIndex === 3} onClick={() => setTabIndex(3)}>
|
||||
Interactions
|
||||
</Tabs.Tab>
|
||||
</Tabs>
|
||||
{tabIndex === 0 && (
|
||||
<LabeledList>
|
||||
<LabeledList.Item label="Name">
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_name" })}
|
||||
content={belly_name} />
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Mode">
|
||||
<Button
|
||||
color={digestModeToColor[mode]}
|
||||
onClick={() => act("set_attribute", { attribute: "b_mode" })}
|
||||
content={mode} />
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Flavor Text" buttons={
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_desc" })}
|
||||
icon="pen" />
|
||||
}>
|
||||
{desc}
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Mode Addons">
|
||||
{addons.length && addons.join(", ") || "None"}
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_addons" })}
|
||||
ml={1}
|
||||
icon="plus" />
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Item Mode">
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_item_mode" })}
|
||||
content={item_mode} />
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Vore Verb">
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_verb" })}
|
||||
content={verb} />
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Belly Messages">
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_msgs", msgtype: "dmp" })}
|
||||
content="Digest Message (to prey)" />
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_msgs", msgtype: "dmo" })}
|
||||
content="Digest Message (to you)" />
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_msgs", msgtype: "smo" })}
|
||||
content="Struggle Message (outside)" />
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_msgs", msgtype: "smi" })}
|
||||
content="Struggle Message (inside)" />
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_msgs", msgtype: "em" })}
|
||||
content="Examine Message (when full)" />
|
||||
<Button
|
||||
color="red"
|
||||
onClick={() => act("set_attribute", { attribute: "b_msgs", msgtype: "reset" })}
|
||||
content="Reset Messages" />
|
||||
</LabeledList.Item>
|
||||
</LabeledList>
|
||||
) || tabIndex === 1 && (
|
||||
<Flex wrap="wrap">
|
||||
<Flex.Item basis="49%" grow={1}>
|
||||
<LabeledList>
|
||||
<LabeledList.Item label="Digest Brute Damage">
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_brute_dmg" })}
|
||||
content={digest_brute} />
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Digest Burn Damage">
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_burn_dmg" })}
|
||||
content={digest_burn} />
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Nutritional Gain">
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_nutritionpercent" })}
|
||||
content={nutrition_percent + "%"} />
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Contaminates">
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_contaminates" })}
|
||||
icon={contaminates ? "toggle-on" : "toggle-off"}
|
||||
selected={contaminates}
|
||||
content={contaminates ? "Yes" : "No"} />
|
||||
</LabeledList.Item>
|
||||
{contaminates && (
|
||||
<Fragment>
|
||||
<LabeledList.Item label="Contamination Flavor">
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_contamination_flavor" })}
|
||||
icon="pen"
|
||||
content={contaminate_flavor} />
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Contamination Color">
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_contamination_color" })}
|
||||
icon="pen"
|
||||
content={capitalize(contaminate_color)} />
|
||||
</LabeledList.Item>
|
||||
</Fragment>
|
||||
) || null}
|
||||
<LabeledList.Item label="Can Taste">
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_tastes" })}
|
||||
icon={can_taste ? "toggle-on" : "toggle-off"}
|
||||
selected={can_taste}
|
||||
content={can_taste ? "Yes" : "No"} />
|
||||
</LabeledList.Item>
|
||||
</LabeledList>
|
||||
</Flex.Item>
|
||||
<Flex.Item basis="49%" grow={1}>
|
||||
<LabeledList>
|
||||
<LabeledList.Item label="Fleshy Belly">
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_wetness" })}
|
||||
icon={is_wet ? "toggle-on" : "toggle-off"}
|
||||
selected={is_wet}
|
||||
content={is_wet ? "Yes" : "No"} />
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Internal Loop">
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_wetloop" })}
|
||||
icon={wet_loop ? "toggle-on" : "toggle-off"}
|
||||
selected={wet_loop}
|
||||
content={wet_loop ? "Yes" : "No"} />
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Use Fancy Sounds">
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_fancy_sound" })}
|
||||
icon={fancy ? "toggle-on" : "toggle-off"}
|
||||
selected={fancy}
|
||||
content={fancy ? "Yes" : "No"} />
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Vore Sound">
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_sound" })}
|
||||
content={sound} />
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_soundtest" })}
|
||||
icon="volume-up" />
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Release Sound">
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_release" })}
|
||||
content={release_sound} />
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_releasesoundtest" })}
|
||||
icon="volume-up" />
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Required Examine Size">
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_bulge_size" })}
|
||||
content={bulge_size * 100 + "%"} />
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Shrink/Grow Size">
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_grow_shrink" })}
|
||||
content={shrink_grow_size * 100 + "%"} />
|
||||
</LabeledList.Item>
|
||||
</LabeledList>
|
||||
</Flex.Item>
|
||||
<Flex.Item basis="100%" mt={1}>
|
||||
<Button.Confirm
|
||||
fluid
|
||||
icon="exclamation-triangle"
|
||||
confirmIcon="trash"
|
||||
color="red"
|
||||
content="Delete Belly"
|
||||
confirmContent="This is irreversable!"
|
||||
onClick={() => act("set_attribute", { attribute: "b_del" })} />
|
||||
</Flex.Item>
|
||||
</Flex>
|
||||
) || tabIndex === 2 && (
|
||||
<VoreContentsPanel contents={contents} />
|
||||
) || tabIndex === 3 && (
|
||||
<Section title="Belly Interactions" buttons={
|
||||
<Button
|
||||
onClick={() => act("set_attribute", { attribute: "b_escapable" })}
|
||||
icon={escapable ? "toggle-on" : "toggle-off"}
|
||||
selected={escapable}
|
||||
content={escapable ? "Interactions On" : "Interactions Off"} />
|
||||
}>
|
||||
{escapable ? (
|
||||
<LabeledList>
|
||||
<LabeledList.Item label="Escape Chance">
|
||||
<Button
|
||||
content={interacts.escapechance + "%"}
|
||||
onClick={() => act("set_attribute", { attribute: "b_escapechance" })} />
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Escape Time">
|
||||
<Button
|
||||
content={interacts.escapetime / 10 + "s"}
|
||||
onClick={() => act("set_attribute", { attribute: "b_escapetime" })} />
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Divider />
|
||||
<LabeledList.Item label="Transfer Chance">
|
||||
<Button
|
||||
content={interacts.transferchance + "%"}
|
||||
onClick={() => act("set_attribute", { attribute: "b_transferchance" })} />
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Transfer Location">
|
||||
<Button
|
||||
content={interacts.transferlocation ? interacts.transferlocation : "Disabled"}
|
||||
onClick={() => act("set_attribute", { attribute: "b_transferlocation" })} />
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Divider />
|
||||
<LabeledList.Item label="Absorb Chance">
|
||||
<Button
|
||||
content={interacts.absorbchance + "%"}
|
||||
onClick={() => act("set_attribute", { attribute: "b_absorbchance" })} />
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Digest Chance">
|
||||
<Button
|
||||
content={interacts.digestchance + "%"}
|
||||
onClick={() => act("set_attribute", { attribute: "b_digestchance" })} />
|
||||
</LabeledList.Item>
|
||||
</LabeledList>
|
||||
) : "These options only display while interactions are turned on."}
|
||||
</Section>
|
||||
) || "Error."}
|
||||
</Fragment>
|
||||
);
|
||||
};
|
||||
const VoreContentsPanel = (props, context) => {
|
||||
const { act } = useBackend(context);
|
||||
const {
|
||||
contents,
|
||||
belly,
|
||||
} = props;
|
||||
|
||||
return (
|
||||
<Flex wrap="wrap" justify="center" align="center">
|
||||
{contents.map(thing => (
|
||||
<Flex.Item key={thing.name} basis="33%">
|
||||
<Button
|
||||
width="64px"
|
||||
color={thing.absorbed ? "purple" : stats[thing.stat]}
|
||||
style={{
|
||||
'vertical-align': 'middle',
|
||||
'margin-right': '5px',
|
||||
'border-radius': '20px',
|
||||
}}
|
||||
onClick={() => act(thing.outside ? "pick_from_outside" : "pick_from_inside", {
|
||||
"pick": thing.ref,
|
||||
"belly": belly,
|
||||
})}>
|
||||
<img
|
||||
src={"data:image/jpeg;base64, " + thing.icon}
|
||||
width="64px"
|
||||
height="64px"
|
||||
style={{
|
||||
'-ms-interpolation-mode': 'nearest-neighbor',
|
||||
'margin-left': '-5px',
|
||||
}} />
|
||||
</Button>
|
||||
{thing.name}
|
||||
</Flex.Item>
|
||||
))}
|
||||
</Flex>
|
||||
);
|
||||
};
|
||||
|
||||
const VoreUserPreferences = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
|
||||
const {
|
||||
digestable,
|
||||
devourable,
|
||||
feeding,
|
||||
absorbable,
|
||||
digest_leave_remains,
|
||||
allowmobvore,
|
||||
permit_healbelly,
|
||||
can_be_drop_prey,
|
||||
can_be_drop_pred,
|
||||
noisy,
|
||||
} = data.prefs;
|
||||
|
||||
return (
|
||||
<Section title="Preferences">
|
||||
<Flex spacing={1} wrap="wrap" justify="center">
|
||||
<Flex.Item basis="32%">
|
||||
<Button
|
||||
onClick={() => act("toggle_digest")}
|
||||
icon={digestable ? "toggle-on" : "toggle-off"}
|
||||
selected={digestable}
|
||||
fluid
|
||||
tooltip={"This button is for those who don't like being digested. It can make you undigestable."
|
||||
+ (digestable ? " Click here to prevent digestion." : " Click here to allow digestion.")}
|
||||
content={digestable ? "Digestion Allowed" : "No Digestion"} />
|
||||
</Flex.Item>
|
||||
<Flex.Item basis="32%" grow={1}>
|
||||
<Button
|
||||
onClick={() => act("toggle_absorbable")}
|
||||
icon={absorbable ? "toggle-on" : "toggle-off"}
|
||||
selected={absorbable}
|
||||
fluid
|
||||
tooltip={"This button allows preds to know whether you prefer or don't prefer to be absorbed. "
|
||||
+ (absorbable ? "Click here to disallow being absorbed." : "Click here to allow being absorbed.")}
|
||||
content={absorbable ? "Absorption Allowed" : "No Absorption"} />
|
||||
</Flex.Item>
|
||||
<Flex.Item basis="32%">
|
||||
<Button
|
||||
onClick={() => act("toggle_devour")}
|
||||
icon={devourable ? "toggle-on" : "toggle-off"}
|
||||
selected={devourable}
|
||||
fluid
|
||||
tooltip={"This button is to toggle your ability to be devoured by others. "
|
||||
+ (devourable ? "Click here to prevent being devoured." : "Click here to allow being devoured.")}
|
||||
content={devourable ? "Devouring Allowed" : "No Devouring"} />
|
||||
</Flex.Item>
|
||||
<Flex.Item basis="32%">
|
||||
<Button
|
||||
onClick={() => act("toggle_mobvore")}
|
||||
icon={allowmobvore ? "toggle-on" : "toggle-off"}
|
||||
selected={allowmobvore}
|
||||
fluid
|
||||
tooltip={"This button is for those who don't like being eaten by mobs. "
|
||||
+ (allowmobvore
|
||||
? "Click here to prevent being eaten by mobs."
|
||||
: "Click here to allow being eaten by mobs.")}
|
||||
content={allowmobvore ? "Mobs eating you allowed" : "No Mobs eating you"} />
|
||||
</Flex.Item>
|
||||
<Flex.Item basis="32%" grow={1}>
|
||||
<Button
|
||||
onClick={() => act("toggle_feed")}
|
||||
icon={feeding ? "toggle-on" : "toggle-off"}
|
||||
selected={feeding}
|
||||
fluid
|
||||
tooltip={"This button is to toggle your ability to be fed to or by others vorishly. "
|
||||
+ (feeding
|
||||
? "Click here to prevent being fed to/by other people."
|
||||
: "Click here to allow being fed to/by other people.")}
|
||||
content={feeding ? "Feeding Allowed" : "No Feeding"} />
|
||||
</Flex.Item>
|
||||
<Flex.Item basis="32%">
|
||||
<Button
|
||||
onClick={() => act("toggle_healbelly")}
|
||||
icon={permit_healbelly ? "toggle-on" : "toggle-off"}
|
||||
selected={permit_healbelly}
|
||||
fluid
|
||||
tooltipPosition="top"
|
||||
tooltip={"This button is for those who don't like healbelly used on them as a mechanic."
|
||||
+ " It does not affect anything, but is displayed under mechanical prefs for ease of quick checks. "
|
||||
+ (permit_healbelly
|
||||
? "Click here to prevent being heal-bellied."
|
||||
: "Click here to allow being heal-bellied.")}
|
||||
content={permit_healbelly ? "Heal-bellies Allowed" : "No Heal-bellies"} />
|
||||
</Flex.Item>
|
||||
<Flex.Item basis="32%">
|
||||
<Button
|
||||
onClick={() => act("toggle_dropnom_prey")}
|
||||
icon={can_be_drop_prey ? "toggle-on" : "toggle-off"}
|
||||
selected={can_be_drop_prey}
|
||||
fluid
|
||||
tooltip={"This toggle is for spontaneous, environment related vore"
|
||||
+ " as prey, including drop-noms, teleporters, etc. "
|
||||
+ (can_be_drop_prey
|
||||
? "Click here to allow being spontaneous prey."
|
||||
: "Click here to disable being spontaneous prey.")}
|
||||
content={can_be_drop_prey ? "Spontaneous Prey Enabled" : "Spontaneous Prey Disabled"} />
|
||||
</Flex.Item>
|
||||
<Flex.Item basis="32%" grow={1}>
|
||||
<Button
|
||||
onClick={() => act("toggle_dropnom_pred")}
|
||||
icon={can_be_drop_pred ? "toggle-on" : "toggle-off"}
|
||||
selected={can_be_drop_pred}
|
||||
fluid
|
||||
tooltip={"This toggle is for spontaneous, environment related vore"
|
||||
+ " as a predator, including drop-noms, teleporters, etc. "
|
||||
+ (can_be_drop_pred
|
||||
? "Click here to allow being spontaneous pred."
|
||||
: "Click here to disable being spontaneous pred.")}
|
||||
content={can_be_drop_pred ? "Spontaneous Pred Enabled" : "Spontaneous Pred Disabled"} />
|
||||
</Flex.Item>
|
||||
<Flex.Item basis="32%">
|
||||
<Button
|
||||
onClick={() => act("toggle_noisy")}
|
||||
icon={noisy ? "toggle-on" : "toggle-off"}
|
||||
selected={noisy}
|
||||
fluid
|
||||
tooltip={"Toggle audible hunger noises. "
|
||||
+ (noisy
|
||||
? "Click here to turn off hunger noises."
|
||||
: "Click here to turn on hunger noises.")}
|
||||
content={noisy ? "Hunger Noises Enabled" : "Hunger Noises Disabled"} />
|
||||
</Flex.Item>
|
||||
<Flex.Item basis="100%">
|
||||
<Button
|
||||
onClick={() => act("toggle_leaveremains")}
|
||||
icon={digest_leave_remains ? "toggle-on" : "toggle-off"}
|
||||
selected={digest_leave_remains}
|
||||
fluid
|
||||
tooltipPosition="top"
|
||||
tooltip={digest_leave_remains
|
||||
? "Your Predator must have this setting enabled in their belly modes to allow remains to show up,"
|
||||
+ "if they do not, they will not leave your remains behind, even with this on. Click to disable remains"
|
||||
: ("Regardless of Predator Setting, you will not leave remains behind."
|
||||
+ " Click this to allow leaving remains.")}
|
||||
content={digest_leave_remains ? "Allow Leaving Remains Behind" : "Do Not Allow Leaving Remains Behind"} />
|
||||
</Flex.Item>
|
||||
<Flex.Item basis="49%">
|
||||
<Button
|
||||
fluid
|
||||
content="Set Taste"
|
||||
icon="grin-tongue"
|
||||
onClick={() => act("setflavor")} />
|
||||
</Flex.Item>
|
||||
<Flex.Item basis="49%" grow={1}>
|
||||
<Button
|
||||
fluid
|
||||
content="Set Smell"
|
||||
icon="wind"
|
||||
onClick={() => act("setsmell")} />
|
||||
</Flex.Item>
|
||||
</Flex>
|
||||
<Section>
|
||||
<Flex spacing={1}>
|
||||
<Flex.Item basis="49%">
|
||||
<Button
|
||||
fluid
|
||||
content="Save Prefs"
|
||||
icon="save"
|
||||
onClick={() => act("saveprefs")} />
|
||||
</Flex.Item>
|
||||
<Flex.Item basis="49%" grow={1}>
|
||||
<Button
|
||||
fluid
|
||||
content="Reload Prefs"
|
||||
icon="undo"
|
||||
onClick={() => act("reloadprefs")} />
|
||||
</Flex.Item>
|
||||
</Flex>
|
||||
</Section>
|
||||
</Section>
|
||||
);
|
||||
};
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user