-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
130 lines (120 loc) · 6.95 KB
/
index.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 ng-app="app">
<head>
<title>MINE Database 2.0</title>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/Gold-Miner-Icon.png">
<link rel="shortcut icon" href="img/Gold-Miner-Icon.png">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link href="bower_components/bootstrap-tour/build/css/bootstrap-tour.min.css" rel="stylesheet" type="text/css" />
<link href="bower_components/ng-joyride/ng-joyride.css" rel="stylesheet">
<link href="bower_components/angular-rangeslider-master/angular.rangeSlider.css" rel="stylesheet">
<link href="custom.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-select/0.20.0/select.min.css" />
<link href="https://fonts.googleapis.com/css?family=Droid+Sans:400,700" rel="stylesheet" />
</head>
<body>
<!-- NAVIGATION -->
<nav class="navbar navbar-default" role="navigation" style="background-color: rgb(232, 240, 240);">
<div class="container">
<div class="navbar-header">
<img class="logo" src="img/Gold-Miner-Icon.png" width="46" style="float:left">
<a class="navbar-brand" ui-sref="home"
style="color: black; font-size: x-large; padding-left: 25px;">MINE 2.0</a>
</div>
<ul class="nav navbar-nav">
<!-- <li><a ui-sref="advancedsearch" id="adv-tab">Advanced Search</a></li> -->
<li class="dropdown">
<a id="met-tab" href="#" role="button" style="color: black; font-size: medium;">Metabolomics <span
class="caret"></span></a>
<ul class="dropdown-menu">
<li><a ui-sref="msAdductSearch">MS Adduct Search</a></li>
<li><a ui-sref="ms2search">MS/MS Search</a></li>
</ul>
</li>
<li><a ui-sref="structure" id="struct-tab" style="color: black; font-size: medium;">Structure Search</a>
</li>
<li><a ui-sref="faq" style="color: black; font-size: medium;">FAQs</a></li>
</ul>
<form class=" navbar-form navbar-right" role="form">
<div ng-controller="quickSearchCtl">
<input id="qs_text" type="text" placeholder="Quick Search (KEGG ID, InChI Key, or MINE ID)"
class="form-control" ng-model="name" ng-keypress="doQuickSearch($event)" style="width: 330px">
<button id="qs_btn" class="btn btn-primary " ng-click="doQuickSearch(false)" analytics-on="click"
analytics-category="Search" analytics-event="Quick"><span
class="glyphicon glyphicon-search"></span></button>
</div>
</form>
</div>
</nav>
<div class="container">
<div class="row">
<!-- right col -->
<div class="col-md-10 col-md-push-2">
<div ui-view></div>
</div>
<!-- left col -->
<div class="col-md-2 col-md-pull-10">
<h2>Source Database</h2>
<div ng-controller="databaseCtl">
<select id="db-select" class="form-control" ng-model="database"
ng-options="d.name for d in databases"></select>
</div>
<div ui-view="sidebar"></div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<p class="text-muted pull-left">
This resource was developed with funding from the National Science Foundation (MCB-1153357, MCB-1614953)
</p>
<p class="text-muted pull-right">© James Jeffryes 2014-2019, © Jon Strutz 2020-2021</p>
</div>
</footer>
<!-- General-->
<script src="https://code.jquery.com/jquery-1.12.4.min.js"
integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-cookies.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.4.2/angular-ui-router.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-select/0.20.0/select.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" type="text/javascript"></script>
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
<script src="bower_components/bootstrap-tour/build/js/bootstrap-tour.min.js" type="text/javascript"></script>
<script src="bower_components/angular-rangeslider-master/angular.rangeSlider.js"></script>
<script src="bower_components/ng-joyride/ng-joyride.js"></script>
<script src="bower_components/smilesDrawer/dist/smiles-drawer.min.js"></script>
<!-- Mass Spec Plotting -->
<script src="bower_components/angular-masspec-plotter/angular-masspec-plotter.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.resize.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.selection.min.js"></script>
<!--Analytics-->
<script src="bower_components/angulartics/dist/angulartics.min.js"></script>
<script src="bower_components/angulartics/dist/angulartics-ga.min.js"></script>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-61121421-1', 'auto');
</script>
<!-- MINE-->
<script src="js/databaseClient.js"></script>
<script src="js/main.js"></script>
<script src="js/textSearch.js"></script>
<script src="js/acompound.js"></script>
<script src="js/metabolomics.js"></script>
<script src="js/structures.js"></script>
<script src="js/bootstrapTours.js"></script>
<script src="js/modelCtl.js"></script>
<script src="js/operator.js"></script>
<script src="js/ChemicalDamage.js"></script>
</body>
</html>