ntr/mnml
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

default img

Browse Source
This commit is contained in:
ntr 2019-05-01 21:26:58 +10:00
parent 066bfd0756
commit 07ca704ea9
5 changed files with 19 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/components/game.component.jsx
View File

@ -1,7 +1,7 @@
const preact = require('preact'); const preact = require('preact');
const range = require('lodash/range'); const range = require('lodash/range');
const { STATS, eventClasses, getCombatText, genAvatar } = require('../utils'); const { STATS, eventClasses, getCombatText, crypAvatar } = require('../utils');
const GameCryp = require('./game.cryp'); const GameCryp = require('./game.cryp');
const SkillBtn = require('./skill.btn'); const SkillBtn = require('./skill.btn');
@ -154,7 +154,7 @@ function GamePanel(props) {
style={ activeSkill ? { cursor: 'pointer' } : {}} style={ activeSkill ? { cursor: 'pointer' } : {}}
onClick={() => selectSkillTarget(cryp.id)} > onClick={() => selectSkillTarget(cryp.id)} >
<figure className="img"> <figure className="img">
<img src={`/molecules/${genAvatar(cryp.name)}.svg`} /> {crypAvatar(cryp.name)}
{combatTextEl} {combatTextEl}
<div>{cryp.name}</div> <div>{cryp.name}</div>
</figure> </figure>

5
client/src/components/game.cryp.jsx
View File

@ -2,9 +2,8 @@ const { connect } = require('preact-redux');
const preact = require('preact'); const preact = require('preact');
const range = require('lodash/range'); const range = require('lodash/range');
const molecule = require('./molecule');
const actions = require('../actions'); const actions = require('../actions');
const { STATS, eventClasses, getCombatText, genAvatar } = require('../utils'); const { STATS, eventClasses, getCombatText, crypAvatar } = require('../utils');
const SkillBtn = require('./skill.btn'); const SkillBtn = require('./skill.btn');
@ -91,7 +90,7 @@ function GameCryp(props) {
<figure <figure
className="img" className="img"
onClick={() => selectSkillTarget(cryp.id)} > onClick={() => selectSkillTarget(cryp.id)} >
<img src={`/molecules/${genAvatar(cryp.name)}.svg`} /> {crypAvatar(cryp.name)}
{combatTextEl} {combatTextEl}
<div>{cryp.name}</div> <div>{cryp.name}</div>
</figure> </figure>

5
client/src/components/instance.cryps.jsx
View File

@ -3,8 +3,7 @@ const preact = require('preact');
const range = require('lodash/range'); const range = require('lodash/range');
const mapValues = require('lodash/mapValues'); const mapValues = require('lodash/mapValues');
const molecule = require('./molecule'); const { SPECS, crypAvatar } = require('../utils');
const { SPECS, genAvatar } = require('../utils');
const actions = require('../actions'); const actions = require('../actions');
const SkillBtn = require('./skill.btn'); const SkillBtn = require('./skill.btn');
@ -132,7 +131,7 @@ function Cryp(props) {
> >
<div className="cryp-box-top"> <div className="cryp-box-top">
<figure className="img" onClick={onClick}> <figure className="img" onClick={onClick}>
<img src={`/molecules/${genAvatar(cryp.name)}.svg`} /> {crypAvatar(cryp.name)}
<figcaption>{cryp.name}</figcaption> <figcaption>{cryp.name}</figcaption>
</figure> </figure>
<div className="skills"> <div className="skills">

5
client/src/components/menu.component.jsx
View File

@ -3,8 +3,7 @@ const range = require('lodash/range');
const { NULL_UUID } = require('./../utils'); const { NULL_UUID } = require('./../utils');
const { stringSort, genAvatar } = require('./../utils'); const { stringSort, crypAvatar } = require('./../utils');
const molecule = require('./molecule');
const SpawnButton = require('./spawn.button'); const SpawnButton = require('./spawn.button');
const InstanceCreateForm = require('./instance.create.form'); const InstanceCreateForm = require('./instance.create.form');
@ -123,7 +122,7 @@ function Menu(args) {
className="menu-cryp" className="menu-cryp"
style={ { 'border-color': borderColour || 'whitesmoke' } } style={ { 'border-color': borderColour || 'whitesmoke' } }
onClick={() => selectCryp(cryp.id)} > onClick={() => selectCryp(cryp.id)} >
<img src={`/molecules/${genAvatar(cryp.name)}.svg`} /> {crypAvatar(cryp.name)}
<h2>{cryp.name}</h2> <h2>{cryp.name}</h2>
</div> </div>
</div> </div>

11
client/src/utils.jsx
View File

@ -1,3 +1,4 @@
const preact = require('preact');
const get = require('lodash/get'); const get = require('lodash/get');
const shapes = require('./components/shapes'); const shapes = require('./components/shapes');
@ -52,6 +53,15 @@ function requestAvatar(name) {
.then(svg => svg); .then(svg => svg);
} }
function crypAvatar(name) {
return (
<img
src={`/molecules/${genAvatar(name)}.svg`}
onError={event => event.target.setAttribute('src', '/molecules/726.svg')}
/>
);
}
const NULL_UUID = '00000000-0000-0000-0000-000000000000'; const NULL_UUID = '00000000-0000-0000-0000-000000000000';
const STATS = { const STATS = {
@ -306,6 +316,7 @@ module.exports = {
stringSort, stringSort,
numSort, numSort,
genAvatar, genAvatar,
crypAvatar,
requestAvatar, requestAvatar,
eventClasses, eventClasses,
getCombatSequence, getCombatSequence,