This commit is contained in:
Ghommie
2019-11-27 02:59:08 +01:00
38 changed files with 567 additions and 223 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -32,6 +32,12 @@ section
@extend $cell
width: 100%
.compressedcell
@extend $cell
&:not(:first-child)
text-align: center
padding-top: 0px
.cell
@extend $cell
&:not(:first-child)
@@ -41,4 +47,3 @@ section
width: 75px
&:not(:last-child)
padding-right: 4px

View File

@@ -31,6 +31,13 @@
<ui-section label='Brain'>
<span class='{{data.occupant.brainLoss ? "bad" : "good"}}'>{{data.occupant.brainLoss ? "Abnormal" : "Healthy"}}</span>
</ui-section>
{{#if data.occupant.failing_organs}}
<ui-section label='Failing Organs'>
{{#each data.occupant.failing_organs}}
<span class='bad'> {{name}} </span>
{{/each}}
</ui-section>
{{/if}}
<ui-section label='Bloodstream'>
{{#each adata.occupant.reagents}}
<span class='highlight' intro-outro='fade'>{{Math.fixed(volume, 1)}} units of {{name}}</span><br/>
@@ -44,9 +51,89 @@
<ui-section label='Door'>
<ui-button icon='{{data.open ? "unlock" : "lock"}}' action='door'>{{data.open ? "Open" : "Closed"}}</ui-button>
</ui-section>
<ui-section label='Inject'>
{{#each data.chems}}
<ui-button icon='flask' state='{{data.occupied && allowed ? null : "disabled"}}' action='inject' params='{"chem": "{{id}}"}'>{{name}}</ui-button><br/>
<ui-section label='Synthesize'>
{{#each data.synthchems}}
<ui-button grid state='{{synth_allowed ? null : "disabled"}}' action='synth' params='{"chem": "{{id}}"}'>{{name}}</ui-button>
{{/each}}
</ui-section>
<ui-section label='Inject'>
<div class="display tabular">
<section class="candystripe">
<section class="compressedcell">
Name
</section>
<section class="compressedcell">
Volume
</section>
{{#if data.efficiency >= 4}}
<section class="compressedcell">
<span>Purity</span>
</section>
{{/if}}
{{#if data.efficiency >= 3}}
<section class="compressedcell">
</section>
{{/if}}
{{#if data.efficiency >= 2}}
<section class="compressedcell">
</section>
{{/if}}
<section class="compressedcell">
</section>
<section class="compressedcell">
</section>
</section>
{{#each data.chems}}
<section class="candystripe">
<section class="compressedcell">
<span><b>{{name}}</b></span>
</section>
<section class="compressedcell" align='center'>
<span>{{vol}}u</span>
</section>
{{#if data.efficiency >= 4}}
<section class="compressedcell" align='center'>
<span>{{purity}}</span>
</section>
{{/if}}
{{#if data.efficiency >= 3}}
<section class="compressedcell">
<ui-button state='{{data.occupied && allowed ? null : "disabled"}}' action='inject' params='{"chem": "{{id}}", "volume": 1}'>1</ui-button>
</section>
{{/if}}
{{#if adata.efficiency >= 2}}
<section class="compressedcell">
<ui-button state='{{data.occupied && allowed ? null : "disabled"}}' action='inject' params='{"chem": "{{id}}", "volume": 5}'>5</ui-button>
</section>
{{/if}}
<section class="compressedcell">
<ui-button state='{{data.occupied && allowed ? null : "disabled"}}' action='inject' params='{"chem": "{{id}}", "volume": 10}'>10</ui-button>
</section>
<section class="compressedcell">
<ui-button action='purge' params='{"chem": "{{id}}"}'>Purge</ui-button><br/>
</section>
</section>
{{/each}}
</div>
</ui-section>
<ui-section label='Capacity'>
<ui-bar min=0 max='{{data.tot_capacity}}' value='{{data.current_vol}}'
state='{{data.current_vol}}'>{{data.current_vol}}</ui-bar>
</ui-section>
</ui-display>