files emojis

This commit is contained in:
2026-07-28 12:36:55 +02:00
parent d882988122
commit 07014ba5b0
2 changed files with 32 additions and 15 deletions
+30 -15
View File
@@ -68,14 +68,34 @@ ActiveAdmin.register_page "Files" do
{}
end
# File icon helper
file_icon = ->(name) do
ext = File.extname(name).downcase
case ext
when ".png", ".jpg", ".jpeg", ".gif", ".bmp", ".webp", ".svg" then "🖼️"
when ".mp3", ".ogg", ".wav", ".flac", ".aac" then "🔊"
when ".mp4", ".avi", ".mkv", ".webm", ".mov" then "🎬"
when ".zip", ".gz", ".tar", ".rar", ".7z", ".bz2" then "📦"
when ".pdf" then "📕"
when ".doc", ".docx", ".odt", ".txt", ".md", ".rtf" then "📄"
when ".xls", ".xlsx", ".csv", ".ods" then "📊"
when ".html", ".htm", ".css", ".js", ".ts", ".json", ".xml" then "📝"
when ".rb", ".py", ".lua", ".c", ".cpp", ".h", ".rs", ".go" then "💻"
when ".tic", ".rom", ".bin", ".prg", ".crt", ".d64", ".t64" then "🎮"
when ".love" then "🎮"
when ".exe", ".dmg", ".appimage", ".msi" then "⚙️"
when ".wasm" then "⚙️"
else "📄"
end
end
thead do
tr do
th "Type", style: "width:60px"
th "Name"
th "Size", style: "width:100px"
th "DL", style: "width:50px"
th "Modified", style: "width:160px"
th "Actions", style: "width:#{picker_mode ? '340' : '240'}px"
th "", style: "width:#{picker_mode ? '160' : '120'}px"
end
end
@@ -87,8 +107,8 @@ ActiveAdmin.register_page "Files" do
picker_params = picker_mode ? { picker: 1, field: picker_field } : {}
tr do
td "DIR"
td do
span "📁 ", style: "font-size:15px;"
a "..", href: admin_files_path(picker_params.merge(dir: parent))
end
td ""
@@ -100,14 +120,13 @@ ActiveAdmin.register_page "Files" do
entries.each do |entry|
tr do
td class: "fm-type" do
entry[:type] == :directory ? "DIR" : "FILE"
end
td do
picker_params = picker_mode ? { picker: 1, field: picker_field } : {}
if entry[:type] == :directory
span "📁 ", style: "font-size:15px;"
a entry[:name], href: admin_files_path(picker_params.merge(dir: entry[:path]))
else
span "#{file_icon.call(entry[:name])} ", style: "font-size:15px;"
span entry[:name]
end
end
@@ -128,28 +147,24 @@ ActiveAdmin.register_page "Files" do
# Download (files only)
if entry[:type] != :directory
a "Download", href: "/softwares/#{entry[:path]}", class: "fm-action-link", download: entry[:name]
text_node " "
a "⬇️", href: "/softwares/#{entry[:path]}", class: "fm-icon-btn", title: "Download", download: entry[:name]
end
# Rename
a "Rename", href: "#", class: "fm-action-link", onclick: "var n=prompt('New name:','#{j entry[:name]}');if(n){var f=document.getElementById('rename-#{entry_id}');f.querySelector('[name=new_name]').value=n;f.submit();}return false;"
text_node " "
a "✏️", href: "#", class: "fm-icon-btn", title: "Rename",
onclick: "var n=prompt('New name:','#{j entry[:name]}');if(n){var f=document.getElementById('rename-#{entry_id}');f.querySelector('[name=new_name]').value=n;f.submit();}return false;"
# Delete
a "Delete", href: "#", class: "fm-action-link fm-danger",
a "🗑️", href: "#", class: "fm-icon-btn fm-icon-danger", title: "Delete",
onclick: "if(confirm('Delete \\'#{j entry[:name]}\\'?')){document.getElementById('delete-#{entry_id}').submit();}return false;"
# Stats (files only)
if entry[:type] != :directory
text_node " "
a "Stats", href: admin_downloads_path(q: { file_path_cont: entry[:path] }), class: "fm-action-link"
a "📊", href: admin_downloads_path(q: { file_path_cont: entry[:path] }), class: "fm-icon-btn", title: "Stats"
end
# Picker mode: Select button
if picker_mode
text_node " "
abs_path = "/softwares/#{entry[:path]}"
a "Select", href: "#", class: "fm-btn fm-btn-select",
onclick: "var inp=window.parent.document.getElementById('#{j picker_field}');if(inp){inp.value='#{j abs_path}';}var ov=window.parent.document.querySelector('.fm-modal-overlay');if(ov){ov.remove();window.parent.document.body.style.overflow='';}return false;"
@@ -24,6 +24,8 @@
}
.fm-type { font-family: monospace; font-size: 11px; color: #999; }
.fm-action-link { font-size: 12px; color: #5a6268; text-decoration: none; margin-right: 8px; &:hover { text-decoration: underline; } }
.fm-icon-btn { font-size: 16px; text-decoration: none; margin-right: 6px; opacity: 0.7; cursor: pointer; &:hover { opacity: 1; } }
.fm-icon-danger:hover { filter: brightness(1.3); }
.fm-danger { color: #dc3545; }
.fm-entry-actions { white-space: nowrap; }
.fm-drop-hint { font-size: 12px; color: #999; margin-left: 8px; }