oceanprotocol
/
react-tutorial
mirror of https://github.com/oceanprotocol/react-tutorial
1
0
Fork 0
Code Releases Activity

markup fixes

This commit is contained in:
Matthias Kretschmann 2020-03-30 12:34:27 +02:00
parent 046c21f2f8
commit 8b724ea9e7
Signed by: m
GPG Key ID: 606EEEF3C479A91F
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/Compute.js
View File

@ -144,7 +144,7 @@ export default function Compute({ ocean, web3 }) {
<button onClick={publish}>Publish dataset with compute service</button> <button onClick={publish}>Publish dataset with compute service</button>
<p> <p>
<Label for="ddoAssetId">Asset DID</Label> <Label htmlFor="ddoAssetId">Asset DID</Label>
<input <input
type="text" type="text"
id="ddoAssetId" id="ddoAssetId"
@ -153,19 +153,21 @@ export default function Compute({ ocean, web3 }) {
/> />
</p> </p>
</ComputeSection> </ComputeSection>
<ComputeSection> <ComputeSection>
<h3>2. Publish Algorithm</h3> <h3>2. Publish Algorithm</h3>
<button onClick={publishalgo}>Publish algorithm</button> <button onClick={publishalgo}>Publish algorithm</button>
<p> <p>
<Label for="ddoAlgorithmId">Algorithm DID</Label> <Label htmlFor="ddoAlgorithmId">Algorithm DID</Label>
<code id="ddoAlgorithmId">{ddoAlgorithmId}</code> <code id="ddoAlgorithmId">{ddoAlgorithmId}</code>
</p> </p>
</ComputeSection> </ComputeSection>
<ComputeSection> <ComputeSection>
<h3>3. Start Compute Job</h3> <h3>3. Start Compute Job</h3>
<p> <p>
<Label for="publishOutputState"> <Label htmlFor="publishOutputState">
<input <input
type="checkbox" type="checkbox"
id="publishOutputState" id="publishOutputState"
@ -174,7 +176,7 @@ export default function Compute({ ocean, web3 }) {
/> />
Publish Output into the Marketplace Publish Output into the Marketplace
</Label> </Label>
<Label for="publishLogState"> <Label htmlFor="publishLogState">
<input <input
type="checkbox" type="checkbox"
id="publishLogState" id="publishLogState"
@ -188,7 +190,7 @@ export default function Compute({ ocean, web3 }) {
<div> <div>
<button onClick={showDivAlgo}>Show/Hide Raw Algorithm</button> <button onClick={showDivAlgo}>Show/Hide Raw Algorithm</button>
<p style={{ display: isAlgoInputVisible ? 'block' : 'none' }}> <p style={{ display: isAlgoInputVisible ? 'block' : 'none' }}>
<Label for="jobStatus">Raw Algorithm</Label> <Label htmlFor="jobStatus">Raw Algorithm</Label>
<textarea <textarea
style={{ width: '100%' }} style={{ width: '100%' }}
rows="10" rows="10"
@ -199,7 +201,7 @@ export default function Compute({ ocean, web3 }) {
</div> </div>
<p> <p>
<Label for="jobId">Compute Job ID</Label> <Label htmlFor="jobId">Compute Job ID</Label>
<code>{jobId}</code> <code>{jobId}</code>
</p> </p>
@ -213,18 +215,16 @@ export default function Compute({ ocean, web3 }) {
Order and start compute service with raw algorithm Order and start compute service with raw algorithm
</button> </button>
</ComputeSection> </ComputeSection>
<ComputeSection> <ComputeSection>
<h3>4. Get Compute Job Status</h3> <h3>4. Get Compute Job Status</h3>
<p> <pre
<Label for="jobStatus">Compute Job Status</Label> id="jobStatus"
<pre style={{ padding: '1rem', background: 'ghostwhite' }}
id="jobStatus" >
style={{ padding: '1rem', background: 'ghostwhite' }} <code>{jobStatus}</code>
> </pre>
<code>{jobStatus}</code>
</pre>
</p>
<button onClick={getStatus} disabled={!jobId}> <button onClick={getStatus} disabled={!jobId}>
Get Job Status Get Job Status