Merge pull request #1531 from gnmyt/features/remove-30-days-limit

🗓️ Remove 30 days limit

Author: gnmyt

README.de.md

@@ -16,15 +16,15 @@
 
 ## 🤔 Was ist MySpeed?
 
-MySpeed ist eine Speedtest-Analyse-Software, welche die Geschwindigkeit deines Internets bis zu 30 Tage lang speichert.
+MySpeed ist eine Speedtest-Analyse-Software, welche die Geschwindigkeit deines Internets über einen frei konfigurierbaren Zeitraum speichert.
 
 ### ⭐ Features
 
 - 📊 MySpeed generiert übersichtliche Statistiken über Geschwindigkeit, Ping und mehr
 - ⏰ MySpeed automatisiert Speedtests und lässt dich mithilfe von Cron-Expressions die Zeit zwischen den Tests festlegen
 - 🗄️ Füge mehrere Server direkt zu einer MySpeed-Instanz hinzu
 - 🩺 Es lassen sich Healthchecks konfigurieren, welche dich bei Fehlern oder Ausfällen über E-Mail, Signal, WhatsApp oder Telegram benachrichtigen können
-- 📆 Testergebnisse lassen sich bis zu 30 Tage lang speichern
+- 📆 Testergebnisse lassen sich beliebig lange speichern - die Aufbewahrungsdauer ist frei konfigurierbar
 - 🔥 Unterstützung für Prometheus und Grafana
 - 🗳️ Wähle zwischen Ookla, LibreSpeed und Cloudflare Speedtest-Servern
 - 💁 Erfahre mehr zu MySpeed auf unserer [Website](https://myspeed.dev)

README.md

@@ -16,15 +16,15 @@
 
 ## 🤔 What is MySpeed?
 
-MySpeed is a speed test analysis software that records your internet speed for up to 30 days.
+MySpeed is a speed test analysis software that records your internet speed over a fully configurable retention period.
 
 ### ⭐ Features
 
 - 📊 MySpeed generates clear statistics on speed, ping, and more
 - ⏰ MySpeed automates speed tests and allows you to set the time between tests using Cron expressions
 - 🗄️ Add multiple servers directly to a MySpeed instance
 - 🩺 Configure health checks to notify you via email, Signal, WhatsApp, or Telegram in case of errors or downtime
-- 📆 Test results can be stored for up to 30 days
+- 📆 Test results can be stored for any retention period you configure - from a few days to forever
 - 🔥 Support for Prometheus and Grafana
 - 🗳️ Choose between Ookla, LibreSpeed and Cloudflare speed test servers
 - 💁 Learn more about MySpeed on our [website](https://myspeed.dev)

client/index.html

@@ -8,10 +8,10 @@
     <meta property="og:image" content="/api/opengraph/image" />
     <meta property="og:image:type" content="image/png" />
     <meta name="twitter:title" content="MySpeed" />
-    <meta name="twitter:description" content="A speed test analysis software that shows your internet speed for up to 30 days" />
+    <meta name="twitter:description" content="A speed test analysis software that shows your internet speed history over a configurable retention period" />
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:image:src" content="/api/opengraph/image" />
-    <meta name="description" content="A speed test analysis software that shows your internet speed for up to 30 days" />
+    <meta name="description" content="A speed test analysis software that shows your internet speed history over a configurable retention period" />
     <link rel="apple-touch-icon" href="/assets/img/logo192.png" />
     <link rel="manifest" href="/manifest.json" />
     <title>MySpeed</title>

client/public/assets/locales/de.json

@@ -155,7 +155,22 @@
     "reset": "Zurücksetzen",
     "confirm_reset": "Ja, zurücksetzen",
     "settings_exported": "Die Einstellungen wurden exportiert",
-    "settings_imported": "Die Einstellungen wurden importiert"
+    "settings_imported": "Die Einstellungen wurden importiert",
+    "retention": "Datenspeicherung",
+    "retention_desc": "Wie lange Speedtest-Ergebnisse aufbewahrt werden, bevor sie automatisch gelöscht werden.",
+    "retention_saved": "Speicherdauer aktualisiert",
+    "retention_days_placeholder": "365",
+    "retention_options": {
+      "week": "7 Tage",
+      "month": "30 Tage",
+      "quarter": "90 Tage",
+      "half_year": "180 Tage",
+      "year": "1 Jahr (Standard)",
+      "forever": "Für immer behalten",
+      "custom": "Benutzerdefiniert..."
+    },
+    "retention_days_suffix": "Tage",
+    "retention_back": "Zurück zu Voreinstellungen"
   },
   "latest": {
     "ping": "Ping",

client/public/assets/locales/en.json

@@ -78,7 +78,7 @@
   },
   "about": {
     "title": "About MySpeed",
-    "description": "MySpeed is an open-source speedtest analysis software that records your internet speed for up to 30 days.",
+    "description": "MySpeed is an open-source speedtest analysis software that records your internet speed over a configurable period of time.",
     "github": "GitHub",
     "website": "Website",
     "donate": "Donate",
@@ -196,7 +196,22 @@
     "reset": "Reset",
     "confirm_reset": "Yes, reset",
     "settings_exported": "The settings have been exported",
-    "settings_imported": "The settings have been imported"
+    "settings_imported": "The settings have been imported",
+    "retention": "Data retention",
+    "retention_desc": "How long speedtest results are kept before being automatically deleted.",
+    "retention_saved": "Retention period updated",
+    "retention_days_placeholder": "365",
+    "retention_days_suffix": "days",
+    "retention_back": "Back to presets",
+    "retention_options": {
+      "week": "7 days",
+      "month": "30 days",
+      "quarter": "90 days",
+      "half_year": "180 days",
+      "year": "1 year (default)",
+      "forever": "Keep forever",
+      "custom": "Custom..."
+    }
   },
   "latest": {
     "ping": "Ping",

client/public/manifest.json

@@ -1,7 +1,7 @@
 {
   "short_name": "MySpeed",
   "name": "MySpeed - Speedtests",
-  "description": "A speed test analysis software that shows your internet speed for up to 30 days",
+  "description": "A speed test analysis software that shows your internet speed history over a configurable retention period",
   "icons": [
     {
       "src": "/assets/img/favicon.ico",

client/src/common/components/StorageDialog/styles.sass

@@ -66,7 +66,8 @@
   flex: 1
   display: flex
   flex-direction: column
-  gap: 1.25rem
+  gap: 1rem
+  min-height: 18rem
 
 .storage-row
   display: flex
@@ -103,6 +104,121 @@
   .dialog-btn
     padding: 0.5rem 1rem
 
+.storage-select,
+.storage-input
+  display: inline-flex
+  align-items: center
+  padding: 0.5rem 1rem
+  background-color: $darker-gray
+  border: 1px solid $light-gray
+  border-radius: 0.6rem
+  color: $white
+  font-family: inherit
+  font-size: 1rem
+  font-weight: 500
+  line-height: 1.25
+  cursor: pointer
+  outline: none
+  box-sizing: border-box
+  transition: all 0.15s ease
+
+  &:hover
+    border-color: $accent-primary
+
+  &:focus
+    border-color: $accent-primary
+
+  &.input-error,
+  &.input-error:focus
+    border-color: $accent-danger
+
+.storage-input
+  cursor: text
+  text-align: left
+  appearance: textfield
+  -moz-appearance: textfield
+
+  &::-webkit-outer-spin-button,
+  &::-webkit-inner-spin-button
+    -webkit-appearance: none
+    margin: 0
+
+.storage-retention-select-wrap
+  position: relative
+  display: inline-flex
+
+  &::after
+    content: ""
+    position: absolute
+    right: 0.85rem
+    top: 50%
+    width: 0.5rem
+    height: 0.5rem
+    border-right: 2px solid $subtext
+    border-bottom: 2px solid $subtext
+    transform: translateY(-70%) rotate(45deg)
+    pointer-events: none
+    transition: border-color 0.15s ease
+
+  &:hover::after
+    border-color: $accent-primary
+
+.storage-select
+  appearance: none
+  -webkit-appearance: none
+  -moz-appearance: none
+  padding-right: 2.25rem
+
+  &::-ms-expand
+    display: none
+
+.storage-retention-controls
+  align-items: center
+  flex-wrap: nowrap
+
+  .storage-retention-select-wrap
+    flex: 0 1 auto
+
+  .storage-input-wrap
+    position: relative
+    display: inline-flex
+    align-items: center
+    flex: 0 1 7.5rem
+
+    .storage-input
+      width: 100%
+      padding-right: 3rem
+
+    .storage-input-suffix
+      position: absolute
+      right: 0.85rem
+      color: $subtext
+      font-size: 0.875rem
+      font-weight: 500
+      pointer-events: none
+
+.storage-icon-btn
+  display: inline-flex
+  align-items: center
+  justify-content: center
+  width: 2.4rem
+  height: 2.4rem
+  padding: 0
+  flex-shrink: 0
+  background-color: $darker-gray
+  border: 1px solid $light-gray
+  border-radius: 0.6rem
+  color: $subtext
+  cursor: pointer
+  transition: all 0.15s ease
+
+  &:hover
+    border-color: $accent-primary
+    color: $accent-primary
+
+  svg
+    font-size: 0.9rem
+
 @media (max-width: 781px)
   .storage-dialog-wrapper
     width: 95vw
@@ -123,6 +239,9 @@
     justify-content: center
     gap: 0.5rem
 
+  .storage-manager
+    min-height: 0
+
   .storage-row
     flex-direction: column
     align-items: flex-start
@@ -132,4 +251,12 @@
       width: 100%
 
       .dialog-btn
-        flex: 1
+        flex: 1
+
+    .storage-retention-controls
+      .storage-retention-select-wrap,
+      .storage-input-wrap
+        flex: 1
+
+      .storage-select
+        width: 100%