- ;
+ armorZones: Record;
+ purse: Purse;
+}
+
+export interface Rules {
+ higherParadeValues: number;
+ attributeValueLimit: boolean;
+ enableAllRuleBooks: boolean;
+ enabledRuleBooks: string[];
+ enableLanguageSpecializations: boolean;
+}
+
+export interface CharacterData {
+ clientVersion: string;
+ dateCreated: string;
+ dateModified: string;
+ id: string;
+ phase: number;
+ locale: string;
+ name: string;
+ ap: AdventurePoints;
+ el: string; // Experience Level
+ r: string; // Race
+ c: string; // Culture
+ p: string; // Profession
+ sex: string;
+ pers: PersonalDetails;
+ attr: Attributes;
+ activatable: Activatables;
+ talents: Talents;
+ ct: CombatTechniques;
+ spells: Spells;
+ cantrips: string[];
+ liturgies: Record;
+ blessings: string[];
+ belongings: Belongings;
+ rules: Rules;
+ pets: Record;
+}
- Welcome to the React App -
+
+
+
)
diff --git a/src/modules/main/components/Tabs.tsx b/src/modules/main/components/Tabs.tsx
new file mode 100644
index 0000000..aa12ecd
--- /dev/null
+++ b/src/modules/main/components/Tabs.tsx
@@ -0,0 +1,150 @@
+import {useState} from "react";
+import Skills from "../modules/skills/components/Skills.tsx";
+import Combat from "../modules/combat/components/Combat.tsx";
+import Equipment from "../modules/equipment/components/Equipment.tsx";
+import Attributes from "../modules/attributes/components/Attributes.tsx";
+import State from "../modules/state/components/State.tsx";
+import Magic from "../modules/magic/components/Magic.tsx";
+import Religion from "../modules/religion/components/Religion.tsx";
+import Notes from "../modules/notes/components/Notes.tsx";
+
+export default function Tabs() {
+ const [activeTab, setActiveTab] = useState("skills");
+
+ const handleTabClick = (tab: string) => {
+ setActiveTab(tab);
+ };
+
+ return (
+
+
+ );
+}
diff --git a/src/modules/main/modules/attributes/components/Attributes.tsx b/src/modules/main/modules/attributes/components/Attributes.tsx
new file mode 100644
index 0000000..803c845
--- /dev/null
+++ b/src/modules/main/modules/attributes/components/Attributes.tsx
@@ -0,0 +1,5 @@
+export default function Attributes() {
+ return (
+
+
+
+
+
+
+ {/* Break flex row */}
+
+
+
+
+
+
+
+
+ {activeTab === "skills" && (
+
+
+
+ )}
+ {activeTab === "combat" && (
+
+
+ )}
+ {activeTab === "attributes" && (
+
+
+ )}
+ {activeTab === "equipment" && (
+
+
+ )}
+ {activeTab === "state" && (
+
+
+ )}
+ {activeTab === "magic" && (
+
+
+ )}
+ {activeTab === "religion" && (
+
+
+ )}
+ {activeTab === "notes" && (
+
+
+ )}
+ Attributes
+ ) +} diff --git a/src/modules/main/modules/combat/components/Combat.tsx b/src/modules/main/modules/combat/components/Combat.tsx new file mode 100644 index 0000000..769258c --- /dev/null +++ b/src/modules/main/modules/combat/components/Combat.tsx @@ -0,0 +1,5 @@ +export default function Combat() { + return ( +Combat
+ ) +} diff --git a/src/modules/main/modules/equipment/components/Equipment.tsx b/src/modules/main/modules/equipment/components/Equipment.tsx new file mode 100644 index 0000000..4cd52e5 --- /dev/null +++ b/src/modules/main/modules/equipment/components/Equipment.tsx @@ -0,0 +1,5 @@ +export default function Equipment() { + return ( +Equipment
+ ) +} diff --git a/src/modules/main/modules/magic/components/Magic.tsx b/src/modules/main/modules/magic/components/Magic.tsx new file mode 100644 index 0000000..d109c4b --- /dev/null +++ b/src/modules/main/modules/magic/components/Magic.tsx @@ -0,0 +1,5 @@ +export default function Magic() { + return ( +Magic
+ ) +} diff --git a/src/modules/main/modules/notes/components/Notes.tsx b/src/modules/main/modules/notes/components/Notes.tsx new file mode 100644 index 0000000..1d4c90a --- /dev/null +++ b/src/modules/main/modules/notes/components/Notes.tsx @@ -0,0 +1,5 @@ +export default function Notes() { + return ( +Notes
+ ) +} diff --git a/src/modules/main/modules/religion/components/Religion.tsx b/src/modules/main/modules/religion/components/Religion.tsx new file mode 100644 index 0000000..d6d3317 --- /dev/null +++ b/src/modules/main/modules/religion/components/Religion.tsx @@ -0,0 +1,5 @@ +export default function Religion() { + return ( +Religion
+ ) +} diff --git a/src/modules/main/modules/sheetHeader/components/SheetHeader.tsx b/src/modules/main/modules/sheetHeader/components/SheetHeader.tsx new file mode 100644 index 0000000..5f955c2 --- /dev/null +++ b/src/modules/main/modules/sheetHeader/components/SheetHeader.tsx @@ -0,0 +1,110 @@ +import type {CharacterData} from "../../../../../types/CharacterJson.ts"; + +export default function SheetHeader({jsonData}: { jsonData: CharacterData }) { + console.log(jsonData) + + return ( + <> +
+
+
+
+
+ + { jsonData.name} +
+ Name +
+
+ + {jsonData.r} +
+ Spezies +
+
+ + {jsonData.p} +
+ Profession +
+
+
+ )
+}
diff --git a/src/modules/main/modules/skills/components/Skills.tsx b/src/modules/main/modules/skills/components/Skills.tsx
new file mode 100644
index 0000000..eb7ceec
--- /dev/null
+++ b/src/modules/main/modules/skills/components/Skills.tsx
@@ -0,0 +1,5 @@
+export default function Skills() {
+ return (
+
+ 
+
+
+
+
+
+
+
+
+
+ COU
+15
+
+
+ SGC
+15
+
+
+ INT
+15
+
+
+ CHA
+15
+
+
+ DEX
+15
+
+
+ AGI
+15
+
+
+ CON
+15
+
+
+ STR
+15
+
+
+ LP
+
+ Lebenspunkte
+
+
+
+
+
+ 15 / 15
+
+
+ 16 / 16
+
+
+ AP/KP
+
+ Astralpunkte / Karmapunkte
+
+
+
+
+ SP
+
+ Schicksalspunkte
+
+
+
+
+
+
+
+
+