Update admin UI translations and enhance content list: Add 'Status' and 'Published' labels in German and English, and implement status display in the content list page. Format related pages in demo welcome JSON for better readability.

admin-ui/messages/de.json

@@ -338,6 +338,8 @@
     "title": "Einträge",
     "newEntry": "Neuer Eintrag",
     "colActions": "Aktionen",
+    "colStatus": "Status",
+    "published": "Veröffentlicht",
     "noEntries": "Keine Einträge.",
     "noEntriesCreate": "Noch keine Einträge. Erstellen Sie den ersten.",
     "edit": "Bearbeiten",

admin-ui/messages/en.json

@@ -338,6 +338,8 @@
     "title": "Entries",
     "newEntry": "New entry",
     "colActions": "Actions",
+    "colStatus": "Status",
+    "published": "Published",
     "noEntries": "No entries.",
     "noEntriesCreate": "No entries yet. Create the first one.",
     "edit": "Edit",

admin-ui/src/app/content/[collection]/page.tsx

@@ -201,6 +201,7 @@ export default function ContentListPage() {
               <TableHeader>
                 <TableRow>
                   <TableHead>_slug</TableHead>
+                  <TableHead className="w-24">{t("colStatus")}</TableHead>
                   <TableHead className="w-28 text-right">{t("colActions")}</TableHead>
                 </TableRow>
               </TableHeader>
@@ -208,6 +209,7 @@ export default function ContentListPage() {
                 {[1, 2, 3, 4, 5].map((i) => (
                   <TableRow key={i}>
                     <TableCell><Skeleton className="h-5 w-48" /></TableCell>
+                    <TableCell><Skeleton className="h-5 w-16" /></TableCell>
                     <TableCell className="text-right"><Skeleton className="ml-auto h-8 w-16" /></TableCell>
                   </TableRow>
                 ))}
@@ -256,6 +258,7 @@ export default function ContentListPage() {
                       )}
                     </Link>
                   </TableHead>
+                  <TableHead className="w-24">{t("colStatus")}</TableHead>
                   <TableHead className="w-28 text-right">{t("colActions")}</TableHead>
                 </TableRow>
               </TableHeader>
@@ -275,11 +278,17 @@ export default function ContentListPage() {
                         >
                           {slug}
                         </Link>
-                        {isDraft && (
-                          <span className="ml-2 rounded bg-amber-100 px-1.5 py-0.5 text-xs font-medium text-amber-800">
-                            {t("draft")}
+                      </TableCell>
+                      <TableCell className="w-24">
+                        <span
+                          className={
+                            isDraft
+                              ? "rounded bg-amber-100 px-1.5 py-0.5 text-xs font-medium text-amber-800"
+                              : "rounded bg-success-100 px-1.5 py-0.5 text-xs font-medium text-success-800"
+                          }
+                        >
+                          {isDraft ? t("draft") : t("published")}
                         </span>
-                        )}
                       </TableCell>
                       <TableCell className="text-right">
                         <div className="flex items-center justify-end gap-2">

content/de/demo/demo-welcome.json5

@@ -22,7 +22,10 @@
   "publishedAt": "",
   "quantity": null,
   "relatedPage": "home",
-  "relatedPages": ["home", "about"],
+  "relatedPages": [
+    "home",
+    "about"
+  ],
   "scores": [],
   "singleSelect": "",
   "summary": "",