mirror of
https://github.com/CommunityOx/ox_lib.git
synced 2026-11-04 06:05:04 +00:00
ItsANoBrainerandLuke
a6f47cfe59
* Initial Commit Adds support for progress bars to items in both context and and list menus. * Default Color Scheme & Description Weight Added default color scheming, and made the description for context menues a lighter font weight for separating the title vs description better. * iconColor to Menu & Small Syntax Changes * Update Item.tsx * fix(web/context): syntax error also reformat with prettier * chore(web/menu): reformat with prettier Co-authored-by: Luke <sabolukas03@gmail.com>
56 lines
1.6 KiB
TypeScript
56 lines
1.6 KiB
TypeScript
import { ContextMenuProps } from '../../../interfaces/context';
|
|
import { debugData } from '../../../utils/debugData';
|
|
|
|
export const debugContext = () => {
|
|
debugData<ContextMenuProps>([
|
|
{
|
|
action: 'showContext',
|
|
data: {
|
|
title: 'Vehicle garage',
|
|
options: [
|
|
{ title: 'Empty button' },
|
|
{
|
|
title: 'Example button',
|
|
description: 'Example button description',
|
|
icon: 'inbox',
|
|
image: 'https://i.imgur.com/YAe7k17.jpeg',
|
|
metadata: [{ label: 'Value 1', value: 300 }],
|
|
disabled: true,
|
|
},
|
|
{
|
|
title: 'Oil Level',
|
|
description: 'Vehicle oil level',
|
|
progress: 30,
|
|
icon: 'oil-can',
|
|
metadata: [{ label: 'Remaining Oil', value: '30%' }],
|
|
arrow: true,
|
|
},
|
|
{
|
|
title: 'Durability',
|
|
progress: 80,
|
|
icon: 'car-side',
|
|
metadata: [{ label: 'Durability', value: '80%' }],
|
|
colorScheme: 'blue'
|
|
},
|
|
{
|
|
title: 'Menu button',
|
|
icon: 'bars',
|
|
menu: 'other_example_menu',
|
|
arrow: false,
|
|
description: 'Takes you to another menu',
|
|
metadata: ['It also has metadata support'],
|
|
},
|
|
{
|
|
title: 'Event button',
|
|
description: 'Open a menu and send event data',
|
|
icon: 'check',
|
|
arrow: true,
|
|
event: 'some_event',
|
|
args: { value1: 300, value2: 'Other value' },
|
|
},
|
|
],
|
|
},
|
|
},
|
|
]);
|
|
};
|