@christianriedl/utils 1.0.83 → 1.0.85

package/package.json

@@ -1,16 +1,14 @@
 {
   "name": "@christianriedl/utils",
-  "version": "1.0.83",
+  "version": "1.0.85",
   "description": "Interfaces, local storage, service worker, configuration, application state",
-
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
-
   "files": [
     "/dist",
     "src/**/*.vue",
     "package.json"
-  ],  
+  ],
   "scripts": {
     "build": "tsc",
     "clean": "tsc --build --clean"
@@ -18,11 +16,11 @@
   "author": "Christian Riedl",
   "license": "ISC",
   "dependencies": {
-    "vue": "^3.2.45"
+    "vue": "^3.2.47"
   },
   "devDependencies": {
-    "@vue/cli-plugin-typescript": "^5.0.8",
+    "@types/node": "^18.11.18",
     "typescript": "^4.9.4",
-    "@types/node": "^18.11.18"
+    "@babel/types": "^7.17.0"
   }
 }

package/src/components/DatePicker.vue

@@ -0,0 +1,55 @@
+<script setup lang="ts">
+  import { inject, ref, onUnmounted, onMounted, watch } from 'vue';
+  import { Helper, EDirection, IAppState, appStateSymbol } from '@christianriedl/utils';
+
+  const props = defineProps<{ modelValue: Date, utc?: boolean }>();
+  const emits = defineEmits<{ (e: 'update:modelValue', value: Date): void }>();
+
+  const appState = inject(appStateSymbol)!;
+  const dateFormatted = ref('');
+
+  let now:  Date;
+
+  onMounted(() => { appState.navigate.value = onNavigate; });
+  onUnmounted(() => { appState.navigate.value = null });
+  watch(props, () => init());
+
+  init ();
+
+  function init () {
+    const date = props.modelValue ? props.modelValue : new Date();
+    if (props.utc) 
+      date.setUTCHours(0, 0, 0, 0);
+    else 
+      date.setHours(0, 0, 0, 0);
+    setCurrent(date);
+  }
+  function setCurrent(date: Date) {
+    if (now.getTime() != date.getTime()) {
+      now = date;
+      dateFormatted.value = props.utc ? Helper.formatUtcDate(now, '-') : Helper.formatDate(now, '-');
+      emits('update:modelValue', props.utc ? now : Helper.toLocal(now));
+    }
+  }
+  function onDateChange() {
+    setCurrent (new Date(dateFormatted.value));
+  }
+  function onNext() {
+    setCurrent (new Date(now.getTime() + 24 * 60 * 60 * 1000));
+  }
+  function onPrevious() {
+    setCurrent (new Date(now.getTime() - 24 * 60 * 60 * 1000));
+  }
+  function onNavigate(direction: EDirection): void {
+    if (direction === EDirection.Left)
+      onPrevious();
+    if (direction === EDirection.Right)
+      onNext();
+  }
+</script>
+
+<template>
+    <v-text-field v-model="dateFormatted" type="date" prepend-icon="$prev"  append-icon="$next"
+                  @update:modelValue="onDateChange" @click:prepend="onPrevious" @click:append="onNext">
+    </v-text-field>
+</template>

package/src/views/SettingsPage.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-    import { inject, computed, ref, nextTick, onBeforeUnmount } from 'vue';
+    import { inject, computed, ref, nextTick, onBeforeUnmount, StyleValue } from 'vue';
     import { onBeforeRouteLeave } from 'vue-router'
     import { IAppConfig, IConfigItem, IAppState, appStateSymbol, appConfigSymbol } from '@christianriedl/utils'
     import SettingsLine from '../components/SettingsLine.vue';
@@ -7,7 +7,7 @@
     const emits = defineEmits<{ (e: 'configchange', item: IConfigItem): void }>();
     const appState = inject(appStateSymbol)!;
     const appConfig = inject(appConfigSymbol)!;
-    const heightStyle = computed(() => { return { height: appState.bodyHeight.value + 'px', overflowY: 'auto' } });
+    const heightStyle = computed<StyleValue>(() => { return { height: appState.bodyHeight.value + 'px', overflowY: 'auto' } });
     const scopes = ref(appState.scopes);
 
     let   changed = false;
@@ -30,7 +30,7 @@
         if (changed) {
             const useServerWait = appConfig.items['smartHomeUseServerWait'].value;
             appConfig.save();
-            if (subscribePushNotifications && subscribePushNotifications.value != wasSubscribed) {
+            if (appConfig.subscribePush && subscribePushNotifications && subscribePushNotifications.value != wasSubscribed) {
                 console.log(`Subscribe changed to ${subscribePushNotifications.value}`)
                 if (subscribePushNotifications.value) {
                     await appConfig.subscribePush.subscribeUser();