Add bikes and stands availabilities on stations list

piRstone · Aug 21, 2020 · 70ea199 · 70ea199
1 parent df5c78e
commit 70ea199
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/css/stations.css b/css/stations.css
@@ -83,6 +83,13 @@ span.number {
     margin-bottom: 0;
 }
 
+#stations-list .station-to-add span {
+    float: right;
+    color: black;
+    font-size: 12px;
+    font-weight: normal;
+}
+
 #stations-list .station-to-add:first-child {
     border-top-left-radius: 3px;
     border-top-right-radius: 3px;

diff --git a/js/popup.js b/js/popup.js
@@ -133,7 +133,16 @@ function showStationsList(e) {
     if (!list.hasClass('loaded')) {
         for(var i=0 ; i < stations.length ; i++) {
             var stationName = stations[i].name.replace('-', ' - ');
-            list.append('<p id="add-station-' + stations[i].number + '" class="station-to-add">' + stationName + '</p>');
+            var p = $('<p id="add-station-' + stations[i].number + '" class="station-to-add">' + stationName + '</p>');
+            p.append(
+                '<span style="text-align: right">🚲 ' +
+                stations[i].available_bikes +
+                '  📍 ' +
+                stations[i].available_bike_stands +
+                '</span>'
+            );
+
+            list.append(p);
             $('#add-station-'+stations[i].number).click(addStation);
         }
         list.addClass('loaded');