shikix/GS13NG
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Finishing up final UI adjustments

Browse Source
This commit is contained in:
Fermi
2019-11-20 21:23:54 +00:00
parent b523f241fd
commit bfb5f75016
6 changed files with 105 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tgui/src/components/section.styl
+6 -1
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
tgui/src/interfaces/sleeper.ract
+82 -17
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,29 +51,87 @@
<ui-section label='Door'>
<ui-button icon='{{data.open ? "unlock" : "lock"}}' action='door'>{{data.open ? "Open" : "Closed"}}</ui-button>
</ui-section>
<ui-section label='Synthesize'>
{{#each data.synthchems}}
<ui-button grid action='synth' params='{"chem": "{{id}}"}'>{{name}}</ui-button>
{{/each}}
</ui-section>
<ui-section label='Inject'>
{{#each data.chems}}
<span><b>{{name}}</b>: {{vol}}u</span>
{{#if data.efficiency >= 4}}
<span>Purity: {{purity}}</span>
{{/if}}
<section class="buttons" align='right'>
{{#if data.efficiency >= 3}}
<ui-button state='{{data.occupied && allowed ? null : "disabled"}}' action='inject' params='{"chem": "{{id}}", "volume": 1}'>1</ui-button>
{{/if}}
{{#if adata.efficiency >= 2}}
<ui-button state='{{data.occupied && allowed ? null : "disabled"}}' action='inject' params='{"chem": "{{id}}", "volume": 5}'>5</ui-button>
{{/if}}
<ui-button state='{{data.occupied && allowed ? null : "disabled"}}' action='inject' params='{"chem": "{{id}}", "volume": 10}'>10</ui-button>
<ui-button action='purge' params='{"chem": "{{id}}"}'>Purge</ui-button><br/>
</section>
{{/each}}
</ui-section>
<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>