data.posccaesar.org / npd

Go to a project
Toggle navigation Toggle navigation pinning
Holger Knublauch
a9b532ba 1 parent baa4ad23

Download page new design

Inline Side-by-side
Showing 8 changed files with 110 additions and 21 deletions
...@@ -7,16 +7,37 @@ ...@@ -7,16 +7,37 @@
7 <script type="text/javascript" src="lib/rh/jquery/jquery.js"></script> 7 <script type="text/javascript" src="lib/rh/jquery/jquery.js"></script>
8 <script type="text/javascript" src="lib/rh/jquery/jquery-ui.js"></script> 8 <script type="text/javascript" src="lib/rh/jquery/jquery-ui.js"></script>
9 9
10 + <script>
11 +
12 + function updateWellBores() {
13 + $("#wellSelect option:selected").each(function() {
14 + $.getJSON("getWellBores.json.swp",{ well: $(this).val(), ajax: 'true'}, function(j) {
15 + var options = '';
16 + for (var i = 0; i &lt; j.length; i++) {
17 + options += '<option value="' + j[i].value + '">' + j[i].label + '</option>';
18 + }
19 + $("#wellBoreSelect").html(options);
20 + });
21 + });
22 + }
23 +
24 + </script>
25 +
10 </head> 26 </head>
11 <body> 27 <body>
12 - 28 + <div id="wrapper">
13 <rhswp:Header /> 29 <rhswp:Header />
14 30
31 + <div id="content">
32 +
15 <h3>Download a Daily Drilling Report</h3> 33 <h3>Download a Daily Drilling Report</h3>
16 <form action="ddrFileDownload"> 34 <form action="ddrFileDownload">
17 35
18 - Well Bore:<br /> 36 + <table>
19 - <select size="15"> 37 + <tr>
38 + <td style="vertical-align: top">
39 + <div class="formHeader">1. Select Well:</div>
40 + <select size="10" id="wellSelect" style="width: 200px">
20 <ui:forEach ui:resultSet="{# 41 <ui:forEach ui:resultSet="{#
21 SELECT ?well ?wellName 42 SELECT ?well ?wellName
22 WHERE { 43 WHERE {
...@@ -26,24 +47,26 @@ ...@@ -26,24 +47,26 @@
26 } 47 }
27 } ORDER BY ?wellName 48 } ORDER BY ?wellName
28 }"> 49 }">
29 - <optgroup label="{= ?wellName }"> 50 + <option value="{= ?well }">{= ?wellName }</option>
30 - <ui:forEach ui:resultSet="{#
31 - SELECT ?wellBore ?wellBoreName
32 - WHERE {
33 - GRAPH &lt;https://www.reportinghub.no/data/npd&gt; {
34 - ?wellBore npd:partOfWell ?well .
35 - ?wellBore npd:name ?wellBoreName .
36 - }
37 - } ORDER By ?wellBoreName
38 - }">
39 - <option value="{= xsd:string(?wellBore) }">{= ?wellBoreName }</option>
40 - </ui:forEach>
41 - </optgroup>
42 </ui:forEach> 51 </ui:forEach>
43 </select> 52 </select>
44 - <br /><br />
45 53
46 - Date: <input type="text" id="datepicker" /> 54 + <script>
55 + $('#wellSelect').change(function() {
56 + updateWellBores();
57 + });
58 + </script>
59 +
60 + </td>
61 + <td></td>
62 + <td style="padding-left:20px; vertical-align: top">
63 + <div>
64 + <div class="formHeader">2. Select Well Bore:</div>
65 + <select size="5" id="wellBoreSelect" style="width:200px">
66 + </select>
67 + </div><br />
68 + <div>
69 + <div class="formHeader">3. Select Date:</div><input type="text" id="datepicker" />
47 <script> 70 <script>
48 $(function() { 71 $(function() {
49 $("#datepicker").datepicker(); 72 $("#datepicker").datepicker();
...@@ -51,6 +74,12 @@ ...@@ -51,6 +74,12 @@
51 </script> 74 </script>
52 &nbsp; 75 &nbsp;
53 <input type="submit" value="Download" /> 76 <input type="submit" value="Download" />
77 + </div>
78 + </td>
79 + </tr>
80 + </table>
54 </form> 81 </form>
82 + </div>
83 + </div>
55 </body> 84 </body>
56 </html> 85 </html>
...\ No newline at end of file ...\ No newline at end of file
......
1 +<ui:setContext
2 + xmlns:npd="http://www.reportinghub.no/schema/npd#"
3 + ui:queryGraph="&lt;https://www.reportinghub.no/data/npd&gt;"
4 + let:well="{= ui:param('well', rdfs:Resource) }">
5 + [
6 + <ui:forEach ui:resultSet="{#
7 + SELECT ?wellBore ?wellBoreName
8 + WHERE {
9 + ?wellBore npd:partOfWell ?well .
10 + ?wellBore npd:name ?wellBoreName .
11 + } ORDER By ?wellBoreName
12 + }" ui:indexVar="i"><ui:if ui:condition="{= ?i &gt; 0 }">,</ui:if>
13 + {
14 + "value" : "{= ui:json(?wellBore) }",
15 + "label" : "{= ?wellBoreName }"
16 + }</ui:forEach>
17 + ]
18 +</ui:setContext>
...\ No newline at end of file ...\ No newline at end of file
1 -<div> 1 +<ui:group>
2 - <img src="lib/rh/images/EPIMLogoLong.jpg" /> 2 + <div>&nbsp;</div>
3 + <div class="logoContainer"><a href="http://www.epim.no" target="_new"><img src="lib/rh/images/logoEpim.gif" width="201" height="106" align="right" title="EPIM" /></a>
4 + <div style="padding: 10px">
3 <h1>ReportingHub</h1> 5 <h1>ReportingHub</h1>
4 <div>You are logged in as: <b>{= rhspin:userName() }</b></div> 6 <div>You are logged in as: <b>{= rhspin:userName() }</b></div>
5 -</div>
...\ No newline at end of file ...\ No newline at end of file
7 + </div>
8 + </div>
9 +</ui:group>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -2,4 +2,42 @@ ...@@ -2,4 +2,42 @@
2 2
3 body { 3 body {
4 font-family: sans-serif; 4 font-family: sans-serif;
5 + margin:0 0px 0 0;
6 + font-family:Tahoma,arial,Helvetica;
7 + font-size:12px;
8 + background-color:#FEFEFC;
9 + background-image:url(images/bg.png);
10 + background-position:top center;
11 + background-repeat:repeat-x;
12 + color:#333;
13 +}
14 +
15 +#content {
16 + position:relative;
17 + margin-top:0px;
18 + display:block;
19 + padding:15px 30px 30px 30px;
20 + background-color:#fefefc;
21 +}
22 +
23 +#wrapper{
24 + position:relative;
25 + width:950px;
26 + margin:0 auto;
27 + display:block;
28 + background-repeat:no-repeat;
29 +}
30 +
31 +a,a:link,a:visited {
32 + color:#375f82;
33 +}
34 +
35 +.logoContainer {
36 + background: url(images/headerBg.png);
37 + width: 950px;
38 + height: 106px;
39 +}
40 +
41 +.formHeader {
42 + font-weight: bold;
5 } 43 }
...\ No newline at end of file ...\ No newline at end of file
......