avadepth/sdb-bds-eng.html at master · wsidl/avadepth · GitHub

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
<!--#include virtual="/includes/header-eng.html" -->
<script src="scripts/sdb-bds.js" defer></script>
<script src="scripts/avadepth_util.js" defer></script>

<!--[if lt IE 9]>
	<script>
	$(document).ready(function(){
		$("#gcwu-gcnb").attr('class', 'print-gcwu-gcnb');
		$("#gcwu-bnr").addClass('print-gcwu-bnr');
		$("h1").addClass('print-survey-drawing-title');
	});
	</script>
<![endif]-->

<h1 class="print-align-center">Survey Drawings</h1>

<div class="grid-12">
  <div class="wet-boew-tabbedinterface animate slide-horz tabs-style-1 print_hide">
    <ul class="tabs">
      <li class="default"><a href="#map">Map</a></li>
      <li class="tab-2"><a href="#help">Help</a></li>
    </ul>

    <div class="summary tabs-panel filled" style="border: 2px solid #eee;min-height:440px">
      <div id="map">
        <div class="span-3">
          <form id="daily_depth">
            <label for="waterway">Waterway:</label>
            <select id="waterway">
              <option selected="selected" value="FRSA">Fraser - South Arm</option>
              <option value="FRNA">Fraser - North Arm</option>
              <option value="FRMA">Fraser - Main Arm</option>
              <option value="FRUR">Fraser - Mission to Hope</option>
              <option value="PR">Pitt River</option>
              <option value="BR">Campbell River, BC</option>
              <option value="CR">Courtenay River, BC</option>
              <option value="SQ">Squamish, BC</option>
              <option value="VFPA">Vancouver Harbour</option>
              <option value="FPORT">Fraser Surrey Docks</option>
            </select>

            <label for="channel">Channel:</label>
            <select id="channel">
              <option>Main</option>
              <option>Secondary</option>
              <option>Other</option>
            </select>

            <label for="location">Location:</label>
            <select id="location">
            </select>

            <div>
              <label for="type">Type:</label>
              <select name="type" id="type">
                  <option value=""></option>
                  <option>Construction</option>
                  <option>Annual</option>
                  <option>Dredging</option>
                  <option>Monitor</option>
                  <option>Recon</option>
                  <option>Investigation</option>
                  <option>Structure</option>
                  <option>Key Map</option>
                  <option>Overview</option>
                </select>
            </div>
            <button id="submit"
                type="button"
                class="button button-accent"
                name="submit">Apply</button>
            <button id="print_survey_drawings" class="button button-accent">Print</button>
            <img class="spinner" src="images/spinner.gif" />
          </form>
        </div>

        <div class="span-8" style="left: -30px;">
		 <iframe src="avadepth.html" style="height:400px;width:800px;border:none" id="embed_map"></iframe>
		</div>
      </div>

      <div id="help" style="overflow-y: scroll;">
        <p>The survey database allows you to query for historical survey records and drawings using a number of filter criteria.</p>
      </div>
    </div>
  </div>
</div>

<div id="report_body" style="display:none">
  <div class="print_hide">
    <h2 class="print_hide" style="text-decoration: underline;">Surveys Search Results</h2>
    <h2><span id="heading-waterway"></span> <span id="tile"></span></h2>
  </div>

  <section style="padding: 20px">
    <table id="surveys" class="styled width-80">
      <thead>
        <tr>
          <th>Date</th>
          <th>Drawing</th>
          <th>Location (km)</th>
          <th>Type</th>
          <th>Km Start</th>
          <th>Km End</th>
        </tr>
      </thead>
      <tbody>
      </tbody>
    </table>
  </section>
    </div>
<!--#include virtual="/includes/footer-eng.html" -->