Difference between revisions of "Team:Oxford/Software"

Line 19: Line 19:
 
       <script>
 
       <script>
 
  $( function() {
 
  $( function() {
−
    var suggestions = [
+
    var suggestions = [    
−
   
+
 
{
 
{
 
      label:"Congenital Chagas disease",
 
      label:"Congenital Chagas disease",
Line 87: Line 86:
 
    ];
 
    ];
 
      $("#myInput" ).autocomplete({
 
      $("#myInput" ).autocomplete({
−
source: function( request, response ) { // function to start the terms with the letter typed. If need wildcard anywhere, use the suggestions directly.
+
source: function(request, response) {          
−
var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( request.term ), "i" );
+
        var results = $.ui.autocomplete.filter(suggestions, request.term);  
−
response( $.grep(suggestions, function( item ){
+
        response(results);
−
              return matcher.test( item.label );
+
    },
−
              var data = $.grep(suggestions, function(value) {
+
minLength: 0,
−
                  return value.substring(0, request.term.length).toLowerCase() == request.term.toLowerCase();
+
−
            }) );
+
−
          },
+
−
minLength: 0,   // requires that the user enters at least one character
+
 
select: function( event, ui ) { // Once the term is selected from the list
 
select: function( event, ui ) { // Once the term is selected from the list
 
$("tr[class^='item']").hide(); // hide all rows with class name starts with "item"
 
$("tr[class^='item']").hide(); // hide all rows with class name starts with "item"
Line 104: Line 99:
 
          return false;
 
          return false;
 
           }
 
           }
−
    });
+
    }).focus(function () {
−
   } );
+
    $(this).autocomplete("search", "");
 +
});
 +
   } );
 
   </script>
 
   </script>
 
</head>   
 
</head>   
Line 112: Line 109:
 
<div style="margin-top: 100px"></div>
 
<div style="margin-top: 100px"></div>
 
     <h1 class="text-center">Software Tool</h1>
 
     <h1 class="text-center">Software Tool</h1>
−
    <p>Enter the disease name, parasite or specific protease to find the cleavage sequence of protease specific to the disease of interest and how our system may be applicable.</p>
 
 
     <input type="text" id="myInput" placeholder="Search">     
 
     <input type="text" id="myInput" placeholder="Search">     
−
     <table id="id_tbl" class="table table-hover">
+
     <table id="id_tbl" class="table table-hover">
−
<thead>
+
−
        <tr class="item0" style="display:none">
+
−
            <th width="8%" align="left">Disease</th>
+
−
            <th width="8%" align="left">Parasite</th>
+
−
            <th width="8%" align="left">Specific Protease</th>
+
−
            <th width="16%" align="left">DNA Sequence of Cleavage Site</th>
+
−
            <th width="20%" align="left">Protease Cleavage Sequence</th>
+
−
            <th width="8%" align="left">Medium of Test</th>
+
−
            <th width="8%" align="left">Final Output</th>
+
−
            <th width="8%" align="left">Positive Result</th>
+
−
        </tr>
+
−
      </thead>
+
 
       <tbody>
 
       <tbody>
−
<tr class="item1" style="display:none">
+
      <tr class="item1" style="display:none">
−
            <td><span>Congenital Chagas Disease</span></td>                                      
+
      <td>
−
            <td><span><i>Trypanosoma Cruzi</i></span></td>            
+
      <table width="100%">
−
            <td><span>Cruzipain</span></td>
+
      <tr><td style="font-weight:bold" width="25%">Disease</td><td><span>Congenital Chagas Disease</span></td></tr>
−
            <td><span>AAAAAAGTTAAAGCTAAAAAA</span></td>
+
      <tr><td style="font-weight:bold" width="25%">Parasite</td><td><span><i>Trypanosoma Cruzi</i></span></td></tr>
−
            <td><span>K/K/L/KR-A/KS/K/RQ</span></td>
+
      <tr><td style="font-weight:bold" width="25%">Specific Protease</td><td><span>Cruzipain</span></td></tr>
−
            <td><span>Blood</span></td>
+
      <tr><td style="font-weight:bold" width="25%">DNA Sequence of Cleavage Site</td><td><span>AAAAAAGTTAAAGCTAAAAAA</span></td></tr>
−
            <td><span>Hirudin</span></td>
+
      <tr><td style="font-weight:bold" width="25%">Protease Cleavage Sequence</td><td><span>K/K/L/KR-A/KS/K/RQ</span></td></tr>
−
            <td><span>No blood clotting</span></td>
+
      <tr><td style="font-weight:bold" width="25%">Medium of Test</td><td><span>Blood</span></td></tr>
−
</tr>
+
      <tr><td style="font-weight:bold" width="25%">Final Output</td><td><span>Hirudin</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Positive Result</td><td><span>No blood clotting</span></td></tr>
 +
      </table>
 +
      </td>
 +
      </tr>
 
<tr class="item2" style="display:none">
 
<tr class="item2" style="display:none">
−
            <td><span>Sepsis</span></td>
+
<td>
−
            <td><span><i>Pseudomonas aeruginosa</i></span></td>
+
      <table width="100%">
−
            <td><span>LasA</span></td>
+
      <tr><td style="font-weight:bold" width="25%">Disease</td><td><span>Sepsis</span></td></tr>
−
            <td><span></span></td>
+
      <tr><td style="font-weight:bold" width="25%">Parasite</td><td><span><i>Pseudomonas aeruginosa</i></span></td></tr>
−
            <td><span>After Gly-Gly (e.g. PGVGG - elastin) or between Lys-Ile (e.g. NKKIEKFQ(S-P) - beta=casein)</span></td>
+
      <tr><td style="font-weight:bold" width="25%">Specific Protease</td><td><span>LasA</span></td></tr>
−
            <td><span>Blood</span></td>
+
      <tr><td style="font-weight:bold" width="25%">DNA Sequence of Cleavage Site</td><td><span></span></td></tr>
−
            <td><span>Hirudin</span></td>
+
      <tr><td style="font-weight:bold" width="25%">Protease Cleavage Sequence</td><td><span>After Gly-Gly (e.g. PGVGG - elastin) or between Lys-Ile (e.g. NKKIEKFQ(S-P) - beta=casein)</span></td></tr>
−
            <td><span>No blood clotting</span></td>
+
      <tr><td style="font-weight:bold" width="25%">Medium of Test</td><td><span>Blood</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Final Output</td><td><span>Hirudin</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Positive Result</td><td><span>No blood clotting</span></td></tr>
 +
      </table>
 +
      </td>           
 
</tr>                                       
 
</tr>                                       
 
<tr class="item3" style="display:none">
 
<tr class="item3" style="display:none">
−
            <td><span>African Sleeping sickness</span></td>
+
<td>
−
            <td><span><i>Trypanosoma brucei</i></span></td>
+
      <table width="100%">
−
            <td><span>Rhodesain/Brucepain</span></td>
+
      <tr><td style="font-weight:bold" width="25%">Disease</td><td><span>African Sleeping sickness</span></td></tr>
−
            <td><span>TCCGCGCCGAAATCCCTGATTGGC/ TCCGCGCCGCGTTCCCTGATTGGC</span></td>
+
      <tr><td style="font-weight:bold" width="25%">Parasite</td><td><span><i>Trypanosoma brucei</i></span></td></tr>
−
            <td><span>S/A/P/R-K/S/L/I/G</span></td>
+
      <tr><td style="font-weight:bold" width="25%">Specific Protease</td><td><span>Rhodesain/Brucepain</span></td></tr>
−
            <td><span>Blood</span></td>
+
      <tr><td style="font-weight:bold" width="25%">DNA Sequence of Cleavage Site</td><td><span>TCCGCGCCGAAATCCCTGATTGGC/ TCCGCGCCGCGTTCCCTGATTGGC</span></td></tr>
−
            <td><span>Hirudin</span></td>
+
      <tr><td style="font-weight:bold" width="25%">Protease Cleavage Sequence</td><td><span>S/A/P/R-K/S/L/I/G</span></td></tr>
−
            <td><span>No blood clotting</span></td>
+
      <tr><td style="font-weight:bold" width="25%">Medium of Test</td><td><span>Blood</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Final Output</td><td><span>Hirudin</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Positive Result</td><td><span>No blood clotting</span></td></tr>
 +
      </table>
 +
      </td>           
 
</tr>
 
</tr>
 
<tr class="item4" style="display:none">
 
<tr class="item4" style="display:none">
−
            <td><span>Schistosomiasis</span></td>
+
<td>
−
            <td><span><i>Schistosoma mansoni</i></span></td>
+
      <table width="100%">
−
            <td><span>Cercarial elastase</span></td>
+
      <tr><td style="font-weight:bold" width="25%">Disease</td><td><span>Schistosomiasis</span></td></tr>
−
            <td><span>AGCTGGCCGCTG</span></td>
+
      <tr><td style="font-weight:bold" width="25%">Parasite</td><td><span><i>Schistosoma mansoni</i></span></td></tr>
−
            <td><span>SWPL</span></td>
+
      <tr><td style="font-weight:bold" width="25%">Specific Protease</td><td><span>Cercarial elastase</span></td></tr>
−
            <td><span>Blood</span></td>
+
      <tr><td style="font-weight:bold" width="25%">DNA Sequence of Cleavage Site</td><td><span>Cercarial elastase</span></td></tr>
−
            <td><span>Hirudin</span></td>
+
      <tr><td style="font-weight:bold" width="25%">Protease Cleavage Sequence</td><td><span>AGCTGGCCGCTG</span></td></tr>
−
            <td><span>No blood clotting</span></td>
+
      <tr><td style="font-weight:bold" width="25%">Medium of Test</td><td><span>SWPL</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Final Output</td><td><span>Hirudin</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Positive Result</td><td><span>No blood clotting</span></td></tr>
 +
      </table>
 +
</td>           
 
</tr>
 
</tr>
 
<tr class="item5" style="display:none">
 
<tr class="item5" style="display:none">
−
            <td><span>Congenital toxoplasmosis</span></td>
+
<td>
−
            <td><span><i>Toxoplasma gondii</i></span></td>
+
      <table width="100%">
−
            <td><span>Cathepsin L</span></td>
+
      <tr><td style="font-weight:bold" width="25%">Disease</td><td><span>Congenital toxoplasmosis</span></td></tr>
−
            <td><span>AAACAGAAACTGCGC</span></td>
+
      <tr><td style="font-weight:bold" width="25%">Parasite</td><td><span><i>Toxoplasma gondii</i></span></td></tr>
−
            <td><span>KQKLR</span></td>
+
      <tr><td style="font-weight:bold" width="25%">Specific Protease</td><td><span>Cathepsin L</span></td></tr>
−
            <td><span>Amniotic fluid</span></td>
+
      <tr><td style="font-weight:bold" width="25%">DNA Sequence of Cleavage Site</td><td><span>AAACAGAAACTGCGC</span></td></tr>
−
            <td><span>Luciferase</span></td>
+
      <tr><td style="font-weight:bold" width="25%">Protease Cleavage Sequence</td><td><span>KQKLR</span></td></tr>
−
            <td><span>Light</span></td>
+
      <tr><td style="font-weight:bold" width="25%">Medium of Test</td><td><span>Amniotic fluid</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Final Output</td><td><span>Luciferase</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Positive Result</td><td><span>Light</span></td></tr>
 +
      </table>
 +
      </td>
 
</tr>
 
</tr>
 
</tbody>
 
</tbody>

Revision as of 15:35, 31 October 2017

jQuery UI Autocomplete functionality

Software Tool