viur-ui 0.0.1 → 0.0.3

package/src/components/Browser/types.ts

@@ -1,30 +1,30 @@
-import type { RowKey } from "../DataTable/types"
+import type { RowKey } from "../DataTable/types.ts"
 
-/** Knoten des Navigations-Baums (und Ordner in der Liste). */
+/** Node of the navigation tree (and folder in the list). */
 export interface BrowserNode {
   key: RowKey
   name: string
   icon?: string | null
-  /** false = sicher keine Kinder → Pfeil entfällt. */
+  /** false = definitely no children → no arrow. */
   hasChildren?: boolean
-  /** Beliebige Nutzdaten (z. B. das Skel) — der Browser liest sie nicht. */
+  /** Arbitrary payload (e.g. the skel) — the browser doesn't read it. */
   data?: Record<string, unknown>
 }
 
 export interface BrowserMovePayload<R = Record<string, unknown>> {
-  /** Zeilenschlüssel in Anzeige-Reihenfolge. */
+  /** Row keys in display order. */
   keys: RowKey[]
   rows: R[]
-  /** Zielknoten (null = Wurzel des aktuellen Rootnodes). */
+  /** Target node (null = root of the current rootnode). */
   target: RowKey | null
-  /** "inside" (in einen Ordner) oder before/after (Reihenfolge in der Liste). */
+  /** "inside" (into a folder) or before/after (order within the list). */
   mode: "inside" | "before" | "after"
-  /** Quelle des Zugs: Liste oder Baum. */
+  /** Source of the drag: list or tree. */
   source: "list" | "tree"
 }
 
 export interface BrowserUploadPayload {
   files: File[]
-  /** Zielknoten (null = aktuelle Ebene ist die Wurzel). */
+  /** Target node (null = the current level is the root). */
   target: RowKey | null
 }

package/src/components/DataTable/ColumnFilterPanel.vue

@@ -1,7 +1,7 @@
 <template>
-  <!-- Inhalt des Filter-Popovers einer Spalte. Welche Steuerelemente erscheinen,
-       entscheidet der filterType; die Werte für set-Filter kommen aus den
-       Facetten (oder aus column.def.filterOptions, z. B. im Server-Modus). -->
+  <!-- Content of a column's filter popover. Which controls appear is decided
+       by the filterType; the values for set filters come from the
+       facets (or from column.def.filterOptions, e.g. in server mode). -->
   <div class="vi-dtf wa-stack wa-gap-s">
     <span class="vi-dtf-title">{{ column.label }}</span>
 
@@ -70,7 +70,7 @@
           v-if="!state.filteredOptions.length"
           class="vi-dtf-empty"
         >
-          Keine Werte
+          {{ t("dataTable.noValues") }}
         </span>
       </div>
     </template>
@@ -80,7 +80,7 @@
         class="vi-dtf-input"
         size="small"
         appearance="outlined"
-        :placeholder="state.kind === 'equals' ? 'genau …' : 'enthält …'"
+        :placeholder="state.kind === 'equals' ? t('dataTable.filterEquals') : t('dataTable.filterContains')"
         :value="state.text"
         @input="emit('update:modelValue', ($event.target as HTMLInputElement).value || undefined)"
       ></wa-input>
@@ -93,7 +93,7 @@
         appearance="outlined"
         @click="clear"
       >
-        Leeren
+        {{ t("dataTable.clear") }}
       </wa-button>
     </div>
   </div>
@@ -102,7 +102,7 @@
 <script setup lang="ts">
 import { useI18n } from "vue-i18n"
 import { computed, reactive } from "vue"
-import type { ColumnFacets, FilterOption, ResolvedColumn } from "./types"
+import type { ColumnFacets, FilterOption, ResolvedColumn } from "./types.ts"
 
 const { t } = useI18n()