263 lines
12 KiB
HTML
263 lines
12 KiB
HTML
<div>
|
|
<button type="action" name="act_character-1">Página 1/3</button>
|
|
<button type="action" name="act_character-2">Página 2/3</button>
|
|
<button type="action" name="act_character-3">Página 3/3</button>
|
|
</div>
|
|
<input type="hidden" class="sheet-tabstoggle" name="attr_sheetTab" value="character-1" />
|
|
|
|
<!-- Character page 1 -->
|
|
<div class="character-1">
|
|
<div class="basic-data">
|
|
<div class="row">
|
|
<input type="text" class="name" name="attr_name" />
|
|
<input type="text" class="culture" name="attr_culture" />
|
|
<input type="text" class="age" name="attr_age" />
|
|
</div>
|
|
<div class="row">
|
|
<input type="text" class="height" name="attr_height" />
|
|
<input type="text" class="skin" name="attr_skin" />
|
|
<input type="text" class="clothes" name="attr_clothes" />
|
|
</div>
|
|
<div class="row">
|
|
<input type="text" class="weight" name="attr_weight" />
|
|
<input type="text" class="hair" name="attr_hair" />
|
|
<input type="text" class="eyes" name="attr_eyes" />
|
|
</div>
|
|
<div class="row">
|
|
<input type="text" class="marks" name="attr_marks" />
|
|
<input type="text" class="gender" name="attr_gender" />
|
|
</div>
|
|
<div class="row">
|
|
<input type="text" class="player" name="attr_player" />
|
|
<input type="text" class="campaign" name="attr_campaign" />
|
|
<input type="text" class="experience" name="attr_experience" />
|
|
</div>
|
|
</div>
|
|
<div class="attributes-and-professions">
|
|
<div class="attributes">
|
|
<div class="attributes-row">
|
|
<input type="text" class="attribute-value" name="attr_attribute_value_1" />
|
|
<input type="text" class="attribute-value" name="attr_attribute_value_2" />
|
|
<input type="text" class="attribute-value" name="attr_attribute_value_3" />
|
|
</div>
|
|
<div class="attributes-row">
|
|
<input type="text" class="attribute-value" name="attr_attribute_value_4" />
|
|
<input type="text" class="attribute-value" name="attr_attribute_value_5" />
|
|
<input type="text" class="attribute-value" name="attr_attribute_value_6" />
|
|
</div>
|
|
</div>
|
|
<div class="professions">
|
|
<div class="professions-row">
|
|
<input type="text" class="profession-name" name="attr_profession_name_1" />
|
|
<input type="text" class="profession-value" name="attr_profession_value_1" />
|
|
</div>
|
|
<div class="professions-row">
|
|
<input type="text" class="profession-name" name="attr_profession_name_2" />
|
|
<input type="text" class="profession-value" name="attr_profession_value_2" />
|
|
</div>
|
|
<div class="professions-row">
|
|
<input type="text" class="profession-name" name="attr_profession_name_3" />
|
|
<input type="text" class="profession-value" name="attr_profession_value_3" />
|
|
</div>
|
|
<div class="professions-row">
|
|
<input type="text" class="profession-name" name="attr_profession_name_4" />
|
|
<input type="text" class="profession-value" name="attr_profession_value_4" />
|
|
</div>
|
|
<div class="professions-row">
|
|
<input type="text" class="profession-name" name="attr_profession_name_5" />
|
|
<input type="text" class="profession-value" name="attr_profession_value_5" />
|
|
</div>
|
|
<div class="professions-row">
|
|
<input type="text" class="profession-name" name="attr_profession_name_6" />
|
|
<input type="text" class="profession-value" name="attr_profession_value_6" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="conditions-and-character">
|
|
<div class="conditions">
|
|
<input type="checkbox" class="condition" name="attr_condition_1" />
|
|
<input type="checkbox" class="condition" name="attr_condition_2" />
|
|
<input type="checkbox" class="condition" name="attr_condition_3" />
|
|
<input type="checkbox" class="condition" name="attr_condition_4" />
|
|
<input type="checkbox" class="condition" name="attr_condition_5" />
|
|
</div>
|
|
<div class="character">
|
|
<input type="text" class="character-trait" name="attr_character_trait_1" />
|
|
<input type="text" class="character-trait" name="attr_character_trait_2" />
|
|
<input type="text" class="character-trait" name="attr_character_trait_3" />
|
|
</div>
|
|
<div class="points">
|
|
<input type="text" class="points-value" name="attr_points_value" />
|
|
</div>
|
|
</div>
|
|
<div class="combat">
|
|
<div class="combat-stats">
|
|
<div class="combat-stats-row">
|
|
<input type="text" class="combat-big-box" name="attr_combat_1" />
|
|
<input type="text" class="combat-big-box" name="attr_combat_2" />
|
|
<input type="text" class="combat-small-box" name="attr_combat_3" />
|
|
</div>
|
|
<div class="combat-stats-row">
|
|
<input type="text" class="combat-big-box" name="attr_combat_4" />
|
|
<input type="text" class="combat-big-box" name="attr_combat_5" />
|
|
<input type="text" class="combat-small-box-2" name="attr_combat_6" />
|
|
</div>
|
|
</div>
|
|
<div class="weapons-and-armour">
|
|
<input type="text" class="combat-weapon" name="attr_combat_7" />
|
|
<input type="text" class="combat-weapon" name="attr_combat_8" />
|
|
<input type="text" class="combat-weapon" name="attr_combat_9" />
|
|
<input type="text" class="combat-weapon" name="attr_combat_10" />
|
|
<input type="text" class="combat-weapon" name="attr_combat_11" />
|
|
</div>
|
|
</div>
|
|
<div class="goals">
|
|
<div class="short-goals">
|
|
<input type="text" class="goal" name="attr_goal_1" />
|
|
<input type="text" class="goal" name="attr_goal_2" />
|
|
</div>
|
|
<div class="long-goals">
|
|
<input type="text" class="goal" name="attr_goal_3" />
|
|
<input type="text" class="goal" name="attr_goal_4" />
|
|
</div>
|
|
</div>
|
|
<div class="passions">
|
|
<div class="passion-block">
|
|
<input type="checkbox" class="passion-point" name="attr_passion_1" />
|
|
<input type="checkbox" class="passion-point" name="attr_passion_2" />
|
|
<input type="checkbox" class="passion-point" name="attr_passion_3" />
|
|
</div>
|
|
<div class="tag-line-block">
|
|
<textarea type="text" class="tag-line-box" name="attr_passion_4"></textarea>
|
|
</div>
|
|
<div class="passion-block second">
|
|
<input type="checkbox" class="passion-point" name="attr_passion_5" />
|
|
<input type="checkbox" class="passion-point" name="attr_passion_6" />
|
|
<input type="checkbox" class="passion-point" name="attr_passion_7" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Character page 2 -->
|
|
<div class="character-2">
|
|
<div class="history">
|
|
<input type="text" class="history-line" name="attr_history_1" />
|
|
<input type="text" class="history-line" name="attr_history_2" />
|
|
<input type="text" class="history-line" name="attr_history_3" />
|
|
<input type="text" class="history-line" name="attr_history_4" />
|
|
<input type="text" class="history-line" name="attr_history_5" />
|
|
<input type="text" class="history-line" name="attr_history_6" />
|
|
<input type="text" class="history-line" name="attr_history_7" />
|
|
<input type="text" class="history-line" name="attr_history_8" />
|
|
<input type="text" class="history-line" name="attr_history_9" />
|
|
<input type="text" class="history-line" name="attr_history_10" />
|
|
<input type="text" class="history-line" name="attr_history_11" />
|
|
<input type="text" class="history-line" name="attr_history_12" />
|
|
<input type="text" class="history-line" name="attr_history_13" />
|
|
<input type="text" class="history-line" name="attr_history_14" />
|
|
<input type="text" class="history-line" name="attr_history_15" />
|
|
<input type="text" class="history-line" name="attr_history_16" />
|
|
<input type="text" class="history-line" name="attr_history_17" />
|
|
<input type="text" class="history-line" name="attr_history_18" />
|
|
<input type="text" class="history-line" name="attr_history_19" />
|
|
<input type="text" class="history-line" name="attr_history_20" />
|
|
<input type="text" class="history-line" name="attr_history_21" />
|
|
<input type="text" class="history-line" name="attr_history_22" />
|
|
<input type="text" class="history-line" name="attr_history_23" />
|
|
<input type="text" class="history-line" name="attr_history_24" />
|
|
</div>
|
|
<div class="magic">
|
|
<div class="magic-list">
|
|
<div class="magic-list-row">
|
|
<input type="text" class="magic-descriptor" name="attr_magic_1" />
|
|
<input type="text" class="magic-level" name="attr_magic_2" />
|
|
</div>
|
|
<div class="magic-list-row">
|
|
<input type="text" class="magic-descriptor" name="attr_magic_3" />
|
|
<input type="text" class="magic-level second" name="attr_magic_4" />
|
|
</div>
|
|
<div class="magic-list-row">
|
|
<input type="text" class="magic-descriptor" name="attr_magic_5" />
|
|
<input type="text" class="magic-level second" name="attr_magic_6" />
|
|
</div>
|
|
</div>
|
|
<div class="magic-list">
|
|
<div class="magic-list-row">
|
|
<input type="text" class="magic-descriptor" name="attr_magic_7" />
|
|
<input type="text" class="magic-level" name="attr_magic_8" />
|
|
</div>
|
|
<div class="magic-list-row">
|
|
<input type="text" class="magic-descriptor" name="attr_magic_9" />
|
|
<input type="text" class="magic-level second" name="attr_magic_10" />
|
|
</div>
|
|
<div class="magic-list-row">
|
|
<input type="text" class="magic-descriptor" name="attr_magic_11" />
|
|
<input type="text" class="magic-level second" name="attr_magic_12" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="wealth">
|
|
<input type="text" class="wealth-line" name="attr_wealth_1" />
|
|
<input type="text" class="wealth-line" name="attr_wealth_2" />
|
|
<input type="text" class="wealth-line" name="attr_wealth_3" />
|
|
<input type="text" class="wealth-line" name="attr_wealth_4" />
|
|
<input type="text" class="wealth-line" name="attr_wealth_5" />
|
|
<input type="text" class="wealth-line" name="attr_wealth_6" />
|
|
<input type="text" class="wealth-line" name="attr_wealth_7" />
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Character page 3 -->
|
|
<div class="character-3">
|
|
<div class="diary">
|
|
<input type="text" class="diary-line" name="attr_diary_1" />
|
|
<input type="text" class="diary-line" name="attr_diary_2" />
|
|
<input type="text" class="diary-line" name="attr_diary_3" />
|
|
<input type="text" class="diary-line" name="attr_diary_4" />
|
|
<input type="text" class="diary-line" name="attr_diary_5" />
|
|
<input type="text" class="diary-line" name="attr_diary_6" />
|
|
<input type="text" class="diary-line" name="attr_diary_7" />
|
|
<input type="text" class="diary-line" name="attr_diary_8" />
|
|
<input type="text" class="diary-line" name="attr_diary_9" />
|
|
<input type="text" class="diary-line" name="attr_diary_10" />
|
|
<input type="text" class="diary-line" name="attr_diary_11" />
|
|
<input type="text" class="diary-line" name="attr_diary_12" />
|
|
<input type="text" class="diary-line" name="attr_diary_13" />
|
|
<input type="text" class="diary-line" name="attr_diary_14" />
|
|
<input type="text" class="diary-line" name="attr_diary_15" />
|
|
<input type="text" class="diary-line" name="attr_diary_16" />
|
|
<input type="text" class="diary-line" name="attr_diary_17" />
|
|
<input type="text" class="diary-line" name="attr_diary_18" />
|
|
<input type="text" class="diary-line" name="attr_diary_19" />
|
|
<input type="text" class="diary-line" name="attr_diary_20" />
|
|
<input type="text" class="diary-line" name="attr_diary_21" />
|
|
<input type="text" class="diary-line" name="attr_diary_22" />
|
|
<input type="text" class="diary-line" name="attr_diary_23" />
|
|
<input type="text" class="diary-line" name="attr_diary_24" />
|
|
<input type="text" class="diary-line" name="attr_diary_25" />
|
|
<input type="text" class="diary-line" name="attr_diary_26" />
|
|
<input type="text" class="diary-line" name="attr_diary_27" />
|
|
<input type="text" class="diary-line" name="attr_diary_28" />
|
|
<input type="text" class="diary-line" name="attr_diary_29" />
|
|
<input type="text" class="diary-line" name="attr_diary_30" />
|
|
<input type="text" class="diary-line" name="attr_diary_31" />
|
|
<input type="text" class="diary-line" name="attr_diary_32" />
|
|
<input type="text" class="diary-line" name="attr_diary_33" />
|
|
<input type="text" class="diary-line" name="attr_diary_34" />
|
|
<input type="text" class="diary-line" name="attr_diary_35" />
|
|
<input type="text" class="diary-line" name="attr_diary_36" />
|
|
<input type="text" class="diary-line" name="attr_diary_37" />
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/worker">
|
|
const buttonlist = ["character-1","character-2","character-3"];
|
|
buttonlist.forEach(button => {
|
|
on(`clicked:${button}`, function() {
|
|
setAttrs({
|
|
sheetTab: button
|
|
});
|
|
});
|
|
});
|
|
</script>
|