dragonleo/foundry-sw5e
1
0
Fork 0
forked from GitHub-Mirrors/foundry-sw5e
Code Issues Pull requests Projects Releases Wiki Activity

Updates to CSS/LESS and New Character Sheet

Browse source 
Various updates to CSS/LESS and adjustments to New Character Sheet to rearrange traits, resources, counters, favorites, and notes.
This commit is contained in:
Professor Bunbury 2021-01-19 09:27:48 -05:00
parent 7dbc48b718
commit 6947d65330
11 changed files with 351 additions and 224 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
fonts/EngliBesh-KG3W.ttf Normal file
View file

Binary file not shown.

92
less/original/apps.less
View file

@ -178,11 +178,14 @@
background: transparent; background: transparent;
} }
// Rollable Links // Rollable Titles
.editable .rollable:hover { .editable .rollable:hover {
cursor: pointer;
}
.editable h4.rollable:hover,
.editable .rollable:hover > h4 {
color: #000; color: #000;
text-shadow: 0 0 10px red; text-shadow: 0 0 10px red;
cursor: pointer;
} }
// Separators // Separators
@ -306,6 +309,7 @@
/* ----------------------------------------- */ /* ----------------------------------------- */
.filter-list { .filter-list {
align-items: center;
list-style: none; list-style: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -382,6 +386,30 @@
padding: 0; padding: 0;
} }
// Item Name
.item-name {
flex: 2;
margin: 0;
overflow: hidden;
font-size: 13px;
text-align: left;
align-items: center;
h3, h4 {
margin: 0;
white-space: nowrap;
overflow-x: hidden;
}
}
// Control Buttons
.item-controls {
flex: 0 0 60px;
justify-content: space-between;
a {
font-size: 12px;
text-align: center;
}
}
// Individual Item // Individual Item
.item { .item {
align-items: center; align-items: center;
@ -419,32 +447,13 @@
font-size: 12px; font-size: 12px;
text-align: center; text-align: center;
} }
.item-name { h3 {
padding-left: 5px; padding-left: 5px;
//.modesto(); //.modesto();
text-align: left;
font-size: 16px; font-size: 16px;
} }
} }
// Item Name
.item-name {
flex: 2;
margin: 0;
overflow: hidden;
font-size: 13px;
text-align: left;
align-items: center;
}
// Control Buttons
.item-controls {
flex: 0 0 60px;
justify-content: space-between;
a {
font-size: 12px;
text-align: center;
}
}
} }
/* ----------------------------------------- */ /* ----------------------------------------- */
@ -482,4 +491,41 @@
height: 24px; height: 24px;
margin: 2px; margin: 2px;
} }
}
/* ----------------------------------------- */
/* HUD
/* ----------------------------------------- */
.placeable-hud .control-icon {
box-sizing: content-box;
width: 40px;
flex: 0 0 40px;
margin: 8px 0;
font-size: 28px;
line-height: 40px;
text-align: center;
color: #FBF4F4;
background: rgba(0, 0, 0, 0.6);
box-shadow: 0 0 15px #000;
border: 1px solid #333;
border-radius: 8px;
pointer-events: all;
}
#token-hud .status-effects {
visibility: hidden;
position: absolute;
left: 50px;
top: 0;
display: grid;
padding: 3px;
box-sizing: content-box;
width: 100px;
color: #FBF4F4;
grid-template-columns: 25px 25px 25px 25px;
background: rgba(0, 0, 0, 0.6);
box-shadow: 0 0 15px #000;
border: 1px solid #333;
border-radius: 4px;
pointer-events: all;
} }

10
less/original/variables.less
View file

@ -19,15 +19,15 @@
font-size: @font-size; font-size: @font-size;
font-weight: 400; font-weight: 400;
} }
/* bungee-inline-regular - latin */ /* engli-besh */
@font-face { @font-face {
font-family: 'Bungee Inline'; font-family: 'Engli-Besh';
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
src: url('./fonts/BungeeInline.ttf'); src: url('./fonts/EngliBesh-KG3W.ttf');
} }
.bungeeInline { .engli-Besh {
font-family: 'Bungee Inline'; font-family: 'Engli-Besh';
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
} }

12
less/update/components/actor-global.less
View file

@ -5,7 +5,7 @@
.dropShadow1(); .dropShadow1();
} }
.sw5e.sheet.actor.character { .sw5e.sheet.actor.character {
min-width: 800px; min-width: 850px;
min-height: 720px; min-height: 720px;
} }
.sw5e.sheet .window-content { .sw5e.sheet .window-content {
@ -54,7 +54,7 @@
grid-template-rows: 1fr 26px auto; grid-template-rows: 1fr 26px auto;
grid-template-columns: 128px 1fr; grid-template-columns: 128px 1fr;
column-gap: 8px; column-gap: 8px;
row-gap: 8px; grid-row-gap: 8px;
img { img {
grid-column-start: 1; grid-column-start: 1;
@ -683,7 +683,7 @@
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
grid-gap: 16px; grid-gap: 16px;
row-gap: 8px; grid-row-gap: 8px;
input, input,
select { select {
@ -715,7 +715,7 @@
} }
.languages { .languages {
grid-column-end: span 2; grid-column-end: span 1;
label { label {
&:hover { &:hover {
cursor: pointer; cursor: pointer;
@ -745,7 +745,7 @@
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
grid-gap: 4px; grid-gap: 4px;
row-gap: 4px; grid-row-gap: 4px;
strong { strong {
font-size: 13px; font-size: 13px;
@ -994,7 +994,7 @@
} }
&.limited { &.limited {
grid-template-rows: 144px auto; grid-template-rows: 144px auto;
row-gap: 8px; grid-row-gap: 8px;
header { header {
grid-template-rows: 1fr; grid-template-rows: 1fr;
} }

9
less/update/sw5e-global.less
View file

@ -48,6 +48,12 @@
font-weight: 400; font-weight: 400;
src: url('./fonts/Aurebesh.ttf'); src: url('./fonts/Aurebesh.ttf');
} }
@font-face {
font-family: 'Engli-Besh';
font-style: normal;
font-weight: 400;
src: url('./fonts/EngliBesh-KG3W.ttf');
}
@import "_variables.less"; @import "_variables.less";
html { html {
@ -77,6 +83,9 @@ html {
body { body {
.openSans(13px, 400); .openSans(13px, 400);
background-image: url('./ui/SW5e-logo.svg');
background-repeat: no-repeat;
background-size: cover;
} }
h1 { h1 {

23
sw5e-global.css
View file

@ -48,6 +48,17 @@
font-weight: 400; font-weight: 400;
src: url('./fonts/Aurebesh.ttf'); src: url('./fonts/Aurebesh.ttf');
} }
@font-face {
font-family: 'Engli-Besh';
font-style: normal;
font-weight: 400;
src: url('./fonts/EngliBesh-KG3W.ttf');
}
.engli-Besh {
font-family: 'Engli-Besh';
font-size: 20px;
font-weight: 400;
}
/* ----------------------------------------- */ /* ----------------------------------------- */
/* Fonts */ /* Fonts */
/* ----------------------------------------- */ /* ----------------------------------------- */
@ -379,12 +390,12 @@ input[type="reset"]:disabled {
padding: 0; padding: 0;
border: none; border: none;
} }
.sw5e.chat-card .card-header, .sw5e.chat-card .card-header img,
.midi-qol-item-card .card-header img { .midi-qol-item-card .card-header img {
flex: 0 0 36px; flex: 0 0 36px;
margin-right: 4px; margin-right: 4px;
} }
.sw5e.chat-card .card-header, .sw5e.chat-card .card-header h3,
.midi-qol-item-card .card-header h3 { .midi-qol-item-card .card-header h3 {
flex: 1; flex: 1;
margin: 0; margin: 0;
@ -705,7 +716,7 @@ input[type="reset"]:disabled {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
} }
.sw5e.sheet.actor.character { .sw5e.sheet.actor.character {
min-width: 800px; min-width: 850px;
min-height: 720px; min-height: 720px;
} }
.sw5e.sheet .window-content { .sw5e.sheet .window-content {
@ -945,7 +956,7 @@ input[type="reset"]:disabled {
} }
.sw5e.sheet.actor .swalt-sheet nav.sheet-navigation { .sw5e.sheet.actor .swalt-sheet nav.sheet-navigation {
display: grid; display: grid;
grid-template-columns: repeat(7, 1fr); grid-template-columns: repeat(6, 1fr);
column-gap: 16px; column-gap: 16px;
margin: 4px 0; margin: 4px 0;
} }
@ -1330,7 +1341,7 @@ input[type="reset"]:disabled {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
grid-gap: 16px; grid-gap: 16px;
row-gap: 8px; grid-row-gap: 8px;
} }
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits input, .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits input,
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits select { .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits select {
@ -1357,7 +1368,7 @@ input[type="reset"]:disabled {
text-shadow: none; text-shadow: none;
} }
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .languages { .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .languages {
grid-column-end: span 2; grid-column-end: span 1;
} }
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .languages label:hover { .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .languages label:hover {
cursor: pointer; cursor: pointer;

172
sw5e.css
View file

@ -9,15 +9,15 @@
font-weight: 400; font-weight: 400;
src: url('./fonts/RussoOne.ttf'); src: url('./fonts/RussoOne.ttf');
} }
/* bungee-inline-regular - latin */ /* engli-besh */
@font-face { @font-face {
font-family: 'Bungee Inline'; font-family: 'Engli-Besh';
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
src: url('./fonts/BungeeInline.ttf'); src: url('./fonts/EngliBesh-KG3W.ttf');
} }
.bungeeInline { .engli-Besh {
font-family: 'Bungee Inline'; font-family: 'Engli-Besh';
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
} }
@ -272,9 +272,12 @@
background: transparent; background: transparent;
} }
.sw5e.sheet .editable .rollable:hover { .sw5e.sheet .editable .rollable:hover {
cursor: pointer;
}
.sw5e.sheet .editable h4.rollable:hover,
.sw5e.sheet .editable .rollable:hover > h4 {
color: #000; color: #000;
text-shadow: 0 0 10px red; text-shadow: 0 0 10px red;
cursor: pointer;
} }
.sw5e.sheet span.sep { .sw5e.sheet span.sep {
flex: none; flex: none;
@ -366,6 +369,7 @@
overflow: hidden; overflow: hidden;
} }
.sw5e.sheet .filter-list { .sw5e.sheet .filter-list {
align-items: center;
list-style: none; list-style: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -423,6 +427,28 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.sw5e.sheet .items-list .item-name {
flex: 2;
margin: 0;
overflow: hidden;
font-size: 13px;
text-align: left;
align-items: center;
}
.sw5e.sheet .items-list .item-name h3,
.sw5e.sheet .items-list .item-name h4 {
margin: 0;
white-space: nowrap;
overflow-x: hidden;
}
.sw5e.sheet .items-list .item-controls {
flex: 0 0 60px;
justify-content: space-between;
}
.sw5e.sheet .items-list .item-controls a {
font-size: 12px;
text-align: center;
}
.sw5e.sheet .items-list .item { .sw5e.sheet .items-list .item {
align-items: center; align-items: center;
padding: 0 2px; padding: 0 2px;
@ -459,25 +485,10 @@
font-size: 12px; font-size: 12px;
text-align: center; text-align: center;
} }
.sw5e.sheet .items-list .items-header .item-name { .sw5e.sheet .items-list .items-header h3 {
padding-left: 5px; padding-left: 5px;
font-size: 16px;
}
.sw5e.sheet .items-list .item-name {
flex: 2;
margin: 0;
overflow: hidden;
font-size: 13px;
text-align: left; text-align: left;
align-items: center; font-size: 16px;
}
.sw5e.sheet .items-list .item-controls {
flex: 0 0 60px;
justify-content: space-between;
}
.sw5e.sheet .items-list .item-controls a {
font-size: 12px;
text-align: center;
} }
.sw5e.sheet .effects .item .effect-source, .sw5e.sheet .effects .item .effect-source,
.sw5e.sheet .effects .item .effect-duration, .sw5e.sheet .effects .item .effect-duration,
@ -586,7 +597,21 @@
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
} }
.sw5e.sheet.actor .attributes input.temphp { .sw5e.sheet.actor .sheet-header .attributes .movement h4.attribute-name {
position: relative;
}
.sw5e.sheet.actor .sheet-header .attributes .movement .config-button {
position: absolute;
display: none;
right: 0;
top: 1px;
font-size: 12px;
font-weight: normal;
}
.sw5e.sheet.actor .sheet-header .attributes .movement:hover .config-button {
display: block;
}
.sw5e.sheet.actor .sheet-header .attributes input.temphp {
width: 48%; width: 48%;
} }
.sw5e.sheet.actor h4.box-title { .sw5e.sheet.actor h4.box-title {
@ -798,7 +823,7 @@
margin: 0 0 3px 0; margin: 0 0 3px 0;
justify-content: space-between; justify-content: space-between;
} }
.sw5e.sheet.actor .traits .configure-flags { .sw5e.sheet.actor .traits .config-button {
flex: 1; flex: 1;
} }
.sw5e.sheet.actor .traits label { .sw5e.sheet.actor .traits label {
@ -871,8 +896,8 @@
.sw5e.sheet.actor .inventory-list .item .item-name i.attuned { .sw5e.sheet.actor .inventory-list .item .item-name i.attuned {
color: #7a7971; color: #7a7971;
} }
.sw5e.sheet.actor .inventory-list .item .item-name h4 { .sw5e.sheet.actor .inventory-list .item .item-name i.not-attuned {
font-size: 14px; color: #44191A;
} }
.sw5e.sheet.actor .inventory-list .item .item-uses input { .sw5e.sheet.actor .inventory-list .item .item-uses input {
width: 24px; width: 24px;
@ -905,6 +930,9 @@
.sw5e.sheet.actor .inventory-list .item-detail.item-action { .sw5e.sheet.actor .inventory-list .item-detail.item-action {
flex: 0 0 100px; flex: 0 0 100px;
} }
.sw5e.sheet.actor .inventory-list .item-detail.attunement {
flex: 0 0 24px;
}
.sw5e.sheet.actor .inventory-list .item-weight { .sw5e.sheet.actor .inventory-list .item-weight {
flex: 0 0 60px; flex: 0 0 60px;
border-left: 1px solid #c9c7b8; border-left: 1px solid #c9c7b8;
@ -995,24 +1023,22 @@
flex: 0 0 240px; flex: 0 0 240px;
margin: 0; margin: 0;
} }
.sw5e.sheet.actor .powercasting-ability input, .sw5e.sheet.actor .powercasting-ability label,
.sw5e.sheet.actor .powercasting-ability span { .sw5e.sheet.actor .powercasting-ability span {
flex: 0 0 32px; flex: none;
}
.sw5e.sheet.actor .powercasting-ability input {
flex: 0 0 28px;
text-align: center; text-align: center;
} }
.sw5e.sheet.actor .powercasting-ability select { .sw5e.sheet.actor .powercasting-ability select {
margin: 0 5px; margin: 0 5px;
flex: 0 0 150px; flex: 0 0 120px;
}
.sw5e.sheet.actor .powercasting-ability h3.power-dc {
flex: 1;
text-align: right;
} }
.sw5e.sheet.actor .power-slots, .sw5e.sheet.actor .power-slots,
.sw5e.sheet.actor .power-comps { .sw5e.sheet.actor .power-comps {
flex: 0 0 75px; flex: none;
padding-right: 5px; padding: 0 5px;
text-align: right;
font-size: 12px; font-size: 12px;
color: #7a7971; color: #7a7971;
border-right: 1px solid #c9c7b8; border-right: 1px solid #c9c7b8;
@ -1025,9 +1051,10 @@
font-size: 13px; font-size: 13px;
font-weight: normal; font-weight: normal;
} }
.sw5e.sheet.actor .power-uses { .sw5e.sheet.actor .powerbook .power-uses {
padding-right: 8px; padding-right: 5px;
text-align: right !important; text-align: right;
color: #7a7971;
} }
.sw5e.sheet.actor .power-school, .sw5e.sheet.actor .power-school,
.sw5e.sheet.actor .power-action, .sw5e.sheet.actor .power-action,
@ -1069,6 +1096,7 @@
padding-right: 8px; padding-right: 8px;
margin-bottom: 4px; margin-bottom: 4px;
overflow-y: auto; overflow-y: auto;
scrollbar-width: thin;
} }
.sw5e.sheet.item { .sw5e.sheet.item {
min-height: 660px; min-height: 660px;
@ -1587,7 +1615,7 @@
.sw5e.chat-card .card-footer span, .sw5e.chat-card .card-footer span,
.midi-qol-item-card .card-footer span { .midi-qol-item-card .card-footer span {
border-right: 2px groove #FFF; border-right: 2px groove #FFF;
padding: 0 5px 0 0; padding: 0 3px 0 0;
font-size: 10px; font-size: 10px;
} }
.sw5e.chat-card .card-footer span:last-child, .sw5e.chat-card .card-footer span:last-child,
@ -1762,7 +1790,7 @@
resize: none; resize: none;
} }
.sw5e.sheet.actor.character .biography { .sw5e.sheet.actor.character .biography {
max-width: calc(-80%); max-width: calc(100% - 180px);
} }
/* ----------------------------------------- */ /* ----------------------------------------- */
/* Basic Structure */ /* Basic Structure */
@ -1794,9 +1822,6 @@
.sw5e.sheet.actor.npc .summary { .sw5e.sheet.actor.npc .summary {
font-size: 18px; font-size: 18px;
} }
.sw5e.sheet.actor.npc .powercasting-ability label {
flex: none;
}
.sw5e.sheet.actor.vehicle .features .item-controls { .sw5e.sheet.actor.vehicle .features .item-controls {
flex: 0 0 68px; flex: 0 0 68px;
} }
@ -1817,30 +1842,35 @@
max-width: 40px; max-width: 40px;
text-align: right; text-align: right;
} }
input[type="number"] { .placeable-hud .control-icon {
width: calc(100% - 2px); box-sizing: content-box;
min-width: 20px; width: 40px;
height: 26px; flex: 0 0 40px;
background: rgba(0, 0, 0, 0.05); margin: 8px 0;
padding: 1px 3px; font-size: 28px;
margin: 0; line-height: 40px;
color: #191813; text-align: center;
font-family: inherit; color: #FBF4F4;
font-size: inherit; background: rgba(0, 0, 0, 0.6);
text-align: inherit; box-shadow: 0 0 15px #000;
line-height: inherit; border: 1px solid #333;
border: 1px solid #7a7971; border-radius: 8px;
border-radius: 3px; pointer-events: all;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
-moz-appearance: textfield;
}
input[type="number"]:focus {
box-shadow: 0 0 5px red;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
} }
#token-hud .status-effects {
visibility: hidden;
position: absolute;
left: 50px;
top: 0;
display: grid;
padding: 3px;
box-sizing: content-box;
width: 100px;
color: #FBF4F4;
grid-template-columns: 25px 25px 25px 25px;
background: rgba(0, 0, 0, 0.6);
box-shadow: 0 0 15px #000;
border: 1px solid #333;
border-radius: 4px;
pointer-events: all;
}

14
sw5e.js
View file

@ -26,7 +26,6 @@ import ActorSheet5eCharacter from "./module/actor/sheets/oldSheets/character.js"
import ActorSheet5eNPC from "./module/actor/sheets/oldSheets/npc.js"; import ActorSheet5eNPC from "./module/actor/sheets/oldSheets/npc.js";
import ActorSheet5eVehicle from "./module/actor/sheets/oldSheets/vehicle.js"; import ActorSheet5eVehicle from "./module/actor/sheets/oldSheets/vehicle.js";
import ActorSheet5eCharacterNew from "./module/actor/sheets/newSheet/character.js"; import ActorSheet5eCharacterNew from "./module/actor/sheets/newSheet/character.js";
import ActorSheet5eNPCNew from "./module/actor/sheets/newSheet/npc.js";
import ItemSheet5e from "./module/item/sheet.js"; import ItemSheet5e from "./module/item/sheet.js";
import ShortRestDialog from "./module/apps/short-rest.js"; import ShortRestDialog from "./module/apps/short-rest.js";
import TraitSelector from "./module/apps/trait-selector.js"; import TraitSelector from "./module/apps/trait-selector.js";
@ -53,7 +52,6 @@ Hooks.once("init", function() {
ActorSheet5eCharacter, ActorSheet5eCharacter,
ActorSheet5eCharacterNew, ActorSheet5eCharacterNew,
ActorSheet5eNPC, ActorSheet5eNPC,
ActorSheet5eNPCNew,
ActorSheet5eVehicle, ActorSheet5eVehicle,
ItemSheet5e, ItemSheet5e,
ShortRestDialog, ShortRestDialog,
@ -79,6 +77,11 @@ Hooks.once("init", function() {
CONFIG.Actor.entityClass = Actor5e; CONFIG.Actor.entityClass = Actor5e;
CONFIG.Item.entityClass = Item5e; CONFIG.Item.entityClass = Item5e;
CONFIG.time.roundTime = 6; CONFIG.time.roundTime = 6;
CONFIG.fontFamilies = [
"Engli-Besh",
"Open Sans",
"Russo One"
];
// Add DND5e namespace for module compatability // Add DND5e namespace for module compatability
game.dnd5e = game.sw5e; game.dnd5e = game.sw5e;
@ -103,16 +106,11 @@ Hooks.once("init", function() {
makeDefault: false, makeDefault: false,
label: "SW5E.SheetClassCharacterOld" label: "SW5E.SheetClassCharacterOld"
}); });
Actors.registerSheet("sw5e", ActorSheet5eNPCNew, { Actors.registerSheet("sw5e", ActorSheet5eNPC, {
types: ["npc"], types: ["npc"],
makeDefault: true, makeDefault: true,
label: "SW5E.SheetClassNPC" label: "SW5E.SheetClassNPC"
}); });
Actors.registerSheet("sw5e", ActorSheet5eNPC, {
types: ["npc"],
makeDefault: false,
label: "SW5E.SheetClassNPCOld"
});
Actors.registerSheet('sw5e', ActorSheet5eVehicle, { Actors.registerSheet('sw5e', ActorSheet5eVehicle, {
types: ['vehicle'], types: ['vehicle'],
makeDefault: true, makeDefault: true,

4
templates/actors/newActor/parts/swalt-core.html
View file

@ -44,8 +44,8 @@
</section> </section>
<section class="panel traits-resources"> <section class="panel traits-resources">
<nav class="core-tabs tab-list" data-subgroup-selection> <nav class="core-tabs tab-list" data-subgroup-selection>
<button type="button" class="item active" data-subgroup="coreattributes" data-target="traits">Traits</button> <button type="button" class="item active" data-subgroup="coreattributes" data-target="traits">Traits & Resources</button>
<button type="button" class="item" data-subgroup="coreattributes" data-target="resources">Resources</button> <button type="button" class="item" data-subgroup="coreattributes" data-target="resources">Favorites & Notes</button>
</nav> </nav>
<div class="tab core-traits active" data-subgroup="coreattributes" data-target="traits"> <div class="tab core-traits active" data-subgroup="coreattributes" data-target="traits">
{{> "systems/sw5e/templates/actors/newActor/parts/swalt-traits.html"}} {{> "systems/sw5e/templates/actors/newActor/parts/swalt-traits.html"}}

97
templates/actors/newActor/parts/swalt-resources.html
View file

@ -1,65 +1,36 @@
{{!-- Resources, Counters, & Favorites --}} {{!-- Resources, Counters, & Favorites --}}
<section class="resources"> <section class="favorites">
<section class="resource-items"> <h1>Favorites</h1>
{{#each resources as |res|}}
<div class="resource">
<h1>
<input name="data.resources.{{res.name}}.label" type="text" value="{{res.label}}"
placeholder="{{res.placeholder}}" />
</h1>
<div class="attribute-value">
<input name="data.resources.{{res.name}}.value" type="text" value="{{res.value}}" data-dtype="Number"
placeholder="0" class="value-number" />
<span class="value-separator">/</span>
<input name="data.resources.{{res.name}}.max" type="text" value="{{res.max}}" data-dtype="Number"
placeholder="0" class="value-number" />
</div>
<footer class="attribute-footer">
<label class="recharge checkbox">
{{ localize "SW5E.AbbreviationSR" }} <input name="data.resources.{{res.name}}.sr" type="checkbox"
{{checked res.sr}} />
</label>
<label class="recharge checkbox">
{{ localize "SW5E.AbbreviationLR" }} <input name="data.resources.{{res.name}}.lr" type="checkbox"
{{checked res.lr}} />
</label>
</footer>
</div>
{{/each}}
</section>
<section class="counters">
<div class="counter">
<h4 class="death-save rollable">{{ localize "SW5E.DeathSave" }}</h4>
<div class="counter-value">
<div class="death-success">
<i class="fas fa-check"></i>
<input type="text" name="data.attributes.death.success" data-dtype="Number" placeholder="0"
value="{{data.attributes.death.success}}" />
</div>
<div class="death-fail">
<i class="fas fa-times"></i>
<input type="text" name="data.attributes.death.failure" data-dtype="Number" placeholder="0"
value="{{data.attributes.death.failure}}" />
</div>
</div>
</div>
<div class="counter">
<h4>{{ localize "SW5E.Exhaustion" }}</h4>
<div class="counter-value">
<input type="text" name="data.attributes.exhaustion" data-dtype="Number" placeholder="0"
value="{{data.attributes.exhaustion}}" />
</div>
</div>
<div class="counter">
<h4>{{ localize "SW5E.Inspiration" }}</h4>
<div class="counter-value">
<input type="checkbox" name="data.attributes.inspiration" data-dtype="Boolean"
{{checked data.attributes.inspiration}} />
</div>
</div>
</section>
<section class="favorites">
<h1>Favorites</h1>
<div class="favtabtarget"></div> <div class="favtabtarget"></div>
</section> </section>
</section> <p>&nbsp;</p>
<section class="background">
<h1>Journal and Notes</h1>
<input type="text" name="data.details.notesname" value="{{data.details.notesname}}"
placeholder="Personal Journal" />
{{editor content=data.details.notes.value target="data.details.notes.value" button=true owner=owner editable=editable}}
</section>
<section>
<input type="text" name="data.details.notes1name" value="{{data.details.notes1name}}"
placeholder="Additional Notes" />
{{editor content=data.details.notes1.value target="data.details.notes1.value" button=true owner=owner editable=editable}}
</section>
<section>
<input type="text" name="data.details.notes2name" value="{{data.details.notes2name}}"
placeholder="Additional Notes" />
{{editor content=data.details.notes2.value target="data.details.notes2.value" button=true owner=owner editable=editable}}
</section>
<section>
<input type="text" name="data.details.notes3name" value="{{data.details.notes3name}}"
placeholder="Additional Notes" />
{{editor content=data.details.notes3.value target="data.details.notes3.value" button=true owner=owner editable=editable}}
</section>
<section>
<input type="text" name="data.details.notes4name" value="{{data.details.notes4name}}"
placeholder="Additional Notes" />
{{editor content=data.details.notes4.value target="data.details.notes4.value" button=true owner=owner editable=editable}}
</section>

142
templates/actors/newActor/parts/swalt-traits.html
View file

@ -16,6 +16,16 @@
placeholder="{{ localize 'SW5E.None' }}" /> placeholder="{{ localize 'SW5E.None' }}" />
{{/unless}} {{/unless}}
</label> </label>
<div>
<label>{{localize "SW5E.MovementConfig"}}</label>
<a class="configure-movement" title="{{localize 'SW5E.MovementConfig'}}"><i class="fas fa-cog"></i></a>
</div>
<div>
{{#unless isVehicle}}
<label>{{localize "SW5E.SpecialTraits"}}</label>
<a class="configure-flags"><i class="fas fa-cog"></i></a>
{{/unless}}
</div>
<div class="languages"> <div class="languages">
<label data-options="share-languages" class="languages">{{localize "SW5E.Languages"}}</label> <label data-options="share-languages" class="languages">{{localize "SW5E.Languages"}}</label>
<a class="trait-selector" data-options="languages" data-target="data.traits.languages"> <a class="trait-selector" data-options="languages" data-target="data.traits.languages">
@ -26,7 +36,40 @@
<li>{{v}}</li> <li>{{v}}</li>
{{/each}} {{/each}}
</ul> </ul>
</div>
<div>
<label>{{localize "SW5E.TraitArmorProf"}}</label>
<a class="trait-selector" data-options="armorProficiencies" data-target="data.traits.armorProf">
<i class="fas fa-edit"></i>
</a>
<ul class="traits-list">
{{#each data.traits.armorProf.selected as |v k|}}
<li>{{v}}</li>
{{/each}}
</ul>
</div> </div>
<div>
<label>{{localize "SW5E.TraitToolProf"}}</label>
<a class="trait-selector" data-options="toolProficiencies" data-target="data.traits.toolProf">
<i class="fas fa-edit"></i>
</a>
<ul class="traits-list">
{{#each data.traits.toolProf.selected as |v k|}}
<li>{{v}}</li>
{{/each}}
</ul>
</div>
<div>
<label>{{localize "SW5E.TraitWeaponProf"}}</label>
<a class="trait-selector" data-options="weaponProficiencies" data-target="data.traits.weaponProf">
<i class="fas fa-edit"></i>
</a>
<ul class="traits-list">
{{#each data.traits.weaponProf.selected as |v k|}}
<li>{{v}}</li>
{{/each}}
</ul>
</div>
<div> <div>
<label>{{localize "SW5E.DamImm"}}</label> <label>{{localize "SW5E.DamImm"}}</label>
<a class="trait-selector" data-options="damageResistanceTypes" data-target="data.traits.di"> <a class="trait-selector" data-options="damageResistanceTypes" data-target="data.traits.di">
@ -72,47 +115,66 @@
{{/each}} {{/each}}
</ul> </ul>
</div>{{#if isCharacter}} </div>{{#if isCharacter}}
<div>
<label>{{localize "SW5E.TraitWeaponProf"}}</label>
<a class="trait-selector" data-options="weaponProficiencies" data-target="data.traits.weaponProf">
<i class="fas fa-edit"></i>
</a>
<ul class="traits-list">
{{#each data.traits.weaponProf.selected as |v k|}}
<li>{{v}}</li>
{{/each}}
</ul>
</div>
<div>
<label>{{localize "SW5E.TraitArmorProf"}}</label>
<a class="trait-selector" data-options="armorProficiencies" data-target="data.traits.armorProf">
<i class="fas fa-edit"></i>
</a>
<ul class="traits-list">
{{#each data.traits.armorProf.selected as |v k|}}
<li>{{v}}</li>
{{/each}}
</ul>
</div>
<div>
<label>{{localize "SW5E.TraitToolProf"}}</label>
<a class="trait-selector" data-options="toolProficiencies" data-target="data.traits.toolProf">
<i class="fas fa-edit"></i>
</a>
<ul class="traits-list">
{{#each data.traits.toolProf.selected as |v k|}}
<li>{{v}}</li>
{{/each}}
</ul>
</div>
{{/if}} {{/if}}
{{#unless isVehicle}}
<div>
<label>{{localize "SW5E.SpecialTraits"}}</label>
<a class="configure-flags"><i class="fas fa-cog"></i></a>
</div>
{{/unless}}
<ul class="passives"></ul> <ul class="passives"></ul>
</section>
<section class="resources">
<section class="resource-items">
{{#each resources as |res|}}
<div class="resource">
<h1>
<input name="data.resources.{{res.name}}.label" type="text" value="{{res.label}}"
placeholder="{{res.placeholder}}" />
</h1>
<div class="attribute-value">
<input name="data.resources.{{res.name}}.value" type="text" value="{{res.value}}" data-dtype="Number"
placeholder="0" class="value-number" />
<span class="value-separator">/</span>
<input name="data.resources.{{res.name}}.max" type="text" value="{{res.max}}" data-dtype="Number"
placeholder="0" class="value-number" />
</div>
<footer class="attribute-footer">
<label class="recharge checkbox">
{{ localize "SW5E.AbbreviationSR" }} <input name="data.resources.{{res.name}}.sr" type="checkbox"
{{checked res.sr}} />
</label>
<label class="recharge checkbox">
{{ localize "SW5E.AbbreviationLR" }} <input name="data.resources.{{res.name}}.lr" type="checkbox"
{{checked res.lr}} />
</label>
</footer>
</div>
{{/each}}
</section>
<section class="counters">
<div class="counter">
<h4 class="death-save rollable">{{ localize "SW5E.DeathSave" }}</h4>
<div class="counter-value">
<div class="death-success">
<i class="fas fa-check"></i>
<input type="text" name="data.attributes.death.success" data-dtype="Number" placeholder="0"
value="{{data.attributes.death.success}}" />
</div>
<div class="death-fail">
<i class="fas fa-times"></i>
<input type="text" name="data.attributes.death.failure" data-dtype="Number" placeholder="0"
value="{{data.attributes.death.failure}}" />
</div>
</div>
</div>
<div class="counter">
<h4>{{ localize "SW5E.Exhaustion" }}</h4>
<div class="counter-value">
<input type="text" name="data.attributes.exhaustion" data-dtype="Number" placeholder="0"
value="{{data.attributes.exhaustion}}" />
</div>
</div>
<div class="counter">
<h4>{{ localize "SW5E.Inspiration" }}</h4>
<div class="counter-value">
<input type="checkbox" name="data.attributes.inspiration" data-dtype="Boolean"
{{checked data.attributes.inspiration}} />
</div>
</div>
</section> </section>