Skip to content

Refactor ApplicationsCenter for clarity and improved naming #1062

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
stephdl merged 3 commits into from
Feb 5, 2026
Merged

Refactor ApplicationsCenter for clarity and improved naming #1062

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
38deb40
fix(ApplicationsCenter): use humanized module name instead of source …
stephdl Jan 28, 2026
ffc0afe
fix(ApplicationsCenter): refactor variable naming for clarity in modu…
stephdl Jan 28, 2026
bb162d7
fix(ApplicationsCenter): simplify module name display in application …
stephdl Feb 5, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
35 changes: 18 additions & 17 deletions core/ui/src/views/ApplicationsCenter.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -202,9 +202,7 @@
:alt="row.name + ' logo'"
class="module-logo"
/>
<span class="app-name">{{
row.module.charAt(0).toUpperCase() + row.module.slice(1)
}}</span>
<span class="app-name">{{ row.module }}</span>
</a>
</cv-data-table-cell>
<cv-data-table-cell>
Expand Down Expand Up @@ -744,25 +742,28 @@ export default {

// extract installed modules
const extractedModules = [];
for (const obj of modules) {
const updates = obj.updates;
for (const item of obj.installed) {
for (const moduleData of modules) {
const updates = moduleData.updates;
for (const item of moduleData.installed) {
// look for updates for this item
const updateEntry = updates.find((u) => u.id === item.id);
// if found, merge data from updateEntry into item
const source = updateEntry || item;
const installedData = updateEntry || item;
extractedModules.push({
id: source.id || "",
id: installedData.id || "",
// Use module logo URL if available, else fallback to instance logo later in the template
logo: obj.logo && obj.logo.startsWith("http") ? obj.logo : "",
module: source.module || "",
node: source.node || "",
node_ui_name: source.node_ui_name || "",
ui_name: source.ui_name || "",
ui_note: source.ui_note || "",
version: source.version || "",
update: source.update || "",
appInfoData: obj, // needed for clone/move/info modals
logo:
moduleData.logo && moduleData.logo.startsWith("http")
? moduleData.logo
: "",
module: moduleData.name || "", // we want a humanized module name
node: installedData.node || "",
node_ui_name: installedData.node_ui_name || "",
ui_name: installedData.ui_name || "",
ui_note: installedData.ui_note || "",
version: installedData.version || "",
update: installedData.update || "",
appInfoData: moduleData, // needed for clone/move/info modals
});
}
}
Expand Down