fdds/index.html

   1 <!doctype html>
   2 <html lang="en" ng-app="fdApp">
   3 <head>
   4   <meta charset="utf-8">
   5   <meta name="viewport" content="width-device-width, initial-scale=1">
   6   <title></title>
   7   <link rel="stylesheet" href="css/fdapp.css"/>
   8   <link rel="stylesheet" href="css/leaflet.css"/>
   9 </head>
  10 <body">
  11   <svg width="0" height="0" class="hidden">
  12     <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="arrow_drop_down_black_24dp">
  13       <path d="M0 0h24v24H0V0z" fill="none"></path>
  14       <path d="M7 10l5 5 5-5H7z"></path>
  15     </symbol>
  16     <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="arrow_left-24px">
  17       <path d="M14 7l-5 5 5 5V7z"></path>
  18       <path d="M24 0v24H0V0h24z" fill="none"></path>
  19     </symbol>
  20     <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="arrow_right-24px">
  21       <path d="M10 17l5-5-5-5v10z"></path>
  22       <path d="M0 24V0h24v24H0z" fill="none"></path>
  23     </symbol>
  24     <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="fast_forward_black_24dp">
  25       <path d="M0 0h24v24H0z" fill="none"></path>
  26       <path d="M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z"></path>
  27     </symbol>
  28     <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="fast_rewind_black_24dp">
  29       <path d="M0 0h24v24H0z" fill="none"></path>
  30       <path d="M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z"></path>
  31     </symbol>
  32     <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="info_black_24dp">
  33       <path d="M0 0h24v24H0V0z" fill="none"></path>
  34       <path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"></path>
  35     </symbol>
  36     <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="menu-24px">
  37       <path d="M0 0h24v24H0z" fill="none"></path>
  38       <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path>
  39     </symbol>
  40     <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="open_with_black_24dp">
  41       <path d="M0 0h24v24H0V0z" fill="none"></path>
  42       <path d="M10 9h4V6h3l-5-5-5 5h3v3zm-1 1H6V7l-5 5 5 5v-3h3v-4zm14 2l-5-5v3h-3v4h3v3l5-5zm-9 3h-4v3H7l5 5 5-5h-3v-3z"></path>
  43     </symbol>
  44     <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="pause-24px">
  45       <path d="M0 0h24v24H0z" fill="none"></path>
  46       <path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"></path>
  47     </symbol>
  48     <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="play_arrow-24px">
  49       <path d="M0 0h24v24H0z" fill="none"></path>
  50       <path d="M8 5v14l11-7z"></path>
  51     </symbol>
  52     <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="undo_black_24dp">
  53       <path d="M0 0h24v24H0V0z" fill="none"></path>
  54       <path d="M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z"></path>
  55     </symbol>
  56   </svg>
  57
  58   <div id="map-fd" />
  59
  60   <script src="js/leaflet/leaflet.js"></script>
  61   <script src="https://www.mapquestapi.com/sdk/leaflet/v2.2/mq-map.js?key=3rdoGP1zhCE27Q69RXFiR0A3foqbvoZd"></script>
  62   <script src="js/partial1.js" type="module"></script>
  63   <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
  64   <script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-annotation/1.0.1/chartjs-plugin-annotation.min.js"></script>
  65   <script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.10.4/dayjs.min.js"></script>
  66   <script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.10.4/plugin/utc.min.js"></script>
  67   <script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.10.4/plugin/timezone.min.js"></script>
  68   <script>
  69     dayjs.extend(window.dayjs_plugin_utc);
  70     dayjs.extend(window.dayjs_plugin_timezone);
  71   </script>
  72
  73   <!-- WRF Fire Display Server; Copyright 2016, University of Colorado Denver,
  74        Department of Mathematical and Statistical Sciences -->
  75
  76   <div class="splash" id="splash-screen">
  77     <h1 class="fade-in">WIRC</h1>
  78   </div>
  79         <div id="simulation-flags" class='hidden'>
  80     <span id="current-sim-label" class="displayTest"></span>
  81   </div>
  82         <catalog-menu></catalog-menu>
  83   <simulation-controller></simulation-controller>
  84   <domain-selector></domain-selector>
  85   <timeseries-controller></timeseries-controller>
  86   <colorbar-panel></colorbar-panel>
  87   <info-panel></info-panel>
  88   <timeseries-chart></timeseries-chart>
  89
  90   <!-- <div id="raster-colorbar-bg" class='hidden'>
  91     <img id="raster-colorbar"/>
  92   </div> -->
  93   <div id="copyLink" class="feature-controller hidden">Copy Link to Clipboard</div>
  94
  95         <script src="js/components/CatalogMenu/catalogMenu.js" type="module"></script>
  96         <script src="js/components/simulationController.js" type="module"></script>
  97         <script src="js/components/domainSelector.js" type="module"></script>
  98         <script src="js/components/timeSeriesController.js" type="module"></script>
  99   <script src="js/components/colorbarPanel.js" type="module"></script>
 100   <script src="js/components/infoPanel.js" type="module" async="true"></script>
 101   <script src="js/components/timeSeriesChart.js" type="module" async="true"></script>
 102 </body>
 103 </html>