Page tree

Versions Compared


  • This line was added.
  • This line was removed.
  • Formatting was changed.


Image Added

It looks ok, so why is further development so slow and such hard work?


  1. As before, created a new web-context for the GUI in the existing NAS tomcat - although any web-server will do
  2. Enabling jQuery just means adding some scripts in your html body and some css in your html head

    Code Block
        <meta charset="utf-8" />
        <link rel="stylesheet" type="text/css" href="//">
        <link rel="stylesheet" href="//">
    <script src="//"></script>
    <script src="//"></script>
    <script src=""></script>
    <script type="text/javascript" charset="utf8" src=""></script>
    <script src="site.js"></script>

  3. The html for the Status page now looks like this

    Code Block
    <table id="status_table">

    ... literally, that's the whole thing, because all the action happens in the site.js:

    Code Block
    $(document).ready(function() {
          load: function( event, ui ) {
              if(event.currentTarget != null && event.currentTarget.firstChild.textContent === "Status") {
                  $('#status_table').DataTable( {
                      ajax: {
                          url: '../rest/rest/status/all',
                          dataSrc: ''
                      columns: [
                          { data: 'physicalLocation' },
                          { data: 'applicationName' },
                          { data: 'logMessage'}
                  } );

    What matters here is that we are leveraging the entire functionality of the jQuery-UI DataTable plugin to format the JSON we get from the REST service.

  4. And here's what it looks like ModifiedImage Modifiede

Note that even with absolutely minimal configuration and styling we get