CancerProteome_Analyzer_Visualizer/proteomics.html at master · boshika/CancerProteome_Analyzer_Visualizer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
	<title>Cancer Proteomics: </title>
    <link href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" rel="Stylesheet"></link>
    <link rel="stylesheet" type="text/css" href="style/proteins.css" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js" ></script>
    <script type="text/javascript" src="js/protein.js"></script>

    <script>
      $( function() {
        var availableTags = [
                                "P53",
                                "MYC"
        ];
        $( '#search_term' ).autocomplete({
                  availableTags: availableTags,
                  classes: {
                      "ui-autocomplete": "highlight"
                  },
                  minLength: 1,
                  source: availableTags
        })
      } );
  </script>
</head>
<body id="main">
    <img src="header_image.jpg" alt="biomolecule">
    <div id="header1">
        <h1>Cancer Proteomics: Analyzer And Visualizer</h1>
    </div>
    <div id="images">
        <a href="matplotlib_analysis/egfr_1jl9.jpg" target=_blank>EGFR 1JL9 Model | </a>
        <a href="matplotlib_analysis/errb_1n8z.jpg" target=_blank>ERRB2 1N8Z Model | </a>
        <a href="matplotlib_analysis/p53_1utp.jpg" target=_blank>P53 1UTP Model | </a>
        <a href="matplotlib_analysis/myc_1nkp.jpg" target=_blank>MYC 1NKP Model | </a>
        <a href="matplotlib_analysis/pten_1d5r.jpg" target=_blank>PTEN 1D5R Model | </a>
    </div>
    <h2>Select a protein from the dropdown menu</h2>

    <!--<form name="protein_search" id="protein_search"action="protein.cgi" method="get">-->
        <!--<input name="search_term" type="search" value="" autofocus="autofocus">-->
        <!--<input name="submit" type="submit" value="submit" id="submit">-->
    <!--</form>-->

    <!--DROPDOWN MENU-->
    <form name="protein_search" id="protein_search"action="protein.cgi" method="get">
        <select name="search_term">
          <option value="PTEN">PTEN</option>
          <option value="MYC">MYC</option>
          <option value="P53">P53</option>
          <option value="MYC">MYC</option>
          <option value="ERRB2">ERRB2</option>
          <option value="EGFR">EGFR</option>

        </select>
        <input name="submit" type="submit" value="submit" id="submit">
    </form>

    <section id='results'>
        <p>
            <span id='match_count'>0</span> match(es) found.
        </p>
        <div class="protein">
            <!-- this will show the protein name -->
        </div>
        <h2> ANALYSIS DONE USING UNIPROT API</h2>
        <table id="uniprot">
            <thead>
            <tr>
                <!--<td>EntryName</td>-->
                <td>Length</td>
                <td>Description</td>
                <td>Gene Ontology</td>
            </tr>
            </thead>
            <tbody>
                <!-- will display analysis from uniprot -->
            </tbody>
        </table>
        <h2> ANALYSIS DONE USING PBD PARSER</h2>
        <table id="pdb">
            <thead>
            <tr>
                <td>Model</td>
                <td>Chains</td>
                <td>Residues</td>
                <td>Atoms</td>
            </tr>
            </thead>
            <tbody>
                <!-- will display analysis from pdb -->
            </tbody>
        </table>

    </section>
</body>
</html>