forked from rii-mango/Papaya
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathviewer.html
156 lines (132 loc) · 8.09 KB
/
viewer.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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<!-- Test: Typical fullscreen usage; autoload an image and overlay. -->
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-G9BLDP1EQG"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-G9BLDP1EQG');
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<!-- CSS debug start -->
<link rel="stylesheet" type="text/css" href="src/css/base.css" />
<link rel="stylesheet" type="text/css" href="src/css/ui/toolbar.css" />
<link rel="stylesheet" type="text/css" href="src/css/ui/menu.css" />
<link rel="stylesheet" type="text/css" href="src/css/ui/dialog.css" />
<link rel="stylesheet" type="text/css" href="src/css/utilities/nojs.css" />
<link rel="stylesheet" type="text/css" href="src/css/utilities/unsupported.css" />
<link rel="stylesheet" type="text/css" href="src/css/viewer/viewer.css" />
<!-- CSS debug end -->
<!-- JS debug start -->
<script type="text/javascript" src="src/js/data/sample-image.js"></script>
<!--<script type="text/javascript" src="../src/js/data/talairach-atlas-image.js"></script>-->
<!--<script type="text/javascript" src="../src/js/data/talairach-atlas.js"></script>-->
<script type="text/javascript" src="lib/base64-binary.js"></script>
<script type="text/javascript" src="lib/bowser.js"></script>
<script type="text/javascript" src="lib/daikon.js"></script>
<script type="text/javascript" src="lib/nifti-reader.js"></script>
<script type="text/javascript" src="lib/jquery-3.6.0.js"></script>
<script type="text/javascript" src="lib/jquery.csv.js"></script>
<script type="text/javascript" src="lib/numerics.js"></script>
<script type="text/javascript" src="lib/pako-inflate.js"></script>
<script type="text/javascript" src="lib/gl-matrix.js"></script>
<script type="text/javascript" src="lib/gifti-reader.js"></script>
<script type="text/javascript" src="lib/GLU.js"></script>
<script type="text/javascript" src="src/js/constants.js"></script>
<script type="text/javascript" src="src/js/utilities/array-utils.js"></script>
<script type="text/javascript" src="src/js/utilities/math-utils.js"></script>
<script type="text/javascript" src="src/js/utilities/object-utils.js"></script>
<script type="text/javascript" src="src/js/utilities/platform-utils.js"></script>
<script type="text/javascript" src="src/js/utilities/string-utils.js"></script>
<script type="text/javascript" src="src/js/utilities/url-utils.js"></script>
<script type="text/javascript" src="src/js/core/coordinate.js"></script>
<script type="text/javascript" src="src/js/core/point.js"></script>
<script type="text/javascript" src="src/js/volume/header.js"></script>
<script type="text/javascript" src="src/js/volume/imagedata.js"></script>
<script type="text/javascript" src="src/js/volume/imagedescription.js"></script>
<script type="text/javascript" src="src/js/volume/imagedimensions.js"></script>
<script type="text/javascript" src="src/js/volume/imagerange.js"></script>
<script type="text/javascript" src="src/js/volume/imagetype.js"></script>
<script type="text/javascript" src="src/js/volume/nifti/header-nifti.js"></script>
<script type="text/javascript" src="src/js/volume/dicom/header-dicom.js"></script>
<script type="text/javascript" src="src/js/volume/orientation.js"></script>
<script type="text/javascript" src="src/js/volume/transform.js"></script>
<script type="text/javascript" src="src/js/volume/volume.js"></script>
<script type="text/javascript" src="src/js/volume/voxeldimensions.js"></script>
<script type="text/javascript" src="src/js/volume/voxelvalue.js"></script>
<script type="text/javascript" src="src/js/surface/surface.js"></script>
<script type="text/javascript" src="src/js/surface/surface-gifti.js"></script>
<script type="text/javascript" src="src/js/surface/surface-mango.js"></script>
<script type="text/javascript" src="src/js/surface/surface-vtk.js"></script>
<script type="text/javascript" src="src/js/ui/dialog.js"></script>
<script type="text/javascript" src="src/js/ui/menu.js"></script>
<script type="text/javascript" src="src/js/ui/menuitem.js"></script>
<script type="text/javascript" src="src/js/ui/menuitemcheckbox.js"></script>
<script type="text/javascript" src="src/js/ui/menuitemradiobutton.js"></script>
<script type="text/javascript" src="src/js/ui/menuitemfilechooser.js"></script>
<script type="text/javascript" src="src/js/ui/menuitemrange.js"></script>
<script type="text/javascript" src="src/js/ui/menuitemslider.js"></script>
<script type="text/javascript" src="src/js/ui/menuitemspacer.js"></script>
<script type="text/javascript" src="src/js/viewer/atlas.js"></script>
<script type="text/javascript" src="src/js/viewer/colortable.js"></script>
<script type="text/javascript" src="src/js/viewer/display.js"></script>
<script type="text/javascript" src="src/js/viewer/preferences.js"></script>
<script type="text/javascript" src="src/js/viewer/screenslice.js"></script>
<script type="text/javascript" src="src/js/viewer/screensurface.js"></script>
<script type="text/javascript" src="src/js/viewer/screenvol.js"></script>
<script type="text/javascript" src="src/js/viewer/viewer.js"></script>
<script type="text/javascript" src="src/js/ui/toolbar.js"></script>
<script type="text/javascript" src="src/js/main.js"></script>
<!-- JS debug end -->
<script type="text/javascript">
/* DO NOT EDIT (start) -- papayaLoadableImages is generated by papaya-builder and is here for debugging purposes only
var papayaLoadableImages = [
{nicename: "Sample Image", name: "sample_image", encode: "sample_image"},
{nicename: "Atlas", name: "Talairach_labels_1mm", encode: "Talairach_labels_1mm", hide:true}
];
DO NOT EDIT (end) */
// Replace ./data.json with your JSON feed
var papayaLoadableImages = [{
hide: true,
name: "Cerebellar Atlas in SUIT space",
nicename: "Cerebellum_SUIT",
url: "data/Cerebellum-SUIT-maxprob-thr25.nii.gz"
}];
var params = [];
params["orthogonalTall"] = true;
params["showControls"] = false;
params["worldSpace"] = true;
//papaya.Container.atlasWorldSpace = false;
params["atlasURL"] = "data/Cerebellum-SUIT-maxprob-thr25.nii.gz";
params["images"] = ["data/SUIT.nii", "data/SUIT_vertexvol.nii"];
params["SUIT_vertexvol.nii"] = {"hidden": true};
params["surfaces"] = ["data/FLAT.surf.gii"];
//params["showImageButtons"] = false;
//params["fullScreen"] = true;
//params["kioskMode"] = true;
//papaya.Container.addViewer("new_viewer", params);
//papaya.Container.addViewer("imageDisplay", params, function(err, params){
// console.log('papaya callback', err, params)});
//papaya.Container.resetViewer(0,params);
//papaya.Container.startPapaya();
// params["encodedImages"] = ["sample_image"]; // from src/js/data/sample-image.js
// params["encodedImages"] = ["sample_image"]; // or this method will dereference variable name
// params["atlas"] = ["Talairach_labels_1mm"];
</script>
<title>SUIT Cerebellar Atlas Viewer</title>
<script src="build/papaya.js"></script>
</head>
<body>
<div class="papaya" data-params="params"></div>
<!--<div class="hitcounter">-->
<!--<a href="https://www.easycounter.com/">-->
<!--<img src="https://www.easycounter.com/counter.php?dzhi" border="0" alt="Website Hit Counter"></a> unique visits since Dec 2019.-->
<!--</div>-->
</body>
</html>