@christianriedl/utils 1.0.159 → 1.0.160

package/dist/iOpenAI.d.ts

@@ -174,4 +174,5 @@ export interface IOpenAIAppConfig {
     openAIOptions: string;
     openAITools: string;
     openAISpeechModel: string;
+    openAIUseProxy: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@christianriedl/utils",
-  "version": "1.0.159",
+  "version": "1.0.160",
   "description": "Interfaces, local storage, service worker, configuration, application state",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/DateTimeInput.vue

@@ -4,9 +4,10 @@
     import { VDateInput } from 'vuetify/labs/VDateInput';
     import { VIconBtn } from 'vuetify/labs/VIconBtn'
 
-    const props = defineProps<{ modelValue: Date, withTime?: boolean, utc?: boolean, steps?: number, nextPrev?: boolean, variant?: any, density?: any }>();
+    const props = defineProps<{ modelValue: Date, withTime?: boolean, utc?: boolean, steps?: number, nextPrev?: boolean, clearable?: boolean, variant?: any, density?: any }>();
     const emits = defineEmits<{ (e: 'update:modelValue', value: Date): void }>();
 
+    const noDate: Date = null as unknown as Date;
 
     const dateValue = ref(new Date());
     const timeValue = ref("00:00");
@@ -19,10 +20,16 @@
     }
     watch(props, () => init());
     init();
-    onDateChange();
+    if (dateValue.value)
+	onDateChange();
 
     function init () {
-        dateValue.value = props.modelValue ?? new Date();
+	dateValue.value = props.modelValue;
+	if (!dateValue.value) {
+	    if (props.clearable)
+		return;
+	    dateValue.value = new Date();
+	}
 	if (props.withTime)
 	    timeValue.value = props.utc ? Helper.formatUTCTime(dateValue.value) : Helper.formatTime(dateValue.value);
         if (props.utc) 
@@ -32,7 +39,7 @@
     }
     function onDateChange() {
         let date = dateValue.value;
-        if (props.withTime) {
+        if (props.withTime && date) {
             let ticks = date.getTime();
             const arrTime = timeValue.value.split(':');
             ticks += (Number(arrTime[0]) * 3600 + Number(arrTime[1]) * 60) * 1000;
@@ -40,6 +47,9 @@
         }
 	emits('update:modelValue', date);
     }
+    function onClear() {
+	timeValue.value = "00:00";
+    }
     function onNext(evt?: MouseEvent) {
         if (steps == 31)
             dateValue.value = new Date(dateValue.value.getFullYear(), dateValue.value.getMonth() + 1, dateValue.value.getDate());
@@ -51,7 +61,7 @@
         if (steps == 31)
 	    dateValue.value = new Date(dateValue.value.getFullYear(), dateValue.value.getMonth() - 1, dateValue.value.getDate());
         else
-	    dateValue.value = new Date(dateValue.value.getTime() + steps * 24 * 60 * 60 * 1000);
+	    dateValue.value = new Date(dateValue.value.getTime() - steps * 24 * 60 * 60 * 1000);
         onDateChange();
     }
     function onNavigate(direction: EDirection): void {
@@ -66,8 +76,8 @@
     <div class="d-flex align-center">
         <v-icon-btn v-if="props.nextPrev" icon="$prev" variant="tonal" @click="onPrevious"></v-icon-btn>
         <v-date-input v-model="dateValue" prepend-icon=""
-                      hide-details :variant="props.variant" :density="props.density"
-                      @update:modelValue="onDateChange" @click:prepend="onPrevious" @click:append="onNext">
+                      hide-details :variant="props.variant" :density="props.density" :clearable="!!props.clearable"
+                      @update:modelValue="onDateChange" @click:clear="onClear">
         </v-date-input>
         <v-icon-btn v-if="props.nextPrev" icon="$next" variant="tonal" @click="onNext"></v-icon-btn>
         <v-text-field v-if="props.withTime" v-model="timeValue" type="time" hide-details :variant="props.variant" :density="props.density"

package/src/components/DatePicker.vue

@@ -1,62 +0,0 @@
-<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, steps?: number }>();
-  const emits = defineEmits<{ (e: 'update:modelValue', value: Date): void }>();
-
-  const appState = inject(appStateSymbol)!;
-  const dateFormatted = ref('');
-
-  let now = new Date(1970, 1, 1);
-  const steps = props.steps ? props.steps : 1;
-
-  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() {
-      if (steps == 31) 
-          setCurrent (new Date (now.getFullYear(), now.getMonth() + 1, now.getDate()))
-      else
-          setCurrent (new Date(now.getTime() + steps * 24 * 60 * 60 * 1000));
-  }
-  function onPrevious() {
-      if (steps == 31)
-          setCurrent(new Date(now.getFullYear(), now.getMonth() - 1, now.getDate()))
-      else
-          setCurrent(new Date(now.getTime() - steps * 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>