-
Notifications
You must be signed in to change notification settings - Fork 6
/
spectrumViewer2.html
118 lines (96 loc) · 4.81 KB
/
spectrumViewer2.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
<html>
<head>
<title>GRIFFIN Spectrum Viewer</title>
<!--libraries-->
<script src='scripts/HTMLImports.min.js' type="text/javascript"></script>
<script src='scripts/mustache.js' type="text/javascript"></script>
<script src='scripts/easeljs-1.0.0.min.js' type="text/javascript"></script>
<script src='scripts/gammaSpectrum.js' type="text/javascript"></script>
<script src='scripts/fitit.js' type="text/javascript"></script>
<script src='scripts/regression.min.js' type="text/javascript"></script>
<script src="scripts/jquery1-11-3.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="scripts/bootstrap3-3-5.min.js" type="text/javascript"></script>
<!--our scripts-->
<script src='scripts/helpers.js' type="text/javascript"></script>
<script src='scripts/spectrumViewer2.js' type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="css/custom.css"/>
<!--html imports-->
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link id='plotListHeader' rel="import" href="templates/plotList/plotListDynamic.html">
<link id='plotList' rel="import" href="templates/plotList/plotListDynamic.html">
<link id='plotGrid' rel="import" href="templates/plotGrid/plotGrid.html">
<link id='plotControl' rel="import" href="templates/plotControl/plotControl.html">
<link id='auxPlotControl' rel="import" href="templates/auxPlotControl/auxPlotControl.html">
<link id='auxPlotControlTable' rel="import" href="templates/auxPlotControl/auxPlotControlTable.html">
<link id='fitRow' rel="import" href="templates/auxPlotControl/fitRow.html">
<link id='footer' rel="import" href="templates/footer/footer.html">
</head>
<body>
<div id='histo-list-container' class='container-fluid'>
<div id='histo-list-server-div' class='col-md-3'></div>
<div id='histo-list-directory-div' class='col-md-6'>Histogram Directory: </div>
<div id='histo-list-menu-div' class='col-md-3'></div>
</div>
<div id='messageDiv' class='col-md-12'></div>
<div id='analyzerPlots'>
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header" id='navbar-header-div'></div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-content-div">Spectrum menu</div>
</div><!-- /.container-fluid -->
</nav>
</div>
<!--Plotting-->
<div id='plotRegion' class='sectionWrapper item'>
<div id='plotWrap' class='col-md-10 plotRegion'>
<div id='plottingGrid'></div>
</div>
<div class='col-md-2 no-pad'>
<div id='plotCtrl'></div>
</div>
</div>
<!-- Extra control features -->
<hr style='width:60%; border-top: 1px solid #999'></hr>
<div class='sectionWrapper'>
<div class='col-md-12'>
<div id='auxCtrl'></div>
</div>
</div>
<div id='foot'></div>
<script>
window.addEventListener('HTMLImportsLoaded', function(e) {
dataStore.templates = prepareTemplates(['plotListHeader', 'plotList', 'plotGrid', 'plotControl', 'auxPlotControl', 'auxPlotControlTable', 'fitRow', 'footer']);
dataStore._plotListHeader = new plotListHeader('navbar-header-div');
dataStore._plotGrid = new plotGrid('plottingGrid');
dataStore._plotControl = new plotControl('plotCtrl', 'vertical');
dataStore._auxCtrl = new auxPlotControl('auxCtrl');
dataStore._plotListHeader.setup();
dataStore._plotGrid.setup();
dataStore._plotControl.setup();
dataStore._auxCtrl.setup();
setupFooter('foot');
//start with a single plot
document.getElementById('plottingGridnewPlotButton').click();
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
// Display the analyzer server name
document.getElementById('histo-list-server-div').innerHTML = dataStore.spectrumServer;
// Create the text input for the Histogram file directory
newInput = document.createElement('input');
newInput.id = 'HistoDirectoryInput';
newInput.type = 'text';
newInput.style.width = '300px';
newInput.value = dataStore.histoFileDirectoryPath;
newInput.onchange = function(){
dataStore.histoFileDirectoryPath = this.value;
getHistoFileListFromServer();
}.bind(newInput);
document.getElementById('histo-list-directory-div').appendChild(newInput);
});
</script>
</body>
</html>