geenforce: let the wide pages use the page

Two caps, one inside the other: the section shell at 1400px and the reports
view at 1100px. Fine for nine columns; the reports table now carries twelve,
including the asset a PC drives, its location and its backup state, so it
was being squeezed while empty page sat to the right. Both are gone, and
the manifests editor gets the width too.

The Asset column no longer falls back to the PC's own asset number. The
collector stores a PC's hostname AS its assetnumber, so for any PC that
drives nothing that column just repeated the Host column next to it. It now
shows a dash, and carries content only when it says something Host does
not: the machine a bay PC controls, the tool a measuring PC controls, or
the role of a display.
This commit is contained in:
cproudlock
2026-08-12 16:56:45 -04:00
parent f1f573862d
commit d572c913e5
2 changed files with 14 additions and 3 deletions

View File

@@ -73,8 +73,12 @@
</router-link>
<span v-if="report.displayrole" class="asset-chip muted"
title="Display role">{{ report.displayrole }}</span>
<!-- Deliberately NOT the PC's own asset number: the collector
stores a PC's hostname AS its assetnumber, so echoing it
here would just repeat the Host column. Blank means this PC
drives nothing and is not a display. -->
<span v-if="!report.machineassetid && !report.toolassetid && !report.displayrole"
class="muted">{{ report.assetnumber || '-' }}</span>
class="muted">-</span>
<div v-if="report.location" class="asset-location muted">{{ report.location }}</div>
</td>
<td>{{ report.scopename }}</td>
@@ -189,7 +193,11 @@ load()
</script>
<style scoped>
.enforcement-reports { max-width: 1100px; }
/* No max-width. This is a fleet table - twelve columns now that a row carries
the asset it drives, its location and its backup state - and capping the page
at 1100px squeezed them into a box narrower than the window while empty space
sat to the right. The route already gives this view a full-width shell. */
.enforcement-reports { width: 100%; }
.muted { color: var(--text-light); }
.fail-count { color: var(--danger); font-weight: 600; }
.empty { color: var(--text-light); text-align: center; padding: 1rem; }

View File

@@ -18,7 +18,10 @@
</script>
<style scoped>
.geenforce-section { max-width: 1400px; }
/* No cap on the shell. The reports tab is a wide fleet table and was being
squeezed into 1400px with empty page beside it; views that read better
narrow (the manifest editor) cap themselves instead. */
.geenforce-section { width: 100%; }
.section-header { margin-bottom: 0.5rem; }
.section-header h1 { margin: 0; }
.section-sub { color: var(--text-light); margin: 0.25rem 0 0; }