[MIRROR] Ports the Ore Redemption Machine to TGUI (#1414)

* Ports the Ore Redemption Machine to TGUI

* Update tgui.css

* Update tgui.js

* Delete tgui.css.rej

* Delete tgui.js.rej

tgui/src/interfaces/ore_redemption_machine.ract

@@ -0,0 +1,112 @@
+<ui-display>
+	<ui-section>
+		This machine only accepts ore. Gibtonite and Slag are not accepted.
+	</ui-section>
+	<ui-section>
+		Current unclaimed points: {{data.unclaimedPoints}}
+		{{#if data.unclaimedPoints}}
+			<ui-button action='Claim'>
+				Claim Points
+			</ui-button>
+		{{/if}}
+	</ui-section>
+	<ui-section>
+		{{#if data.hasID}}
+			<ui-button action='Eject'>
+				Eject ID
+			</ui-button>
+			You have {{data.claimedPoints}} mining points collected.
+		{{else}}
+			<ui-button action='Insert'>
+				Insert ID
+			</ui-button>
+		{{/if}}
+	</ui-section>
+</ui-display>
+<ui-display>
+	{{#if data.hasDisk}}
+		<ui-section>
+			<ui-button action="diskEject" icon="eject">
+				Eject Disk
+			</ui-button>
+		</ui-section>
+		{{#each data.diskDesigns}}
+			<ui-section class=candystripe>
+				<ui-button action="diskUpload" state={{(canupload) ? null : 'disabled'}}  icon="upload" align="right" params='{ "design" : "{{index}}" }'>
+					Upload
+				</ui-button>
+				File {{index}}: {{name}}
+			</ui-section>
+		{{/each}}
+	{{else}}
+		<ui-section>
+			<ui-button action="diskInsert" icon="floppy-o">
+				Insert Disk
+			</ui-button>
+		</ui-section>
+	{{/if}}
+</ui-display>
+<div class="display tabular">
+	<section class="candystripe">
+			<section class="cell">
+				Mineral
+			</section>
+			<section class="cell">
+				Sheets
+			</section>
+			<section class="cell">
+			</section>
+			<section class="cell">
+				<ui-button class='center mineral' grid action='Release' params='{"id" : "all"}'>
+					Release All
+				</ui-button>
+			</section>
+			<section class="cell">
+				Ore Value
+			</section>
+		</section>
+	{{#each data.materials}}
+		<section class="candystripe">
+			<section class="cell">
+				{{name}}
+			</section>
+			<section class="cell" align='right'>
+				{{amount}}
+			</section>
+			<section class="cell">
+				<input value={{sheets}} placeholder='###' class="number"/>
+			</section>
+			<section class="cell" align='right'>
+				<ui-button class='center' grid action='Release' state={{(amount >= 1) ? null : 'disabled'}} params='{ "id" : {{id}}, "sheets" : {{sheets}} }' >
+					Release
+				</ui-button>
+			</section>
+			<section class="cell" align='right'>
+				{{value}}
+			</section>
+		</section>
+	{{/each}}
+	{{#each data.alloys}}
+		<section class="candystripe">
+			<section class="cell">
+				{{name}}
+			</section>
+			<section class="cell" align='right'>
+				{{amount}}
+			</section>
+			<section class="cell">
+				<input value={{sheets}} placeholder='###' class="number"/>
+			</section>
+			<section class="cell" align='right'>
+				<ui-button class='center' grid action='Smelt' state={{ (amount >= 1) ? null : 'disabled'}} params='{ "id" : {{id}}, "sheets" : {{sheets}} }'>
+					Smelt
+				</ui-button>
+			</section>
+			<section class="cell" align='right'>
+				<ui-button class='center' grid action='SmeltAll' state={{ (amount >= 1) ? null : 'disabled'}} params='{ "id" : {{id}} }'>
+					Smelt All
+				</ui-button>
+			</section>
+		</section>
+	{{/each}}
+</div>