feat: add category browsing functionality to store

Fixes #4

printrov_merch_store/hooks.py

@@ -59,10 +59,11 @@
 # ----------
 
 # add methods and filters to jinja environment
-# jinja = {
-# "methods": "printrov_merch_store.utils.jinja_methods",
-# "filters": "printrov_merch_store.utils.jinja_filters"
-# }
+jinja = {
+    "methods": [
+        "printrov_merch_store.utils.get_categories_with_count"
+    ],
+}
 
 # Installation
 # ------------

printrov_merch_store/printrov_merch_store/doctype/store_product/templates/store_product_list.html

@@ -1,8 +1,9 @@
+{% from "printrov_merch_store/templates/includes/categories_macro.html" import categories_list_group %}
 {% extends "templates/web.html" %}
 
 {% set category = frappe.form_dict.get("category") %}
 
-{% set parents = [{"label": "All Products", "route": "/store"}] %}
+{% set parents = [] %}
 
 {% if category %}
   {% set filters = {"is_published": 1, "printrove_category": category} %}
@@ -17,6 +18,9 @@
 ) %}
 
 {% block page_content %}
+    <h4 class="text-muted mb-3">Browse By Category</h4>
+    {{ categories_list_group(active_category=category) }}
+
     <h2 class="mb-6">{{ "All Products" if not category else category }}</h2>
 
     {% if products | len == 0 %}

printrov_merch_store/templates/includes/categories_macro.html

@@ -0,0 +1,15 @@
+{% macro categories_list_group(active_category=None) %}
+    {% set categories_with_count = get_categories_with_count() %}
+    <div class="list-group">
+        <a href="/store" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center {{ 'active' if (not active_category) else '' }}" aria-current="true">
+            All
+            <span class="badge badge-primary badge-pill">{{ categories_with_count.values()|sum }}</span>
+        </a>
+        {% for category, count in categories_with_count.items() %}
+            <a href="/store?category={{category}}" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center {{ 'active' if category == active_category else '' }}" aria-current="true">
+              {{ category }}
+              <span class="badge badge-primary badge-pill">{{ count }}</span>
+            </a>
+        {% endfor %}
+    </div>
+{% endmacro %}

printrov_merch_store/utils.py

@@ -1,3 +1,5 @@
+from collections import defaultdict
+
 import frappe
 import razorpay
 from frappe.integrations.utils import (
@@ -86,3 +88,16 @@ def get_razorpay_client():
     key_secret = razorpay_settings.get_password("key_secret")
 
     return razorpay.Client(auth=(key_id, key_secret))
+
+
+def get_categories_with_count():
+    categories_with_count = defaultdict(lambda: 0)
+    product_categories = frappe.db.get_all(
+        "Store Product", pluck="printrove_category"
+    )
+
+    # Count the number of products in each category
+    for category in product_categories:
+        categories_with_count[category] += 1
+
+    return categories_with_count