cms/app-client/app/templates/components/visu-chrono.hbs
changeset 195 9d083636bd99
parent 98 2e6bfce6f99c
child 197 7b266ccf6d3d
--- a/cms/app-client/app/templates/components/visu-chrono.hbs	Mon Jun 20 15:55:51 2016 +0200
+++ b/cms/app-client/app/templates/components/visu-chrono.hbs	Mon Jun 20 17:04:59 2016 +0200
@@ -1,74 +1,90 @@
-<div cellpadding="0" cellspacing="0" id="chrono-table">
-  <ul id="1960"> 1960 -
-    <li class="0">0</li>
-    <li class="1">1</li>
-    <li class="2">2</li>
-    <li class="3">3</li>
-    <li class="4">4</li>
-    <li class="5">5</li>
-    <li class="6">6</li>
-    <li class="7">7</li>
-    <li class="8">8</li>
-    <li class="9">9</li>
-  </ul>
-  <ul id="1970"> 1970 -
-    <li class="0">0</li>
-    <li class="1">1</li>
-    <li class="2">2</li>
-    <li class="3">3</li>
-    <li class="4">4</li>
-    <li class="5">5</li>
-    <li class="6">6</li>
-    <li class="7">7</li>
-    <li class="8">8</li>
-    <li class="9">9</li>
-  </ul>
-  <ul id="1980"> 1980 -
-    <li class="0">0</li>
-    <li class="1">1</li>
-    <li class="2">2</li>
-    <li class="3">3</li>
-    <li class="4">4</li>
-    <li class="5">5</li>
-    <li class="6">6</li>
-    <li class="7">7</li>
-    <li class="8">8</li>
-    <li class="9">9</li>
-  </ul>
-  <ul id="1990"> 1990 -
-    <li class="0">0</li>
-    <li class="1">1</li>
-    <li class="2">2</li>
-    <li class="3">3</li>
-    <li class="4">4</li>
-    <li class="5">5</li>
-    <li class="6">6</li>
-    <li class="7">7</li>
-    <li class="8">8</li>
-    <li class="9">9</li>
-  </ul>
-  <ul id="2000"> 2000 -
-    <li class="0">0</li>
-    <li class="1">1</li>
-    <li class="2">2</li>
-    <li class="3">3</li>
-    <li class="4">4</li>
-    <li class="5">5</li>
-    <li class="6">6</li>
-    <li class="7">7</li>
-    <li class="8">8</li>
-    <li class="9">9</li>
-  </ul>
-  <ul id="2010"> 2010 -
-    <li class="0">0</li>
-    <li class="1">1</li>
-    <li class="2">2</li>
-    <li class="3">3</li>
-    <li class="4">4</li>
-    <li class="5">5</li>
-    <li class="6">6</li>
-    <li class="7">7</li>
-    <li class="8">8</li>
-    <li class="9">9</li>
-  </ul>
+<div class="interval">
+    1960 -
+    <ul id="1960">
+        <li class="0">0</li>
+        <li class="1">1</li>
+        <li class="2">2</li>
+        <li class="3">3</li>
+        <li class="4">4</li>
+        <li class="5">5</li>
+        <li class="6">6</li>
+        <li class="7">7</li>
+        <li class="8">8</li>
+        <li class="9">9</li>
+    </ul>
+</div>
+<div class="interval">
+    1970 -
+    <ul id="1970">
+        <li class="0">0</li>
+        <li class="1">1</li>
+        <li class="2">2</li>
+        <li class="3">3</li>
+        <li class="4">4</li>
+        <li class="5">5</li>
+        <li class="6">6</li>
+        <li class="7">7</li>
+        <li class="8">8</li>
+        <li class="9">9</li>
+    </ul>
+</div>
+<div class="interval">
+    1980 -
+    <ul id="1980">
+        <li class="0">0</li>
+        <li class="1">1</li>
+        <li class="2">2</li>
+        <li class="3">3</li>
+        <li class="4">4</li>
+        <li class="5">5</li>
+        <li class="6">6</li>
+        <li class="7">7</li>
+        <li class="8">8</li>
+        <li class="9">9</li>
+    </ul>
 </div>
+<div class="interval">
+    1990 -
+    <ul id="1990">
+        <li class="0">0</li>
+        <li class="1">1</li>
+        <li class="2">2</li>
+        <li class="3">3</li>
+        <li class="4">4</li>
+        <li class="5">5</li>
+        <li class="6">6</li>
+        <li class="7">7</li>
+        <li class="8">8</li>
+        <li class="9">9</li>
+    </ul>
+</div>
+<div class="interval">
+    2000 -
+    <ul id="2000">
+        <li class="0">0</li>
+        <li class="1">1</li>
+        <li class="2">2</li>
+        <li class="3">3</li>
+        <li class="4">4</li>
+        <li class="5">5</li>
+        <li class="6">6</li>
+        <li class="7">7</li>
+        <li class="8">8</li>
+        <li class="9">9</li>
+    </ul>
+</div>
+<div class="interval">
+    2010 -
+    <ul id="2010">
+        <li class="0">0</li>
+        <li class="1">1</li>
+        <li class="2">2</li>
+        <li class="3">3</li>
+        <li class="4">4</li>
+        <li class="5">5</li>
+        <li class="6">6</li>
+        <li class="7">7</li>
+        <li class="8">8</li>
+        <li class="9">9</li>
+    </ul>
+</div>