Adding the Farm section.

code-for-chapel-hill · Mar 30, 2020 · 4041100 · 4041100
1 parent 18f2480
commit 4041100
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 5 deletions.
diff --git a/covid-19-support/src/App.vue b/covid-19-support/src/App.vue
@@ -13,7 +13,7 @@
       />
       <div id="page-content-wrapper">
         <highlights :need="need" :class="{ toggled: isFilterOpen }" :filteredMarkers="filteredMarkers" />
-        <resource-map :filteredMarkers="filteredMarkers" />
+        <resource-map :filteredMarkers="filteredMarkers" :class="{ noselection: need == 'none' }" />
       </div>
     </div>
   </div>

diff --git a/covid-19-support/src/components/Highlights.vue b/covid-19-support/src/components/Highlights.vue
@@ -83,11 +83,17 @@ export default {
       return this.buildBoxValue('orderonline', 'fa-mouse', this.countOrderOnline)
     },
     curbsidePickupValueBox() {
-      return this.buildBoxValue('curbsidepickup', 'fa-mouse', this.countPickup + this.countDriveUp, true)
+      return this.buildBoxValue('curbsidepickup', 'fa-car', this.countPickup + this.countDriveUp, true)
     },
     deliveryValueBox() {
       return this.buildBoxValue('delivery', 'fa-shipping-fast', this.countDelivery)
     },
+    onFarmPickupValueBox() {
+      return this.buildBoxValue('onfarmpickup', 'fa-tractor', this.countPickup + this.countDriveUp, true)
+    },
+    farmersMarketValueBox() {
+      return this.buildBoxValue('farmersmarket', 'fa-store', this.countPickup + this.countDriveUp, true)
+    },
     seniorShoppingValueBox() {
       return this.buildBoxValue('seniorshopping', 'fa-history', this.countSenior)
     },
@@ -114,6 +120,8 @@ export default {
           return [this.orderOnlineValueBox, this.curbsidePickupValueBox, this.medicalDiscountsValueBox, this.deliveryValueBox]
         case 'family': // Family Meal Kits
           return [this.orderOnlineValueBox, this.curbsidePickupValueBox, this.deliveryValueBox, this.medicalDiscountsValueBox]
+        case 'farm': // Farms
+          return [this.curbsidePickupValueBox, this.onFarmPickupValueBox, this.farmersMarketValueBox, this.orderOnlineValueBox]
         case 'meal': // Free Meals
           return [this.openToPublicValueBox, this.freeStudentMealsValueBox, this.freeProduceValueBox, this.freeGroceryValueBox]
         case 'pharmacy':

diff --git a/covid-19-support/src/components/ResourceMap.vue b/covid-19-support/src/components/ResourceMap.vue
@@ -119,4 +119,8 @@ export default {
     height: calc(100% - 116px);
   }
 }
+
+.noselection.bv-example-row {
+  height: 100%;
+}
 </style>
diff --git a/covid-19-support/src/components/SearchFilter.vue b/covid-19-support/src/components/SearchFilter.vue
@@ -40,6 +40,7 @@ export default {
         { value: 'none', text: this.$tc('label.selectacategory', 1) },
         { value: 'restaurant', text: this.$tc('category.restaurant', 2) },
         { value: 'meal', text: this.$tc('category.meal', 2) },
+        { value: 'farm', text: this.$tc('category.farm', 2) },
         { value: 'grocery', text: this.$tc('category.grocery', 2) },
         { value: 'pharmacy', text: this.$tc('category.pharmacy', 1) },
         { value: 'pet', text: this.$tc('category.petsupplies', 2) }

diff --git a/covid-19-support/src/locales/en.json b/covid-19-support/src/locales/en.json
@@ -2,6 +2,7 @@
   "category": {
     "childcare": "Child care",
     "grocery": "Grocery|Groceries",
+    "farm": "Farm|Farms",
     "meal": "Free meal|Free meals",
     "petsupplies": "Pet Supplies",
     "pharmacy": "Pharmacy|Pharmacies",
@@ -32,7 +33,9 @@
     "orderonline": "Order & pay online",
     "phone": "Phone",
     "seniorshopping": "Senior shopping hours",
-    "selectacategory": "Select a category..."
+    "selectacategory": "Select a category...",
+    "farmersmarket": "Farmers Market|Farmers Markets",
+    "onfarmpickup": "On-farm pick-up"
   },
   "sidebar": {
     "what-do-you-need": "What do you need?",

diff --git a/covid-19-support/src/main.js b/covid-19-support/src/main.js
@@ -2,7 +2,7 @@ import Vue from 'vue'
 import App from './App.vue'
 import i18n from './i18n'
 
-import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'
+import { BootstrapVue } from 'bootstrap-vue' // IconsPlugin
 
 import 'bootstrap/dist/css/bootstrap.css'
 import 'bootstrap-vue/dist/bootstrap-vue.css'
@@ -11,7 +11,7 @@ import 'leaflet/dist/leaflet.css'
 // Install BootstrapVue
 Vue.use(BootstrapVue)
 // Optionally install the BootstrapVue icon components plugin
-Vue.use(IconsPlugin)
+// Vue.use(IconsPlugin)
 
 Vue.config.productionTip = true