This repository has been archived by the owner on Nov 16, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsearch.html
131 lines (123 loc) · 3.38 KB
/
search.html
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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Molecule Search</title>
<link rel="icon" type="image/png" href="./Images/C60_logo_circle.png">
<link rel="stylesheet" href="ChemDoodleWeb.css" type="text/css">
<link rel="stylesheet" href="site_style.css">
<script type="text/javascript" src="ChemDoodleWeb.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.css" />
<script type="text/javascript" src="https://cdn.datatables.net/1.13.4/js/jquery.js"></script>
<script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.js"></script>
<!--
<header>
<h1>AIDAM INTERNAL HUB</h1>
</header>
-->
</head>
<body>
<!--Header and Navigation-->
<header class="siteheader">
<div>
<span class="siteheader logo">
<a href="index.html"><img src="Images/header_logo.png" alt="Liu Group Logo"></a>
</span>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="search.html">SEARCH</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="news.html">NEWS</a></li>
</ul>
</div>
<br>
</header>
<ul>
<li><a href="index.html">Summary</a></li>
<li><a href="search.html">Browsing</a></li>
<li><a href="plots.html">Statistics</a></li>
</ul>
<label for="database">Select a database:</label>
<select id="database">
<option value=""></option>
<option value="DGQD">DGQD</option>
<option value="FeXGQD">FeXGQD</option>
<option value="Graphyne">Graphyne</option>
<option value="LIG">LIG</option>
</select>
<label for="name-input">Enter molecule name:</label>
<input type="text" id="name-input">
<label for="date-input">Enter date:</label>
<input type="text" id="date-input">
<label for="uploader-input">Uploaded by:</label>
<input type="text" id="uploader-input">
<button id="search-button">Search</button>
<div class="container">
<div class="search-results">
<h2>Search Results</h2>
<table id="results-table" class="my-table">
<thead>
<tr>
<th>#</th>
<th>Name</th>
<th>Date</th>
<th>Uploaded by</th>
<th>Basis Sets</th>
<th>Functional</th>
<th>Electronic Energy</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<div class="details">
<h2>Details</h2>
<table id="details-table">
<tbody><tr><td><script>
let molecularview = new ChemDoodle.TransformCanvas3D('transformBallAndStick', 350, 350);
molecularview.styles.set3DRepresentation('Ball and Stick');
molecularview.styles.backgroundColor = 'white';
</script></td></tr>
<tr>
<td>
<table id="detail-values" class="my-table">
<thead>
<tr>
<th style="width: 50px;">Property</th>
<th style="width: 170px;">Value</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div id="loading">
<div class="spinner"></div>
<p>Loading...</p>
</div>
<script src="script.js"></script>
<footer class="sitefooter">
<p>
Created by Liu Research Group at University of Florida
<hr>
<a href="https://liu.chem.ufl.edu/research/">Learn more about our research</a>
</p>
</footer>
</body>
<style>
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
</style>
</html>