ab77c936ec
- bauteile.js: dxfSvg for 17+ new building components - elektro.js: dxfSvg for all 6 electrical symbols - sanitaer.js: dxfSvg for duscharmatur + gartenwasserhahn 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
132 lines
16 KiB
JavaScript
132 lines
16 KiB
JavaScript
// ============================================
|
|
// SYMBOL-KATEGORIE: Bad & Sanitär + Küche
|
|
// ============================================
|
|
|
|
// Bad & Sanitär
|
|
SYMBOLS.bad = {
|
|
name: "Bad & Sanitär",
|
|
icon: "🚿",
|
|
items: [
|
|
{
|
|
id: "wc",
|
|
name: "WC / Toilette",
|
|
filename: "wc_draufsicht.svg",
|
|
tags: ["wc", "toilette", "klo", "bad", "sanitär"],
|
|
svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><ellipse cx="32" cy="38" rx="14" ry="18" fill="#f5f5f5" stroke="#333" stroke-width="2"/><ellipse cx="32" cy="38" rx="8" ry="12" fill="#e0f2fe" stroke="#333" stroke-width="1.5"/><rect x="22" y="8" width="20" height="16" rx="3" fill="#f5f5f5" stroke="#333" stroke-width="2"/><rect x="26" y="10" width="12" height="6" rx="1" fill="#ddd" stroke="#333" stroke-width="1"/></svg>`,
|
|
dxfSvg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><ellipse cx="32" cy="38" rx="14" ry="18" fill="none" stroke="#000" stroke-width="1"/><ellipse cx="32" cy="38" rx="8" ry="12" fill="none" stroke="#000" stroke-width="1"/><rect x="22" y="8" width="20" height="16" rx="0" fill="none" stroke="#000" stroke-width="1"/></svg>`
|
|
},
|
|
{
|
|
id: "waschbecken",
|
|
name: "Waschbecken",
|
|
filename: "waschbecken_draufsicht.svg",
|
|
tags: ["waschbecken", "waschtisch", "bad", "sanitär", "lavabo"],
|
|
svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect x="8" y="16" width="48" height="40" rx="4" fill="#f5f5f5" stroke="#333" stroke-width="2"/><ellipse cx="32" cy="36" rx="16" ry="12" fill="#e0f2fe" stroke="#333" stroke-width="1.5"/><circle cx="32" cy="40" r="3" fill="#333"/><rect x="30" y="18" width="4" height="8" rx="1" fill="#999" stroke="#333" stroke-width="1"/></svg>`,
|
|
dxfSvg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect x="8" y="16" width="48" height="40" fill="none" stroke="#000" stroke-width="1"/><ellipse cx="32" cy="36" rx="16" ry="12" fill="none" stroke="#000" stroke-width="1"/><circle cx="32" cy="40" r="3" fill="none" stroke="#000" stroke-width="1"/></svg>`
|
|
},
|
|
{
|
|
id: "badewanne",
|
|
name: "Badewanne",
|
|
filename: "badewanne_draufsicht.svg",
|
|
tags: ["badewanne", "wanne", "bad", "sanitär", "baden"],
|
|
svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect x="4" y="8" width="56" height="48" rx="8" fill="#f5f5f5" stroke="#333" stroke-width="2"/><rect x="8" y="12" width="48" height="40" rx="6" fill="#e0f2fe" stroke="#333" stroke-width="1.5"/><circle cx="50" cy="18" r="3" fill="#999" stroke="#333" stroke-width="1"/><ellipse cx="50" cy="46" rx="4" ry="3" fill="#999" stroke="#333" stroke-width="1"/></svg>`,
|
|
dxfSvg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect x="4" y="8" width="56" height="48" rx="0" fill="none" stroke="#000" stroke-width="1"/><rect x="8" y="12" width="48" height="40" rx="0" fill="none" stroke="#000" stroke-width="1"/><circle cx="50" cy="18" r="3" fill="none" stroke="#000" stroke-width="1"/><ellipse cx="50" cy="46" rx="4" ry="3" fill="none" stroke="#000" stroke-width="1"/></svg>`
|
|
},
|
|
{
|
|
id: "dusche",
|
|
name: "Dusche",
|
|
filename: "dusche_draufsicht.svg",
|
|
tags: ["dusche", "duschwanne", "bad", "sanitär", "brause"],
|
|
svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect x="4" y="4" width="56" height="56" rx="2" fill="#f5f5f5" stroke="#333" stroke-width="2"/><rect x="8" y="8" width="48" height="48" rx="1" fill="#e0f2fe" stroke="#333" stroke-width="1"/><circle cx="52" cy="12" r="4" fill="#999" stroke="#333" stroke-width="1"/><line x1="8" y1="8" x2="56" y2="56" stroke="#333" stroke-width="1" stroke-dasharray="4,2"/></svg>`,
|
|
dxfSvg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect x="4" y="4" width="56" height="56" fill="none" stroke="#000" stroke-width="1"/><circle cx="52" cy="12" r="4" fill="none" stroke="#000" stroke-width="1"/><line x1="4" y1="4" x2="60" y2="60" stroke="#000" stroke-width="1"/></svg>`
|
|
},
|
|
{
|
|
id: "bidet",
|
|
name: "Bidet",
|
|
filename: "bidet_draufsicht.svg",
|
|
tags: ["bidet", "bad", "sanitär"],
|
|
svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><ellipse cx="32" cy="32" rx="14" ry="20" fill="#f5f5f5" stroke="#333" stroke-width="2"/><ellipse cx="32" cy="32" rx="8" ry="14" fill="#e0f2fe" stroke="#333" stroke-width="1.5"/><circle cx="32" cy="18" r="2" fill="#999" stroke="#333" stroke-width="1"/></svg>`,
|
|
dxfSvg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><ellipse cx="32" cy="32" rx="14" ry="20" fill="none" stroke="#000" stroke-width="1"/><ellipse cx="32" cy="32" rx="8" ry="14" fill="none" stroke="#000" stroke-width="1"/><circle cx="32" cy="18" r="2" fill="none" stroke="#000" stroke-width="1"/></svg>`
|
|
},
|
|
{
|
|
id: "doppelwaschbecken",
|
|
name: "Doppelwaschbecken",
|
|
filename: "doppelwaschbecken_draufsicht.svg",
|
|
tags: ["doppelwaschbecken", "waschtisch", "bad", "sanitär", "doppel"],
|
|
svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect x="2" y="16" width="60" height="32" rx="2" fill="#f5f5f5" stroke="#333" stroke-width="2"/><ellipse cx="18" cy="32" rx="10" ry="8" fill="#e0f2fe" stroke="#333" stroke-width="1"/><ellipse cx="46" cy="32" rx="10" ry="8" fill="#e0f2fe" stroke="#333" stroke-width="1"/><circle cx="18" cy="34" r="2" fill="#333"/><circle cx="46" cy="34" r="2" fill="#333"/></svg>`,
|
|
dxfSvg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect x="2" y="16" width="60" height="32" fill="none" stroke="#000" stroke-width="1"/><ellipse cx="18" cy="32" rx="10" ry="8" fill="none" stroke="#000" stroke-width="1"/><ellipse cx="46" cy="32" rx="10" ry="8" fill="none" stroke="#000" stroke-width="1"/><circle cx="18" cy="34" r="2" fill="none" stroke="#000" stroke-width="1"/><circle cx="46" cy="34" r="2" fill="none" stroke="#000" stroke-width="1"/></svg>`
|
|
},
|
|
{
|
|
id: "duscharmatur",
|
|
name: "Duscharmatur",
|
|
filename: "sanitaer_duscharmatur.svg",
|
|
tags: ["dusche", "armatur", "brause", "bad", "sanitär"],
|
|
svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect x="24" y="4" width="16" height="20" rx="2" fill="#9ca3af" stroke="#6b7280" stroke-width="2"/><circle cx="28" cy="12" r="3" fill="#3b82f6" stroke="#2563eb" stroke-width="1"/><circle cx="36" cy="12" r="3" fill="#ef4444" stroke="#dc2626" stroke-width="1"/><rect x="30" y="24" width="4" height="16" fill="#9ca3af" stroke="#6b7280" stroke-width="1"/><ellipse cx="32" cy="48" rx="12" ry="8" fill="#e5e7eb" stroke="#6b7280" stroke-width="2"/><g fill="#3b82f6" opacity="0.6"><circle cx="28" cy="46" r="1.5"/><circle cx="36" cy="46" r="1.5"/><circle cx="32" cy="50" r="1.5"/><circle cx="26" cy="50" r="1"/><circle cx="38" cy="50" r="1"/></g></svg>`,
|
|
dxfSvg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect x="24" y="4" width="16" height="20" fill="none" stroke="#000" stroke-width="1"/><circle cx="28" cy="12" r="3" fill="none" stroke="#000" stroke-width="1"/><circle cx="36" cy="12" r="3" fill="none" stroke="#000" stroke-width="1"/><rect x="30" y="24" width="4" height="16" fill="none" stroke="#000" stroke-width="1"/><ellipse cx="32" cy="48" rx="12" ry="8" fill="none" stroke="#000" stroke-width="1"/></svg>`
|
|
},
|
|
{
|
|
id: "gartenwasserhahn",
|
|
name: "Gartenwasserhahn / Außenzapfstelle",
|
|
filename: "sanitaer_gartenwasserhahn.svg",
|
|
tags: ["garten", "wasserhahn", "außen", "zapfstelle", "sanitär"],
|
|
svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect x="24" y="8" width="16" height="24" rx="2" fill="#6b7280" stroke="#4b5563" stroke-width="2"/><rect x="28" y="32" width="8" height="20" fill="#6b7280" stroke="#4b5563" stroke-width="1"/><rect x="26" y="52" width="12" height="8" fill="#4b5563" stroke="#374151" stroke-width="1"/><circle cx="32" cy="18" r="6" fill="#4b5563" stroke="#374151" stroke-width="1"/><rect x="38" y="14" width="16" height="8" rx="2" fill="#ef4444" stroke="#dc2626" stroke-width="1"/><line x1="42" y1="18" x2="52" y2="18" stroke="#dc2626" stroke-width="2"/><path d="M26 56 Q20 60 18 52" stroke="#3b82f6" stroke-width="2" fill="none" stroke-dasharray="2,2"/></svg>`,
|
|
dxfSvg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect x="24" y="8" width="16" height="24" fill="none" stroke="#000" stroke-width="1"/><rect x="28" y="32" width="8" height="20" fill="none" stroke="#000" stroke-width="1"/><rect x="26" y="52" width="12" height="8" fill="none" stroke="#000" stroke-width="1"/><circle cx="32" cy="18" r="6" fill="none" stroke="#000" stroke-width="1"/><rect x="38" y="14" width="16" height="8" fill="none" stroke="#000" stroke-width="1"/></svg>`
|
|
}
|
|
]
|
|
};
|
|
|
|
// Küche
|
|
SYMBOLS.kueche = {
|
|
name: "Küche",
|
|
icon: "🍳",
|
|
items: [
|
|
{
|
|
id: "herd",
|
|
name: "Herd / Kochfeld",
|
|
filename: "kueche_herd.svg",
|
|
tags: ["herd", "kochfeld", "küche", "kochen"],
|
|
svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect x="4" y="4" width="56" height="56" rx="3" fill="#1f2937" stroke="#111827" stroke-width="2"/><rect x="8" y="8" width="48" height="48" fill="#374151" rx="2"/><circle cx="22" cy="22" r="8" fill="#111827" stroke="#4b5563" stroke-width="2"/><circle cx="42" cy="22" r="8" fill="#111827" stroke="#4b5563" stroke-width="2"/><circle cx="22" cy="42" r="8" fill="#111827" stroke="#4b5563" stroke-width="2"/><circle cx="42" cy="42" r="8" fill="#111827" stroke="#4b5563" stroke-width="2"/><circle cx="22" cy="22" r="4" fill="#dc2626" opacity="0.8"/><circle cx="42" cy="22" r="4" fill="#dc2626" opacity="0.8"/><circle cx="22" cy="42" r="4" fill="#dc2626" opacity="0.4"/><circle cx="42" cy="42" r="4" fill="#dc2626" opacity="0.4"/></svg>`,
|
|
dxfSvg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect x="4" y="4" width="56" height="56" fill="none" stroke="#000" stroke-width="1"/><circle cx="22" cy="22" r="8" fill="none" stroke="#000" stroke-width="1"/><circle cx="42" cy="22" r="8" fill="none" stroke="#000" stroke-width="1"/><circle cx="22" cy="42" r="8" fill="none" stroke="#000" stroke-width="1"/><circle cx="42" cy="42" r="8" fill="none" stroke="#000" stroke-width="1"/></svg>`
|
|
},
|
|
{
|
|
id: "spuele",
|
|
name: "Spüle",
|
|
filename: "kueche_spuele.svg",
|
|
tags: ["spüle", "waschbecken", "küche", "abwasch"],
|
|
svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect x="4" y="8" width="56" height="48" rx="3" fill="#9ca3af" stroke="#6b7280" stroke-width="2"/><rect x="8" y="12" width="24" height="32" rx="4" fill="#4b5563" stroke="#374151" stroke-width="2"/><rect x="36" y="12" width="20" height="32" rx="4" fill="#4b5563" stroke="#374151" stroke-width="2"/><circle cx="20" cy="28" r="3" fill="#1f2937"/><ellipse cx="46" cy="28" rx="6" ry="8" fill="#374151"/><circle cx="50" cy="6" r="4" fill="#6b7280" stroke="#4b5563" stroke-width="1"/><rect x="48" y="6" width="4" height="8" fill="#6b7280"/></svg>`,
|
|
dxfSvg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect x="4" y="8" width="56" height="48" fill="none" stroke="#000" stroke-width="1"/><rect x="8" y="12" width="24" height="32" fill="none" stroke="#000" stroke-width="1"/><rect x="36" y="12" width="20" height="32" fill="none" stroke="#000" stroke-width="1"/><circle cx="20" cy="28" r="2" fill="none" stroke="#000" stroke-width="0.5"/></svg>`
|
|
},
|
|
{
|
|
id: "kuehlschrank",
|
|
name: "Kühlschrank",
|
|
filename: "kueche_kuehlschrank.svg",
|
|
tags: ["kühlschrank", "kühlen", "küche", "elektrogerät"],
|
|
svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect x="10" y="4" width="44" height="56" rx="3" fill="#e5e7eb" stroke="#9ca3af" stroke-width="2"/><line x1="10" y1="24" x2="54" y2="24" stroke="#9ca3af" stroke-width="2"/><rect x="46" y="10" width="4" height="8" rx="1" fill="#6b7280"/><rect x="46" y="30" width="4" height="12" rx="1" fill="#6b7280"/><rect x="16" y="8" width="8" height="4" fill="#bfdbfe" rx="1"/><rect x="28" y="8" width="12" height="4" fill="#bfdbfe" rx="1"/><circle cx="20" cy="16" r="3" fill="#fbbf24"/><rect x="16" y="30" width="12" height="8" fill="#bbf7d0" rx="1"/><rect x="16" y="42" width="8" height="10" fill="#fecaca" rx="1"/><rect x="28" y="38" width="14" height="6" fill="#e0f2fe" rx="1"/></svg>`,
|
|
dxfSvg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect x="10" y="4" width="44" height="56" fill="none" stroke="#000" stroke-width="1"/></svg>`
|
|
},
|
|
{
|
|
id: "backofen",
|
|
name: "Backofen",
|
|
filename: "kueche_backofen.svg",
|
|
tags: ["backofen", "ofen", "küche", "backen"],
|
|
svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect x="6" y="4" width="52" height="56" rx="3" fill="#1f2937" stroke="#111827" stroke-width="2"/><rect x="10" y="18" width="44" height="38" rx="2" fill="#111827" stroke="#374151" stroke-width="2"/><rect x="14" y="22" width="36" height="30" fill="#292524" stroke="#4b5563" stroke-width="1"/><line x1="14" y1="32" x2="50" y2="32" stroke="#4b5563" stroke-width="1"/><line x1="14" y1="42" x2="50" y2="42" stroke="#4b5563" stroke-width="1"/><circle cx="16" cy="10" r="3" fill="#4b5563"/><circle cx="28" cy="10" r="3" fill="#4b5563"/><circle cx="40" cy="10" r="3" fill="#4b5563"/><rect x="46" y="8" width="8" height="4" rx="1" fill="#22c55e"/></svg>`,
|
|
dxfSvg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect x="6" y="4" width="52" height="56" fill="none" stroke="#000" stroke-width="1"/></svg>`
|
|
},
|
|
{
|
|
id: "spuelmaschine",
|
|
name: "Spülmaschine",
|
|
filename: "kueche_spuelmaschine.svg",
|
|
tags: ["spülmaschine", "geschirrspüler", "küche", "elektrogerät"],
|
|
svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect x="6" y="4" width="52" height="56" rx="3" fill="#e5e7eb" stroke="#9ca3af" stroke-width="2"/><rect x="10" y="16" width="44" height="40" rx="2" fill="#d1d5db" stroke="#9ca3af" stroke-width="1"/><rect x="10" y="8" width="44" height="6" fill="#9ca3af" rx="1"/><circle cx="16" cy="11" r="2" fill="#4b5563"/><rect x="22" y="9" width="12" height="4" rx="1" fill="#1f2937"/><circle cx="48" cy="11" r="2" fill="#22c55e"/><ellipse cx="32" cy="36" rx="16" ry="14" fill="#93c5fd" stroke="#3b82f6" stroke-width="2"/><line x1="32" y1="24" x2="32" y2="48" stroke="#3b82f6" stroke-width="1" stroke-dasharray="2,2"/><line x1="18" y1="36" x2="46" y2="36" stroke="#3b82f6" stroke-width="1" stroke-dasharray="2,2"/></svg>`,
|
|
dxfSvg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect x="6" y="4" width="52" height="56" fill="none" stroke="#000" stroke-width="1"/></svg>`
|
|
},
|
|
{
|
|
id: "dunstabzug",
|
|
name: "Dunstabzugshaube",
|
|
filename: "kueche_dunstabzug.svg",
|
|
tags: ["dunstabzug", "dunstabzugshaube", "küche", "abzug"],
|
|
svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><polygon points="8,32 56,32 52,56 12,56" fill="#9ca3af" stroke="#6b7280" stroke-width="2"/><rect x="20" y="4" width="24" height="28" fill="#78716c" stroke="#57534e" stroke-width="2"/><rect x="24" y="8" width="16" height="8" fill="#57534e" rx="1"/><rect x="14" y="36" width="36" height="4" fill="#6b7280"/><rect x="14" y="44" width="36" height="4" fill="#6b7280"/><circle cx="32" cy="52" r="2" fill="#4b5563"/><g stroke="#d1d5db" stroke-width="1" opacity="0.5"><path d="M20 20 Q24 16 28 20" fill="none"/><path d="M36 20 Q40 16 44 20" fill="none"/></g></svg>`,
|
|
dxfSvg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect x="8" y="8" width="48" height="48" fill="none" stroke="#000" stroke-width="1"/></svg>`
|
|
}
|
|
]
|
|
};
|