Browse Source

search made more clear

master
junikimm717 2 years ago
parent
commit
89a1b1561d
  1. 38
      templates/search.html

38
templates/search.html

@ -62,14 +62,40 @@
<h1>Search Box</h1> <h1>Search Box</h1>
<div id="search"> <div id="search">
<main> <main>
<label for="mz_min">Mz Min</label>
<table>
<tr>
<td>
<label for="mz_min">Minimum M/Z Ratio</label>
</td>
<td>
<input id="mz_min" type="number" name="mz_min" v-model="mz_min" @input="fetch_data()" value="0"> <input id="mz_min" type="number" name="mz_min" v-model="mz_min" @input="fetch_data()" value="0">
<label for="mz_min">Mz Max</label>
</td>
</tr>
<tr>
<td>
<label for="mz_min">Maximum M/Z Ratio</label>
</td>
<td>
<input id="mz_max" type="number" name="mz_max" v-model="mz_max" @input="fetch_data()" value="0"> <input id="mz_max" type="number" name="mz_max" v-model="mz_max" @input="fetch_data()" value="0">
<label for="mz_min">RT Min</label>
</td>
</tr>
<tr>
<td>
<label for="mz_min">Minimum Retention Time</label>
</td>
<td>
<input id="rt_min" type="number" name="rt_min" v-model="rt_min" @input="fetch_data()" value="0"> <input id="rt_min" type="number" name="rt_min" v-model="rt_min" @input="fetch_data()" value="0">
<label for="mz_min">RT Max</label>
</td>
</tr>
<tr>
<td>
<label for="mz_min">Maximum Retention Time</label>
</td>
<td>
<input id="rt_max" type="number" name="rt_max" v-model="rt_max" @input="fetch_data()" value="0"> <input id="rt_max" type="number" name="rt_max" v-model="rt_max" @input="fetch_data()" value="0">
</td>
</tr>
</table>
<!-- <!--
<br> <br>
@ -88,11 +114,11 @@
</a> </a>
<table> <table>
<tr> <tr>
<td>Rt</td>
<td>Retention Time</td>
<td>{{result.rt}}</td> <td>{{result.rt}}</td>
</tr> </tr>
<tr> <tr>
<td>Mz</td>
<td>M/Z Ratio</td>
<td>{{result.mz}}</td> <td>{{result.mz}}</td>
</tr> </tr>
</table> </table>

Loading…
Cancel
Save