NLeSC/Cesium-NcWMS

<div class="modal fade" id="helpModal" role="dialog" aria-labelledby="helpModal" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
          <span class="glyphicon glyphicon-remove" aria-hidden="true">
          </span>
        </button>
        <h4 class="modal-title" id="myModalLabel">eWaterCycle visualziation with Cesium-NcWMS</h4>
      </div>

      <div class="modal-body">
        <p ng-show="helpModal.mobile" style="color:red">WARNING: You are using a mobile client, so we offer limited functionality. Please use a desktop webbrowser for the best user experience we can offer.</p>
        <h2>Welcome!</h2>
        <p>This is the Beta preview of the eWaterCycle Global Hydrological forecast system. See <a href="http://www.ewatercycle.org">our website</a> for more info.</p>
        <p style="color:red">Please note that since we're still in beta, the data shown here is only an indication. Please do not make real-life decisions based on the information here.</p>
        <p style="color:red">Also note that the beta version of eWaterCycle uses a supercomputer that is shared with other academic research projects. Due to queing reasons, a daily forecast may be delayed, even up to a few days, when other projects temporarily need the supercomputer
          capacity.
        </p>
        <h2>Features</h2>
        <div>
          <b>The top-right menu</b>
          <p>The top-right menu is where you can configure your map view. It offers several dropdown menus, from left to right:</p>
          <ul>
            <li>The "Fly To" menu: Use this menu to 'fly' to the country you want to focus on.</li>
            <li>The "View" menu: Use this menu to toggle between globe, columbus, and map views.</li>
            <li>The "Dataset" menu: Select the dataset you want to see on the globe.</li>
            <li>The "Palette" menu: Select the palette you want to as a colormap for your dataset.</li>
            <li>The "Log" button: Toggle between logarithmic and linear scaling of the colormap.</li>
            <li>The "Terrain" button: Toggle between terrain settings, transparent colormap with terrain, or terrain-less and opaque.</li>
            <li>The "Borders" button: Toggle country borders on/off.</li>
          </ul>
          <div></div>
          <b>The legend</b>
          <p>The legend on the right side offers two textboxes, where you are able to set the minimum and maximum value between which you want the colormap to scale.</p>
          <div></div>
          <b>The time bar</b>
          <p>The time bar on the bottom is used to define the time you want to see data of. it is automatically scaled to the extents of your selected dataset.</p>
          <div></div>
          <b>The graphs on the left</b>
          <p>The graphs on the left side appear when the user clicks the button to display them. Clicking a location on the map with sufficient time-based data will then display a graph of the data in that location. The graphs initially both show the globally
            selected dataset, but can be set to a different dataset at will. The graphs also include a log checkbox, to set the vertical scale to a logarithmic one if desired.</p>
        </div>
        <h2>Troubleshooting</h2>
        <p>If you can only see a globe with normal coloring, and the dropdown menus at the top seem suspiciously empty, that probably means you have no ncWMS server attached, or that server is serving no data at the moment. Please refer to the README file.</p>
      </div>
    </div>
  </div>
</div>