diff --git a/packages/indiekit/lib/controllers/plugin.js b/packages/indiekit/lib/controllers/plugin.js index f2a7da55f..41faab6df 100644 --- a/packages/indiekit/lib/controllers/plugin.js +++ b/packages/indiekit/lib/controllers/plugin.js @@ -4,18 +4,24 @@ import { getPackageData } from "../utils.js"; export const list = (request, response) => { const { application } = response.app.locals; - const plugins = application.installedPlugins.map((plugin) => { + const pluginRows = application.installedPlugins.map((plugin) => { const _package = getPackageData(plugin.filePath); - plugin.photo = { - srcOnError: "/assets/plug-in.svg", - attributes: { height: 96, width: 96 }, - url: `/assets/${plugin.id}/icon.svg`, - }; - plugin.title = plugin.name; - plugin.description = _package.description; - plugin.url = `/plugins/${plugin.id}`; - - return plugin; + + let name = `

${plugin.name}

`; + + if (_package.description) { + name += `

${_package.description}

`; + } + + return [ + { + text: name, + classes: "s-flow", + }, + { + text: _package.version, + }, + ]; }); response.render("plugins/list", { @@ -24,7 +30,7 @@ export const list = (request, response) => { text: response.locals.__("status.title"), }, title: response.locals.__("status.application.installedPlugins"), - plugins, + pluginRows, }); }; diff --git a/packages/indiekit/views/plugins/list.njk b/packages/indiekit/views/plugins/list.njk index 52f7c61ad..3c1c4891f 100644 --- a/packages/indiekit/views/plugins/list.njk +++ b/packages/indiekit/views/plugins/list.njk @@ -1,8 +1,12 @@ {% extends "document.njk" %} {% block content %} - {{ cardGrid({ - cardSize: "100%", - items: plugins + {{ actionTable({ + sort: "name", + head: [ + { text: "Name" }, + { text: "Version" } + ], + rows: pluginRows }) }} {% endblock %} \ No newline at end of file