Allow sorting by Last Scanned

apiserver/apiserver/api/models.py

@@ -59,6 +59,7 @@ class Member(models.Model):
     monthly_fees = models.IntegerField(default=55, blank=True, null=True)
     is_allowed_entry = models.BooleanField(default=True)
     discourse_username = models.CharField(default='', max_length=40, blank=True, null=True)
+    allow_last_scanned = models.BooleanField(default=True)
 
     history = HistoricalRecords(excluded_fields=['member_forms'])
 

apiserver/apiserver/api/views.py

@@ -119,6 +119,12 @@ class SearchViewSet(Base, Retrieve):
         elif self.action == 'create' and sort == 'overdue':
             queryset = queryset.filter(status='Overdue')
             queryset = queryset.order_by('expire_date')
+        elif self.action == 'create' and sort == 'last_scanned':
+            if self.request.user.member.allow_last_scanned:
+                queryset = queryset.filter(allow_last_scanned=True)
+                queryset = queryset.order_by('-user__cards__last_seen_at')
+            else:
+                queryset = []
         elif self.action == 'create' and sort == 'best_looking':
             queryset = []
 

webclient/src/Account.js

@@ -264,6 +264,16 @@ export function AccountForm(props) {
 				{...makeProps('discourse_username')}
 			/>}
 
+			<Form.Field>
+				<label>Participate in "Last Scanned" member list?</label>
+				<Checkbox
+					label='Yes, show me'
+					name='allow_last_scanned'
+					onChange={handleCheck}
+					checked={input.allow_last_scanned}
+				/>
+			</Form.Field>
+
 			<Form.Input
 				label='Member Photo'
 				name='photo'

webclient/src/App.js

@@ -274,7 +274,7 @@ function App() {
 								<MemberDetail token={token} user={user} />
 							</Route>
 							<Route path='/members'>
-								<Members token={token} />
+								<Members token={token} user={user} />
 							</Route>
 
 							{user && isAdmin(user) &&

webclient/src/Members.js

@@ -11,6 +11,7 @@ import AbortController from 'abort-controller';
 
 const memberSorts = {
 	recently_vetted: 'Recently Vetted',
+	last_scanned: 'Last Scanned',
 	newest_active: 'Newest',
 	//newest_overall: 'Newest Overall',
 	oldest_active: 'Oldest',
@@ -76,7 +77,7 @@ export function Members(props) {
 	const [response, setResponse] = useState(false);
 	const [numShow, setNumShow] = useState(numShowCache);
 	const [controller, setController] = useState(false);
-	const { token } = props;
+	const { token, user } = props;
 
 	const doSearch = (q) => {
 		console.log('doing search', q);
@@ -153,44 +154,47 @@ export function Members(props) {
 				{search.length ? 'Search Results' : memberSorts[sort]}
 			</Header>
 
-			{sort === 'best_looking' ?
-				<center>
-					<img className='bean' src='/mr-bean.jpg' />
-				</center>
-			:
-				response ?
-					<>
-						<Item.Group unstackable divided>
-							{response.results.length ?
-								response.results.slice(0, numShow).map((x, i) =>
-									<Item key={x.member.id} as={Link} to={'/members/'+x.member.id}>
-										<div className='list-num'>{i+1}</div>
-										<Item.Image size='tiny' src={x.member.photo_small ? staticUrl + '/' + x.member.photo_small : '/nophoto.png'} />
-										<Item.Content verticalAlign='top'>
-											<Item.Header>
-												<Icon name='circle' color={statusColor[x.member.status]} />
-												{x.member.preferred_name} {x.member.last_name}
-											</Item.Header>
-											<Item.Description>Status: {x.member.status || 'Unknown'}</Item.Description>
-											<Item.Description>Joined: {x.member.application_date || 'Unknown'}</Item.Description>
-											<Item.Description>ID: {x.member.id}</Item.Description>
-										</Item.Content>
-									</Item>
-								)
-							:
-								<p>No Results</p>
-							}
-						</Item.Group>
-
-						{response.results.length > 20 && numShow !== 100 ?
-							<Button
-								content='Load More'
-								onClick={() => {setNumShow(100); numShowCache = 100;}}
-							/> : ''
-						}
-					</>
+			{sort === 'last_scanned' &&
+				(user.member.allow_last_scanned ?
+					<p>Hide yourself from this list on the <Link to='/account'>Account Settings</Link> page.</p>
 				:
-					<p>Loading...</p>
+					<p>Participate in this list on the <Link to='/account'>Account Settings</Link> page.</p>
+				)
+			}
+
+			{response ?
+				<>
+					<Item.Group unstackable divided>
+						{response.results.length ?
+							response.results.slice(0, numShow).map((x, i) =>
+								<Item key={x.member.id} as={Link} to={'/members/'+x.member.id}>
+									<div className='list-num'>{i+1}</div>
+									<Item.Image size='tiny' src={x.member.photo_small ? staticUrl + '/' + x.member.photo_small : '/nophoto.png'} />
+									<Item.Content verticalAlign='top'>
+										<Item.Header>
+											<Icon name='circle' color={statusColor[x.member.status]} />
+											{x.member.preferred_name} {x.member.last_name}
+										</Item.Header>
+										<Item.Description>Status: {x.member.status || 'Unknown'}</Item.Description>
+										<Item.Description>Joined: {x.member.application_date || 'Unknown'}</Item.Description>
+										<Item.Description>ID: {x.member.id}</Item.Description>
+									</Item.Content>
+								</Item>
+							)
+						:
+							<p>No Results</p>
+						}
+					</Item.Group>
+
+					{response.results.length > 20 && numShow !== 100 ?
+						<Button
+							content='Load More'
+							onClick={() => {setNumShow(100); numShowCache = 100;}}
+						/> : ''
+					}
+				</>
+			:
+				<p>Loading...</p>
 			}
 
 		</Container>