Add option to filter snacks from historical transactions

apiserver/apiserver/api/views.py

@@ -499,8 +499,11 @@ class TransactionViewSet(Base, List, Create, Retrieve, Update):
     def get_queryset(self):
         queryset = models.Transaction.objects
         month = self.request.query_params.get('month', '')
+        exclude_paypal = self.request.query_params.get('exclude_paypal', '') == 'true'
+        exclude_snacks = self.request.query_params.get('exclude_snacks', '') == 'true'
 
-        if self.action == 'list' and month:
+        if self.action == 'list':
+            if month:
                 try:
                     dt = datetime.datetime.strptime(month, '%Y-%m')
                 except ValueError:
@@ -508,10 +511,15 @@ class TransactionViewSet(Base, List, Create, Retrieve, Update):
                 queryset = queryset.filter(date__year=dt.year)
                 queryset = queryset.filter(date__month=dt.month)
                 queryset = queryset.exclude(category='Memberships:Fake Months')
-            return queryset.order_by('-date', '-id')
-        elif self.action == 'list':
+            else:
                 queryset = queryset.exclude(report_type__isnull=True)
                 queryset = queryset.exclude(report_type='')
+
+            if exclude_paypal:
+                queryset = queryset.exclude(account_type='PayPal')
+
+            if exclude_snacks:
+                queryset = queryset.exclude(category='Snacks')
             return queryset.order_by('-date', '-id')
         else:
             return queryset.all()

webclient/src/AdminTransactions.js

@@ -43,29 +43,24 @@ export function AdminReportedTransactions(props) {
 
 let transactionsCache = false;
 let summaryCache = false;
-let excludePayPalCache = false;
 
 export function AdminHistoricalTransactions(props) {
 	const { token } = props;
 	const [input, setInput] = useState({ month: moment() });
 	const [transactions, setTransactions] = useState(transactionsCache);
 	const [summary, setSummary] = useState(summaryCache);
-	const [excludePayPal, setExcludePayPal] = useState(excludePayPalCache);
+	const [excludePayPal, setExcludePayPal] = useState(false);
+	const [excludeSnacks, setExcludeSnacks] = useState(true);
 	const [loading, setLoading] = useState(false);
 	const [error, setError] = useState(false);
 
 	const handleDatetime = (v) => setInput({ ...input, month: v });
 
-	const handleExcludePayPal = (e, v) => {
-		setExcludePayPal(v.checked);
-		excludePayPalCache = v.checked;
-	};
-
-	const handleSubmit = (e) => {
+	const makeRequest = () => {
 		if (loading) return;
 		setLoading(true);
 		const month = input.month.format('YYYY-MM');
-		requester('/transactions/?month=' + month, 'GET', token)
+		requester('/transactions/?month=' + month + '&exclude_paypal=' + excludePayPal + '&exclude_snacks=' + excludeSnacks, 'GET', token)
 		.then(res => {
 			setLoading(false);
 			setError(false);
@@ -92,6 +87,22 @@ export function AdminHistoricalTransactions(props) {
 		});
 	};
 
+	const handleSubmit = (e) => {
+		makeRequest();
+	};
+
+	const handleExcludePayPal = (e, v) => {
+		setExcludePayPal(v.checked);
+	};
+
+	const handleExcludeSnacks = (e, v) => {
+		setExcludeSnacks(v.checked);
+	};
+
+	useEffect(() => {
+		makeRequest();
+	}, [excludePayPal, excludeSnacks]);
+
 	return (
 		<div>
 			<Form onSubmit={handleSubmit}>
@@ -150,12 +161,20 @@ export function AdminHistoricalTransactions(props) {
 					}
 
 					<Checkbox
+						className='filter-option'
 						label='Exclude PayPal'
 						onChange={handleExcludePayPal}
 						checked={excludePayPal}
 					/>
 
-					<TransactionList transactions={transactions.filter(x => !excludePayPal || x.account_type !== 'PayPal')} />
+					<Checkbox
+						className='filter-option'
+						label='Exclude Snacks'
+						onChange={handleExcludeSnacks}
+						checked={excludeSnacks}
+					/>
+
+					<TransactionList transactions={transactions} />
 				</div>
 			:
 				<p>Error loading transactions.</p>

webclient/src/light.css

@@ -236,6 +236,10 @@ body {
 	text-overflow: ellipsis;
 }
 
+.filter-option {
+	margin-right: 1rem;
+}
+
 
 .footer {
 	margin-top: -20rem;