Bump dependencies

assets/package.json

@@ -9,7 +9,7 @@
     "@creativebulma/bulma-tooltip": "^1.2.0",
     "@creativebulma/bulma-divider": "^1.1.0",
     "@geoman-io/leaflet-geoman-free": "^2.6.0",
-    "@mdi/font": "^5.4.55",
+    "@mdi/font": "^5.5.55",
     "bulma-switch": "^2.0.0",
     "leaflet": "^1.6.0",
     "leaflet-control-geocoder": "^1.13.0",
@@ -18,18 +18,18 @@
     "phoenix_live_view": "file:../deps/phoenix_live_view"
   },
   "devDependencies": {
-    "@babel/core": "^7.11.1",
+    "@babel/core": "^7.11.4",
     "@babel/preset-env": "^7.11.0",
     "babel-loader": "^8.1.0",
     "bulma": "^0.9.0",
     "copy-webpack-plugin": "^6.0.3",
-    "css-loader": "^4.2.0",
+    "css-loader": "^4.2.1",
     "file-loader": "^6.0.0",
-    "mini-css-extract-plugin": "^0.9.0",
+    "mini-css-extract-plugin": "^0.10.0",
     "optimize-css-assets-webpack-plugin": "^5.0.3",
     "sass": "^1.26.10",
-    "sass-loader": "^9.0.2",
-    "terser-webpack-plugin": "^4.0.0",
+    "sass-loader": "^9.0.3",
+    "terser-webpack-plugin": "^4.1.0",
     "url-loader": "^4.1.0",
     "webpack": "^4.44.1",
     "webpack-cli": "^3.3.12"

lib/teslamate_web/live/car_live/summary.html.leex

@@ -171,7 +171,7 @@
               <td class="has-text-weight-medium"><%= gettext "Scheduled Charging" %></td>
               <td><%=
                 tag :span, data: [date: @summary.scheduled_charging_start_time |> DateTime.to_iso8601()],
-                           phx_hook: "LocalTime"
+                           phx_hook: "LocalTime", id: "scheduled_start_time_#{@car.id}"
               %></td>
             </tr>
             <% end %>

lib/teslamate_web/live/charge_live/cost.html.leex

@@ -23,7 +23,7 @@
           <%= text_input :position, "#{@charging_process.id}",
                          value: "#{@charging_process.position.latitude},#{@charging_process.position.longitude}",
                          phx_hook: "TriggerChange",
-                         class: "is-hidden",
+                         id: "position_#{@charging_process.id}",class: "is-hidden",
                          disabled: true
           %>
         </div>
@@ -43,7 +43,7 @@
             <%= content_tag :span, "–", data: [start_date: DateTime.to_iso8601(@charging_process.start_date),
                                               end_date: DateTime.to_iso8601(@charging_process.end_date)],
                                         phx_hook: "LocalTimeRange",
-                                        class: "tag" %>
+                                        id: "date_range_#{@charging_process.id}", class: "tag" %>
           </div>
         </div>
         <% end %>

lib/teslamate_web/live/geofence_live/form.html.leex

@@ -112,7 +112,7 @@
   </div>
 </form>
 
-<div class="modal modal-fx-fadeInScale<%= if @show_modal, do: ' is-active' %><%= if not @connected?, do: ' is-hidden' %>" phx-hook="Modal">
+<div id="charging_cost_modal" class="modal modal-fx-fadeInScale<%= if @show_modal, do: ' is-active' %><%= if not @connected?, do: ' is-hidden' %>" phx-hook="Modal">
   <div class="modal-background" phx-click="close-modal" <%= if @show_modal, do: "phx-window-keyup=keyup" %>></div>
   <div class="modal-card modal-content">
     <header class="modal-card-head">

lib/teslamate_web/live/geofence_live/index.html.leex

@@ -51,6 +51,7 @@
                     msg: gettext("Delete '%{geo_fence}'?", geo_fence: geofence.name)
                   ],
                   type: "button",
+                  id: "delete_#{geofence.id}",
                   class: "button is-danger is-small is-inverted is-light"
             %>
           </p>