forked from Esri/Viewer
-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
156 lines (139 loc) · 6.47 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
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>
<html lang="en-us">
<head>
<title>Accessible Viewer</title>
<!-- Define the versions of IE that will be used to render the page. See Microsoft documentation for details. Optional. -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<!-- Responsive -->
<meta name="keywords" content="accessibility">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<!-- End Responsive -->
<!-- Use protocol relative urls that way if the browser is viewing the page via HTTPS the js/css file will be requested using the HTTPS protocol -->
<link rel="stylesheet" href="//js.arcgis.com/3.13/esri/css/calcite/calcite.css">
<!-- <link rel="stylesheet" href="//js.arcgis.com/3.13/dijit/themes/claro/claro.css"> -->
<link rel="stylesheet" href="//js.arcgis.com/3.13/esri/css/esri.css">
<!-- Load any application specific styles -->
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/styles1.css">
<link rel="stylesheet" href="css/tabs.css">
<link rel="stylesheet" href="css/filters.css">
<!-- <link rel="stylesheet" href="css/AComboBoxWidget.css"> -->
<!-- <link rel="stylesheet" href="css/claro.css"> -->
<!--[if IE 8]>
<link rel="stylesheet" href="css/ie.css">
<![endif]-->
<link rel="icon" type="image/png" href="images/favicon.png">
</head>
<body class="calcite app-loading no-touch">
<!-- Loading Indicator -->
<div class="loading-indicator" role="presentation">
<div class="loading-message" id="loading_message"></div>
<div id='loadingTitle'><h1>Accessible Viewer</h1></div>
</div>
<!-- Map -->
<!-- The ArcGIS API for JavaScript provides bidirectional support. When viewing the application in an right to left (rtl) language like Hebrew and Arabic the map needs to remain in left-to-right (ltr) mode. Specify this by setting the dir attribute on the div to ltr. -->
<div style="display:none;">
<div id="layoutTopPanel">
<div id="panelTitle" class="fc bg borderBottom" style="display: flex; flex-direction: row;">
<h1 id="panelText" class="fc" style="flex:1"> </h1>
<div class="skip" role="banner">
<a accesskey="1" href="#" tabindex="0" aria-hidden=true id="skip-tools">1. Skip to Tools</a>
<a accesskey="2" href="#" tabindex="0" aria-hidden=true id="skip-search">2. Skip to Search</a>
<a accesskey="3" href="#" tabindex="0" aria-hidden=true id="skip-content">3. Skip to Content</a>
<a accesskey="4" href="#" tabindex="0" aria-hidden=true id="skip-splitter">4. Skip to Splitter</a>
<a accesskey="5" href="#" tabindex="0" aria-hidden=true id="skip-map">5. Skip to Map</a>
<a accesskey="6" href="#" tabindex="0" aria-hidden=true id="skip-instructions">6. Skip to Help</a>
<a accesskey="7" href="#" tabindex="0" aria-hidden=true id="skip-feature">7. Skip to Feature Details</a>
</div>
<div id="languageSelectNode">
</div>
</div>
</div>
</div>
<div id="leftPanel" class="leftWrapper">
<header id="panelTop" class="bg" style="color:transparent !important;">
<!-- Panel Title -->
<!-- Panel Tools -->
<div id="panelTools" class="fc bg borderBottom" role="toolbar">
<!--Tools are created programatically-->
</div>
<div id="panelSearch" class="fc bg borderBottom" >
<div class="searchLabel"><label id="searchLabel" for="search_input">Search: </label></div>
<div id="panelGeocoder"></div>
</div>
</header>
<main id="panelPages" tabindex="0" class="bg leftContent">
<!-- <div id="fixContent" class="page showAttr">
</div> -->
</main>
<footer id="panelBottom" class="bg">
<span id="panelBottomSpan">Press <strong>ALT + 0 to 7</strong> keys for fast navigation</span>
<!-- <div id="languageSelectNode"></div> -->
</footer>
</div>
<div id="mapDiv" dir="ltr" tabindex=0></div>
<script type="text/javascript" src="js/utils.js">
</script>
<script type="text/javascript">
var package_path = window.location.pathname.substring(0, window.location.pathname.lastIndexOf('/'));
var locale = /locale=([a-z][a-z]-[a-z][a-z])/gi.exec(window.location.search);
if(locale && locale.length===2) {
locale = locale[1];
}
else locale = navigator.language.toLowerCase();//'en-us';
document.documentElement.lang = locale;
var dojoConfig = {
// The locationPath logic below may look confusing but all its doing is
// enabling us to load the api from a CDN and load local modules from the correct location.
locale: locale,
packages : [{
name : "application",
location : package_path + '/js'
}, {
name : "config",
location : package_path + '/config'
},{
name: "arcgis_templates",
location: package_path + '/..'
}]
};
</script>
<script type="text/javascript" src="//js.arcgis.com/3.13/"></script>
<!-- <script type="text/javascript" src="js/autologin.js"></script> -->
<script type="text/javascript">
require([
"dojo/parser",
"config/templateConfig",
"application/template",
"application/main",
"dijit/layout/BorderContainer",
"dijit/layout/ContentPane",
"dijit/layout/StackContainer"
], function(
parser,
templateConfig,
Template,
Main
){
// create the template. This will take care of all the logic required for template applications
var myTemplate = new Template(templateConfig);
// create my main application. Start placing your logic in the main.js file.
var myApp = new Main();
// start template
myTemplate.startup().then(function (config) {
// The config object contains the following properties: helper services, (optionally)
// i18n, appid, webmap and any custom values defined by the application.
// In this example we have one called theme.
myApp.startup(config);
}, function (error) {
// something went wrong. Let's report it.
myApp.reportError(error);
});
});
</script>
</body>
</html>