/[projects]/dao/DaoAdresseVedligehold/src/main/webapp/index.html
ViewVC logotype

Diff of /dao/DaoAdresseVedligehold/src/main/webapp/index.html

Parent Directory Parent Directory | Revision Log Revision Log | View Patch Patch

revision 2838 by torben, Sun Jan 24 21:48:55 2016 UTC revision 3072 by torben, Tue Jul 26 06:30:11 2016 UTC
# Line 2  Line 2 
2    <head>    <head>
3    <head>    <head>
4          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5            
6            <link rel="stylesheet" href="webjars/jquery-ui/1.11.4/jquery-ui.css" />
7    
8          <link rel="stylesheet" href="webjars/bootstrap/3.3.5/css/bootstrap.min.css" />          <link rel="stylesheet" href="webjars/bootstrap/3.3.5/css/bootstrap.min.css" />
9                    
10          <link rel="stylesheet" href="webjars/bootstrap-fileinput/4.2.7/css/fileinput.min.css" />          <link rel="stylesheet" href="webjars/bootstrap-fileinput/4.2.7/css/fileinput.min.css" />
11            
12            <style>
13            
14    @media (min-width: 1300px) {
15            .container {
16                width: 1300px; /*default 1170px*/
17            }
18    }
19            </style>
20    
21  <!--  use webjars for dependencies -->  <!--  use webjars for dependencies -->
22          <script src="webjars/jquery/2.1.4/jquery.js"></script>          <script src="webjars/jquery/2.1.4/jquery.js"></script>
23            <script src="webjars/jquery-ui/1.11.4/jquery-ui.js"></script>
24          <script src="webjars/bootstrap/3.3.5/js/bootstrap.min.js"></script>          <script src="webjars/bootstrap/3.3.5/js/bootstrap.min.js"></script>
25                    
26          <script src="webjars/bootstrap-fileinput/4.2.7/js/fileinput.min.js"></script>          <script src="webjars/bootstrap-fileinput/4.2.7/js/fileinput.min.js"></script>
# Line 19  Line 31 
31    
32    
33  function loadTasks() {  function loadTasks() {
34          $.get("TaskServlet", function(data) {          $.get("rest/tasks/list", function(data) {
35                  //console.log(data);                  //console.log(data);
36                                    
37                                    
# Line 41  function loadTasks() { Line 53  function loadTasks() {
53                                                    
54                                                    
55                          html += "<div class='panel " + pclass + "'>";                          html += "<div class='panel " + pclass + "'>";
56                          html += "<div class='panel-heading'><h4 class='panel-title'>" + entry.description + "</h4></div>";                          html += "<div class='panel-heading'>";
57                            if (entry.state == "STATE_DONE" || entry.state == "STATE_ABORTED" || entry.state ==  "STATE_QUEUED") {
58                                    html += "<button type='button' class='close removetask' aria-label='Close' taskid='" + entry.id+ "'><span aria-hidden='true'>&times;</span></button>";
59                            }
60                            html += "<h4 class='panel-title'>" + entry.description + "</h4>";
61                            html += "</div>";
62                            html += "  <div class='panel-body'>";
63    
64                          html += entry.detail;                          html += entry.detail;
65                                                    
66                          html += "<br/><div style='font-size: 8px; margin: 7px;'>" + entry.state + "</div>";                          if (entry.state == "STATE_ABORTED")
67                                    html += "<br><div style='color: red'>" + entry.errorMessage + "</div>";
68                                    
69                            if (entry.state == "STATE_RUNNING") {
70                                    if (entry.percentCompleted >= 0) {
71                                            var percent = entry.percentCompleted.toFixed(2);
72                                            html += "<div class='progress'>";
73                                            html += "<div class='progress-bar' role='progressbar' aria-valuenow='" + percent + "' aria-valuemin='0' aria-valuemax='100' style='width:" + percent + "%'> " ;
74                                            html +=  percent + "%";
75                                            html += " </div>";
76                                            html += "</div>";
77                                    }
78                            }
79                            
80                            var viewlog = "";
81                            if (entry.state == "STATE_RUNNING" || entry.state == "STATE_DONE" || entry.state == "STATE_ABORTED") {
82                                    viewlog = "<span style='float: right'><a href='#' class='viewlog' taskid='" + entry.id+ "'>Log</a></span>";
83                            }
84                                                    
85                          html += "</div>";                          html += "  <div style='font-size: 8px; '>" + entry.state + viewlog + "</div>";
86                            
87                            html += "  </div>"; //panel-body
88                            html += "</div>"; //panel
89                                                    
90                  });                  });
91                  if (html == "") {                  if (html == "") {
# Line 73  function genUploadExtraData (previewId, Line 111  function genUploadExtraData (previewId,
111    
112  $(document).ready( function() {  $(document).ready( function() {
113          loadTasks();          loadTasks();
114          setInterval(loadTasks, 2500);          setInterval(loadTasks, 5000);
115            
116            $("#center").resizable({
117            handles: 'e, w'
118            });
119            
120            
121            $(document).on('click', '.viewlog', function(event) { // Bind future elements
122                    var taskid = $(this).attr('taskid');
123                    $("#logview").load('rest/tasks/log/' + taskid);
124                    
125            });
126                    
127            $(document).on('click', '.removetask', function(event) { // Bind future elements
128                    var taskid = $(this).attr('taskid');
129                    $.get('rest/tasks/remove/' + taskid, function() {
130                            loadTasks();
131                    });            
132            });
133                    
134          $("#file").fileinput({          $("#file").fileinput({
135                  //'showUpload':false,                  //'showUpload':false,
# Line 100  $(document).ready( function() { Line 155  $(document).ready( function() {
155                  $('#file').fileinput('upload');                  $('#file').fileinput('upload');
156          });          });
157                    
158            
159            
160            
161            $("#afstandBtn").click( function(){
162                    var dist = $("#afstand_distributor").val();
163                    if (dist == "") {
164                            alert("Du skal vælge distributør");
165                            return;
166                    }
167                    var type = $("#afstand_type").val();
168                    var url = "rest/commands/distancecalculation/" + dist + "/" + type;
169                    
170                    
171                    $.get(url, function() {
172                            loadTasks(); //Force reload of tasks immediately
173                    } );
174                    
175            });
176            
177            $("#dawaBtn").click( function(){
178    
179                    var url = "rest/commands/dawa";
180                    
181                    
182                    $.get(url, function() {
183                            loadTasks(); //Force reload of tasks immediately
184                    } );
185                    
186            });
187    
188            
189  });  });
190    
191  </script>        </script>      
# Line 112  $(document).ready( function() { Line 198  $(document).ready( function() {
198      <h1>Dao Adresse Vedligehold</h1>      <h1>Dao Adresse Vedligehold</h1>
199    </div>    </div>
200    <div id="body">    <div id="body">
201      <div class="row">      <div class="row">
202        <div class="col-sm-3" id="leftCol" >        <div class="col-sm-3" id="leftCol" >
203          <div class="panel panel-primary">          <div class="panel panel-primary">
204                  <div class="panel-heading">                  <div class="panel-heading">
# Line 126  $(document).ready( function() { Line 212  $(document).ready( function() {
212          </div>          </div>
213        </div>        </div>
214                
215        <div class="col-sm-6" id="center" >        <div class="col-sm-6" id="center">
216          b        <pre id="logview">
217          </pre>
218        </div>        </div>
219                
220        <div class="col-sm-3" id="rightCol" >        <div class="col-sm-3" id="rightCol" >
221          <div class="panel panel-primary">          <div class="panel panel-primary">
222                  <div class="panel-heading">                  <div class="panel-heading">
223                          <h3 class="panel-title">Actions</h3>                          <h3 class="panel-title">Upload File</h3>
224                          </div>                          </div>
225                          <div class="panel-body">                          <div class="panel-body">
226                                                    
# Line 142  $(document).ready( function() { Line 229  $(document).ready( function() {
229                            <select class="form-control" id="distributor" name="distributor">                            <select class="form-control" id="distributor" name="distributor">
230                                  <option></option>                                  <option></option>
231                              <option>BK</option>                              <option>BK</option>
                           <!--  
232                              <option>DAO</option>                              <option>DAO</option>
233                              <option>FD</option>                              <option>FD</option>
234                              <option>NS</option>                              <option>NS</option>
                           -->  
235                            </select>                            </select>
236        
237                  <label for="writeback">Write-back:</label>                  <label for="writeback">Write-back:</label>
# Line 166  $(document).ready( function() { Line 251  $(document).ready( function() {
251                                                                    
252                                                    
253                          </div>                          </div>
254          </div>          </div> <!--  upload panel -->
255        </div>          
256      </div>            <div class="panel panel-primary">
257                    <div class="panel-heading">
258                            <h3 class="panel-title">Afstand anden rute</h3>
259                            </div>
260                            <div class="panel-body">
261                            
262                            
263                              <label for="distributor">Distributør:</label>
264                              <select class="form-control" id="afstand_distributor" name="afstand_distributor">
265                                    <option></option>
266                                <option>BK</option>
267                                <option>DAO</option>
268                              </select>
269    
270                              
271                              <label for="type">Type:</label>
272                              <select class="form-control" id="afstand_type" name="afstand_type">
273                                <option>Incremental</option>
274                                <option>Full</option>                          
275                              </select>
276                              <br>
277    
278                              
279                              <button class="btn btn-primary" id="afstandBtn">Beregn</button>
280      
281                              
282                            </div>
283                    </div><!-- Afstand-andenrute panel -->
284    
285              <div class="panel panel-primary">
286                    <div class="panel-heading">
287                            <h3 class="panel-title">Dawa Indlæsning</h3>
288                            </div>
289                            <div class="panel-body">
290                              
291                              <button class="btn btn-primary" id="dawaBtn">Beregn</button>
292    
293                            </div>
294                    </div> <!-- DAWA -->                    
295            
296            
297          </div><!-- rightcol -->
298        </div> <!-- row -->
299                
300    </div>    </div><!-- body -->
301      
302      
303  </div>  </div>
304        
305    
Legend:
Removed from v.2838  
changed lines
  Added in v.3072
  ViewVC Help
Powered by ViewVC 1.1.20