-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
118 lines (115 loc) · 6.38 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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--The viewport meta tag is used to improve the presentation and behavior of the samples
on iOS devices-->
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
<title>Map Fish Passage Barriers</title>
<script>
var dojoConfig = {
selectorEngine: "acme",
async: true
};
</script>
<link rel="stylesheet" href="http://js.arcgis.com/3.13/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="http://js.arcgis.com/3.13/esri/css/esri.css" />
<link href="css/style.css" rel="stylesheet" />
<script src="http://js.arcgis.com/3.13/"></script>
<script src="js/owri_fp_renderer.js"></script>
<script src="js/main.js"></script>
</head>
<body class="claro">
<div id="main" data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'headline'" style="width: 100%; height: 100%;">
<div data-dojo-type="dijit/layout/ContentPane" id="header" data-dojo-props="region:'top'">
Fish Passage Barriers
<div id="help">help</div>
</div>
<div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'left'" style="width: 300px">
<div class="step-wrapper-overlay"></div>
<div class="steps-wrapper selected">
<div class="step-header">STEP 1: Find Barrier Location</div>
<div class="step-content">
<div>Zoom in to your project location using your mouse or by typing in the name of a nearby geographic feature in the search bar. You will see the full barrier display when zoomed. Then Click NEXT.</div>
<div id="step1btn" onclick="gotoStep(2);" class="step-btn">NEXT >></div>
</div>
</div>
<div class="steps-wrapper">
<div class="step-header">STEP 2: Determine if new barrier</div>
<div class="backBtn" onclick="gotoStep(1);">< Back</div>
<div class="step-content">
<div>Please examine the known existing barriers in your project area to see if the barrier you worked on has already been mapped. You can get information about each barrier (type, name, passage status) by clicking on each barrier.</div>
<br />
<div>
If your barrier has already been mapped click “Yes”
If your barrier has not been mapped, click “No”
</div>
<br />
<div>Did you find your barrier?</div>
<div id="step2btnYes" onclick="gotoStep(3);" class="step-btn-2">Yes</div>
<div id="step2btnNo" onclick="gotoStep(4);" class="step-btn-2">No</div>
<div class="clear"></div>
</div>
</div>
<div class="steps-wrapper">
<div class="step-header">STEP 3: Select your barrier</div>
<div class="backBtn" onclick="gotoStep(2);">< Back</div>
<div class="step-content">
<div>Select your barrier on the map by clicking on it. It will highlight to let you know it is selected.</div>
<br />
<div>Once selected press the button below to return to the OWRI reporting application.</div>
<div id="editorDiv"></div>
<div id="selected-barrier-wrapper">
<h3>Selected Barrier</h3>
<div id="selectedBarrier">No barrier selected</div>
<button id="clearSelection" data-dojo-type="dijit.form.Button">Clear</button>
</div>
<div class="step-btn step3btnSelect" onclick="returnToApplication();">SUBMIT & RETURN TO REPORT APPLICATION</div>
</div>
</div>
<div class="steps-wrapper">
<div class="step-header">STEP 3: Add your barrier</div>
<div class="backBtn" onclick="gotoStep(2);">< Back</div>
<div class="step-content">
<div>Select a barrier type below and place on map. Use the SHIFT button to snap to stream, if applicable.</div>
<br />
<div>Enter as much information as you can to submit your information to ODFW.</div>
<br />
<div id="template-wrapper">
<div id="template-overlay">Please zoom in to select barrier type to add.</div>
<div id="templateDiv"></div>
</div>
<div class="undoButtons">
<button id="undo" data-dojo-type="dijit.form.Button" data-dojo-props="disabled:true, iconClass:'undoIcon'">Undo</button>
<button id="redo" data-dojo-type="dijit.form.Button" data-dojo-props="disabled:true, iconClass:'redoIcon'">Redo</button>
</div>
<div class='instructions'>
<ul style="list-style: none; padding-left: 4px;">
<li><b>Create Features:</b> Select template then click on map.</li>
<li><b>Delete Features:</b> Ctrl or Cmd + Click feature.</li>
<li><b>Quit:</b> Press the ESC button.</li>
</ul>
The undo/redo buttons will become enabled after editing the feature attributes or geometry.
</div>
<div class="step-btn step3btnSelect">SUBMIT & RETURN TO REPORT APPLICATION</div>
</div>
</div>
</div>
<div data-dojo-type="dijit/layout/ContentPane" id="map" data-dojo-props="region:'center'">
<div id="search"></div>
<div id="LocateButton"></div>
<div id="HomeButton"></div>
<div id="BasemapToggle"></div>
<div id="basemapGallery"></div>
<div id="coords"></div>
</div>
<div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'right'" style="width: 200px;">
<div class="heading">LEGEND</div>
<div id="legendDiv"></div>
</div>
</div>
<div data-dojo-type="dijit/Dialog" data-dojo-id="help_dialog" title="Help">
Helpful content goes hear.
</div>
</body>
</html>