From 93191181901091f467eaf971deb13d35b26cbfd6 Mon Sep 17 00:00:00 2001
From: Alain Nussbaumer <alain.nussbaumer@alleluia.ch>
Date: Sat, 27 Apr 2024 21:34:16 +0200
Subject: [PATCH] [web] Simplify variable naming

---
 web-src/src/filter/index.js                  | 10 +++++-----
 web-src/src/templates/ContentWithHeading.vue |  6 +++---
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/web-src/src/filter/index.js b/web-src/src/filter/index.js
index 517608d2..89df3c48 100644
--- a/web-src/src/filter/index.js
+++ b/web-src/src/filter/index.js
@@ -31,8 +31,8 @@ export const filters = {
       .setLocale(locale.value)
       .toLocaleString(DateTime.DATETIME_MED)
   },
-  durationInDays(value_ms) {
-    const minutes = Math.floor(value_ms / 60000)
+  durationInDays(value) {
+    const minutes = Math.floor(value / 60000)
     if (minutes > 1440) {
       return Duration.fromObject({ minutes })
         .shiftTo('days', 'hours', 'minutes')
@@ -44,9 +44,9 @@ export const filters = {
     }
     return Duration.fromObject({ minutes }).shiftTo('minutes').toHuman()
   },
-  durationInHours(value_ms) {
-    const format = value_ms >= 3600000 ? 'h:mm:ss' : 'm:ss'
-    return Duration.fromMillis(value_ms).toFormat(format)
+  durationInHours(value) {
+    const format = value >= 3600000 ? 'h:mm:ss' : 'm:ss'
+    return Duration.fromMillis(value).toFormat(format)
   },
   number(value) {
     return value.toLocaleString(locale.value)
diff --git a/web-src/src/templates/ContentWithHeading.vue b/web-src/src/templates/ContentWithHeading.vue
index 85d1d621..06eeae84 100644
--- a/web-src/src/templates/ContentWithHeading.vue
+++ b/web-src/src/templates/ContentWithHeading.vue
@@ -4,7 +4,7 @@
       <div class="columns is-centered">
         <div class="column is-four-fifths">
           <section v-if="$slots.options">
-            <div ref="options_ref" style="height: 1px" />
+            <div ref="options" style="height: 1px" />
             <slot name="options" />
             <nav class="buttons is-centered mt-4 mb-2">
               <router-link class="button is-small is-white" :to="position">
@@ -65,12 +65,12 @@ export default {
         rootMargin: '-82px 0px 0px 0px',
         threshold: 1.0
       })
-      this.observer.observe(this.$refs.options_ref)
+      this.observer.observe(this.$refs.options)
     }
   },
   methods: {
     onElementObserved(entries) {
-      entries.forEach(({ target, isIntersecting }) => {
+      entries.forEach(({ isIntersecting }) => {
         this.options_visible = isIntersecting
       })
     },