added metar

Author: volkerp

app/static/css/style.css

@@ -122,11 +122,11 @@ center column
 
 #timeline-container {
     width: 100%;
-    height: 120px;
+    height: 140px;
     align-self: end;
     display: grid;
     position: relative;
-    grid-template-rows: auto 32px;
+    grid-template-rows: auto 12px 30px;
     overflow-x: scroll;
     overflow-y: hidden;
 }
@@ -140,7 +140,7 @@ center column
     width: 2px;
     margin: 0px 0px;
     padding: 0px;
-    z-index: 3;
+    z-index: 4;
 }
 
 #timeline-cursor-text {
@@ -150,7 +150,7 @@ center column
     padding: 1px 2px;
     border: 2px solid #000000;
     background-color: #ffffff;
-    z-index: 4;
+    z-index: 5;
     font-size: 9pt;
 }
 
@@ -179,12 +179,27 @@ center column
 }
 
 .hour-tick-line {
-    border-left: 1px solid #303030;
-    height: 10px;
+    border-left: 1px solid #505050;
+    height: 12px;
     margin: 0px 4px;
     padding: 0px;
 }
 
+.metar {
+    position: absolute;
+    height: 12px;
+    width: 16px;
+    font-size: x-small;
+    text-align: center;
+    z-index: 1;
+}
+
+.metar:hover {
+    color:  #4693c7;
+    font-weight: 900;
+}
+
+
 .marker {
     position: absolute;
     border-radius: 3px;
@@ -194,6 +209,7 @@ center column
     border: 1px solid rgba(114, 167, 202, 0.66);
     top: 6px;
     height: 10px;
+    z-index: 2;
 }
 
 .marker-selected {

app/templates/index.html

@@ -55,6 +55,12 @@
                     </div>
                     {% endfor %}
                 </div>
+                <div class="timeline-item">
+                    <div style="font-size: x-small; left:0%; position: absolute;">Metar</div>
+                    {% for metar in data.metar %}
+                        <div class="metar" style="left:{{ (metar[0]-(4.5*3600)) / (16*36) }}%;" title="{{ metar[1] }}">M</div>
+                    {% endfor %}
+                </div>
                 <div class="timeline-item scale-item-bar">
                     {% for i in range(5, 21) %}
                     <div class="scale-item-item">

app/views.py

@@ -7,6 +7,29 @@
 from .track import main_index, read_day, read_track
 
 
+METARFILE = 'metars.txt'
+metar = []
+
+def read_metar():
+    with open(METARFILE) as f:
+        for l in f:
+            metar.append(l.strip())
+
+
+def get_metar(date):
+    ret = []
+    for l in metar:
+        if l.startswith(date.strftime('%Y%m%d')):
+            hour = int(l[8:10])
+            min = int(l[10:12])
+            ret.append((hour*3600+min*60, l[13:]))
+
+    return ret
+
+
+read_metar()
+
+
 def calendar_data(year : int):
     months = []
     names = ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni',
@@ -71,6 +94,7 @@ def index(datestr, adr):
         'day_tracks': day_tracks,
         'selected_track': selected_track,
         'selected_filename': selected_filename,
+        'metar': get_metar(date),
         'svg': svg }
 
     return render_template('index.html', data=data)