-
{{ t('serviceFinder.detailRating') }}
-
{{ t('serviceFinder.detailNoRating') }}
+
+
+
{{ t('provider.detailLocation') }}
+
@@ -169,20 +202,30 @@
import { computed } from 'vue'
import { useI18n } from 'vue-i18n'
-const { t } = useI18n()
+const { t, locale } = useI18n()
// ── Types matching backend ProviderSearchResult ──
+interface CategoryInfo {
+ id: number
+ name_hu: string | null
+ name_en: string | null
+ level: number
+ key: string
+}
+
interface ProviderSearchResult {
id: number
name: string
category: string | null
specialization: string[]
+ categories: CategoryInfo[]
city: string | null
address: string | null
address_zip: string | null
address_street_name: string | null
address_street_type: string | null
address_house_number: string | null
+ plus_code: string | null
contact_phone: string | null
contact_email: string | null
website: string | null
@@ -223,10 +266,32 @@ const sourceLabel = computed(() => {
}
})
+/**
+ * Category badge color based on level.
+ * Level 0 = Vehicle Type (purple), Level 1 = Industry (blue),
+ * Level 2 = Profession (teal), Level 3 = Specific Tag (slate).
+ */
+function categoryBadgeClass(level: number): string {
+ switch (level) {
+ case 0: return 'bg-purple-100 text-purple-700'
+ case 1: return 'bg-blue-100 text-blue-700'
+ case 2: return 'bg-teal-100 text-teal-700'
+ case 3: return 'bg-slate-100 text-slate-600'
+ default: return 'bg-slate-100 text-slate-600'
+ }
+}
+
+/**
+ * Get the localized category name based on current locale.
+ */
+function categoryName(cat: CategoryInfo): string {
+ if (locale.value === 'hu' && cat.name_hu) return cat.name_hu
+ if (cat.name_en) return cat.name_en
+ return cat.key
+}
+
/**
* P1 CRITICAL ALIGN: Atomizált címmezők intelligens összefűzése.
- * A provider.address_street_name + ' ' + provider.address_street_type + ' ' + provider.address_house_number
- * Ha a city is meg van adva, akkor "city, street_name street_type house_number" formátumban jelenik meg.
*/
const hasAddress = computed(() => {
const p = props.provider
@@ -258,6 +323,31 @@ const formattedAddress = computed(() => {
return parts.join(', ')
})
+
+/**
+ * Google Maps URL: prefer plus_code, fall back to address query.
+ */
+const googleMapsUrl = computed(() => {
+ const p = props.provider
+ if (!p) return 'https://maps.google.com'
+
+ if (p.plus_code) {
+ return `https://maps.google.com/maps?q=${encodeURIComponent(p.plus_code)}`
+ }
+
+ const queryParts: string[] = []
+ if (p.address_street_name) queryParts.push(p.address_street_name)
+ if (p.address_street_type) queryParts.push(p.address_street_type)
+ if (p.address_house_number) queryParts.push(p.address_house_number)
+ if (p.city) queryParts.push(p.city)
+ if (p.address_zip) queryParts.push(p.address_zip)
+
+ if (queryParts.length > 0) {
+ return `https://maps.google.com/maps?q=${encodeURIComponent(queryParts.join(' '))}`
+ }
+
+ return `https://maps.google.com/maps?q=${encodeURIComponent(p.name)}`
+})
+
\ No newline at end of file
diff --git a/frontend/src/components/provider/ProviderQuickAddModal.vue b/frontend/src/components/provider/ProviderQuickAddModal.vue
index e30af99..36ea814 100644
--- a/frontend/src/components/provider/ProviderQuickAddModal.vue
+++ b/frontend/src/components/provider/ProviderQuickAddModal.vue
@@ -6,10 +6,11 @@
@click.self="handleClose"
>
-
+
-
-
@@ -326,6 +479,34 @@ interface SearchResult {
is_verified: boolean
}
+interface CategoryTreeNode {
+ id: number
+ key: string
+ name_hu: string | null
+ name_en: string | null
+ level: number
+ path: string | null
+ is_official: boolean
+ children: CategoryTreeNode[]
+}
+
+interface AutocompleteItem {
+ id: number
+ key: string
+ name_hu: string | null
+ name_en: string | null
+ level: number
+ path: string | null
+ parent_id: number | null
+}
+
+interface SelectedTag {
+ id: number | null
+ key: string
+ name_hu: string | null
+ level: number
+}
+
// ── Props ──
const props = defineProps<{
isOpen: boolean
@@ -337,6 +518,9 @@ const emit = defineEmits<{
(e: 'saved', provider: { id: number; name: string; category?: string | null; city?: string | null; address?: string | null }): void
}>()
+// ── Tab State ──
+const activeTab = ref<'basic' | 'services'>('basic')
+
// ── State ──
const categories = ref
([])
const isSubmitting = ref(false)
@@ -353,6 +537,7 @@ const form = reactive({
address_street_name: '',
address_street_type: '',
address_house_number: '',
+ plus_code: '',
phone: '',
email: '',
website: '',
@@ -360,9 +545,40 @@ const form = reactive({
tags: [] as string[],
})
+// ── Category State (4-Level) ──
+const categoryTreeLoading = ref(false)
+const categoryTree = ref([])
+const selectedCategoryIds = ref([])
+const selectedTags = ref([])
+const autocompleteQuery = ref('')
+const autocompleteResults = ref([])
+let autocompleteTimer: ReturnType | null = null
+
+// ── Computed: Level 0 categories ──
+const level0Categories = computed(() => {
+ return categoryTree.value.filter(c => c.level === 0)
+})
+
+// ── Computed: All visible Level 1 categories ──
+// Shows Level 1 children of checked Level 0 parents.
+const allLevel1Categories = computed(() => {
+ const checkedL0Ids = new Set(selectedCategoryIds.value)
+ const result: CategoryTreeNode[] = []
+ for (const l0 of level0Categories.value) {
+ if (l0.children.length > 0 && checkedL0Ids.has(l0.id)) {
+ for (const l1 of l0.children) {
+ if (!result.some(r => r.id === l1.id)) {
+ result.push(l1)
+ }
+ }
+ }
+ }
+ return result
+})
+
// ── Computed ──
const isFormValid = computed(() => {
- return form.name.trim().length >= 2 && !!form.category_id
+ return form.name.trim().length >= 2
})
// ── Soft-Deduplication: Debounced search on name/city/zip changes ──
@@ -394,7 +610,6 @@ async function checkDuplicates() {
duplicateWarning.value = null
}
} catch {
- // Silent fail — deduplication is non-blocking
duplicateWarning.value = null
}
}
@@ -406,7 +621,7 @@ function onFormFieldChange() {
}, 500)
}
-// ── Fetch Categories ──
+// ── Fetch Categories (legacy dropdown fallback) ──
async function fetchCategories() {
try {
const res = await api.get('providers/categories')
@@ -428,7 +643,226 @@ async function fetchCategories() {
}
}
-// ── Reset Form ──
+// ── Load Category Tree from API ──
+async function loadCategoryTree() {
+ categoryTreeLoading.value = true
+ try {
+ const response = await api.get('providers/categories/tree')
+ categoryTree.value = response.data || []
+ } catch (err) {
+ console.error('[ProviderQuickAddModal] Failed to load category tree:', err)
+ } finally {
+ categoryTreeLoading.value = false
+ }
+}
+
+// ── Toggle category selection (Block A) ──
+function toggleCategory(categoryId: number) {
+ const idx = selectedCategoryIds.value.indexOf(categoryId)
+ if (idx >= 0) {
+ selectedCategoryIds.value.splice(idx, 1)
+ } else {
+ selectedCategoryIds.value.push(categoryId)
+ }
+}
+
+// ── Autocomplete input handler (Block B) ──
+function onAutocompleteInput() {
+ if (autocompleteTimer) {
+ clearTimeout(autocompleteTimer)
+ }
+
+ const query = autocompleteQuery.value.trim()
+ if (query.length < 2) {
+ autocompleteResults.value = []
+ return
+ }
+
+ autocompleteTimer = setTimeout(async () => {
+ try {
+ const response = await api.get('providers/categories/autocomplete', {
+ params: { q: query },
+ })
+ const selectedKeys = new Set(selectedTags.value.map(t => t.key))
+ autocompleteResults.value = (response.data || []).filter(
+ (item: AutocompleteItem) => !selectedKeys.has(item.key)
+ )
+ } catch (err) {
+ console.error('[ProviderQuickAddModal] Autocomplete error:', err)
+ autocompleteResults.value = []
+ }
+ }, 300)
+}
+
+// ── Select autocomplete item ──
+function selectAutocompleteItem(item: AutocompleteItem) {
+ selectedTags.value.push({
+ id: item.id,
+ key: item.key,
+ name_hu: item.name_hu,
+ level: item.level,
+ })
+ autocompleteQuery.value = ''
+ autocompleteResults.value = []
+}
+
+// ── Enter key: create new tag if not found ──
+function onAutocompleteEnter() {
+ const query = autocompleteQuery.value.trim()
+ if (!query) return
+
+ // Check if already selected
+ if (selectedTags.value.some(t => t.key === query.toLowerCase().replace(/\s+/g, '_'))) {
+ autocompleteQuery.value = ''
+ return
+ }
+
+ // Check if it matches any autocomplete result
+ const match = autocompleteResults.value.find(
+ item => (item.name_hu || '').toLowerCase() === query.toLowerCase()
+ )
+ if (match) {
+ selectAutocompleteItem(match)
+ return
+ }
+
+ // Create new tag (user-created, not yet in DB)
+ selectedTags.value.push({
+ id: null, // null = not yet in DB
+ key: query.toLowerCase().replace(/\s+/g, '_'),
+ name_hu: query,
+ level: 3,
+ })
+ autocompleteQuery.value = ''
+ autocompleteResults.value = []
+}
+
+// ── Backspace on empty input: remove last tag ──
+function onAutocompleteBackspace() {
+ if (autocompleteQuery.value === '' && selectedTags.value.length > 0) {
+ selectedTags.value.pop()
+ }
+}
+
+// ── Blur: close autocomplete dropdown ──
+function onAutocompleteBlur() {
+ // Delay to allow click on dropdown items
+ setTimeout(() => {
+ autocompleteResults.value = []
+ }, 200)
+}
+
+// ── Remove tag ──
+function removeTag(index: number) {
+ selectedTags.value.splice(index, 1)
+}
+
+// ── Submit handler (async — calls backend POST /providers/quick-add) ──
+async function handleSubmit() {
+ if (!form.name.trim()) return
+
+ isSubmitting.value = true
+ errorMessage.value = null
+ successMessage.value = null
+
+ try {
+ // Separate existing tag IDs from new tag names
+ const existingCategoryIds = selectedTags.value
+ .filter(t => t.id !== null)
+ .map(t => t.id as number)
+
+ const newTagNames = selectedTags.value
+ .filter(t => t.id === null)
+ .map(t => t.name_hu || t.key)
+
+ // Combine Block A + Block B category IDs
+ const allCategoryIds = [...selectedCategoryIds.value, ...existingCategoryIds]
+
+ // P1 CRITICAL ALIGN: Atomizált címmezők a payload-ban
+ const body: Record = {
+ name: form.name.trim(),
+ category_id: form.category_id || null,
+ city: form.city.trim() || null,
+ address_zip: form.address_zip.trim() || null,
+ address_street_name: form.address_street_name.trim() || null,
+ address_street_type: form.address_street_type.trim() || null,
+ address_house_number: form.address_house_number.trim() || null,
+ plus_code: form.plus_code.trim() || null,
+ contact_phone: form.phone.trim() || null,
+ contact_email: form.email.trim() || null,
+ website: form.website.trim() || null,
+ tags: form.tags.length > 0 ? form.tags : null,
+ category_ids: allCategoryIds.length > 0 ? allCategoryIds : null,
+ new_tags: newTagNames.length > 0 ? newTagNames : null,
+ }
+
+ const response = await api.post('providers/quick-add', body)
+ const data = response.data as QuickAddResponse
+
+ // Show gamification toast
+ if (data.earned_points && data.earned_points > 0) {
+ successMessage.value = t('provider.successGamification', {
+ name: data.name,
+ points: data.earned_points,
+ })
+ } else {
+ successMessage.value = t('provider.successSimple', { name: data.name })
+ }
+
+ // Emit saved event so parent can refresh
+ emit('saved', {
+ id: data.id,
+ name: data.name,
+ category: form.category_id ? String(form.category_id) : null,
+ city: form.city.trim() || null,
+ address: form.address_street_name.trim()
+ ? `${form.address_street_name.trim()} ${form.address_street_type.trim()} ${form.address_house_number.trim()}`.trim()
+ : null,
+ })
+ } catch (err: any) {
+ console.error('[ProviderQuickAddModal] Submit error:', err)
+ if (err.response?.data?.detail) {
+ errorMessage.value = err.response.data.detail
+ } else if (err.message) {
+ errorMessage.value = err.message
+ } else {
+ errorMessage.value = t('provider.errorGeneric')
+ }
+ } finally {
+ isSubmitting.value = false
+ }
+}
+
+// ── Watch tagsInput for comma/semicolon splitting ──
+watch(
+ () => form.tagsInput,
+ (val: string) => {
+ if (/[,;]/.test(val)) {
+ const parts = val.split(/[,;]+/).map(s => s.trim()).filter(Boolean)
+ if (parts.length > 0) {
+ form.tags.push(...parts)
+ form.tagsInput = ''
+ }
+ }
+ }
+)
+
+function removeLegacyTag(index: number) {
+ form.tags.splice(index, 1)
+}
+
+// ── Close handler ──
+function handleClose() {
+ resetForm()
+ emit('close')
+}
+
+function handleCloseAfterSuccess() {
+ resetForm()
+ emit('close')
+}
+
+// ── Reset form ──
function resetForm() {
form.name = ''
form.category_id = ''
@@ -442,115 +876,38 @@ function resetForm() {
form.website = ''
form.tagsInput = ''
form.tags = []
+ selectedCategoryIds.value = []
+ selectedTags.value = []
+ autocompleteQuery.value = ''
+ autocompleteResults.value = []
+ activeTab.value = 'basic'
errorMessage.value = null
successMessage.value = null
duplicateWarning.value = null
isSubmitting.value = false
}
-// ── Submit ──
-async function handleSubmit() {
- if (!isFormValid.value) return
-
- isSubmitting.value = true
- errorMessage.value = null
- successMessage.value = null
-
- try {
- // P1 CRITICAL ALIGN: Atomizált címmezők a payload-ban
- const payload = {
- name: form.name.trim(),
- category_id: Number(form.category_id),
- city: form.city.trim() || null,
- address_zip: form.address_zip.trim() || null,
- address_street_name: form.address_street_name.trim() || null,
- address_street_type: form.address_street_type.trim() || null,
- address_house_number: form.address_house_number.trim() || null,
- contact_phone: form.phone.trim() || null,
- contact_email: form.email.trim() || null,
- website: form.website.trim() || null,
- tags: form.tags.length > 0 ? [...form.tags] : null,
- }
-
- const response = await api.post('providers/quick-add', payload)
- const data = response.data
-
- // ── Success: Show Gamification Toast ──
- successMessage.value = t('provider.successMessage', { points: data.earned_points })
-
- // Build a display address from atomized fields
- const addressParts = [
- form.address_street_name,
- form.address_street_type,
- form.address_house_number,
- ].filter(Boolean)
- const displayAddress = addressParts.length > 0 ? addressParts.join(' ') : null
-
- // Emit the saved provider back to parent
- emit('saved', {
- id: data.id,
- name: data.name,
- category: form.category_id ? categories.value.find(c => c.id === Number(form.category_id))?.name_hu || null : null,
- city: form.city || null,
- address: displayAddress,
- })
- } catch (error: any) {
- console.error('[ProviderQuickAddModal] Submit error:', error)
- if (error.response?.data?.detail) {
- errorMessage.value = error.response.data.detail
- } else {
- errorMessage.value = t('provider.errorMessage')
- }
- } finally {
- isSubmitting.value = false
- }
-}
-
-// ── Tag management ──
+// ── Watch isOpen: reset + fetch on open ──
watch(
- () => form.tagsInput,
- (val) => {
- if (val.endsWith(',') || val.endsWith(';')) {
- const newTag = val.slice(0, -1).trim()
- if (newTag && !form.tags.includes(newTag)) {
- form.tags.push(newTag)
- }
- form.tagsInput = ''
+ () => props.isOpen,
+ (open) => {
+ if (open) {
+ resetForm()
+ fetchCategories()
+ loadCategoryTree()
}
}
)
-function removeTag(index: number) {
- form.tags.splice(index, 1)
-}
-
-// ── Close Handlers ──
-function handleClose() {
- if (isSubmitting.value) return
- resetForm()
- emit('close')
-}
-
-function handleCloseAfterSuccess() {
- resetForm()
- emit('close')
-}
-
-// ── Watch Modal Open ──
-watch(() => props.isOpen, (open) => {
- if (open) {
- resetForm()
- fetchCategories()
- }
-})
-
-// ── Watch form fields for soft-deduplication ──
-watch(() => form.name, () => { onFormFieldChange() })
-watch(() => form.city, () => { onFormFieldChange() })
-watch(() => form.address_zip, () => { onFormFieldChange() })
+// ── Soft-deduplication watchers ──
+watch(() => form.name, onFormFieldChange)
+watch(() => form.city, onFormFieldChange)
+watch(() => form.address_zip, onFormFieldChange)
+// ── Load categories on mount ──
onMounted(() => {
fetchCategories()
+ loadCategoryTree()
})
@@ -568,12 +925,11 @@ onMounted(() => {
.animate-fade-in-up {
animation: fadeInUp 0.25s ease-out forwards;
}
-
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.animate-spin {
- animation: spin 0.8s linear infinite;
+ animation: spin 0.6s linear infinite;
}
-
+
\ No newline at end of file
diff --git a/frontend/src/i18n/en.ts b/frontend/src/i18n/en.ts
index ce05405..7f18967 100644
--- a/frontend/src/i18n/en.ts
+++ b/frontend/src/i18n/en.ts
@@ -30,6 +30,7 @@ export default {
finance: 'Finance & Costs',
diagnostic: 'Live Diagnostics',
addVehicle: '+ Add New Vehicle',
+ service: 'Service',
},
header: {
welcome: 'Welcome',
@@ -1242,6 +1243,11 @@ export default {
filterAutoMento: '🚛 Tow Truck',
filterBenzinkut: '⛽ Gas Station',
filterAutoKozmetika: '✨ Car Detailing',
+ // Category filter (FEATURE 2026-06-17)
+ categoryPlaceholder: 'Search category (e.g. AC, tire)',
+ categoryFilterTitle: 'Category filter',
+ categoryRemove: 'Remove',
+ categoryNoResults: 'No results',
// SOS Tab
sosTabTitle: 'SOS Rescue',
sosPlaceholder: '🚧 This feature is under development. You will be able to request emergency roadside assistance here soon!',
@@ -1299,21 +1305,60 @@ export default {
duplicateWarningShort: 'Similar provider found nearby: {name}. Are you sure you want to add a new one?',
// Edit Modal
editTitle: 'Edit Provider Data',
+ tabBasic: 'Basic Data',
+ tabServices: 'Services',
+ addressSection: 'Address Details',
+ contactSection: 'Contact Details',
streetNameLabel: 'Street Name',
+ streetNameOptional: 'optional',
streetNamePlaceholder: 'e.g. Egressy',
streetTypeLabel: 'Street Type',
streetTypePlaceholder: 'Select type...',
houseNumberLabel: 'House Number',
houseNumberPlaceholder: 'e.g. 4',
phoneLabel: 'Phone',
+ phoneOptional: 'optional',
phonePlaceholder: 'e.g. +36 20 123 4567',
emailLabel: 'Email',
+ emailOptional: 'optional',
emailPlaceholder: 'e.g. info@provider.hu',
websiteLabel: 'Website',
+ websiteOptional: 'optional',
websitePlaceholder: 'e.g. https://provider.hu',
tagsLabel: 'Service Tags',
tagsPlaceholder: 'Add tags (comma-separated)',
+ level0Label: 'Vehicle Type',
+ level1Label: 'Industry / Main Group',
editInfo: 'Your edits will be reviewed and may earn gamification points!',
+ // Plus Code
+ plusCodeLabel: 'Plus Code',
+ plusCodeOptional: 'optional',
+ plusCodePlaceholder: 'e.g. 8FVC9X8V+XV',
+ // Detail Modal
+ detailTitle: 'Provider Details',
+ detailCategories: 'Categories',
+ detailContact: 'Contact',
+ detailLocation: 'Location',
+ detailNavigate: 'Navigate',
+ detailNoCategories: 'No categories assigned',
+ detailNoPhone: 'No phone',
+ detailNoEmail: 'No email',
+ detailNoWebsite: 'No website',
+ detailNoPlusCode: 'No Plus Code',
+ },
+
+ // ── Categories (Hybrid Category UI) ────────────────────────────────
+ categories: {
+ block_a_title: 'Basic Categories (Vehicle & Industry)',
+ block_b_title: 'Specific Tasks & Tags',
+ search_placeholder: 'Search for a service, or type a new one (Enter)...',
+ no_results_create: 'No results. Press Enter to create a new tag.',
+ },
+
+ // ── Gamification ───────────────────────────────────────────────────
+ gamification: {
+ points_awarded: 'Saved successfully! You earned {points} XP!',
+ penalty_applied: 'Saved. Due to your restriction level, you earned {points} XP.',
},
admin: {
diff --git a/frontend/src/i18n/hu.ts b/frontend/src/i18n/hu.ts
index bfdbf24..bf3dcf3 100644
--- a/frontend/src/i18n/hu.ts
+++ b/frontend/src/i18n/hu.ts
@@ -30,6 +30,7 @@ export default {
finance: 'Pénzügyek és Költségek',
diagnostic: 'Élő Diagnosztika',
addVehicle: '+ Új Jármű Hozzáadása',
+ service: 'Szervíz',
},
header: {
welcome: 'Üdvözlünk',
@@ -1242,6 +1243,11 @@ export default {
filterAutoMento: '🚛 Autómentő',
filterBenzinkut: '⛽ Benzinkút',
filterAutoKozmetika: '✨ Autókozmetika',
+ // Category filter (FEATURE 2026-06-17)
+ categoryPlaceholder: 'Kategória keresése (pl. klíma, gumi)',
+ categoryFilterTitle: 'Kategória szűrő',
+ categoryRemove: 'Eltávolítás',
+ categoryNoResults: 'Nincs találat',
// SOS Tab
sosTabTitle: 'SOS Mentés',
sosPlaceholder: '🚧 Ez a funkció fejlesztés alatt áll. Hamarosan kérhető lesz itt az azonnali úti segítség!',
@@ -1299,21 +1305,60 @@ export default {
duplicateWarningShort: 'Hasonló szolgáltató található a környéken: {name}. Biztosan újat szeretnél rögzíteni?',
// Edit Modal
editTitle: 'Szolgáltató adatok szerkesztése',
+ tabBasic: 'Alapadatok',
+ tabServices: 'Szolgáltatások',
+ addressSection: 'Cím adatok',
+ contactSection: 'Elérhetőségek',
streetNameLabel: 'Utca neve',
+ streetNameOptional: 'opcionális',
streetNamePlaceholder: 'Pl. Egressy',
streetTypeLabel: 'Közterület jellege',
streetTypePlaceholder: 'Válassz típust...',
houseNumberLabel: 'Házszám',
houseNumberPlaceholder: 'Pl. 4',
phoneLabel: 'Telefonszám',
+ phoneOptional: 'opcionális',
phonePlaceholder: 'Pl. +36 20 123 4567',
emailLabel: 'Email',
+ emailOptional: 'opcionális',
emailPlaceholder: 'Pl. info@szolgaltato.hu',
websiteLabel: 'Weboldal',
+ websiteOptional: 'opcionális',
websitePlaceholder: 'Pl. https://szolgaltato.hu',
tagsLabel: 'Szolgáltatás Címkék',
tagsPlaceholder: 'Címkék hozzáadása (vesszővel elválasztva)',
+ level0Label: 'Járműtípus',
+ level1Label: 'Iparág / Főcsoport',
editInfo: 'A szerkesztéseid ellenőrzésre kerülnek, és gamifikációs pontokat szerezhetsz!',
+ // Plus Code
+ plusCodeLabel: 'Plus kód',
+ plusCodeOptional: 'opcionális',
+ plusCodePlaceholder: 'Pl. 8FVC9X8V+XV',
+ // Detail Modal
+ detailTitle: 'Szolgáltató adatai',
+ detailCategories: 'Kategóriák',
+ detailContact: 'Elérhetőségek',
+ detailLocation: 'Helyszín',
+ detailNavigate: 'Navigáció',
+ detailNoCategories: 'Nincs kategória hozzárendelve',
+ detailNoPhone: 'Nincs telefonszám',
+ detailNoEmail: 'Nincs email',
+ detailNoWebsite: 'Nincs weboldal',
+ detailNoPlusCode: 'Nincs Plus kód',
+ },
+
+ // ── Categories (Hybrid Category UI) ────────────────────────────────
+ categories: {
+ block_a_title: 'Alap kategóriák (Jármű és Iparág)',
+ block_b_title: 'Specifikus feladatok és címkék',
+ search_placeholder: 'Keress szolgáltatást, vagy írj be újat (Enter)...',
+ no_results_create: 'Nincs találat. Nyomj Entert az új címke létrehozásához.',
+ },
+
+ // ── Gamification ───────────────────────────────────────────────────
+ gamification: {
+ points_awarded: 'Sikeres mentés! Szereztél {points} XP-t!',
+ penalty_applied: 'Mentve. A korlátozásod miatt {points} XP-t kaptál.',
},
admin: {
diff --git a/frontend/src/layouts/PrivateLayout.vue b/frontend/src/layouts/PrivateLayout.vue
index ef4bee9..3ddec07 100644
--- a/frontend/src/layouts/PrivateLayout.vue
+++ b/frontend/src/layouts/PrivateLayout.vue
@@ -66,7 +66,7 @@
{{ t('menu.finance') }}
-
+
+
+
+
@@ -133,6 +144,12 @@ function navigateToCard(cardId: string) {
}
}
+// ── Open external Service Finder page in new tab ───────────────────
+function openExternalServiceFinder() {
+ isHamburgerOpen.value = false
+ window.open('https://app.servicefinder.hu/dashboard/service-finder', '_blank', 'noopener,noreferrer')
+}
+
// ── Close hamburger on outside click ──────────────────────────────
function handleOutsideClick(e: MouseEvent) {
const target = e.target as HTMLElement
diff --git a/frontend/src/types/organization.ts b/frontend/src/types/organization.ts
index 3a49b4b..694f7c8 100644
--- a/frontend/src/types/organization.ts
+++ b/frontend/src/types/organization.ts
@@ -21,4 +21,10 @@ export interface OrganizationItem {
* Set via PATCH /organizations/{org_id}/visual-settings.
*/
visual_settings?: Record
| null
+ /**
+ * The current user's role in this organization (e.g. OWNER, ADMIN, FLEET_MANAGER, etc.).
+ * Returned by GET /api/v1/organizations/my since the 2026-06-17 bugfix.
+ * Used by the frontend to decide whether to show service_provider orgs in the garage switcher.
+ */
+ user_role?: string
}
diff --git a/frontend/src/views/DashboardView.vue b/frontend/src/views/DashboardView.vue
index ed1d48c..c1bd74b 100644
--- a/frontend/src/views/DashboardView.vue
+++ b/frontend/src/views/DashboardView.vue
@@ -164,37 +164,38 @@
+ Card 3: 🔧 Service Finder (3-Way Indítópult)
+ ════════════════════════════════════════════════════════════ -->
+