tomh104/nat-as-server
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

display client notes in client list
Some checks failed
PHPUnit / test (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Tom Hempel
2026-07-17 17:33:48 +02:00
parent f90d5db40a
commit fc23f7a619
4 changed files with 71 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
website/css/style.css
View File

@ -3497,6 +3497,27 @@ body.logged-in .insights-chart-card.card:hover {
min-width: 200px;
}
.client-note-cell {
max-width: 220px;
vertical-align: middle;
}
.client-note-text {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
white-space: pre-wrap;
word-break: break-word;
font-size: 0.9rem;
line-height: 1.35;
color: var(--text-primary);
}
.client-note-empty {
color: var(--text-secondary);
}
.followup-note-cell .followup-note-input {
width: 100%;
margin-bottom: 8px;

16
website/js/pages/clients.js
View File

@ -75,7 +75,7 @@ function renderClients() {
<div class="card">
<div class="filter-bar clients-list-filters">
${archiveFilterSelectHTML()}
<input type="search" id="clientListSearch" class="filter-search" placeholder="Search client or counselor…" value="${esc(filterSearch)}">
<input type="search" id="clientListSearch" class="filter-search" placeholder="Search client, counselor, or note…" value="${esc(filterSearch)}">
</div>
<div class="empty-state">${emptyMsg}</div>
</div>`;
@ -93,7 +93,7 @@ function renderClients() {
<div class="card">
<div class="filter-bar clients-list-filters">
${archiveFilterSelectHTML()}
<input type="search" id="clientListSearch" class="filter-search" placeholder="Search client or counselor…" value="${esc(filterSearch)}">
<input type="search" id="clientListSearch" class="filter-search" placeholder="Search client, counselor, or note…" value="${esc(filterSearch)}">
<span class="data-toolbar-hint" id="clientListCount"></span>
</div>
${profileLegend}
@ -106,6 +106,7 @@ function renderClients() {
<tr>
<th>Client Code</th>
<th>Current counselor</th>
<th>Note</th>
${showProfileColumn ? '<th>Profile scores</th>' : ''}
<th>Actions</th>
</tr>
@ -157,7 +158,7 @@ function getFilteredClientsList() {
if (filterSearch) {
const q = filterSearch.toLowerCase();
list = list.filter(c => {
const hay = `${c.clientCode || ''} ${c.coachUsername || ''}`.toLowerCase();
const hay = `${c.clientCode || ''} ${c.coachUsername || ''} ${c.note || ''}`.toLowerCase();
return hay.includes(q);
});
}
@ -169,7 +170,7 @@ function renderClientTableBody() {
const countEl = document.getElementById('clientListCount');
const filtered = getFilteredClientsList();
const totalPages = Math.max(1, Math.ceil(filtered.length / PAGE_SIZE));
const colCount = scoringProfileCatalog.length > 0 ? 4 : 3;
const colCount = scoringProfileCatalog.length > 0 ? 5 : 4;
if (page >= totalPages) page = totalPages - 1;
const slice = filtered.slice(page * PAGE_SIZE, (page + 1) * PAGE_SIZE);
@ -733,12 +734,16 @@ function clientRowHTML(c) {
const profileCol = scoringProfileCatalog.length > 0
? `<td class="client-profile-dots-cell">${profileDotsHTML(c.scoringProfiles || [], c.clientCode)}</td>`
: '';
const colCount = scoringProfileCatalog.length > 0 ? 4 : 3;
const colCount = scoringProfileCatalog.length > 0 ? 5 : 4;
const actions = clientTableActionsHTML({
clientCode: esc(c.clientCode),
archived,
showDelete: true,
});
const note = String(c.note || '').trim();
const noteCell = note
? `<td class="client-note-cell" title="${esc(note)}"><span class="client-note-text">${esc(note)}</span></td>`
: `<td class="client-note-cell client-note-empty">—</td>`;
return `
<tr class="${archived ? 'client-row-archived' : ''}">
@ -746,6 +751,7 @@ function clientRowHTML(c) {
${expandControl}<strong>${esc(c.clientCode)}</strong>${clientArchivedLabel(c)}
</td>
<td>${coach}</td>
${noteCell}
${profileCol}
<td class="client-actions-cell">${actions}</td>
</tr>