chore:fix my merge mistake
This commit is contained in:
WinterMyst
parent
e3d83ce4bd
commit
ec6d9a881e
423
css/kidsonbrooms.css
Normal file
423
css/kidsonbrooms.css
Normal file
@ -0,0 +1,423 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
|
||||
/* Global styles */
|
||||
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
|
||||
.window-app {
|
||||
font-family: "Roboto", sans-serif;
|
||||
}
|
||||
|
||||
.rollable:hover, .rollable:focus {
|
||||
color: #000;
|
||||
text-shadow: 0 0 10px rgb(146, 0, 225);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
margin: 10px 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.grid-start-2 {
|
||||
grid-column-start: 2;
|
||||
}
|
||||
|
||||
.grid-span-2 {
|
||||
grid-column-end: span 2;
|
||||
}
|
||||
|
||||
.grid-2col {
|
||||
grid-column: span 2/span 2;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.grid-start-3 {
|
||||
grid-column-start: 3;
|
||||
}
|
||||
|
||||
.grid-span-3 {
|
||||
grid-column-end: span 3;
|
||||
}
|
||||
|
||||
.grid-3col {
|
||||
grid-column: span 3/span 3;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.grid-start-4 {
|
||||
grid-column-start: 4;
|
||||
}
|
||||
|
||||
.grid-span-4 {
|
||||
grid-column-end: span 4;
|
||||
}
|
||||
|
||||
.grid-4col {
|
||||
grid-column: span 4/span 4;
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.grid-start-5 {
|
||||
grid-column-start: 5;
|
||||
}
|
||||
|
||||
.grid-span-5 {
|
||||
grid-column-end: span 5;
|
||||
}
|
||||
|
||||
.grid-5col {
|
||||
grid-column: span 5/span 5;
|
||||
grid-template-columns: repeat(5, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.grid-start-6 {
|
||||
grid-column-start: 6;
|
||||
}
|
||||
|
||||
.grid-span-6 {
|
||||
grid-column-end: span 6;
|
||||
}
|
||||
|
||||
.grid-6col {
|
||||
grid-column: span 6/span 6;
|
||||
grid-template-columns: repeat(6, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.grid-start-7 {
|
||||
grid-column-start: 7;
|
||||
}
|
||||
|
||||
.grid-span-7 {
|
||||
grid-column-end: span 7;
|
||||
}
|
||||
|
||||
.grid-7col {
|
||||
grid-column: span 7/span 7;
|
||||
grid-template-columns: repeat(7, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.grid-start-8 {
|
||||
grid-column-start: 8;
|
||||
}
|
||||
|
||||
.grid-span-8 {
|
||||
grid-column-end: span 8;
|
||||
}
|
||||
|
||||
.grid-8col {
|
||||
grid-column: span 8/span 8;
|
||||
grid-template-columns: repeat(8, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.grid-start-9 {
|
||||
grid-column-start: 9;
|
||||
}
|
||||
|
||||
.grid-span-9 {
|
||||
grid-column-end: span 9;
|
||||
}
|
||||
|
||||
.grid-9col {
|
||||
grid-column: span 9/span 9;
|
||||
grid-template-columns: repeat(9, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.grid-start-10 {
|
||||
grid-column-start: 10;
|
||||
}
|
||||
|
||||
.grid-span-10 {
|
||||
grid-column-end: span 10;
|
||||
}
|
||||
|
||||
.grid-10col {
|
||||
grid-column: span 10/span 10;
|
||||
grid-template-columns: repeat(10, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.grid-start-11 {
|
||||
grid-column-start: 11;
|
||||
}
|
||||
|
||||
.grid-span-11 {
|
||||
grid-column-end: span 11;
|
||||
}
|
||||
|
||||
.grid-11col {
|
||||
grid-column: span 11/span 11;
|
||||
grid-template-columns: repeat(11, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.grid-start-12 {
|
||||
grid-column-start: 12;
|
||||
}
|
||||
|
||||
.grid-span-12 {
|
||||
grid-column-end: span 12;
|
||||
}
|
||||
|
||||
.grid-12col {
|
||||
grid-column: span 12/span 12;
|
||||
grid-template-columns: repeat(12, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.flex-group-center {
|
||||
display: flex;
|
||||
flex-direction: center;
|
||||
flex-wrap: center;
|
||||
justify-content: flex-start;
|
||||
align-items: stretch;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.flex-group-left {
|
||||
display: flex;
|
||||
flex-direction: flex-start;
|
||||
flex-wrap: center;
|
||||
justify-content: flex-start;
|
||||
align-items: stretch;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.flex-group-right {
|
||||
display: flex;
|
||||
flex-direction: flex-end;
|
||||
flex-wrap: center;
|
||||
justify-content: flex-start;
|
||||
align-items: stretch;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.flexshrink {
|
||||
flex: 0;
|
||||
}
|
||||
|
||||
.flex-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.flexlarge {
|
||||
flex: 2;
|
||||
}
|
||||
|
||||
.align-left {
|
||||
display: flex;
|
||||
flex-direction: flex-start;
|
||||
flex-wrap: center;
|
||||
justify-content: flex-start;
|
||||
align-items: stretch;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.align-right {
|
||||
display: flex;
|
||||
flex-direction: flex-end;
|
||||
flex-wrap: center;
|
||||
justify-content: flex-start;
|
||||
align-items: stretch;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.align-center {
|
||||
display: flex;
|
||||
flex-direction: center;
|
||||
flex-wrap: center;
|
||||
justify-content: flex-start;
|
||||
align-items: stretch;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.right-align-input {
|
||||
flex: 1;
|
||||
margin-left: auto;
|
||||
max-width: 260px;
|
||||
}
|
||||
|
||||
.window-app {
|
||||
font-family: "Roboto", sans-serif;
|
||||
}
|
||||
|
||||
.rollable:hover, .rollable:focus {
|
||||
color: #000;
|
||||
text-shadow: 0 0 10px rgb(179, 7, 217);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Styles limited to kidsonbrooms sheets */
|
||||
.kids-on-brooms .item-form {
|
||||
font-family: "Roboto", sans-serif;
|
||||
}
|
||||
.kids-on-brooms .sheet-header {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start;
|
||||
align-items: stretch;
|
||||
flex: 0 auto;
|
||||
overflow: hidden;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.kids-on-brooms .sheet-header .profile-img {
|
||||
flex: 0 0 100px;
|
||||
height: 100px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.kids-on-brooms .sheet-header .header-fields {
|
||||
flex: 1;
|
||||
}
|
||||
.kids-on-brooms .sheet-header h1.charname {
|
||||
height: 50px;
|
||||
padding: 0;
|
||||
margin: 5px 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.kids-on-brooms .sheet-header h1.charname input {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
.kids-on-brooms div.editor-border {
|
||||
border: 2px solid rgb(81, 81, 81);
|
||||
border-radius: 10px;
|
||||
}
|
||||
.kids-on-brooms .sheet-tabs {
|
||||
flex: 0;
|
||||
}
|
||||
.kids-on-brooms .sheet-body,
|
||||
.kids-on-brooms .sheet-body .tab,
|
||||
.kids-on-brooms .sheet-body .tab .editor {
|
||||
height: 100%;
|
||||
}
|
||||
.kids-on-brooms .tox .tox-editor-container {
|
||||
background: #fff;
|
||||
}
|
||||
.kids-on-brooms .tox .tox-edit-area {
|
||||
padding: 0 8px;
|
||||
}
|
||||
.kids-on-brooms .selection-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.kids-on-brooms .resource-label {
|
||||
font-weight: bold;
|
||||
}
|
||||
.kids-on-brooms .items-header {
|
||||
height: 28px;
|
||||
margin: 2px 0;
|
||||
padding: 0;
|
||||
align-items: center;
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
border: 2px groove #eeede0;
|
||||
font-weight: bold;
|
||||
}
|
||||
.kids-on-brooms .items-header > * {
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
}
|
||||
.kids-on-brooms .items-header .item-name {
|
||||
font-weight: bold;
|
||||
padding-left: 5px;
|
||||
text-align: left;
|
||||
display: flex;
|
||||
}
|
||||
.kids-on-brooms .items-list {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow-y: auto;
|
||||
scrollbar-width: thin;
|
||||
color: #444;
|
||||
}
|
||||
.kids-on-brooms .items-list .item-list {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.kids-on-brooms .items-list .item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 2px;
|
||||
border-bottom: 1px solid #c9c7b8;
|
||||
}
|
||||
.kids-on-brooms .items-list .item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
.kids-on-brooms .items-list .item .item-name {
|
||||
flex: 2;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
font-size: 13px;
|
||||
text-align: left;
|
||||
display: flex;
|
||||
color: #191813;
|
||||
}
|
||||
.kids-on-brooms .items-list .item .item-name h3, .kids-on-brooms .items-list .item .item-name h4 {
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.kids-on-brooms .items-list .item .item-name .item-image {
|
||||
flex: 0 0 30px;
|
||||
height: 30px;
|
||||
background-size: 30px;
|
||||
border: none;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.kids-on-brooms .items-list .item-controls {
|
||||
display: flex;
|
||||
flex: 0 0 100px;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.kids-on-brooms .items-list .item-controls a {
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
margin: 0 6px;
|
||||
}
|
||||
.kids-on-brooms .items-list .item-prop {
|
||||
text-align: center;
|
||||
border-left: 1px solid #c9c7b8;
|
||||
border-right: 1px solid #c9c7b8;
|
||||
font-size: 12px;
|
||||
}
|
||||
.kids-on-brooms .items-list .items-header {
|
||||
height: 28px;
|
||||
margin: 2px 0;
|
||||
padding: 0;
|
||||
align-items: center;
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
border: 2px groove #eeede0;
|
||||
font-weight: bold;
|
||||
}
|
||||
.kids-on-brooms .items-list .items-header > * {
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
}
|
||||
.kids-on-brooms .items-list .items-header .item-name {
|
||||
padding-left: 5px;
|
||||
text-align: left;
|
||||
}
|
||||
.kids-on-brooms .item-formula {
|
||||
flex: 0 0 200px;
|
||||
padding: 0 8px;
|
||||
}
|
||||
.kids-on-brooms .effects .item .effect-source,
|
||||
.kids-on-brooms .effects .item .effect-duration,
|
||||
.kids-on-brooms .effects .item .effect-controls {
|
||||
text-align: center;
|
||||
border-left: 1px solid #c9c7b8;
|
||||
border-right: 1px solid #c9c7b8;
|
||||
font-size: 12px;
|
||||
}
|
||||
.kids-on-brooms .effects .item .effect-controls {
|
||||
border: none;
|
||||
}
|
||||
.kids-on-brooms .kids-on-brooms input:focus,
|
||||
.kids-on-brooms .kids-on-brooms textarea:focus,
|
||||
.kids-on-brooms .kids-on-brooms select:focus {
|
||||
outline: none;
|
||||
border-color: #8102dd;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=kidsonbrooms.css.map */
|
||||
1
css/kidsonbrooms.css.map
Normal file
1
css/kidsonbrooms.css.map
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../scss/kidsonbrooms.scss","../scss/global/_base.scss","../scss/global/_window.scss","../scss/utils/_typography.scss","../scss/global/_grid.scss","../scss/global/_flex.scss","../scss/utils/_mixins.scss","../scss/utils/_variables.scss","../scss/components/_forms.scss","../scss/utils/_colors.scss","../scss/components/_resource.scss","../scss/components/_items.scss","../scss/components/_effects.scss"],"names":[],"mappings":"AACQ;AASR;ACTQ;ACDR;EACE,aCDa;;;ADKb;EAEE;EACA;EACA;;;AERJ;EACE;EACA;EACA;EACA;;;AAKA;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAZF;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAZF;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAZF;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAZF;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAZF;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAZF;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAZF;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAZF;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAZF;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAZF;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;ACrBJ;ECkBE;EACA,gBDlBiB;ECmBjB,WDnByB;ECoBzB,iBAJkD;EAKlD,aALsE;EDftE;;;AAGF;ECaE;EACA,gBDbiB;ECcjB,WDd6B;ECe7B,iBAJkD;EAKlD,aALsE;EDVtE;;;AAGF;ECQE;EACA,gBDRiB;ECSjB,WDT2B;ECU3B,iBAJkD;EAKlD,aALsE;EDLtE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;ECVE;EACA,gBDUiB;ECTjB,WDS6B;ECR7B,iBAJkD;EAKlD,aALsE;EDatE;;;AAGF;ECfE;EACA,gBDeiB;ECdjB,WDc2B;ECb3B,iBAJkD;EAKlD,aALsE;EDkBtE;;;AAGF;ECpBE;EACA,gBDoBiB;ECnBjB,WDmByB;EClBzB,iBAJkD;EAKlD,aALsE;EDuBtE;;;AAIF;EACE;EACA;EACA;;;AJ7CF;EACE,aMEW;;;ANEX;EAEE;EACA;EACA;;;ADIJ;AQhBA;EACE,aLDa;;AKIf;EFeE;EACA,gBEfiB;EFgBjB,WEhBsB;EFiBtB,iBEjB4B;EFkB5B,aALsE;EEZtE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAKN;EACE;EACA;;AAGF;EACE;;AAGF;AAAA;AAAA;EAGE;;AAIA;EACE,YCnDM;;ADsDR;EACE;;AAKJ;EACE;EACA;EACA;EACA;;AEhEF;EACE;;ACAF;EACE;EACA;EACA;EACA;EACA;EACA,QJHc;EIId;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA,OFxBM;;AE2BN;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,OFvDG;;AEyDH;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAMN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA,QJrGc;EIsGd;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;;ACzHA;AAAA;AAAA;EAGE;EACA;EACA;EACA;;AAGF;EACE;;AAKJ;AAAA;AAAA;EAGE;EACA,cHVmB","file":"kidsonbrooms.css"}
|
||||
1
css/test.css.map
Normal file
1
css/test.css.map
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../scss/kidsonbrooms.scss","../scss/global/_base.scss","../scss/global/_window.scss","../scss/utils/_typography.scss","../scss/global/_grid.scss","../scss/global/_flex.scss","../scss/utils/_mixins.scss","../scss/utils/_variables.scss","../scss/components/_forms.scss","../scss/utils/_colors.scss","../scss/components/_resource.scss","../scss/components/_items.scss","../scss/components/_effects.scss"],"names":[],"mappings":"AACQ;AASR;ACTQ;ACDR;EACE,aCDa;;;ADKb;EAEE;EACA;EACA;;;AERJ;EACE;EACA;EACA;EACA;;;AAKA;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAZF;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAZF;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAZF;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAZF;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAZF;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAZF;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAZF;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAZF;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAZF;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAZF;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;ACrBJ;ECkBE;EACA,gBDlBiB;ECmBjB,WDnByB;ECoBzB,iBAJkD;EAKlD,aALsE;EDftE;;;AAGF;ECaE;EACA,gBDbiB;ECcjB,WDd6B;ECe7B,iBAJkD;EAKlD,aALsE;EDVtE;;;AAGF;ECQE;EACA,gBDRiB;ECSjB,WDT2B;ECU3B,iBAJkD;EAKlD,aALsE;EDLtE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;ECVE;EACA,gBDUiB;ECTjB,WDS6B;ECR7B,iBAJkD;EAKlD,aALsE;EDatE;;;AAGF;ECfE;EACA,gBDeiB;ECdjB,WDc2B;ECb3B,iBAJkD;EAKlD,aALsE;EDkBtE;;;AAGF;ECpBE;EACA,gBDoBiB;ECnBjB,WDmByB;EClBzB,iBAJkD;EAKlD,aALsE;EDuBtE;;;AJtCF;EACE,aMEW;;;ANEX;EAEE;EACA;EACA;;;ADIJ;AQhBA;EACE,aLDa;;AKIf;EFeE;EACA,gBEfiB;EFgBjB,WEhBsB;EFiBtB,iBEjB4B;EFkB5B,aALsE;EEZtE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAKN;EACE;EACA;;AAGF;EACE;;AAGF;AAAA;AAAA;EAGE;;AAIA;EACE,YCnDM;;ADsDR;EACE;;AEvDJ;EACE;;ACAF;EACE;EACA;EACA;EACA;EACA;EACA,QJHc;EIId;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA,OFxBM;;AE2BN;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,OFvDG;;AEyDH;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAMN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA,QJrGc;EIsGd;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;;ACzHA;AAAA;AAAA;EAGE;EACA;EACA;EACA;;AAGF;EACE;;AAKJ;AAAA;AAAA;EAGE;EACA,cHVmB","file":"test.css"}
|
||||
9
lang/en.json
Normal file
9
lang/en.json
Normal file
@ -0,0 +1,9 @@
|
||||
{
|
||||
|
||||
"KIDSONBROOMS.EffectCreate": "Create Effect",
|
||||
"KIDSONBROOMS.EffectToggle": "Toggle Effect",
|
||||
"KIDSONBROOMS.EffectEdit": "Edit Effect",
|
||||
"KIDSONBROOMS.EffectDelete": "Delete Effect",
|
||||
|
||||
"KIDSONBROOMS.Add": "Add"
|
||||
}
|
||||
0
lib/some-lib/some-lib.css
Normal file
0
lib/some-lib/some-lib.css
Normal file
0
lib/some-lib/some-lib.min.js
vendored
Normal file
0
lib/some-lib/some-lib.min.js
vendored
Normal file
59
module/documents/actor.mjs
Normal file
59
module/documents/actor.mjs
Normal file
@ -0,0 +1,59 @@
|
||||
/**
|
||||
* Extend the base Actor document by defining a custom roll data structure which is ideal for the Simple system.
|
||||
* @extends {Actor}
|
||||
*/
|
||||
export class KidsOnBroomsActor extends Actor {
|
||||
|
||||
/**
|
||||
* Override getRollData() that's supplied to rolls.
|
||||
*/
|
||||
getRollData() {
|
||||
let data = { ...this.system };
|
||||
|
||||
// Wand bonuses
|
||||
data.wandBonus = {
|
||||
wood: this._getWandBonus(this.system.wand.wood),
|
||||
core: this._getWandBonus(this.system.wand.core)
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
_getWandBonus(type) {
|
||||
const bonuses = {
|
||||
"Wisteria": { stat: "brains", bonus: 1 },
|
||||
"Hawthorn": { stat: "brains", bonus: 1 },
|
||||
"Pine": { stat: "brawn", bonus: 1 },
|
||||
"Oak": { stat: "brawn", bonus: 1 },
|
||||
"Crabapple": { stat: "fight", bonus: 1 },
|
||||
"Dogwood": { stat: "fight", bonus: 1 },
|
||||
"Birch": { stat: "flight", bonus: 1 },
|
||||
"Bamboo": { stat: "flight", bonus: 1 },
|
||||
"Ironwood": { stat: "grit", bonus: 1 },
|
||||
"Maple": { stat: "grit", bonus: 1 },
|
||||
"Lilac": { stat: "charm", bonus: 1 },
|
||||
"Cherry": { stat: "charm", bonus: 1 },
|
||||
"Parchment": { stat: "brains", bonus: 1 },
|
||||
"Phoenix Feather": { stat: "brains", bonus: 1 },
|
||||
"Owl Feather": { stat: "brains", bonus: 1 },
|
||||
"Gorilla Fur": { stat: "brawn", bonus: 1 },
|
||||
"Ogre’s Fingernail": { stat: "brawn", bonus: 1 },
|
||||
"Hippo’s Tooth": { stat: "brawn", bonus: 1 },
|
||||
"Dragon’s Heartstring": { stat: "fight", bonus: 1 },
|
||||
"Wolf’s Tooth": { stat: "fight", bonus: 1 },
|
||||
"Elk’s Antler": { stat: "fight", bonus: 1 },
|
||||
"Hawk’s Feather": { stat: "flight", bonus: 1 },
|
||||
"Bat’s Bone": { stat: "flight", bonus: 1 },
|
||||
"Changeling’s Hair": { stat: "charm", bonus: 1 },
|
||||
"Gold": { stat: "charm", bonus: 1 },
|
||||
"Mirror": { stat: "charm", bonus: 1 },
|
||||
"Steel": { stat: "grit", bonus: 1 },
|
||||
"Diamond": { stat: "grit", bonus: 1 },
|
||||
"Lion’s Mane": { stat: "grit", bonus: 1 }
|
||||
};
|
||||
|
||||
return bonuses[type] || { stat: "", bonus: 0 };
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
7
module/helpers/config.mjs
Normal file
7
module/helpers/config.mjs
Normal file
@ -0,0 +1,7 @@
|
||||
export const KIDSONBROOMS = {};
|
||||
|
||||
// Define constants here, such as:
|
||||
KIDSONBROOMS.foobar = {
|
||||
'bas': 'KIDSONBROOMS.bas',
|
||||
'bar': 'KIDSONBROOMS.bar'
|
||||
};
|
||||
15
module/helpers/templates.mjs
Normal file
15
module/helpers/templates.mjs
Normal file
@ -0,0 +1,15 @@
|
||||
/**
|
||||
* Define a set of template paths to pre-load
|
||||
* Pre-loaded templates are compiled and cached for fast access when rendering
|
||||
* @return {Promise}
|
||||
*/
|
||||
export const preloadHandlebarsTemplates = async function() {
|
||||
return loadTemplates([
|
||||
|
||||
// Actor partials.
|
||||
"systems/kids-on-brooms/templates/actor/parts/actor-features.html",
|
||||
"systems/kids-on-brooms/templates/actor/parts/actor-adversity.html",
|
||||
"systems/kids-on-brooms/templates/actor/parts/actor-stats.html",
|
||||
"systems/kids-on-brooms/templates/actor/parts/actor-npc-stats.html",
|
||||
]);
|
||||
};
|
||||
333
module/kidsonbrooms.mjs
Normal file
333
module/kidsonbrooms.mjs
Normal file
@ -0,0 +1,333 @@
|
||||
// Import document classes.
|
||||
import { KidsOnBroomsActor } from "./documents/actor.mjs";
|
||||
|
||||
// Import sheet classes.
|
||||
import { KidsOnBroomsActorSheet } from "./sheets/actor-sheet.mjs";
|
||||
|
||||
// Import helper/utility classes and constants.
|
||||
import { preloadHandlebarsTemplates } from "./helpers/templates.mjs";
|
||||
import { KIDSONBROOMS } from "./helpers/config.mjs";
|
||||
|
||||
/* -------------------------------------------- */
|
||||
/* Init Hook */
|
||||
/* -------------------------------------------- */
|
||||
|
||||
Hooks.once('init', async function() {
|
||||
|
||||
// Register the helper
|
||||
Handlebars.registerHelper('capitalizeFirst', function(string) {
|
||||
if (typeof string === 'string') {
|
||||
return string.charAt(0).toUpperCase() + string.slice(1);
|
||||
}
|
||||
return '';
|
||||
});
|
||||
|
||||
// Add utility classes and functions to the global game object so that they're more easily
|
||||
// accessible in global contexts.
|
||||
game.kidsonbrooms = {
|
||||
KidsOnBroomsActor,
|
||||
_onTakeAdversityToken: _onTakeAdversityToken, // Add the function to the global object
|
||||
_onSpendAdversityTokens: _onSpendAdversityTokens // Add the function to the global object
|
||||
};
|
||||
|
||||
// Add custom constants for configuration.
|
||||
CONFIG.KIDSONBROOMS = KIDSONBROOMS;
|
||||
|
||||
/**
|
||||
* Set an initiative formula for the system
|
||||
* @type {String}
|
||||
*/
|
||||
CONFIG.Combat.initiative = {
|
||||
formula: "1d20",
|
||||
decimals: 2
|
||||
};
|
||||
|
||||
// Define custom Document classes
|
||||
CONFIG.Actor.documentClass = KidsOnBroomsActor;
|
||||
|
||||
// Register sheet application classes
|
||||
Actors.unregisterSheet("core", ActorSheet);
|
||||
Actors.registerSheet("kids-on-brooms", KidsOnBroomsActorSheet, { makeDefault: true });
|
||||
|
||||
//If there is a new chat message that is a roll we add the adversity token controls
|
||||
Hooks.on("renderChatMessage", (message, html, messageData) => {
|
||||
const adversityControls = html.find('.adversity-controls');
|
||||
if (adversityControls.length > 0) {
|
||||
const messageToEdit = adversityControls.data("roll-id");
|
||||
// Bind event listeners for the controls
|
||||
adversityControls.find(".take-adversity").off("click").click((event) => {
|
||||
|
||||
const actorId = event.currentTarget.dataset.actorId;
|
||||
const actor = game.actors.get(actorId);
|
||||
|
||||
// Check if the current user owns the actor - They can not claim if they are not
|
||||
if (!actor.testUserPermission(game.user, "owner")) {
|
||||
ui.notifications.warn("You don't own this character and cannot take adversity tokens.");
|
||||
return;
|
||||
}
|
||||
|
||||
// Check if the token has already been claimed -- Contigency if the button somehow activates again
|
||||
if (message.getFlag("kids-on-brooms", "tokenClaimed")) {
|
||||
ui.notifications.warn("This adversity token has already been claimed.");
|
||||
return;
|
||||
}
|
||||
|
||||
_onTakeAdversityToken(event, actor);
|
||||
if (game.user.isGM) {
|
||||
let tokenControls = game.messages.get(message.id);
|
||||
console.log(tokenControls);
|
||||
// Update the chat message content with the button disabled and text changed
|
||||
const updatedContent = tokenControls.content.replace(
|
||||
`<button class="take-adversity" data-actor-id="${actor.id}">Take Adversity Token</button>`,
|
||||
`<button class="take-adversity" data-actor-id="${actor.id}" disabled>Token claimed</button>`
|
||||
);
|
||||
console.log("Removing Button");
|
||||
// Update the message content
|
||||
tokenControls.update({ content: updatedContent });
|
||||
// Set the flag on the chat message to indicate that the token has been claimed
|
||||
tokenControls.setFlag("kids-on-brooms", "tokenClaimed", true);
|
||||
} else {
|
||||
// Emit a socket request to update the message to show that the token has been claimed
|
||||
game.socket.emit('system.kids-on-brooms', {
|
||||
action: "takeToken",
|
||||
messageID: message.id,
|
||||
actorID: actor.id,
|
||||
});
|
||||
}
|
||||
console.log("Send socket message for taking a token");
|
||||
});
|
||||
|
||||
adversityControls.find(".spend-adversity").off("click").click((event) => {
|
||||
//This entails a lot more, so I offloaded it to a new function
|
||||
_onSpendAdversityTokens(event, messageToEdit);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// Preload Handlebars templates.
|
||||
return preloadHandlebarsTemplates();
|
||||
});
|
||||
|
||||
/***
|
||||
* This handles the incoming socket requests.
|
||||
* If a player wants to spend tokens on another players roll the gm has to approve first
|
||||
* if a player wants to claim a token we will update the message since they do not have the permissions
|
||||
*/
|
||||
Hooks.once('ready', function() {
|
||||
game.socket.on('system.kids-on-brooms', async (data) => {
|
||||
console.log("Socket data received:", data);
|
||||
|
||||
if (data.action === "spendTokens") {
|
||||
console.log(`Request to spend tokens: ${data.tokensToSpend} tokens for ${data.rollActorId} by ${data.spendingActorId}`);
|
||||
|
||||
// Only handle the request if the GM is logged in
|
||||
if (!game.user.isGM) {
|
||||
console.log("Not GM, ignoring the token spend request.");
|
||||
return;
|
||||
}
|
||||
|
||||
// The actor who made the roll
|
||||
const rollActor = game.actors.get(data.rollActorId);
|
||||
// The actor who is spending tokens
|
||||
const spendingActor = game.actors.get(data.spendingActorId);
|
||||
|
||||
//If these for some reason do not exist
|
||||
if (!rollActor || !spendingActor) {
|
||||
console.warn("Actor not found:", data.rollActorId, data.spendingActorId);
|
||||
return;
|
||||
}
|
||||
|
||||
// Create a confirmation dialog for the GM
|
||||
new Dialog({
|
||||
title: "Approve Adversity Token Spending?",
|
||||
content: `<p>${spendingActor.name} wants to spend ${data.tokenCost} adversity tokens on ${rollActor.name}'s roll to increase it by ${data.tokensToSpend}. Approve?</p>`,
|
||||
buttons: {
|
||||
yes: {
|
||||
label: "Yes",
|
||||
callback: async () => {
|
||||
|
||||
|
||||
const currentTokens = spendingActor.system.adversityTokens || 0;
|
||||
|
||||
// Update the spending actor's adversity token count
|
||||
await spendingActor.update({ "system.adversityTokens": currentTokens - data.tokenCost });
|
||||
|
||||
|
||||
// Modify the roll message with the new total
|
||||
await _updateRollMessage(data.rollMessageId, data.tokensToSpend, false);
|
||||
|
||||
console.log(`${spendingActor.name} spent ${data.tokensToSpend} tokens, updated roll total to ${roll.cumulativeTotal}`);
|
||||
ui.notifications.info(`${spendingActor.name} successfully spent ${data.tokensToSpend} tokens.`);
|
||||
}
|
||||
},
|
||||
no: {
|
||||
label: "No",
|
||||
callback: () => {
|
||||
ui.notifications.info(`The GM denied ${spendingActor.name}'s request to spend tokens.`);
|
||||
}
|
||||
}
|
||||
},
|
||||
default: "yes"
|
||||
}).render(true);
|
||||
} else if (data.action === "takeToken") {
|
||||
// Only handle the request if the GM is logged in
|
||||
if (!game.user.isGM) {
|
||||
console.log("Not GM, ignoring the token spend request.");
|
||||
return;
|
||||
}
|
||||
let tokenControls = game.messages.get(data.messageID);
|
||||
console.log(tokenControls);
|
||||
// Update the chat message content with the button disabled and text changed
|
||||
const updatedContent = tokenControls.content.replace(
|
||||
`<button class="take-adversity" data-actor-id="${data.actorID}">Take Adversity Token</button>`,
|
||||
`<button class="take-adversity" data-actor-id="${data.actorID}" disabled>Token claimed</button>`
|
||||
);
|
||||
console.log("Removing Button");
|
||||
// Update the message content
|
||||
tokenControls.update({ content: updatedContent });
|
||||
// Set the flag on the chat message to indicate that the token has been claimed
|
||||
tokenControls.setFlag("kids-on-brooms", "tokenClaimed", true);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/***
|
||||
* This function adds the adversity token to the actor that made the roll and logs it
|
||||
*
|
||||
* @param {Event} e - The button click event
|
||||
* @param {Actor} actor - The actor object that made the roll
|
||||
*/
|
||||
async function _onTakeAdversityToken(e, actor) {
|
||||
e.preventDefault();
|
||||
|
||||
|
||||
// Get the chat message ID (assuming it's stored in the dataset)
|
||||
const messageId = e.currentTarget.closest('.message').dataset.messageId;
|
||||
const message = game.messages.get(messageId);
|
||||
|
||||
// Add an adversity token to the actor
|
||||
const currentTokens = actor.system.adversityTokens || 0;
|
||||
await actor.update({ "system.adversityTokens": currentTokens + 1 });
|
||||
|
||||
|
||||
// Notify the user
|
||||
ui.notifications.info(`You gained 1 adversity token.`);
|
||||
console.log(`Gave one adversity token to ${actor.id}`)
|
||||
}
|
||||
|
||||
/***
|
||||
* This function allows players to spend tokens to change a roll. This will automatically be calculated in their sheet
|
||||
*
|
||||
*/
|
||||
async function _onSpendAdversityTokens(e, rollMessageId) {
|
||||
e.preventDefault();
|
||||
|
||||
// The actor who made the roll
|
||||
const rollActorId = e.currentTarget.dataset.actorId;
|
||||
const rollActor = game.actors.get(rollActorId); //technically redundant since it is also done in the main hook, but perfomance is good enuff
|
||||
|
||||
// Get the actor of the player who is spending tokens
|
||||
const spendingPlayerActor = game.actors.get(game.user.character?.id || game.actors.filter(actor => actor.testUserPermission(game.user, "owner"))[0]?.id);
|
||||
|
||||
if (!spendingPlayerActor) {
|
||||
ui.notifications.warn("You don't control any actors.");
|
||||
return;
|
||||
}
|
||||
|
||||
//Get the tokens to be spend from the input field
|
||||
const tokenInput = $(e.currentTarget).closest('.adversity-controls').find('.token-input').val();
|
||||
const tokensToSpend = parseInt(tokenInput, 10);
|
||||
|
||||
if (isNaN(tokensToSpend) || tokensToSpend <= 0) {
|
||||
ui.notifications.warn("Please enter a valid number of tokens.");
|
||||
return;
|
||||
}
|
||||
|
||||
let tokenCost = tokensToSpend;
|
||||
|
||||
// If the player spending tokens is not the owner of the actor who rolled, they spend double
|
||||
//(note, this is a rule of mine, I have disabled it by default)
|
||||
if ((!spendingPlayerActor.testUserPermission(game.user, "owner") || spendingPlayerActor.id !== rollActorId) && false) {
|
||||
tokenCost = tokensToSpend * 2;
|
||||
}
|
||||
|
||||
// Ensure the spending actor has enough adversity tokens
|
||||
if (spendingPlayerActor.system.adversityTokens < tokenCost) {
|
||||
ui.notifications.warn(`You do not have enough adversity tokens.`);
|
||||
return;
|
||||
}
|
||||
|
||||
// Check if the player owns the actor who made the roll
|
||||
if (spendingPlayerActor.id === rollActorId) {
|
||||
// The player owns the actor, so they can spend tokens directly without GM approval
|
||||
const currentTokens = spendingPlayerActor.system.adversityTokens || 0;
|
||||
|
||||
// Deduct the tokens from the player
|
||||
await spendingPlayerActor.update({ "system.adversityTokens": currentTokens - tokenCost });
|
||||
|
||||
// Modify the roll message with the new total
|
||||
await _updateRollMessage(rollMessageId, tokensToSpend, true);
|
||||
|
||||
} else {
|
||||
// The player does not own the actor, so request GM approval to spend the tokens
|
||||
console.log(`Requesting to spend ${tokensToSpend} tokens for ${rollActor.name} by ${spendingPlayerActor.name} (cost: ${tokenCost})`);
|
||||
|
||||
// Emit a socket request to spend tokens
|
||||
game.socket.emit('system.kids-on-brooms', {
|
||||
action: "spendTokens",
|
||||
rollActorId: rollActorId,
|
||||
spendingActorId: spendingPlayerActor.id, // Send the player's actor who is spending the tokens
|
||||
tokensToSpend: tokensToSpend,
|
||||
tokenCost: tokenCost,
|
||||
rollMessageId: rollMessageId // Pass message ID to update the roll result
|
||||
});
|
||||
|
||||
ui.notifications.info(`Requested to spend ${tokenCost} tokens for ${rollActor.name}`);
|
||||
}
|
||||
}
|
||||
|
||||
// Helper function to send a new message with the updated roll result
|
||||
async function _updateRollMessage(rollMessageId, tokensToSpend, isPlayerOfActor) {
|
||||
const message = game.messages.get(rollMessageId);
|
||||
|
||||
if (!message) {
|
||||
console.error("Message not found with ID:", rollMessageId);
|
||||
return;
|
||||
}
|
||||
|
||||
// Retrieve current tokens spent from flags, or initialize to 0 if not found
|
||||
let cumulativeTokensSpent = message.getFlag("kids-on-brooms", "tokensSpent") || 0;
|
||||
let newTotal = message.getFlag("kids-on-brooms", "newRollTotal") || message.rolls[0].total;
|
||||
|
||||
/*if(isPlayerOfActor)
|
||||
{
|
||||
// Add the new tokens to the cumulative total
|
||||
cumulativeTokensSpent += tokensToSpend;
|
||||
} else {
|
||||
cumulativeTokensSpent += 2*tokensToSpend;
|
||||
}*/
|
||||
cumulativeTokensSpent += tokensToSpend;
|
||||
newTotal += tokensToSpend;
|
||||
await message.setFlag("kids-on-brooms", "newRollTotal", newTotal);
|
||||
|
||||
// Update the message's flags to store the cumulative tokens spent
|
||||
await message.setFlag("kids-on-brooms", "tokensSpent", cumulativeTokensSpent);
|
||||
let newContent = "";
|
||||
if(cumulativeTokensSpent === 1)
|
||||
{
|
||||
newContent = `You have now spent ${cumulativeTokensSpent} token. The new roll total is ${newTotal}.`;
|
||||
} else {
|
||||
newContent = `You have now spent ${cumulativeTokensSpent} tokens. The new roll total is ${newTotal}.`;
|
||||
}
|
||||
|
||||
// Create a new chat message to display the updated total
|
||||
await ChatMessage.create({
|
||||
speaker: ChatMessage.getSpeaker({ actor: message.speaker.actor }),
|
||||
content: newContent,
|
||||
type: CONST.CHAT_MESSAGE_STYLES.OTHER,
|
||||
});
|
||||
}
|
||||
147
module/sheets/actor-sheet.mjs
Normal file
147
module/sheets/actor-sheet.mjs
Normal file
@ -0,0 +1,147 @@
|
||||
/**
|
||||
* Extend the basic ActorSheet with some very simple modifications
|
||||
* @extends {ActorSheet}
|
||||
*/
|
||||
export class KidsOnBroomsActorSheet extends ActorSheet {
|
||||
|
||||
/** @override */
|
||||
static get defaultOptions()
|
||||
{
|
||||
return foundry.utils.mergeObject(super.defaultOptions, {
|
||||
classes: ["kids-on-brooms", "sheet", "actor"],
|
||||
width: 800,
|
||||
height: 800,
|
||||
tabs: [{ navSelector: ".sheet-tabs", contentSelector: ".sheet-body", initial: "features" }]
|
||||
});
|
||||
}
|
||||
|
||||
/** @override */
|
||||
get template()
|
||||
{
|
||||
console.log("template", this.actor)
|
||||
return `systems/kids-on-brooms/templates/actor/actor-${this.actor.type}-sheet.html`;
|
||||
}
|
||||
|
||||
/* -------------------------------------------- */
|
||||
|
||||
/** @override */
|
||||
/** @override */
|
||||
async getData()
|
||||
{
|
||||
// Retrieve the data structure from the base sheet.
|
||||
const context = super.getData();
|
||||
|
||||
// Use a safe clone of the actor data for further operations.
|
||||
const actorData = this.document.toObject(false);
|
||||
|
||||
// Add the actor's data to context.data for easier access, as well as flags.
|
||||
context.system = actorData.system;
|
||||
context.flags = actorData.flags;
|
||||
|
||||
// Add roll data for TinyMCE editors.
|
||||
context.rollData = context.actor.getRollData();
|
||||
// Add roll data for TinyMCE editors.
|
||||
context.rollData = context.actor.getRollData();
|
||||
|
||||
|
||||
console.log(context);
|
||||
return context;
|
||||
}
|
||||
|
||||
/* -------------------------------------------- */
|
||||
|
||||
/** @override */
|
||||
activateListeners(html)
|
||||
{
|
||||
super.activateListeners(html);
|
||||
// -------------------------------------------------------------
|
||||
// Everything below here is only needed if the sheet is editable
|
||||
if (!this.isEditable) return;
|
||||
|
||||
// Rollable abilities.
|
||||
html.find('.rollable').click(this._onRoll.bind(this));
|
||||
|
||||
//If the user changes their wand material save that
|
||||
html.find('select[name="system.wand.wood"]').change(event => {
|
||||
const value = event.target.value;
|
||||
this.actor.update({ "system.wand.wood": value });
|
||||
});
|
||||
|
||||
html.find('select[name="system.wand.core"]').change(event => {
|
||||
const value = event.target.value;
|
||||
this.actor.update({ "system.wand.core": value });
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Handle clickable rolls.
|
||||
* @param {Event} event The originating click event
|
||||
* @private
|
||||
*/
|
||||
async _onRoll(e) {
|
||||
e.preventDefault();
|
||||
const element = e.currentTarget;
|
||||
const dataset = element.dataset;
|
||||
|
||||
// Handle rolls that supply the formula directly
|
||||
if (dataset.roll) {
|
||||
let label = dataset.label ? `${dataset.label}` : '';
|
||||
// Get the roll data and include wand bonuses
|
||||
let rollData = this.actor.getRollData();
|
||||
let totalBonus = 0;
|
||||
console.log(dataset.roll);
|
||||
// Apply wood bonus if it matches the stat being rolled for
|
||||
if (rollData.wandBonus.wood.stat === dataset.key) {
|
||||
totalBonus += rollData.wandBonus.wood.bonus;
|
||||
}
|
||||
|
||||
// Apply core bonus if it matches the stat being rolled for AND it's different from the wood bonus
|
||||
if (rollData.wandBonus.core.stat === dataset.key && rollData.wandBonus.core.stat !== rollData.wandBonus.wood.stat) {
|
||||
totalBonus += rollData.wandBonus.core.bonus;
|
||||
}
|
||||
let rollFormula = dataset.roll + `+${totalBonus}`;
|
||||
let roll = new Roll(rollFormula, rollData);
|
||||
console.log(rollFormula);
|
||||
console.log(rollData);
|
||||
|
||||
// Send the roll message to chat
|
||||
const rollMessage = await roll.toMessage({
|
||||
speaker: ChatMessage.getSpeaker({ actor: this.actor }),
|
||||
flavor: label,
|
||||
rollMode: game.settings.get('core', 'rollMode'),
|
||||
})
|
||||
|
||||
// Now send the follow-up message with the adversity controls
|
||||
await this._sendAdversityControlsMessage(this.actor.id, rollMessage.id);
|
||||
|
||||
return roll;
|
||||
}
|
||||
}
|
||||
|
||||
//This just sends the buttons for the adversity token system
|
||||
async _sendAdversityControlsMessage(actorId, rollMessageId) {
|
||||
// Create the content for the adversity controls
|
||||
const adversityControlsHtml = this._createAdversityControls(actorId, rollMessageId);
|
||||
|
||||
// Send the adversity controls as a follow-up message
|
||||
const controlMessage = await ChatMessage.create({
|
||||
speaker: ChatMessage.getSpeaker({ actor: this.actor }),
|
||||
content: adversityControlsHtml,
|
||||
});
|
||||
|
||||
return controlMessage;
|
||||
}
|
||||
|
||||
// Create HTML content for adversity controls
|
||||
_createAdversityControls(actorId, rollMessageId) {
|
||||
return `
|
||||
<div class="adversity-controls" data-roll-id="${rollMessageId}">
|
||||
<button class="take-adversity" data-actor-id="${actorId}">Take Adversity Token</button>
|
||||
<input type="number" class="token-input" value="1" min="1" />
|
||||
<button class="spend-adversity" data-actor-id="${actorId}">Spend Adversity Tokens</button>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
22
scss/components/_effects.scss
Normal file
22
scss/components/_effects.scss
Normal file
@ -0,0 +1,22 @@
|
||||
.effects .item {
|
||||
.effect-source,
|
||||
.effect-duration,
|
||||
.effect-controls {
|
||||
text-align: center;
|
||||
border-left: 1px solid #c9c7b8;
|
||||
border-right: 1px solid #c9c7b8;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.effect-controls {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
// _effects.scss
|
||||
.kids-on-brooms input:focus,
|
||||
.kids-on-brooms textarea:focus,
|
||||
.kids-on-brooms select:focus {
|
||||
outline: none;
|
||||
border-color: $focus-border-color;
|
||||
}
|
||||
66
scss/components/_forms.scss
Normal file
66
scss/components/_forms.scss
Normal file
@ -0,0 +1,66 @@
|
||||
.item-form {
|
||||
font-family: $font-primary;
|
||||
}
|
||||
|
||||
.sheet-header {
|
||||
@include flexbox(row, wrap, flex-start); // Use a mixin for flexbox
|
||||
flex: 0 auto;
|
||||
overflow: hidden;
|
||||
margin-bottom: 10px;
|
||||
|
||||
.profile-img {
|
||||
flex: 0 0 100px;
|
||||
height: 100px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.header-fields {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
h1.charname {
|
||||
height: 50px;
|
||||
padding: 0;
|
||||
margin: 5px 0;
|
||||
border-bottom: 0;
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.editor-border {
|
||||
border: 2px solid $primary-border-color; // Replace the hardcoded color with a variable
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.sheet-tabs {
|
||||
flex: 0;
|
||||
}
|
||||
|
||||
.sheet-body,
|
||||
.sheet-body .tab,
|
||||
.sheet-body .tab .editor {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.tox {
|
||||
.tox-editor-container {
|
||||
background: $c-white;
|
||||
}
|
||||
|
||||
.tox-edit-area {
|
||||
padding: 0 8px;
|
||||
}
|
||||
}
|
||||
|
||||
// Flexbox container for each row
|
||||
.selection-row {
|
||||
display: flex;
|
||||
justify-content: space-between; // Ensures label stays left and input moves to the right
|
||||
align-items: center; // Vertically center the label and input
|
||||
margin-bottom: 10px; // Optional: Add some space between rows
|
||||
}
|
||||
124
scss/components/_items.scss
Normal file
124
scss/components/_items.scss
Normal file
@ -0,0 +1,124 @@
|
||||
// Section Header
|
||||
.items-header {
|
||||
height: 28px;
|
||||
margin: 2px 0;
|
||||
padding: 0;
|
||||
align-items: center;
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
border: $border-groove;
|
||||
font-weight: bold;
|
||||
|
||||
> * {
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.item-name {
|
||||
font-weight: bold;
|
||||
padding-left: 5px;
|
||||
text-align: left;
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
// Items Lists
|
||||
.items-list {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow-y: auto;
|
||||
scrollbar-width: thin;
|
||||
color: $c-tan;
|
||||
|
||||
// Child lists
|
||||
.item-list {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
// Individual Item
|
||||
.item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 2px; // Align with the header border
|
||||
border-bottom: 1px solid $c-faint;
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
// Item name and image
|
||||
.item-name {
|
||||
flex: 2;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
font-size: 13px;
|
||||
text-align: left;
|
||||
display: flex;
|
||||
color: $c-dark;
|
||||
|
||||
h3, h4 {
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.item-image {
|
||||
flex: 0 0 30px;
|
||||
height: 30px;
|
||||
background-size: 30px;
|
||||
border: none;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Control Buttons
|
||||
.item-controls {
|
||||
display: flex;
|
||||
flex: 0 0 100px;
|
||||
justify-content: flex-end;
|
||||
|
||||
a {
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
margin: 0 6px;
|
||||
}
|
||||
}
|
||||
|
||||
// Item Properties (like stats or details)
|
||||
.item-prop {
|
||||
text-align: center;
|
||||
border-left: 1px solid $c-faint;
|
||||
border-right: 1px solid $c-faint;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
// Section Header inside Items List
|
||||
.items-list .items-header {
|
||||
height: 28px;
|
||||
margin: 2px 0;
|
||||
padding: 0;
|
||||
align-items: center;
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
border: $border-groove;
|
||||
font-weight: bold;
|
||||
|
||||
> * {
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.item-name {
|
||||
padding-left: 5px;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
// Optional item formula block
|
||||
.item-formula {
|
||||
flex: 0 0 200px;
|
||||
padding: 0 8px;
|
||||
}
|
||||
3
scss/components/_resource.scss
Normal file
3
scss/components/_resource.scss
Normal file
@ -0,0 +1,3 @@
|
||||
.resource-label {
|
||||
font-weight: bold;
|
||||
}
|
||||
15
scss/global/_base.scss
Normal file
15
scss/global/_base.scss
Normal file
@ -0,0 +1,15 @@
|
||||
// _base.scss
|
||||
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
|
||||
|
||||
.window-app {
|
||||
font-family: $font-stack;
|
||||
}
|
||||
|
||||
.rollable {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: #000;
|
||||
text-shadow: $hover-text-shadow;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
50
scss/global/_flex.scss
Normal file
50
scss/global/_flex.scss
Normal file
@ -0,0 +1,50 @@
|
||||
// Flexbox Utility Classes
|
||||
.flex-group-center {
|
||||
@include flexbox(center, center);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.flex-group-left {
|
||||
@include flexbox(flex-start, center);
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.flex-group-right {
|
||||
@include flexbox(flex-end, center);
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.flexshrink {
|
||||
flex: 0;
|
||||
}
|
||||
|
||||
.flex-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.flexlarge {
|
||||
flex: 2;
|
||||
}
|
||||
|
||||
// Alignment Utility Classes
|
||||
.align-left {
|
||||
@include flexbox(flex-start, center);
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.align-right {
|
||||
@include flexbox(flex-end, center);
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.align-center {
|
||||
@include flexbox(center, center);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
// Only apply the right alignment to specific inputs with this class
|
||||
.right-align-input {
|
||||
flex: 1;
|
||||
margin-left: auto; // Push the input to the far right
|
||||
max-width: 260px; // Optional: Control the width of the input field
|
||||
}
|
||||
25
scss/global/_grid.scss
Normal file
25
scss/global/_grid.scss
Normal file
@ -0,0 +1,25 @@
|
||||
// _grid.scss
|
||||
.grid {
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
margin: 10px 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@for $i from 2 through 12 {
|
||||
// Create grid-start-* classes for offsets
|
||||
.grid-start-#{$i} {
|
||||
grid-column-start: #{$i};
|
||||
}
|
||||
|
||||
// Create grid-span-* classes for column spans
|
||||
.grid-span-#{$i} {
|
||||
grid-column-end: span #{$i};
|
||||
}
|
||||
|
||||
// Create grid-*col classes for grid columns
|
||||
.grid-#{$i}col {
|
||||
grid-column: span #{$i} / span #{$i};
|
||||
grid-template-columns: repeat(#{$i}, minmax(0, 1fr));
|
||||
}
|
||||
}
|
||||
12
scss/global/_window.scss
Normal file
12
scss/global/_window.scss
Normal file
@ -0,0 +1,12 @@
|
||||
.window-app {
|
||||
font-family: $font-primary;
|
||||
}
|
||||
|
||||
.rollable {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: #000;
|
||||
text-shadow: 0 0 10px rgb(146, 0, 225);
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
23
scss/kidsonbrooms.scss
Normal file
23
scss/kidsonbrooms.scss
Normal file
@ -0,0 +1,23 @@
|
||||
// Add custom fonts by visiting and search https://fonts.google.com
|
||||
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
|
||||
// This is the font used for the book, will not buy it but for refrence https://www.myfonts.com/collections/dreadful-font-aiyari?queryId=undefined&index=universal_search_data&objectIDs=5368854002
|
||||
// This is the font used for text https://www.myfonts.com/products/lapidary-333-lapidary-333-434881?queryId=undefined&index=universal_search_data&objectIDs=5468003002
|
||||
// Import utilities.
|
||||
@import 'utils/variables';
|
||||
@import 'utils/typography';
|
||||
@import 'utils/colors';
|
||||
@import 'utils/mixins';
|
||||
|
||||
/* Global styles */
|
||||
@import 'global/window';
|
||||
@import 'global/grid';
|
||||
@import 'global/flex';
|
||||
@import 'global/base';
|
||||
|
||||
/* Styles limited to kidsonbrooms sheets */
|
||||
.kids-on-brooms {
|
||||
@import 'components/forms';
|
||||
@import 'components/resource';
|
||||
@import 'components/items';
|
||||
@import 'components/effects';
|
||||
}
|
||||
13
scss/utils/_colors.scss
Normal file
13
scss/utils/_colors.scss
Normal file
@ -0,0 +1,13 @@
|
||||
$c-white: #fff;
|
||||
$c-black: #000;
|
||||
|
||||
$c-dark: #191813;
|
||||
$c-faint: #c9c7b8;
|
||||
$c-beige: #b5b3a4;
|
||||
$c-tan: #444;
|
||||
|
||||
$primary-border-color: rgb(81, 81, 81);
|
||||
|
||||
$focus-border-color: #8102dd;
|
||||
$hover-text-shadow: 0 0 10px rgb(179, 7, 217);
|
||||
$border-color: #ccc;
|
||||
25
scss/utils/_mixins.scss
Normal file
25
scss/utils/_mixins.scss
Normal file
@ -0,0 +1,25 @@
|
||||
@mixin element-invisible {
|
||||
position: absolute;
|
||||
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
|
||||
clip: rect(0 0 0 0);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@mixin hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Update the mixin to accept 3 arguments: direction, wrap, and justify
|
||||
@mixin flexbox($direction, $wrap: nowrap, $justify: flex-start, $align: stretch) {
|
||||
display: flex;
|
||||
flex-direction: $direction;
|
||||
flex-wrap: $wrap;
|
||||
justify-content: $justify;
|
||||
align-items: $align;
|
||||
}
|
||||
2
scss/utils/_typography.scss
Normal file
2
scss/utils/_typography.scss
Normal file
@ -0,0 +1,2 @@
|
||||
$font-primary: 'Roboto', sans-serif;
|
||||
$font-secondary: 'Roboto', sans-serif;
|
||||
10
scss/utils/_variables.scss
Normal file
10
scss/utils/_variables.scss
Normal file
@ -0,0 +1,10 @@
|
||||
$padding-sm: 5px;
|
||||
$padding-md: 10px;
|
||||
$padding-lg: 20px;
|
||||
|
||||
$border-groove: 2px groove #eeede0;
|
||||
|
||||
$font-stack: "Roboto", sans-serif;
|
||||
$padding: 10px;
|
||||
$border-radius: 5px;
|
||||
$flex-align: center;
|
||||
63
templates/actor/actor-character-sheet.html
Normal file
63
templates/actor/actor-character-sheet.html
Normal file
@ -0,0 +1,63 @@
|
||||
<form class="{{cssClass}} {{actor.type}} flexcol" autocomplete="off">
|
||||
{{!-- Sheet Header --}}
|
||||
<header class="sheet-header">
|
||||
<img class="profile-img" src="{{actor.img}}" data-edit="img" title="{{actor.name}}" height="100" width="100"/>
|
||||
<div class="header-fields">
|
||||
<h1 class="charname"><input name="name" type="text" value="{{actor.name}}" placeholder="Name"/></h1>
|
||||
|
||||
<div class="resources grid">
|
||||
<div class="resource flex-group-center">
|
||||
<label for="system.trope" class="resource-label">Trope</label>
|
||||
<div class="resource-content flexrow flex-center flex-between">
|
||||
<input type="text" name="system.trope" value="{{system.trope}}" data-dtype="String"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{{!-- Sheet Tab Navigation --}}
|
||||
<nav class="sheet-tabs tabs" data-group="primary">
|
||||
{{!-- Default tab is specified in actor-sheet.mjs --}}
|
||||
<a class="item" data-tab="features">Features</a>
|
||||
<a class="item" data-tab="schoolbag">School Bag</a>
|
||||
<a class="item" data-tab="strengths">Strengths</a>
|
||||
<a class="item" data-tab="trope">Trope Questions</a>
|
||||
</nav>
|
||||
|
||||
{{!-- Sheet Body --}}
|
||||
<section class="sheet-body">
|
||||
|
||||
{{!-- Owned Features Tab --}}
|
||||
<div class="tab features" data-group="primary" data-tab="features">
|
||||
<section class="grid grid-3col">
|
||||
<section class="main grid-span-2">
|
||||
{{> "systems/kids-on-brooms/templates/actor/parts/actor-features.html"}}
|
||||
{{> "systems/kids-on-brooms/templates/actor/parts/actor-adversity.html"}}
|
||||
</section>
|
||||
|
||||
<aside class="sidebar">
|
||||
{{> "systems/kids-on-brooms/templates/actor/parts/actor-stats.html"}}
|
||||
|
||||
</aside>
|
||||
|
||||
</section>
|
||||
</div>
|
||||
{{!-- Schoolbag Tab --}}
|
||||
<div class="tab features editor-border" data-group="primary" data-tab="schoolbag">
|
||||
{{editor schoolbag target="system.schoolbag" engine="prosemirror" button=false collaborate=false editable=true}}
|
||||
</div>
|
||||
|
||||
{{!-- Strengths Tab --}}
|
||||
<div class="tab features editor-border" data-group="primary" data-tab="strengths">
|
||||
{{editor strengths target="system.strengths" engine="prosemirror" button=false collaborate=false editable=true}}
|
||||
</div>
|
||||
|
||||
{{!-- Trope Questions Tab --}}
|
||||
<div class="tab features editor-border" data-group="primary" data-tab="trope">
|
||||
{{editor tropequestions target="system.tropequestions" engine="prosemirror" button=false collaborate=false editable=true}}
|
||||
</div>
|
||||
|
||||
</section>
|
||||
</form>
|
||||
|
||||
35
templates/actor/actor-npc-sheet.html
Normal file
35
templates/actor/actor-npc-sheet.html
Normal file
@ -0,0 +1,35 @@
|
||||
<form class="{{cssClass}} {{actor.type}} flexcol" autocomplete="off">
|
||||
|
||||
{{!-- Sheet Header --}}
|
||||
<header class="sheet-header">
|
||||
<img class="profile-img" src="{{actor.img}}" data-edit="img" title="{{actor.name}}" height="100" width="100"/>
|
||||
<div class="header-fields">
|
||||
<h1 class="charname"><input name="name" type="text" value="{{actor.name}}" placeholder="Name"/></h1>
|
||||
|
||||
<div class="resources grid">
|
||||
<div class="resource flex-group-center">
|
||||
<label for="system.trope" class="resource-label">Trope</label>
|
||||
<div class="resource-content flexrow flex-center flex-between">
|
||||
<input type="text" name="system.trope" value="{{system.trope}}" data-dtype="String"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{{!-- Sheet Tab Navigation --}}
|
||||
<nav class="sheet-tabs tabs" data-group="primary">
|
||||
{{!-- Default tab is specified in actor-sheet.mjs --}}
|
||||
<a class="item" data-tab="features">Features</a>
|
||||
</nav>
|
||||
|
||||
{{!-- Sheet Body --}}
|
||||
<section class="sheet-body">
|
||||
|
||||
{{!-- Owned Features Tab --}}
|
||||
<div class="tab features" data-group="primary" data-tab="features">
|
||||
{{> "systems/kids-on-brooms/templates/actor/parts/actor-npc-stats.html"}}
|
||||
</div>
|
||||
</section>
|
||||
</form>
|
||||
|
||||
11
templates/actor/parts/actor-adversity.html
Normal file
11
templates/actor/parts/actor-adversity.html
Normal file
@ -0,0 +1,11 @@
|
||||
<fieldset>
|
||||
<legend>Adversity Tokens</legend>
|
||||
<div class="resource flexcol" >
|
||||
<label for="system.adversity" class="resource-label">
|
||||
Begin the game with 3
|
||||
adversity tokens. Add 1
|
||||
each time you fail a roll.
|
||||
</label>
|
||||
<input type="number" name="system.adversityTokens" value="{{system.adversityTokens}}" data-dtype="Number"/>
|
||||
</div>
|
||||
</fieldset>
|
||||
156
templates/actor/parts/actor-features.html
Normal file
156
templates/actor/parts/actor-features.html
Normal file
@ -0,0 +1,156 @@
|
||||
<section class="grid grid-3col">
|
||||
|
||||
<fieldset class="resource grid-span-3 flexcol">
|
||||
<div class="resource flexrow">
|
||||
<label for="system.age" class="resource-label">Age</label>
|
||||
<input type="text" name="system.age" value="{{system.age}}" data-dtype="String"/>
|
||||
</div>
|
||||
<div class="resource grid-span-2 flexrow">
|
||||
<label for="system.pronouns" class="resource-label">Pronouns</label>
|
||||
<input type="text" name="system.pronouns" value="{{system.pronouns}}" data-dtype="String"/>
|
||||
</div>
|
||||
<div class="resource grid-span-3 flexrow">
|
||||
<label for="system.fear" class="resource-label">Fear</label>
|
||||
<input type="text" name="system.fear" value="{{system.fear}}" data-dtype="String"/>
|
||||
</div>
|
||||
<div class="resource grid-span-3 flexrow" >
|
||||
<label for="system.motivation" class="resource-label">Motivation</label>
|
||||
<input type="text" name="system.motivation" value="{{system.motivation}}" data-dtype="String"/>
|
||||
</div>
|
||||
<div class="resource grid-span-3 flexrow" >
|
||||
<label for="system.description" class="resource-label">Description</label>
|
||||
<input type="text" name="system.description" value="{{system.description}}" data-dtype="String"/>
|
||||
</div>
|
||||
<div class="resource grid-span-3 flexrow">
|
||||
<label for="system.grade" class="resource-label">Grade</label>
|
||||
<input type="text" name="system.grade" value="{{system.grade}}" data-dtype="String"/>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset class="resource grid-span-3 flexcol">
|
||||
<legend>Your Broom</legend>
|
||||
|
||||
<!-- Broom Name Input with Dropdown -->
|
||||
<div class="resource flexrow">
|
||||
<label for="broom-name" class="resource-label">Name</label>
|
||||
<input list="broomOptions" id="broom-name" name="system.broom.name"
|
||||
value="{{system.broom.name}}" data-dtype="String" placeholder="Select or Enter Broom Name"
|
||||
oninput="updateBroomDetails()" onblur="updateBroomDetails()">
|
||||
<datalist id="broomOptions">
|
||||
<option value="The Blocker's Broom" data-look="Defensive" data-mechanical="Gain the Guardian Strength"></option>
|
||||
<option value="Bolting 4000" data-look="Fast" data-mechanical="+1 to Flight checks"></option>
|
||||
<option value="The Bruiser" data-look="Intense" data-mechanical="+1 to Fight checks"></option>
|
||||
<option value="Cunning Captain’s Cruiser" data-look="Natural Leader" data-mechanical="Treat Snap Decisions as Planned Actions unless facing fear"></option>
|
||||
<option value="Daredevil’s Duster" data-look="Flashy" data-mechanical="+3 to Charm checks when performing a stunt"></option>
|
||||
<option value="The Daring Dodger 3000" data-look="Ambitious" data-mechanical="Each Adversity Token adds +2 to your roll instead of +1"></option>
|
||||
<option value="Heartwood’s Helper" data-look="Outgoing" data-mechanical="Each successful check grants an ally one Adversity Token"></option>
|
||||
<option value="Mapmaker’s Friend" data-look="Level-Headed" data-mechanical="Cannot get lost if you know the area"></option>
|
||||
<option value="The Mastermind’s Sweeper" data-look="Confident" data-mechanical="+1 to Brains checks"></option>
|
||||
<option value="The Strong Sweep 2500" data-look="Strong" data-mechanical="+1 to Brawn checks"></option>
|
||||
<option value="The Suave Sweeper" data-look="Trustworthy" data-mechanical="+1 to Charm checks"></option>
|
||||
<option value="The Tough Break" data-look="Tough" data-mechanical="+1 to Grit checks"></option>
|
||||
<option value="Valiance 2400" data-look="Brave" data-mechanical="May ignore your fears"></option>
|
||||
<option value="Weasel’s Whisk" data-look="Sneaky" data-mechanical="Gain the Unassuming Strength"></option>
|
||||
</datalist>
|
||||
</div>
|
||||
|
||||
<!-- Broom Look -->
|
||||
<div class="resource flexrow">
|
||||
<label for="broom-look" class="resource-label">Look</label>
|
||||
<input type="text" id="broom-look" name="system.broom.look"
|
||||
value="{{system.broom.look}}" data-dtype="String"/>
|
||||
</div>
|
||||
|
||||
<!-- Mechanical Benefit as Textarea -->
|
||||
<div class="resource flexrow">
|
||||
<label for="broom-mechanical" class="resource-label">Mechanical Benefit</label>
|
||||
<textarea id="broom-mechanical" name="system.broom.mechanicalbenefit"
|
||||
data-dtype="String" rows="3" style="resize:none;"></textarea>
|
||||
</div>
|
||||
|
||||
</fieldset>
|
||||
|
||||
<script>
|
||||
function updateBroomDetails() {
|
||||
// Use a short delay to allow browser to properly handle the datalist input
|
||||
setTimeout(function() {
|
||||
const broomNameInput = document.getElementById("broom-name").value.trim();
|
||||
const broomOptions = document.querySelectorAll("#broomOptions option");
|
||||
|
||||
let selectedLook = "";
|
||||
let selectedMechanical = "";
|
||||
|
||||
// Loop through the datalist options to find a matching broom name
|
||||
broomOptions.forEach(option => {
|
||||
if (option.value.toLowerCase() === broomNameInput.toLowerCase()) {
|
||||
selectedLook = option.getAttribute("data-look");
|
||||
selectedMechanical = option.getAttribute("data-mechanical");
|
||||
}
|
||||
});
|
||||
|
||||
// Update the look and mechanical benefit fields if a predefined broom is selected
|
||||
document.getElementById("broom-look").value = selectedLook || "";
|
||||
document.getElementById("broom-mechanical").value = selectedMechanical || "";
|
||||
}, 100); // Delay of 100 milliseconds
|
||||
}
|
||||
</script>
|
||||
<fieldset class="resource grid-span-3 flexcol">
|
||||
<legend>Wand Selection</legend>
|
||||
|
||||
<!-- Wood Selection -->
|
||||
<div class="resource-flexrow">
|
||||
<label for="system.wand.wood" class="resource-label">Wood Type</label>
|
||||
<input list="WoodOptions" id="wandWoodChoice" name="system.wand.wood" value="{{system.wand.wood}}" placeholder="Select Wood type"
|
||||
oninput="updateWandWoodDetails()" onblur="updateWandWoodDetails()">
|
||||
<datalist id="WoodOptions">
|
||||
<option value="">Select Wood</option>
|
||||
<option value="Wisteria">(Brains)</option>
|
||||
<option value="Hawthorn">(Brains)</option>
|
||||
<option value="Pine">(Brawn)</option>
|
||||
<option value="Oak">(Brawn)</option>
|
||||
<option value="Crabapple">(Fight)</option>
|
||||
<option value="Dogwood">(Fight)</option>
|
||||
<option value="Birch">(Flight)</option>
|
||||
<option value="Bamboo">(Flight)</option>
|
||||
<option value="Ironwood">(Grit)</option>
|
||||
<option value="Maple">(Grit)</option>
|
||||
<option value="Lilac">(Charm)</option>
|
||||
<option value="Cherry">(Charm)</option>
|
||||
</datalist>
|
||||
</div>
|
||||
|
||||
<!-- Core Selection -->
|
||||
<div class="resource-flexrow">
|
||||
<label for="system.wand.core" class="resource-label">Core Type</label>
|
||||
<input list="CoreOptions" id="wandCoreChoice" name="system.wand.core" value="{{system.wand.core}}" placeholder="Select Core type"
|
||||
oninput="updateWandCoreDetails()" onblur="updateWandCoreDetails()">
|
||||
<datalist id="CoreOptions">
|
||||
<option value="">Select Core</option>
|
||||
<option value="Parchment">(Brains)</option>
|
||||
<option value="Phoenix Feather">(Brains)</option>
|
||||
<option value="Owl Feather">(Brains)</option>
|
||||
<option value="Gorilla Fur">(Brawn)</option>
|
||||
<option value="Ogre’s Fingernail">(Brawn)</option>
|
||||
<option value="Hippo’s Tooth">(Brawn)</option>
|
||||
<option value="Dragon’s Heartstring">(Fight)</option>
|
||||
<option value="Wolf’s Tooth">(Fight)</option>
|
||||
<option value="Elk’s Antler">(Fight)</option>
|
||||
<option value="Hawk’s Feather">(Flight)</option>
|
||||
<option value="Bat’s Bone">(Flight)</option>
|
||||
<option value="Changeling’s Hair">(Charm)</option>
|
||||
<option value="Gold">(Charm)</option>
|
||||
<option value="Mirror">(Charm)</option>
|
||||
<option value="Steel">(Grit)</option>
|
||||
<option value="Diamond">(Grit)</option>
|
||||
<option value="Lion’s Mane">(Grit)</option>
|
||||
</datalist>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset class="resource grid-span-3 flexcol">
|
||||
<legend>Animal Familiar</legend>
|
||||
<div class="resource grid-span-3 flexrow">
|
||||
<label for="system.animalfamiliar" class="resource-label">Animal Familiar</label>
|
||||
<input type="text" name="system.animalfamiliar" value="{{system.animalfamiliar}}" data-dtype="String"/>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
</section>
|
||||
29
templates/actor/parts/actor-npc-stats.html
Normal file
29
templates/actor/parts/actor-npc-stats.html
Normal file
@ -0,0 +1,29 @@
|
||||
<section class="flexcol">
|
||||
{{#each system.stats as |stat key|}}
|
||||
<Fieldset class="grid grid-5col">
|
||||
<legend>{{key}}</legend>
|
||||
<select name="system.stats.{{key}}.value">
|
||||
{{#select stat.value}}
|
||||
<option value="d20">d20</option>
|
||||
<option value="d12">d12</option>
|
||||
<option value="d10">d10</option>
|
||||
<option value="d8">d8</option>
|
||||
<option value="d6">d6</option>
|
||||
<option value="d4">d4</option>
|
||||
{{/select}}
|
||||
</select>
|
||||
<div class="flexrow grid-span-4">
|
||||
<Fieldset class="flexrow">
|
||||
<legend>Stat</legend>
|
||||
<span class="ability-mod rollable" data-roll="{{stat.value}}+{{stat.stat}}" data-label="Stat Roll for {{key}}"><i class="fas fa-dice-d20"></i></span>
|
||||
<input type="text" name="system.stats.{{key}}.stat" value="{{stat.stat}}" data-dtype="String"/>
|
||||
</Fieldset>
|
||||
<Fieldset class="flexrow">
|
||||
<legend>Magic</legend>
|
||||
<span class="ability-mod rollable" data-roll="{{stat.value}}+{{stat.magic}}" data-label="Magic Roll for {{key}}"><i class="fas fa-dice-d20"></i></span>
|
||||
<input type="text" name="system.stats.{{key}}.magic" value="{{stat.magic}}" data-dtype="String"/>
|
||||
</Fieldset>
|
||||
</div>
|
||||
</Fieldset>
|
||||
{{/each}}
|
||||
</section>
|
||||
37
templates/actor/parts/actor-stats.html
Normal file
37
templates/actor/parts/actor-stats.html
Normal file
@ -0,0 +1,37 @@
|
||||
<section class="flexcol">
|
||||
{{#each system.stats as |stat key|}}
|
||||
<Fieldset class="flexrow">
|
||||
<legend>{{capitalizeFirst key}}</legend>
|
||||
<div class="flexrow flex-group-center">
|
||||
<!-- Die type dropdown -->
|
||||
<select name="system.stats.{{key}}.value">
|
||||
<option value="d20" {{#if (eq stat.value 'd20')}}selected{{/if}}>Superb</option>
|
||||
<option value="d12" {{#if (eq stat.value 'd12')}}selected{{/if}}>Impressive</option>
|
||||
<option value="d10" {{#if (eq stat.value 'd10')}}selected{{/if}}>Above Average</option>
|
||||
<option value="d8" {{#if (eq stat.value 'd8')}}selected{{/if}}>Below Average</option>
|
||||
<option value="d6" {{#if (eq stat.value 'd6')}}selected{{/if}}>Bad</option>
|
||||
<option value="d4" {{#if (eq stat.value 'd4')}}selected{{/if}}>Terrible</option>
|
||||
</select>
|
||||
|
||||
<!-- Stat rolling and input -->
|
||||
<Fieldset class="flexrow flex-group-center">
|
||||
<legend>Stat</legend>
|
||||
<span class="ability-mod rollable" data-roll="1{{stat.value}}x+{{stat.stat}}" data-label="Stat Roll for {{key}}" data-key="{{key}}">
|
||||
<i class="fas fa-dice-d20"></i>
|
||||
</span>
|
||||
<input type="number" name="system.stats.{{key}}.stat" value="{{stat.stat}}" data-dtype="Number"/>
|
||||
</Fieldset>
|
||||
|
||||
<!-- Magic rolling and input -->
|
||||
<Fieldset class="flexrow flex-group-center">
|
||||
<legend>Magic</legend>
|
||||
<span class="ability-mod rollable" data-roll="1{{stat.value}}x+1d4+{{stat.stat}}" data-label="Magic Roll for {{key}}" data-key="{{key}}">
|
||||
<i class="fas fa-dice-d20"></i>
|
||||
</span>
|
||||
</Fieldset>
|
||||
|
||||
</div>
|
||||
|
||||
</Fieldset>
|
||||
{{/each}}
|
||||
</section>
|
||||
Loading…
Reference in New Issue
Block a user