From f23ab274286cc7ff6c14af6d08570e58481826cf Mon Sep 17 00:00:00 2001
From: Darrel Herbst <dherbst@gmail.com>
Date: Wed, 17 Jan 2024 22:43:21 -0500
Subject: [PATCH 01/13] Prep dev branch dev-1.13.0

---
 web/admin/src/config.js                  | 2 +-
 web/admin/src/views/ReleaseNotesPage.vue | 4 ++++
 web/app/src/config.js                    | 2 +-
 web/app/src/views/ReleaseNotesPage.vue   | 4 ++++
 4 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/web/admin/src/config.js b/web/admin/src/config.js
index 85c5885..cfc6b4b 100644
--- a/web/admin/src/config.js
+++ b/web/admin/src/config.js
@@ -1,5 +1,5 @@
 export let config = {
-  version: "1.12.0",
+  version: "1.13.0",
   adminAppNavName: import.meta.env.VITE_ADMIN_APP_NAV_NAME || 'ADMIN_APP_NAV_NAME',
   adminAppNavImg: import.meta.env.VITE_ADMIN_APP_NAV_IMG || null,
   appNavName: import.meta.env.VITE_APP_NAV_NAME || 'APP_NAV_NAME',
diff --git a/web/admin/src/views/ReleaseNotesPage.vue b/web/admin/src/views/ReleaseNotesPage.vue
index 9d11bf7..a1aba3b 100644
--- a/web/admin/src/views/ReleaseNotesPage.vue
+++ b/web/admin/src/views/ReleaseNotesPage.vue
@@ -5,6 +5,10 @@
 <template>
 <div class="container">
   <h1>Release Notes</h1>
+  <h2 id="1.13.0">January , 2024 - 1.13.0</h2>
+  <ul>
+    <li></li>
+  </ul>
   <h2 id="1.12.0">January 17, 2024 - 1.12.0</h2>
   <ul>
     <li><a href="https://github.com/ncosd/food-pantry-app/issues/277">#277</a> Volunteer can indicate if they want to be a driver, Admins can see what to do to approve a driver and save the approved status.</li>
diff --git a/web/app/src/config.js b/web/app/src/config.js
index 7b64e13..cef7486 100644
--- a/web/app/src/config.js
+++ b/web/app/src/config.js
@@ -1,5 +1,5 @@
 export let config = {
-  version: "1.12.0",
+  version: "1.13.0",
   appNavName: import.meta.env.VITE_APP_NAV_NAME || 'APP_NAV_NAME',
   OrganizationName: import.meta.env.VITE_ORGANIZATION_NAME || 'ORGANIZATION_NAME',
   ProjectLongName: import.meta.env.VITE_PROJECT_LONG_NAME || 'PROJECT_LONG_NAME',
diff --git a/web/app/src/views/ReleaseNotesPage.vue b/web/app/src/views/ReleaseNotesPage.vue
index b86d692..c800291 100644
--- a/web/app/src/views/ReleaseNotesPage.vue
+++ b/web/app/src/views/ReleaseNotesPage.vue
@@ -5,6 +5,10 @@
 <template>
 <div class="container">
   <h1>Release Notes</h1>
+  <h2 id="1.13.0">January , 2024 - 1.13.0</h2>
+  <ul>
+    <li></li>
+  </ul>
   <h2 id="1.12.0">January 17, 2024 - 1.12.0</h2>
   <ul>
       <li>No issues in the Guest app.</li>

From e9959119d385373a533ff198a99b2e9b97e27fd0 Mon Sep 17 00:00:00 2001
From: Lukada-taiya <lukmanadam43@gmail.com>
Date: Fri, 19 Jan 2024 02:37:00 +0000
Subject: [PATCH 02/13] Worked on #275 - add sorting to column headers on
 locations page

---
 web/admin/src/views/LocationsListPage.vue | 28 ++++++++++++++++-------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/web/admin/src/views/LocationsListPage.vue b/web/admin/src/views/LocationsListPage.vue
index fbd9ba8..a3e2f6e 100644
--- a/web/admin/src/views/LocationsListPage.vue
+++ b/web/admin/src/views/LocationsListPage.vue
@@ -2,20 +2,33 @@
 import { ref, onBeforeMount } from 'vue'
 import { useAuthUserStore } from '@/stores/authUser'
 import { collection, getFirestore, query, where, doc, getDocs, addDoc, updateDoc, orderBy } from 'firebase/firestore'
+import SortableTableHeader from '../components/SortableTableHeader.vue';
 
 const user = useAuthUserStore()
 const locations = ref()
+const sortBy = ref("name")
+const sortAsc = ref(true)
 
-onBeforeMount( async () => {
+const refreshList = async () => {
   const db = getFirestore()
-  const q = query(collection(db, "location"), orderBy('name'))
+  const q = query(collection(db, "location"), orderBy(sortBy.value, sortAsc.value ? "asc" : "desc"))
   const locRef = await getDocs(q)
   const locarray = []
   locRef.forEach((loc)=> {
     locarray.push({id:loc.id,...loc.data()})
   })
   locations.value = locarray
+}
+
+const sortList = param => {
+  sortAsc.value = sortBy.value === param ? !sortAsc.value : true
+  sortBy.value = param
 
+  refreshList()
+}
+
+onBeforeMount( async () => {
+  await refreshList();
 })
 
 const mapsquery = (loc)=>{
@@ -32,12 +45,11 @@ const mapsquery = (loc)=>{
       <table class="table table-striped table-hover">
         <thead>
           <tr>
-            <th scope="col">Name</th>
-            <th scope="col">Display Name</th>
-            <th scope="col">Street Address</th>
-            <th scope="col">City</th>
-            <th scope="col">State</th>
-            <th scope="col">zip</th>
+            <SortableTableHeader heading="Name" sortKey="name" :sortBy="sortBy" :sortAsc="sortAsc" @sort-list="sortList" />
+            <SortableTableHeader heading="Display Name" sortKey="displayname" :sortBy="sortBy" :sortAsc="sortAsc" @sort-list="sortList" />
+            <SortableTableHeader heading="Street Address" sortKey="street" :sortBy="sortBy" :sortAsc="sortAsc" @sort-list="sortList" />
+            <SortableTableHeader heading="State" sortKey="state" :sortBy="sortBy" :sortAsc="sortAsc" @sort-list="sortList" />
+            <SortableTableHeader heading="Zip" sortKey="zip" :sortBy="sortBy" :sortAsc="sortAsc" @sort-list="sortList" />
             <th scope="col">Map</th>
             <th scope="col">Action</th>
           </tr>

From daf55e2c9419b73797bdf81da0a7279a15c86c9d Mon Sep 17 00:00:00 2001
From: Darrel Herbst <dherbst@gmail.com>
Date: Fri, 19 Jan 2024 09:38:22 -0500
Subject: [PATCH 03/13] Modify vscode settings to match the project code
 standards.

---
 .vscode/settings.json | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index b2aac94..6b3a483 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -2,5 +2,7 @@
   "files.trimTrailingWhitespace": true,
   "editor.insertSpaces": true,
   "editor.tabSize": 2,
-  "editor.wordWrap": "on"
+  "editor.wordWrap": "on",
+  "prettier.semi": false,
+  "singleQuote": true
 }

From 433d348a4539d7f93e52a80ba240ffaa69d533f7 Mon Sep 17 00:00:00 2001
From: Darrel Herbst <dherbst@gmail.com>
Date: Fri, 19 Jan 2024 09:57:40 -0500
Subject: [PATCH 04/13] Update web/admin/src/views/LocationsListPage.vue

---
 web/admin/src/views/LocationsListPage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/admin/src/views/LocationsListPage.vue b/web/admin/src/views/LocationsListPage.vue
index a3e2f6e..bf90e23 100644
--- a/web/admin/src/views/LocationsListPage.vue
+++ b/web/admin/src/views/LocationsListPage.vue
@@ -2,7 +2,7 @@
 import { ref, onBeforeMount } from 'vue'
 import { useAuthUserStore } from '@/stores/authUser'
 import { collection, getFirestore, query, where, doc, getDocs, addDoc, updateDoc, orderBy } from 'firebase/firestore'
-import SortableTableHeader from '../components/SortableTableHeader.vue';
+import SortableTableHeader from '@/components/SortableTableHeader.vue'
 
 const user = useAuthUserStore()
 const locations = ref()

From c70d07763909a077c9a0b7210f1f8f6a84046935 Mon Sep 17 00:00:00 2001
From: Darrel Herbst <dherbst@gmail.com>
Date: Fri, 19 Jan 2024 09:58:13 -0500
Subject: [PATCH 05/13] Update web/admin/src/views/LocationsListPage.vue

---
 web/admin/src/views/LocationsListPage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/admin/src/views/LocationsListPage.vue b/web/admin/src/views/LocationsListPage.vue
index bf90e23..459e4c4 100644
--- a/web/admin/src/views/LocationsListPage.vue
+++ b/web/admin/src/views/LocationsListPage.vue
@@ -28,7 +28,7 @@ const sortList = param => {
 }
 
 onBeforeMount( async () => {
-  await refreshList();
+  await refreshList()
 })
 
 const mapsquery = (loc)=>{

From 5a10f1ea1e36cc45884729e04abaac5eb885a8ee Mon Sep 17 00:00:00 2001
From: Darrel Herbst <dherbst@gmail.com>
Date: Fri, 19 Jan 2024 10:01:48 -0500
Subject: [PATCH 06/13] Added city column back in.

---
 web/admin/src/views/LocationsListPage.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/web/admin/src/views/LocationsListPage.vue b/web/admin/src/views/LocationsListPage.vue
index 459e4c4..ccab09a 100644
--- a/web/admin/src/views/LocationsListPage.vue
+++ b/web/admin/src/views/LocationsListPage.vue
@@ -48,6 +48,7 @@ const mapsquery = (loc)=>{
             <SortableTableHeader heading="Name" sortKey="name" :sortBy="sortBy" :sortAsc="sortAsc" @sort-list="sortList" />
             <SortableTableHeader heading="Display Name" sortKey="displayname" :sortBy="sortBy" :sortAsc="sortAsc" @sort-list="sortList" />
             <SortableTableHeader heading="Street Address" sortKey="street" :sortBy="sortBy" :sortAsc="sortAsc" @sort-list="sortList" />
+            <SortableTableHeader heading="City" sortKey="city" :sortBy="sortBy" :sortAsc="sortAsc" @sort-list="sortList" />
             <SortableTableHeader heading="State" sortKey="state" :sortBy="sortBy" :sortAsc="sortAsc" @sort-list="sortList" />
             <SortableTableHeader heading="Zip" sortKey="zip" :sortBy="sortBy" :sortAsc="sortAsc" @sort-list="sortList" />
             <th scope="col">Map</th>

From e3190a75a64e3d6be447783782ff1211019a0c4e Mon Sep 17 00:00:00 2001
From: Darrel Herbst <dherbst@gmail.com>
Date: Fri, 19 Jan 2024 14:32:47 -0500
Subject: [PATCH 07/13] Adds key for volunteer list for loop.

---
 web/admin/src/components/VolunteerList.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/admin/src/components/VolunteerList.vue b/web/admin/src/components/VolunteerList.vue
index b231435..31471e4 100644
--- a/web/admin/src/components/VolunteerList.vue
+++ b/web/admin/src/components/VolunteerList.vue
@@ -76,7 +76,7 @@ const updateInactive = async id => {
           </tr>
         </thead>
         <tbody>
-          <tr v-for="v in volunteers">
+          <tr v-for="v in volunteers" :key="v.email">
             <td>{{ v.firstname }}</td>
             <td>{{ v.lastname }}</td>
             <td>

From 1b55df432efac3d078de3a3813d0eddb17773369 Mon Sep 17 00:00:00 2001
From: Darrel Herbst <dherbst@gmail.com>
Date: Fri, 19 Jan 2024 14:34:36 -0500
Subject: [PATCH 08/13] Adds release note for #275

---
 web/admin/src/views/ReleaseNotesPage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/admin/src/views/ReleaseNotesPage.vue b/web/admin/src/views/ReleaseNotesPage.vue
index a1aba3b..2bb56ba 100644
--- a/web/admin/src/views/ReleaseNotesPage.vue
+++ b/web/admin/src/views/ReleaseNotesPage.vue
@@ -7,7 +7,7 @@
   <h1>Release Notes</h1>
   <h2 id="1.13.0">January , 2024 - 1.13.0</h2>
   <ul>
-    <li></li>
+    <li><a href="https://github.com/ncosd/food-pantry-app/issues/275">#275</a> Add sorting the column headers on Locations page.</li>
   </ul>
   <h2 id="1.12.0">January 17, 2024 - 1.12.0</h2>
   <ul>

From 9184affc3fef56f03410ce52ae557789cb8c1aa0 Mon Sep 17 00:00:00 2001
From: Darrel Herbst <dherbst@gmail.com>
Date: Fri, 19 Jan 2024 15:55:41 -0500
Subject: [PATCH 09/13] Saves driver status on the volunteer list page.

---
 web/admin/src/components/VolunteerList.vue    |  2 +
 web/admin/src/views/ProfileAdminFormsPage.vue |  6 ++-
 web/functions/index.js                        | 46 ++++++++++++++++++-
 3 files changed, 52 insertions(+), 2 deletions(-)

diff --git a/web/admin/src/components/VolunteerList.vue b/web/admin/src/components/VolunteerList.vue
index 31471e4..0b7ac58 100644
--- a/web/admin/src/components/VolunteerList.vue
+++ b/web/admin/src/components/VolunteerList.vue
@@ -70,6 +70,7 @@ const updateInactive = async id => {
             <SortableTableHeader heading="First Name" sortKey="firstname" :sortBy="sortBy" :sortAsc="sortAsc" @sort-list="sort" />
             <SortableTableHeader heading="Last Name" sortKey="lastname" :sortBy="sortBy" :sortAsc="sortAsc" @sort-list="sort" />
             <SortableTableHeader heading="Email" sortKey="email" :sortBy="sortBy" :sortAsc="sortAsc" @sort-list="sort" />
+            <th scope="col">Driver</th>
             <th scope="col">Status</th>
             <th scope="col">Action</th>
             <SortableTableHeader heading="Updated" sortKey="updated" :sortBy="sortBy" :sortAsc="sortAsc" @sort-list="sort" />
@@ -82,6 +83,7 @@ const updateInactive = async id => {
             <td>
               <router-link :to="{ name: 'Profile', params: { uid: v.userid } }">{{ v.email }}</router-link>
             </td>
+            <td><i v-if="v.isDriver" class="bi bi-car-front"></i> <i v-if="v.isApprovedDriver" class="bi bi-check-circle text-success"></i></td>
             <td>{{ v.status }}</td>
             <td>
               <button class="btn btn-sm btn-primary me-1" @click="updateApprove(v.userid)">Approve</button>
diff --git a/web/admin/src/views/ProfileAdminFormsPage.vue b/web/admin/src/views/ProfileAdminFormsPage.vue
index 927e4c2..4d95a2e 100644
--- a/web/admin/src/views/ProfileAdminFormsPage.vue
+++ b/web/admin/src/views/ProfileAdminFormsPage.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { ref, onBeforeMount } from 'vue'
-import { getFirestore, doc, getDoc, setDoc, addDoc, collection } from 'firebase/firestore'
+import { getFirestore, doc, getDoc, setDoc, addDoc, updateDoc, collection } from 'firebase/firestore'
 import { useAuthUserStore } from '@/stores/authUser'
 import { useRouter } from 'vue-router'
 import dayjs from 'dayjs'
@@ -88,6 +88,10 @@ const saveForm = async(formData)=>{
       'approverName': adminUser.data.displayName,
     })
 
+    // Update the VolunteerProfileState with the isDriverApproved value.
+    const vps = doc(db, 'volunteerprofilestate', props.volunteerId)
+    await updateDoc(vps, { isApprovedDriver: completed.value })
+
     showSuccess.value = true
   } catch (err) {
     console.log('err', err)
diff --git a/web/functions/index.js b/web/functions/index.js
index d773cce..dd48ced 100644
--- a/web/functions/index.js
+++ b/web/functions/index.js
@@ -1,6 +1,6 @@
 const functions = require("firebase-functions");
 const { onCall } = require('firebase-functions/v2/https');
-const { onDocumentCreated, onDocumentDeleted, onDocumentWritten } = require('firebase-functions/v2/firestore');
+const { onDocumentCreated, onDocumentDeleted, onDocumentWritten, onDocumentUpdated } = require('firebase-functions/v2/firestore');
 const admin = require('firebase-admin');
 const { FieldValue } = require('firebase-admin/firestore');
 const fs = require('firebase-admin/firestore');
@@ -171,6 +171,8 @@ exports.addVolunteerProfileOnCreatev2 = onDocumentCreated('volunteerprofile/{use
     firstname: profile.firstname,
     lastname: profile.lastname,
     email: profile.email,
+    isDriver: profile.isDriver,
+    isApprovedDriver: false,
     status: "in-review",
     created: fs.Timestamp.now(),
     updated: fs.Timestamp.now()
@@ -190,6 +192,48 @@ exports.addVolunteerProfileOnCreatev2 = onDocumentCreated('volunteerprofile/{use
   }
 });
 
+// When a Volunteer changes their VolunteerProfile, update the VolunteerProfileState
+exports.updateVolunteerProfile = onDocumentUpdated('volunteerprofile/{userId}', async (event) => {
+
+  const profileSnap = event.data;
+  if (!profileSnap) {
+    console.log('No data.');
+    return;
+  }
+  const profile = event.data.after.data();
+
+  const vpsRef = db.collection('volunteerprofilestate').doc(event.params.userId)
+  const vpsSnap = await vpsRef.get()
+  let vpsData = vpsSnap.data()
+  let saveIt = false
+  if ((!Object.hasOwn(profile, 'isDriver')) || profile.isDriver !== vpsData.isDriver) {
+    if (!Object.hasOwn(profile, 'isDriver')) {
+      vpsData.isDriver = false
+    } else {
+      vpsData.isDriver = profile.isDriver
+    }
+    saveIt = true
+  }
+
+  if (profile.firstname !== vpsData.firstname) {
+    vpsData.firstname = profile.firstname
+    saveIt = true
+  }
+  if (profile.lastname !== vpsData.lastname) {
+    vpsData.lastname = profile.lastname
+    saveIt = true
+  }
+
+  if (saveIt) {
+    await vpsRef.update(vpsData)
+    console.log('saved ', vpsData)
+  }
+
+});
+
+
+
+
 // When an attending is created, update the window.numAttending
 exports.attendingCreated = onDocumentCreated('window/{winId}/attending/{userId}', async (event) => {
 

From dfb19e15d136a74981790b193ec1d58795a6150d Mon Sep 17 00:00:00 2001
From: Darrel Herbst <dherbst@gmail.com>
Date: Fri, 19 Jan 2024 15:57:42 -0500
Subject: [PATCH 10/13] Add release note for #281

---
 web/admin/src/views/ReleaseNotesPage.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/web/admin/src/views/ReleaseNotesPage.vue b/web/admin/src/views/ReleaseNotesPage.vue
index 2bb56ba..32c4749 100644
--- a/web/admin/src/views/ReleaseNotesPage.vue
+++ b/web/admin/src/views/ReleaseNotesPage.vue
@@ -8,6 +8,7 @@
   <h2 id="1.13.0">January , 2024 - 1.13.0</h2>
   <ul>
     <li><a href="https://github.com/ncosd/food-pantry-app/issues/275">#275</a> Add sorting the column headers on Locations page.</li>
+    <li><a href="https://github.com/ncosd/food-pantry-app/issues/281">#281</a> Display if a volunteer wants to be a driver and if they are approved.</li>
   </ul>
   <h2 id="1.12.0">January 17, 2024 - 1.12.0</h2>
   <ul>

From 2e60769136f0751c80f6e24325b5e85be7e1a343 Mon Sep 17 00:00:00 2001
From: Darrel Herbst <dherbst@gmail.com>
Date: Sat, 20 Jan 2024 09:16:01 -0500
Subject: [PATCH 11/13] Can filter on driver status for #277

---
 web/admin/src/components/VolunteerList.vue |  5 ++-
 web/admin/src/views/VolunteersPage.vue     | 39 ++++++++++++++++++----
 2 files changed, 36 insertions(+), 8 deletions(-)

diff --git a/web/admin/src/components/VolunteerList.vue b/web/admin/src/components/VolunteerList.vue
index 0b7ac58..315cf1f 100644
--- a/web/admin/src/components/VolunteerList.vue
+++ b/web/admin/src/components/VolunteerList.vue
@@ -83,7 +83,10 @@ const updateInactive = async id => {
             <td>
               <router-link :to="{ name: 'Profile', params: { uid: v.userid } }">{{ v.email }}</router-link>
             </td>
-            <td><i v-if="v.isDriver" class="bi bi-car-front"></i> <i v-if="v.isApprovedDriver" class="bi bi-check-circle text-success"></i></td>
+            <td>
+              <i v-if="v.isDriver" class="bi bi-car-front" title="Driver"></i>
+              <i v-if="v.isApprovedDriver" class="ms-2 bi bi-check-circle text-success" title="Approved Driver"></i>
+            </td>
             <td>{{ v.status }}</td>
             <td>
               <button class="btn btn-sm btn-primary me-1" @click="updateApprove(v.userid)">Approve</button>
diff --git a/web/admin/src/views/VolunteersPage.vue b/web/admin/src/views/VolunteersPage.vue
index f8da9e6..71dee65 100644
--- a/web/admin/src/views/VolunteersPage.vue
+++ b/web/admin/src/views/VolunteersPage.vue
@@ -3,14 +3,25 @@ import { reactive, computed, ref, onBeforeMount } from "vue"
 import VolunteerList from "@/components/VolunteerList.vue"
 import { collection, getFirestore, query, where, getDocs, orderBy } from "firebase/firestore"
 
-var volunteers = ref()
+const volunteers = ref()
 const statusFilter = ref("in-review")
 const sortBy = ref("firstname")
 const sortAsc = ref(true)
+const driverFilter = ref(false)
+const approvedDriverFilter = ref(false)
 
 const refreshList = async () => {
   const db = getFirestore()
-  const q = query(collection(db, "volunteerprofilestate"), where("status", "==", statusFilter.value), orderBy(sortBy.value, sortAsc.value ? "asc" : "desc"))
+  const volunteerCollection = collection(db, "volunteerprofilestate")
+  let q = query(volunteerCollection, where("status", "==", statusFilter.value), orderBy(sortBy.value, sortAsc.value ? "asc" : "desc"))
+
+  if (driverFilter.value) {
+    q = query(q, where('isDriver', '==', true))
+  }
+  if (approvedDriverFilter.value) {
+    q = query(q, where('isApprovedDriver', '==', true))
+  }
+
   const pstates = await getDocs(q)
   volunteers.value = []
   pstates.forEach(prof => {
@@ -31,9 +42,23 @@ onBeforeMount(async () => {
 </script>
 
 <template>
-  <div class="container">
-    <div class="row ms-1">
-      <b>Filter</b>
+<div class="container">
+
+  <h1>Volunteers</h1>
+  <div class="p-2 m-3">
+    <div><b>Filter</b></div>
+    <div class="row ms-1" >
+      <div class="col">
+        <input id="driverFilter" class="form-check-input me-2" type="checkbox" v-model="driverFilter" @change="refreshList">
+        <label class="form-check-label" for="driverFilter"><i class="bi bi-car-front" title="Driver"></i> Driver</label>
+
+        <input id="approvedDriverFilter" class="form-check-input ms-3 me-2" type="checkbox" v-model="approvedDriverFilter" @change="refreshList">
+        <label class="form-check-label" for="approvedDriverFilter"><i class="bi bi-check-circle text-success"></i> Approved Driver</label>
+
+      </div>
+    </div>
+
+    <div class="row mb-3 ms-1">
       <div class="col">
         <label class="col-form-label" for="statusFilter">Status</label>
         <select class="form-select" id="statusFilter" v-model="statusFilter" @change="refreshList">
@@ -43,7 +68,7 @@ onBeforeMount(async () => {
         </select>
       </div>
     </div>
-
-    <volunteer-list :volunteers="volunteers" :sortBy="sortBy" :sortAsc="sortAsc" @refresh-list="refreshList" @sort-list="sortList"></volunteer-list>
   </div>
+  <volunteer-list :volunteers="volunteers" :sortBy="sortBy" :sortAsc="sortAsc" @refresh-list="refreshList" @sort-list="sortList"></volunteer-list>
+</div>
 </template>

From 91167b3d984b32925c69af655c9e0cc570daf8f8 Mon Sep 17 00:00:00 2001
From: Darrel Herbst <dherbst@gmail.com>
Date: Sat, 20 Jan 2024 09:26:10 -0500
Subject: [PATCH 12/13] Updated release note for filtering on driver status.

---
 web/admin/src/views/ReleaseNotesPage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/admin/src/views/ReleaseNotesPage.vue b/web/admin/src/views/ReleaseNotesPage.vue
index 32c4749..2db9883 100644
--- a/web/admin/src/views/ReleaseNotesPage.vue
+++ b/web/admin/src/views/ReleaseNotesPage.vue
@@ -8,7 +8,7 @@
   <h2 id="1.13.0">January , 2024 - 1.13.0</h2>
   <ul>
     <li><a href="https://github.com/ncosd/food-pantry-app/issues/275">#275</a> Add sorting the column headers on Locations page.</li>
-    <li><a href="https://github.com/ncosd/food-pantry-app/issues/281">#281</a> Display if a volunteer wants to be a driver and if they are approved.</li>
+    <li><a href="https://github.com/ncosd/food-pantry-app/issues/281">#281</a> Display and filter if a volunteer wants to be a driver and if they are approved.</li>
   </ul>
   <h2 id="1.12.0">January 17, 2024 - 1.12.0</h2>
   <ul>

From 450a55872bfd2069847726c50f58d9d5a7845c60 Mon Sep 17 00:00:00 2001
From: Darrel Herbst <dherbst@gmail.com>
Date: Sat, 20 Jan 2024 09:49:11 -0500
Subject: [PATCH 13/13] Adding indexes for #281 filtering

---
 web/firestore.indexes.json | 58 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 58 insertions(+)

diff --git a/web/firestore.indexes.json b/web/firestore.indexes.json
index 0672a69..b2ca420 100644
--- a/web/firestore.indexes.json
+++ b/web/firestore.indexes.json
@@ -1,5 +1,63 @@
 {
   "indexes": [
+    {
+      "collectionGroup": "volunteerprofilestate",
+      "queryScope": "COLLECTION",
+      "fields": [
+        {
+          "fieldPath": "isApprovedDriver",
+          "order": "ASCENDING"
+        },
+        {
+          "fieldPath": "isDriver",
+          "order": "ASCENDING"
+        },
+        {
+          "fieldPath": "status",
+          "order": "ASCENDING"
+        },
+        {
+          "fieldPath": "firstname",
+          "order": "ASCENDING"
+        }
+      ]
+    },
+    {
+      "collectionGroup": "volunteerprofilestate",
+      "queryScope": "COLLECTION",
+      "fields": [
+        {
+          "fieldPath": "isApprovedDriver",
+          "order": "ASCENDING"
+        },
+        {
+          "fieldPath": "status",
+          "order": "ASCENDING"
+        },
+        {
+          "fieldPath": "firstname",
+          "order": "ASCENDING"
+        }
+      ]
+    },
+    {
+      "collectionGroup": "volunteerprofilestate",
+      "queryScope": "COLLECTION",
+      "fields": [
+        {
+          "fieldPath": "isDriver",
+          "order": "ASCENDING"
+        },
+        {
+          "fieldPath": "status",
+          "order": "ASCENDING"
+        },
+        {
+          "fieldPath": "firstname",
+          "order": "ASCENDING"
+        }
+      ]
+    },
     {
       "collectionGroup": "volunteerprofilestate",
       "queryScope": "COLLECTION",