Add disabled layer buttons.

Goutte
1 parent cdf79b23
Showing 4 changed files with 29 additions and 17 deletions Show diff stats
CHANGELOG.md
VERSION
config.yml
web/view/home.html.jinja2
@@ -13,7 +13,6 @@
 - [ ] juno/rosetta doivent aussi bouger le long de leur orbite lorsque l'on parcourt à la souris les données de la série temporelle; pour les intervalles de temps où rosetta  n'existe plus (crash à la surface de la comète) il faut qu'elle disparaisse; pour les intervalles de temps où juno est en orbite autour de jupiter il faut que juno suive jupiter
       -> tout ceci est configurable dans le fichier de configuration, je n'ai pas les ids !
-- [ ] ajouter dans le bandeau vertical un onglet LAYERS avec 3 choix possibles: Jupiter Thermosphere Model, HST Jupiter Observations, HST Saturn Observations
 ## Future ?
@@ -32,8 +31,7 @@
 ## 1.0.0-rc7
-
-- [ ] Add disabled layer buttons
+- [x] Add disabled layer buttons
 - [x] Give the future data another color
 - [x] Change the default interval (from 2 months in the past to one in the future)
 - [x] Prepare horizontal lines in the time series
-1.0.0-rc6
 \ No newline at end of file
+1.0.0-rc7
 \ No newline at end of file
@@ -46,6 +46,17 @@ authors:
 amda: "http://cdpp.irap.omp.eu/BASE/DDService/getDataUrl.php?dataSet={dataSet}&StartTime={startTime}&StopTime={stopTime}"
+layers:
+    - slug: "jupiterthermospheremodel"
+      name: "Jupiter Thermo."
+      desc: "Jupiter Thermosphere Model"
+    - slug: "hstjupiterobservations"
+      name: "HST Jupiter"
+      desc: "HST Jupiter Observations"
+    - slug: "hstsaturnobservations"
+      name: "HST Saturn"
+      desc: "HST Saturn Observations"
+
 inputs:
     - slug: "l1"
       name: "L1"
@@ -98,19 +98,19 @@
     <br>
     <hr class="clear">
-{#    <span class="mdl-layout-title">{{ icon('database') }} Layers</span>#}
-{##}
-{#    <section class="section-drawer">#}
-{#{% for layer in config.layers %}#}
-{#      <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="option-layer-{{ layer.slug }}" title="{{ layer.desc }}">#}
-{#        <input type="radio" id="option-layer-{{ layer.slug }}" class="mdl-radio__button" name="layer_slug" value="{{ layer.slug }}" {{ 'checked' if layer.slug == layer_slug }}>#}
-{#        <span class="mdl-radio__label">{{ layer.name }}</span>#}
-{#      </label>#}
-{#      <br />#}
-{#{% endfor %}#}
-{#    </section>#}
-{##}
-{#    <hr class="clear">#}
+    <span class="mdl-layout-title">{{ icon('area-chart') }} Layers</span>
+
+    <section class="section-drawer">
+{% for layer in config.layers %}
+      <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="option-layer-{{ layer.slug }}" title="{{ layer.desc }}">
+        <input type="checkbox" disabled id="option-layer-{{ layer.slug }}" class="mdl-radio__button" name="layer_slug" value="{{ layer.slug }}" {{ 'checked' if layer.slug == layer_slug }}>
+        <span class="mdl-radio__label">{{ layer.name }}</span>
+      </label>
+      <br />
+{% endfor %}
+    </section>
+
+    <hr class="clear">
 {#    <span class="mdl-layout-title">{{ icon('database') }} Inputs</span>#}
 {##}
@@ -424,6 +424,9 @@
     #parameters .parameter {
       outline: 0;
+      padding-top: 7px;
+      padding-bottom: 7px;
+
     }
     #parameters .parameter.active {
       background-color: #c8d3e1;