Styling improvements for Chem Dispenser and DNA Modifier Nano UIs.

Injector buttons are now disabled when the injector system is not ready.
This commit is contained in:
Mark Aherne (Faerdan)
2013-09-20 23:08:04 +01:00
parent 1fe407f769
commit f9906ef76e
4 changed files with 95 additions and 83 deletions

View File

@@ -364,6 +364,8 @@
data["locked"] = src.connected.locked
data["hasOccupant"] = connected.occupant ? 1 : 0
data["isInjectorReady"] = injector_ready
data["hasDisk"] = disk ? 1 : 0
var/diskData[0]

View File

@@ -117,7 +117,7 @@
}
if (!ui)
// the ui does not exist, so we'll create a new one
ui = new(user, src, ui_key, "chem_dispenser.tmpl", "Chem Dispenser 5000", 370, 605)
ui = new(user, src, ui_key, "chem_dispenser.tmpl", "Chem Dispenser 5000", 374, 640)
// When the UI is first opened this is the data it will use
ui.set_initial_data(data)
ui.open()

View File

@@ -24,7 +24,7 @@ hr {
margin: 0 2px 2px 0;
cursor:default;
}
.noIcon {
.hasIcon {
padding: 0px 4px 4px 0px;
}
@@ -163,8 +163,8 @@ h4 {
font-size: 12px;
font-style: italic;
font-weight: bold;
padding: 3px 0px 3px 0px;
margin: 4px;
padding: 3px 4px 3px 4px;
margin: 4px 0 4px 0;
}
.notice.icon {
padding: 2px 4px 0 20px;
@@ -179,6 +179,12 @@ h4 {
div.notice {
clear: both;
}
.itemGroup {
border: 1px solid #e9c183;
background: #2c2c2c;
padding: 4px;
clear: both;
}
.item {
width: 100%;
margin: 4px 0 0 0;

View File

@@ -101,6 +101,7 @@ Used In File(s): D:\Development\SS13-BS12\code\game\dna\dna_modifier.dm
<h3>Transfer Buffers</h3>
{^{for buffers}}
<h4>Buffer {{:#index + 1}}</h4>
<div class="itemGroup">
<div class="item">
<div class="itemLabelNarrow">
Load Data:
@@ -141,7 +142,7 @@ Used In File(s): D:\Development\SS13-BS12\code\game\dna\dna_modifier.dm
{{else}}
<div class="item">
<div class="itemContentWide">
<span class="notice">This buffer is empty.</span>
<span class="highlight">This buffer is empty.</span>
</div>
</div>
{{/if}}
@@ -151,15 +152,17 @@ Used In File(s): D:\Development\SS13-BS12\code\game\dna\dna_modifier.dm
</div>
<div class="itemContentWide">
{^{:~link('Clear', 'trash', {'bufferOption' : 'clear', 'bufferId' : (#index + 1)}, !data ? 'disabled' : null)}}
{^{:~link('Injector', 'pencil', {'bufferOption' : 'createInjector', 'bufferId' : (#index + 1)}, !data ? 'disabled' : null)}}
{^{:~link('Block Injector', 'pencil', {'bufferOption' : 'createInjector', 'bufferId' : (#index + 1), 'createBlockInjector' : 1}, !data ? 'disabled' : null)}}
{^{:~link('Injector', ~root.isInjectorReady ? 'pencil' : 'clock', {'bufferOption' : 'createInjector', 'bufferId' : (#index + 1)}, !~root.isInjectorReady || !data ? 'disabled' : null)}}
{^{:~link('Block Injector', ~root.isInjectorReady ? 'pencil' : 'clock', {'bufferOption' : 'createInjector', 'bufferId' : (#index + 1), 'createBlockInjector' : 1}, !~root.isInjectorReady || !data ? 'disabled' : null)}}
{^{:~link('Transfer', 'radiation', {'bufferOption' : 'transfer', 'bufferId' : (#index + 1)}, !~root.hasOccupant || !data ? 'disabled' : null)}}
{^{:~link('Save To Disk', 'disk', {'bufferOption' : 'saveDisk', 'bufferId' : (#index + 1)}, !data || !~root.hasDisk ? 'disabled' : null)}}
</div>
</div>
</div>
{{/for}}
<h4>Data Disk</h4>
<div class="itemGroup">
{^{if hasDisk}}
{^{if disk.data}}
<div class="item">
@@ -190,14 +193,14 @@ Used In File(s): D:\Development\SS13-BS12\code\game\dna\dna_modifier.dm
{{else}}
<div class="item">
<div class="itemContentWide">
<span class="notice">Disk is blank.</span>
<span class="average">Disk is blank.</span>
</div>
</div>
{{/if}}
{{else}}
<div class="item">
<div class="itemContentWide">
<span class="notice">No disk inserted.</span>
<span class="highlight">No disk inserted.</span>
</div>
</div>
{{/if}}
@@ -210,6 +213,7 @@ Used In File(s): D:\Development\SS13-BS12\code\game\dna\dna_modifier.dm
{^{:~link('Eject Disk', 'eject', {'bufferOption' : 'ejectDisk'}, !hasDisk ? 'disabled' : null)}}
</div>
</div>
</div>
{{else selectedMenuKey == 'rejuvenators'}}
<h3>Rejuvenators</h3>
<div class="item">