Fixed dashboard#index mobile view
Some checks failed
CI / scan_ruby (push) Has been cancelled
CI / scan_js (push) Has been cancelled
CI / lint (push) Has been cancelled
CI / test (push) Has been cancelled
CI / system-test (push) Has been cancelled

This commit is contained in:
2026-05-31 01:09:53 +02:00
parent c12eab7f98
commit 59c462506d
3 changed files with 51 additions and 83 deletions

View File

@@ -9,7 +9,7 @@
type = local_assigns[:type] || ""
# 2. Icons als Strings definieren
icon_user = '<svg class="h-3.5 w-3.5 text-green-600 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" /></svg>'
icon_user = '<svg class="h-3.5 w-3.5 text-green-600 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 1 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" /></svg>'
icon_room = '<svg class="h-3.5 w-3.5 text-blue-600 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25s-7.5-4.108-7.5-11.25a7.5 7.5 0 1 1 15 0Z" /></svg>'
icon_storage = '<svg class="h-3.5 w-3.5 text-amber-600 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M21 7.5l-9-5.25L3 7.5m18 0l-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l5.25 3.03M12 12.75v9" /></svg>'
icon_in_use = '<svg class="h-3.5 w-3.5 text-gray-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M7.5 21 3 16.5m0 0L7.5 12M3 16.5h13.5m0-13.5L21 7.5m0 0L16.5 12M21 7.5H7.5" /></svg>'
@@ -24,32 +24,47 @@
# 3. Logik-Weiche für Farben, Standard-Icons und Standard-Labels
case type.to_s
when "storage"
css, computed_icon, computed_label = "bg-amber-50 text-amber-800 border-amber-200", icon_storage, "Hauptlager"
css = "bg-amber-50 text-amber-800 border-amber-200" if css.blank?
computed_icon, computed_label = icon_storage, "Hauptlager"
when "user"
css, computed_icon, computed_label = "bg-green-50 text-green-800 border-green-200", icon_user, ""
css = "bg-green-50 text-green-800 border-green-200" if css.blank?
computed_icon, computed_label = icon_user, ""
when "room"
css, computed_icon, computed_label = "bg-blue-50 text-blue-800 border-blue-200", icon_room, ""
css = "bg-blue-50 text-blue-800 border-blue-200" if css.blank?
computed_icon, computed_label = icon_room, ""
when "in_use"
css, computed_icon, computed_label = "bg-gray-100 text-gray-600 border-gray-200", icon_in_use, "In Benutzung"
css = "bg-gray-100 text-gray-600 border-gray-200" if css.blank?
computed_icon, computed_label = icon_in_use, "In Benutzung"
when "new_item"
css, computed_icon, computed_label = "bg-green-50 text-green-700 border-green-200", icon_new, Item.human_attribute_name("conditions.new_item")
css = "bg-green-50 text-green-700 border-green-200" if css.blank?
computed_icon, computed_label = icon_new, Item.human_attribute_name("conditions.new_item")
when "as_new"
css, computed_icon, computed_label = "bg-emerald-50 text-emerald-700 border-emerald-200", icon_as_new, Item.human_attribute_name("conditions.as_new")
css = "bg-emerald-50 text-emerald-700 border-emerald-200" if css.blank?
computed_icon, computed_label = icon_as_new, Item.human_attribute_name("conditions.as_new")
when "used"
css, computed_icon, computed_label = "bg-yellow-50 text-yellow-700 border-yellow-200", icon_used, Item.human_attribute_name("conditions.used")
css = "bg-yellow-50 text-yellow-700 border-yellow-200" if css.blank?
computed_icon, computed_label = icon_used, Item.human_attribute_name("conditions.used")
when "heavily_used"
css, computed_icon, computed_label = "bg-orange-50 text-orange-700 border-orange-200", icon_heavy, Item.human_attribute_name("conditions.heavily_used")
css = "bg-orange-50 text-orange-700 border-orange-200" if css.blank?
computed_icon, computed_label = icon_heavy, Item.human_attribute_name("conditions.heavily_used")
when "defective"
css, computed_icon, computed_label = "bg-red-50 text-red-700 border-red-200", icon_defective, Item.human_attribute_name("conditions.defective")
css += " animate-pulse font-bold"
css = "bg-red-50 text-red-700 border-red-200 animate-pulse font-bold" if css.blank?
computed_icon, computed_label = icon_defective, Item.human_attribute_name("conditions.defective")
when "unknown"
css, computed_icon, computed_label = "bg-gray-50 text-gray-400 border-gray-100", icon_unknown, Item.human_attribute_name("conditions.unknown")
css = "bg-gray-50 text-gray-400 border-gray-100" if css.blank?
computed_icon, computed_label = icon_unknown, Item.human_attribute_name("conditions.unknown")
when "category"
css, computed_icon, computed_label = "bg-blue-50 text-blue-800 border-blue-200", icon_category, ""
css = "bg-blue-50 text-blue-800 border-blue-200" if css.blank?
computed_icon, computed_label = icon_category, ""
when "sticker"
# Wenn von außen kein custom CSS kommt, brennen wir den sportlichen Sticker-Look direkt hier ein
css = "bg-blue-600 text-white border-blue-600 font-mono font-black tracking-wider uppercase py-0.5 px-1.5" if css.blank?
computed_icon, computed_label = "", ""
end
# 4. Optionale Variablen-Überlagerung von außen (Falls manuell übergeben)
final_label = local_assigns[:label].presence || computed_label
final_icon = if local_assigns[:icon_svg].present?
local_assigns[:icon_svg]
elsif local_assigns[:icon_type].present?
@@ -59,7 +74,8 @@
end
%>
<span class="inline-flex items-center gap-1.5 py-1 px-2.5 rounded-md text-xs font-semibold shadow-sm border <%= css %> ">
<!-- Der Haupt-Container bleibt extrem fokussiert und sauber -->
<span class="inline-flex items-center gap-1.5 rounded-md text-xs font-semibold shadow-sm border py-1 px-2.5 <%= css %>">
<%= final_icon if final_icon.present? %>
<%= final_label %>
</span>