Add database history to each admin member page
This commit is contained in:
parent
46d0e78d3c
commit
20db25afdd
|
@ -1128,9 +1128,15 @@ class HistoryViewSet(Base, List, Retrieve):
|
|||
def get_queryset(self):
|
||||
queryset = models.HistoryIndex.objects
|
||||
|
||||
if 'exclude_system' in self.request.query_params:
|
||||
exclude_system = self.request.query_params.get('exclude_system', '') == 'true'
|
||||
member_id = self.request.query_params.get('member_id', '')
|
||||
|
||||
if exclude_system:
|
||||
queryset = queryset.filter(is_system=False)
|
||||
|
||||
if member_id:
|
||||
queryset = queryset.filter(owner_id=member_id)
|
||||
|
||||
return queryset.order_by('-history_date')[:50]
|
||||
|
||||
|
||||
|
|
|
@ -118,7 +118,7 @@ export function AdminVetting(props) {
|
|||
}
|
||||
|
||||
export function AdminHistory(props) {
|
||||
const { token } = props;
|
||||
const { token, filterMember } = props;
|
||||
const [history, setHistory] = useState(historyCache);
|
||||
const [excludeSystem, setExcludeSystem] = useState(excludeSystemCache);
|
||||
const [focus, setFocus] = useState(focusCache);
|
||||
|
@ -131,7 +131,11 @@ export function AdminHistory(props) {
|
|||
};
|
||||
|
||||
useEffect(() => {
|
||||
const extra = excludeSystem ? '?exclude_system' : '';
|
||||
let extra = '?exclude_system=' + excludeSystem;
|
||||
if (filterMember) {
|
||||
extra += '&member_id=' + filterMember;
|
||||
}
|
||||
|
||||
requester('/history/'+extra, 'GET', token)
|
||||
.then(res => {
|
||||
setHistory(res.results);
|
||||
|
@ -148,6 +152,9 @@ export function AdminHistory(props) {
|
|||
{!error ?
|
||||
history ?
|
||||
<>
|
||||
<Header size='medium'>History</Header>
|
||||
<p>Last 50 database changes:</p>
|
||||
|
||||
<Checkbox
|
||||
label='Exclude System'
|
||||
onChange={handleExcludeSystem}
|
||||
|
@ -160,13 +167,15 @@ export function AdminHistory(props) {
|
|||
<Table.HeaderCell>Date</Table.HeaderCell>
|
||||
<Table.HeaderCell>Username</Table.HeaderCell>
|
||||
<Table.HeaderCell>Type</Table.HeaderCell>
|
||||
<Table.HeaderCell>Owner</Table.HeaderCell>
|
||||
{!filterMember && <Table.HeaderCell>Owner</Table.HeaderCell>}
|
||||
<Table.HeaderCell>Object</Table.HeaderCell>
|
||||
<Table.HeaderCell>Changed Fields</Table.HeaderCell>
|
||||
</Table.Row>
|
||||
</Table.Header>}
|
||||
|
||||
<Table.Body>
|
||||
{!history.length && <p>None</p>}
|
||||
|
||||
{history.map(x =>
|
||||
<React.Fragment key={x.id}>
|
||||
<Table.Row>
|
||||
|
@ -177,7 +186,7 @@ export function AdminHistory(props) {
|
|||
</Table.Cell>
|
||||
<Table.Cell>{isMobile && 'User: '}{x.is_system ? 'System' : (x.history_user || 'Deleted User')}</Table.Cell>
|
||||
<Table.Cell>{isMobile && 'Type: '}{x.history_type}</Table.Cell>
|
||||
<Table.Cell>{isMobile && 'Owner: '}{x.owner_name}</Table.Cell>
|
||||
{!filterMember && <Table.Cell>{isMobile && 'Owner: '}{x.owner_name}</Table.Cell>}
|
||||
<Table.Cell>{isMobile && 'Object: '}{x.object_name}</Table.Cell>
|
||||
<Table.Cell>{isMobile && 'Changed: '}{x.changes.map(x => x.field).join(', ')}</Table.Cell>
|
||||
</Table.Row>
|
||||
|
@ -357,9 +366,7 @@ export function Admin(props) {
|
|||
<p>All times are in Mountain time.</p>
|
||||
<AdminUsage {...props} />
|
||||
|
||||
|
||||
<Header size='medium'>History</Header>
|
||||
<p>Last 50 database changes:</p>
|
||||
<p/>
|
||||
|
||||
<AdminHistory {...props} />
|
||||
|
||||
|
|
|
@ -6,6 +6,7 @@ import { statusColor, isAdmin, isInstructor, BasicTable, staticUrl, requester }
|
|||
import { NotFound } from './Misc.js';
|
||||
import { AdminMemberInfo, AdminMemberPause, AdminMemberForm, AdminMemberCards, AdminMemberTraining, AdminMemberCertifications } from './AdminMembers.js';
|
||||
import { AdminMemberTransactions } from './AdminTransactions.js';
|
||||
import { AdminHistory } from './Admin.js';
|
||||
import { StorageButton } from './Storage.js';
|
||||
import AbortController from 'abort-controller';
|
||||
|
||||
|
@ -341,7 +342,8 @@ export function MemberDetail(props) {
|
|||
<Link to={'/members/'+member.id+'/cards'}>Cards</Link>{' - '}
|
||||
<Link to={'/members/'+member.id+'/lockouts'}>Lockouts</Link>{' - '}
|
||||
<Link to={'/members/'+member.id+'/training'}>Training</Link>{' - '}
|
||||
<Link to={'/members/'+member.id+'/transactions'}>Transactions</Link>
|
||||
<Link to={'/members/'+member.id+'/transactions'}>Transactions</Link>{' - '}
|
||||
<Link to={'/members/'+member.id+'/history'}>History</Link>
|
||||
</p>
|
||||
}
|
||||
|
||||
|
@ -365,27 +367,23 @@ export function MemberDetail(props) {
|
|||
</Route>}
|
||||
|
||||
{isAdmin(user) && <Route path='/members/:id/cards'>
|
||||
<Segment padded>
|
||||
<AdminMemberCards result={result} refreshResult={refreshResult} {...props} />
|
||||
</Segment>
|
||||
<AdminMemberCards result={result} refreshResult={refreshResult} {...props} />
|
||||
</Route>}
|
||||
|
||||
{isAdmin(user) && <Route path='/members/:id/lockouts'>
|
||||
<Segment padded>
|
||||
<AdminMemberCertifications result={result} refreshResult={refreshResult} {...props} />
|
||||
</Segment>
|
||||
<AdminMemberCertifications result={result} refreshResult={refreshResult} {...props} />
|
||||
</Route>}
|
||||
|
||||
{isAdmin(user) && <Route path='/members/:id/training'>
|
||||
<Segment padded>
|
||||
<AdminMemberTraining result={result} refreshResult={refreshResult} {...props} />
|
||||
</Segment>
|
||||
<AdminMemberTraining result={result} refreshResult={refreshResult} {...props} />
|
||||
</Route>}
|
||||
|
||||
{isAdmin(user) && <Route path='/members/:id/transactions'>
|
||||
<Segment padded>
|
||||
<AdminMemberTransactions result={result} refreshResult={refreshResult} {...props} />
|
||||
</Segment>
|
||||
<AdminMemberTransactions result={result} refreshResult={refreshResult} {...props} />
|
||||
</Route>}
|
||||
|
||||
{isAdmin(user) && <Route path='/members/:id/history'>
|
||||
<AdminHistory filterMember={member.id} {...props} />
|
||||
</Route>}
|
||||
|
||||
<Route path='/members/:id'>
|
||||
|
|
Loading…
Reference in New Issue
Block a user