add relative time format back

Signed-off-by: Robin Appelman <robin@icewind.nl>

Author: icewind1991

css/logreader-main.css

@@ -197,7 +197,7 @@ version: 9.0.0
 license: MIT
 
 vite-plugin-node-polyfills
-version: 0.17.0
+version: 0.15.0
 license: MIT
 
 vue

js/logreader-main.mjs

@@ -24,6 +24,14 @@
 			@update:checked="setDateTimeFormat">
 			{{ t('logreader', 'UTC time') }}
 		</NcCheckboxRadioSwitch>
+		<NcCheckboxRadioSwitch :checked="dateTimeFormat"
+		    :disabled="isLocalLogfile"
+		    value="relative"
+		    name="timestamp_format"
+		    type="radio"
+		    @update:checked="setDateTimeFormat">
+			{{ t('logreader', 'Relative') }}
+		</NcCheckboxRadioSwitch>
 	</fieldset>
 </template>
 

js/logreader-main.mjs.map

@@ -10,6 +10,16 @@ import { getCanonicalLocale, translate as t } from '@nextcloud/l10n'
 import { LOGGING_LEVEL_NAMES } from '../constants'
 import { useSettingsStore } from '../store/settings'
 
+// in miliseconds
+const units = {
+	year  : 24 * 60 * 60 * 1000 * 365,
+	month : 24 * 60 * 60 * 1000 * 365/12,
+	day   : 24 * 60 * 60 * 1000,
+	hour  : 60 * 60 * 1000,
+	minute: 60 * 1000,
+	second: 1000
+}
+
 export const useLogFormatting = (pinia?: Pinia) => {
 	const settingsStore = useSettingsStore(pinia)
 
@@ -25,6 +35,16 @@ export const useLogFormatting = (pinia?: Pinia) => {
 				timeStyle: 'medium',
 			})
 			return dateFormat.format(new Date(time))
+		} else if (settingsStore.dateTimeFormat === 'relative') {
+			const dateFormat = new Intl.RelativeTimeFormat(getCanonicalLocale(), {
+				style: 'short',
+			})
+			const elapsed = new Date(time) - (+new Date())
+			for (let u in units) {
+				if (Math.abs(elapsed) > units[u] || u == 'second') {
+					return dateFormat.format(Math.round(elapsed / units[u]), u)
+				}
+			}
 		} else if (settingsStore.dateTimeFormat === 'utc') {
 			const dateFormat = Intl.DateTimeFormat(getCanonicalLocale(), {
 				dateStyle: 'medium',