rahix/openflexure-microscope-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added step progress to section titles

Browse source
This commit is contained in:
Joel Collins 2020-04-01 10:26:21 +01:00
parent 19c4f02f8d
commit c1205fff3e
1 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
openflexure_microscope/api/extra_extensions/medscan/static/src/components/VueWebComponent.vue
View file

@ -8,7 +8,7 @@
<form v-on:submit.prevent v-on:keyup.enter="increment()"> <form v-on:submit.prevent v-on:keyup.enter="increment()">
<div id="step-user" v-show="stepValue==0"> <div id="step-user" v-show="stepValue==0">
<h2>User information</h2> <h2>User information (1/4)</h2>
<label for="username">Your name:</label> <label for="username">Your name:</label>
<input type="text" id="username" name="username" v-model="username" required /> <input type="text" id="username" name="username" v-model="username" required />
@ -18,7 +18,7 @@
</div> </div>
<div id="step-patient" v-show="stepValue==1"> <div id="step-patient" v-show="stepValue==1">
<h2>Patient information</h2> <h2>Patient information (2/4)</h2>
<label for="patientID">Patient ID:</label> <label for="patientID">Patient ID:</label>
<input type="text" id="patientID" name="patientID" v-model="patientID" required /> <input type="text" id="patientID" name="patientID" v-model="patientID" required />
@ -26,7 +26,7 @@
</div> </div>
<div id="step-sample" v-show="stepValue==2"> <div id="step-sample" v-show="stepValue==2">
<h2>Sample information</h2> <h2>Sample information (3/4)</h2>
<label>Sample type:</label> <label>Sample type:</label>
<br /> <br />
@ -39,8 +39,8 @@
</div> </div>
<div id="step-scan" v-show="stepValue==3"> <div id="step-scan" v-show="stepValue==3">
<h2>Start scan</h2> <h2>Start scan (4/4)</h2>
(Confirm information) (Confirm information)
(Confirm scan parameters, just a radio box for selecting defaults) (Confirm scan parameters, just a radio box for selecting defaults)
<p>{{this.payload}}</p>(Start button) <p>{{this.payload}}</p>(Start button)
</div> </div>