Leahnaya/chaoticbackup.github.io
1
0
Fork 0
mirror of https://github.com/chaoticbackup/chaoticbackup.github.io.git synced 2026-04-25 15:58:11 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

unique/loyal #17

Browse Source
This commit is contained in:
Daniel 2017-12-30 21:50:27 -05:00
parent feeb52dc01
commit 0e964980e2
2 changed files with 27 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
build/bundle.js
View File

File diff suppressed because one or more lines are too long

22
src/components/collection/Location.js
View File

@ -18,9 +18,8 @@ export default class Location extends React.Component {
<div style={{verticalAlign: 'text-top', float: 'left', width: "220px"}}> <div style={{verticalAlign: 'text-top', float: 'left', width: "220px"}}>
<span className="name">{location.gsx$name}</span><br /> <span className="name">{location.gsx$name}</span><br />
<Rarity set={location.gsx$set} rarity={location.gsx$rarity} /><br /> <Rarity set={location.gsx$set} rarity={location.gsx$rarity} /><br />
<span>{location.gsx$initiative}</span> <Initiative initiative={location.gsx$initiative} /><br />
</div> </div>
<br />
<div style={{float: 'left', width: 'calc(100% - (100px + 230px))', borderLeft: '1px solid white', paddingLeft: '10px'}} > <div style={{float: 'left', width: 'calc(100% - (100px + 230px))', borderLeft: '1px solid white', paddingLeft: '10px'}} >
<span>{location.gsx$ability}</span><br /> <span>{location.gsx$ability}</span><br />
<span className="flavortext">{location.gsx$flavortext}</span> <span className="flavortext">{location.gsx$flavortext}</span>
@ -28,5 +27,22 @@ export default class Location extends React.Component {
</div> </div>
); );
} }
}
function Initiative(props) {
let initiative = props.initiative;
let image = null;
if (["Danian", "Generic", "Mipedian", "OverWorld", "UnderWorld", "M'arrillian"].indexOf(initiative) > -1) {
image = <img className="icon16" style={{verticalAlign: 'middle'}} src={("/src/img/icons/tribes/"+initiative+".png").toLowerCase()} />
}
else if (["courage", "power", "speed", "wisdom"].indexOf(initiative.toLowerCase()) > -1){
image = <img className="icon16" style={{verticalAlign: 'middle'}} src={("/src/img/icons/disciplines/"+initiative+".png").toLowerCase()} />
}
else if (["fire", "air", "earth", "water"].indexOf(initiative.toLowerCase()) > -1){
image = <img className="icon16" style={{verticalAlign: 'middle'}} src={("/src/img/icons/elements/"+initiative+".png").toLowerCase()} />
}
else if (initiative.toLowerCase() == "mugic counter") {
image = <img className="icon16" style={{verticalAlign: 'middle'}} src={("/src/img/icons/mugic/generic.png").toLowerCase()} />
}
return (<span>Initiative: {image} {initiative}</span>);
} }