sozsoft/erp-platform
1
0
Fork 0
Code Issues 6 Pull requests Projects 3 Releases Packages Wiki Activity Actions

Doküman Widget içerisinde değişiklikler

Browse source
This commit is contained in:
Sedat Öztürk 2025-11-02 15:26:49 +03:00
parent 7a0aa881d5
commit ef4913ad31
1 changed files with 46 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

86
ui/src/views/intranet/widgets/RecentDocuments.tsx
View file

@ -24,50 +24,56 @@ const RecentDocuments: React.FC<{ documents: DocumentDto[] }> = ({ documents })
</div>
</div>
<div className="divide-y divide-gray-200 dark:divide-gray-700">
{documents.slice(0, 3).map((doc) => (
<div
key={doc.id}
className="p-4 hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors"
>
<div className="flex items-start gap-3">
<div className="p-2 bg-blue-100 dark:bg-blue-900/30 rounded-lg">
{getFileIcon(doc.extension)}
</div>
<div className="flex-1 min-w-0">
<h4 className="text-sm font-medium text-gray-900 dark:text-white truncate">
{doc.name}
</h4>
<p className="text-xs text-gray-600 dark:text-gray-400 mt-1">
{getFileType(doc.extension)}
<span className="mx-1">•</span>
{formatFileSize(doc.size)}
</p>
<div className="text-xs text-gray-500 dark:text-gray-400 mt-1 flex items-center gap-2">
<span>{dayjs(doc.modifiedAt).fromNow()}</span>
{doc.isReadOnly && (
<>
<span>•</span>
<span className="text-orange-500">🔒 Salt okunur</span>
</>
)}
{documents.length > 0 ? (
documents.slice(0, 3).map((doc) => (
<div
key={doc.id}
className="p-4 hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors"
>
<div className="flex items-start gap-3">
<div className="p-2 bg-blue-100 dark:bg-blue-900/30 rounded-lg">
{getFileIcon(doc.extension)}
</div>
<div className="flex-1 min-w-0">
<h4 className="text-sm font-medium text-gray-900 dark:text-white truncate">
{doc.name}
</h4>
<p className="text-xs text-gray-600 dark:text-gray-400 mt-1">
{getFileType(doc.extension)}
<span className="mx-1">•</span>
{formatFileSize(doc.size)}
</p>
<div className="text-xs text-gray-500 dark:text-gray-400 mt-1 flex items-center gap-2">
<span>{dayjs(doc.modifiedAt).fromNow()}</span>
{doc.isReadOnly && (
<>
<span>•</span>
<span className="text-orange-500">🔒 Salt okunur</span>
</>
)}
</div>
</div>
<button
onClick={(e) => {
e.stopPropagation()
const link = document.createElement('a')
link.href = `/cdn/${doc.path}`
link.download = doc.name
link.click()
}}
className="p-2 hover:bg-blue-100 dark:hover:bg-blue-900/30 rounded-lg transition-colors group"
title="İndir"
>
<FaDownload className="w-5 h-5 text-gray-600 dark:text-gray-400 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors" />
</button>
</div>
<button
onClick={(e) => {
e.stopPropagation()
const link = document.createElement('a')
link.href = `/cdn/${doc.path}`
link.download = doc.name
link.click()
}}
className="p-2 hover:bg-blue-100 dark:hover:bg-blue-900/30 rounded-lg transition-colors group"
title="İndir"
>
<FaDownload className="w-5 h-5 text-gray-600 dark:text-gray-400 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors" />
</button>
</div>
))
) : (
<div className="p-4 text-center text-sm text-gray-500 dark:text-gray-400">
Gösterilecek doküman yok.
</div>
))}
)}
</div>
</div>
)