Soren_Molty/plumbing-dashy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ability for admins to edit user titles

Browse Source
This commit is contained in:
NPS Agent
2026-05-12 10:07:19 +09:30
parent 62cfeb0da4
commit 1edde60317
2 changed files with 66 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashy.db
BIN
View File
Binary file not shown.
screens.jsx
+66 -18
View File
@@ -919,6 +919,26 @@ function WorkspaceTab({ user, isAdmin, dbUsers = [], onSwitchUser, onCreateUser,
const [wsTz, setWsTz] = React.useState(workspace ? workspace.timezone : '');
const [wsSaved, setWsSaved] = React.useState(false);
// User editing state
const [editingUserId, setEditingUserId] = React.useState(null);
const [editName, setEditName] = React.useState('');
const [editRole, setEditRole] = React.useState('');
const startEditing = (u) => {
setEditingUserId(u.id);
setEditName(u.name);
setEditRole(u.role);
};
const cancelEditing = () => {
setEditingUserId(null);
};
const saveUserEdit = async (id) => {
await onUpdateUserRole(id, { name: editName, role: editRole });
setEditingUserId(null);
};
React.useEffect(() => {
if (workspace) {
setWsName(workspace.name);
@@ -1003,25 +1023,53 @@ function WorkspaceTab({ user, isAdmin, dbUsers = [], onSwitchUser, onCreateUser,
{dbUsers.map(u => (
<li key={u.id} className="member-row">
<Avatar user={u} size={32} />
<div className="member-row__meta">
<div className="member-row__name">{u.name}</div>
<div className="member-row__role mono">{u.role} · {u.email || (u.id + '@murchison-auto.co')}</div>
<div className="member-row__meta" style={{ flex: 1 }}>
{editingUserId === u.id ? (
<div style={{ display: 'flex', flexDirection: 'column', gap: '0.25rem' }}>
<input className="field__input field__input--sm" value={editName} onChange={e => setEditName(e.target.value)} autoFocus />
<input className="field__input field__input--sm" value={editRole} onChange={e => setEditRole(e.target.value)} />
</div>
) : (
<>
<div className="member-row__name" style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
{u.name}
{isAdmin && (
<button className="btn btn--ghost btn--sm" style={{ padding: '2px', height: 'auto', minWidth: 0, opacity: 0.5 }} onClick={() => startEditing(u)}>
<svg viewBox="0 0 16 16" width="10" height="10" fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M12.5 3.5l-8 8V14h2.5l8-8-2.5-2.5z" strokeLinecap="round" strokeLinejoin="round"/><path d="M10.5 5.5l2 2" strokeLinecap="round" strokeLinejoin="round"/></svg>
</button>
)}
</div>
<div className="member-row__role mono">{u.role} · {u.email || (u.id + '@murchison-auto.co')}</div>
</>
)}
</div>
<div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
{editingUserId === u.id ? (
<div style={{ display: 'flex', gap: '0.25rem' }}>
<button className="btn btn--ghost btn--sm" onClick={cancelEditing}>Cancel</button>
<button className="btn btn--primary btn--sm" onClick={() => saveUserEdit(u.id)}>Save</button>
</div>
) : (
<>
{isAdmin ? (
<div className="picker member-row__type">
<button className={"picker__item"+(u.account_type==='standard'?' is-on':'')}
onClick={() => onUpdateUserRole(u.id, { account_type: 'standard' })}>Standard</button>
<button className={"picker__item"+(u.account_type==='admin'?' is-on':'')}
onClick={() => onUpdateUserRole(u.id, { account_type: 'admin' })}>Admin</button>
</div>
) : (
<span className="chip">{u.account_type}</span>
)}
{isAdmin && u.id !== user.id && (
<button className="member-row__del" onClick={() => {
if (confirm('Remove ' + u.name + '? Their tasks will move to ROD.')) onDeleteUser(u.id);
}} title="Remove user">×</button>
)}
</>
)}
</div>
{isAdmin ? (
<div className="picker member-row__type">
<button className={"picker__item"+(u.account_type==='standard'?' is-on':'')}
onClick={() => onUpdateUserRole(u.id, { account_type: 'standard' })}>Standard</button>
<button className={"picker__item"+(u.account_type==='admin'?' is-on':'')}
onClick={() => onUpdateUserRole(u.id, { account_type: 'admin' })}>Admin</button>
</div>
) : (
<span className="chip">{u.account_type}</span>
)}
{isAdmin && u.id !== user.id && (
<button className="member-row__del" onClick={() => {
if (confirm('Remove ' + u.name + '? Their tasks will move to ROD.')) onDeleteUser(u.id);
}} title="Remove user">×</button>
)}
</li>
))}
</ul>