From d16d194ae44ee1fe880f808ea3b006390eb44b6c Mon Sep 17 00:00:00 2001
From: Pablo Moreno <pablo@kasfactory.net>
Date: Wed, 27 Nov 2024 17:28:09 +0100
Subject: [PATCH] feat: update cart with custom trigger

---
 theme/templates/theme/base.html               |   2 +-
 web/static/favicon.ico                        | Bin 0 -> 15406 bytes
 .../components/cart/cart_dropdown.html        |  57 ------------------
 web/templates/components/generic/navbar.html  |   2 +-
 web/views.py                                  |   4 +-
 5 files changed, 4 insertions(+), 61 deletions(-)
 create mode 100644 web/static/favicon.ico
 delete mode 100644 web/templates/components/cart/cart_dropdown.html

diff --git a/theme/templates/theme/base.html b/theme/templates/theme/base.html
index 4ad77ba..207f9b2 100644
--- a/theme/templates/theme/base.html
+++ b/theme/templates/theme/base.html
@@ -7,7 +7,7 @@
   <title>{{ title }}</title>
 
   {% include "theme/seo.html" %}
-
+  <link rel="shortcut icon" type="image/png" href="{% static 'favicon.ico' %}"/>
   <script src="https://unpkg.com/htmx.org@2.0.3"></script>
 
   {% tailwind_css %}
diff --git a/web/static/favicon.ico b/web/static/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..97068fe92c0519f85777e6a668b9a40ee30f26e9
GIT binary patch
literal 15406
zcmeHO33Qaz6&^vXZBJWUw^pf8h0KH`Gg%0`ECPxkR6tOHn2=c#maH?Ag=FRr1OkDO
z$P)G?0b~;@vKK)h2q7%8iwZ8(qu^019$K|3|LgtU%=`H>OeQng&~un`?s@-z@4L%;
z|6A_6_l-t#ho-sao_jP@w$>!xsnK-MXf&-`yWVww)M%CwE<D^#57KB3-LKK;s1C6Z
zhYL@I-@gcbP)tOacA~-1_F*-XAw=7Y@CA`!x+pbX{TvY*G|D`BBwIAEgta%cJ1J-p
zA#H;P_3!=Ts<MTwclS=$qID15D`@I6Qm>O1mKL*5K0MF5b&9+uXk=5rv?L4r;<Jxf
z%nL)9A^5QnK@+9JZth_l7xVrTk4MWryGF|~!v}otw3#jea?_2U_V3eG?%6F`ezt#4
z*<mxkCs{1N5xgj!HuK5cRMSmz)pdM56aQ|~Wp>!&JNpEyrQ@(+!<u`_nvj<8F!7(B
zH&bGBrsuMvd>dOdE1yltO=8PRr?N>|W7yKUQ(4g@8*`)^`+D-@-Dx);T3=qu>n$vq
z#5S&)&!*?4vn}hFv8m1!_S))2YysgNHdCrM{z=(muc9vWuUs^<8vpER6WA+DN;o*I
z=0%?TIq7kK&CedkZ7r127}}w>A9h3Tf|7}h+Ii5EU$PndEuKA@Rqory!2j0n*V*13
zud<RUnH;xa<$PAYU<N&JrM?*ZwI{#RYO&^LkCh9hR9UiH<Y`n+b)?978HpS>B_~NH
zJ~ut#hfIs*4{8}SCYDJy%adwcAkXyut0ttqRBg`G#*Z;beEXd?%RwqXtF68_x@3#}
zvy@?KnUyt$R)ePfVV!AB(31e`Q$zfsqBJdZx<~#(vTm9qHOUVO3c63L)&8y~x}W%F
zw7%uh8uU$+A(%zzbzek=X;Xah8rrq(K=n@$$OJzT|CUId4z>sUBYp{bd-v$f#wEnD
z9$ljuy~`1y+5~UHB7%ckMd@`{+lRMf#@H9w@FCBjJ|j7&dT2DXD+KhrllZ=d?hoEQ
z#lE_7iJd)hn04t84tW>7NuvIl0)0yt&gS*My!<gsPfp}EM1{5;;EksyTzH!{_e0iL
zb1aty{eb6(4ut-nyzxcqwX4B%=Iu&_XYI-*Tz^EUZoD@hAGl_;uYKOVOM7<u_#rN@
zvSK&u7!}5744m=CM}6;r{+Wf77}|d2lZ(s}KhmW?EU33P9&b1)&G;u;j|)Z)?RN$8
zI!7DW@WBJPZoJ2j`1@t7m!6O@KK4wPXg$|Qdn@bPt1Ex*+oPlGuo^2Rn|Z6}8t17W
zx@p~cpVmuSlg)D63j^iuog-x$Q?!Rh$>x~BGVnElb?hkl>E2!B=!g)xQ~NM^@PJ<O
zgw%LZ|4V6H{6n5P)$eGxOSh@iY8~}kHLWS0omSI6w9RghukYGXCv!>nMzo(GvQ7f(
z$wd43)9!EkDUC0QzDIg}f#f7*W>()@eVIu<OA6WWt-Bx47xf35+2%{9C(UU$4ujt1
z^9tFXZR<G9F3jO}Y~NVU-~U0r6Y4CQHCd?xp9Z)$wyfp2t*<WU?@p_^+*60IcdDNa
zIne#VJI6T8B7bXQW+J<Awu-;Q??Ih)Wpk7|OUW+;?qt=Q9QXd2Dwda#fVq6smp)G#
z`97;4r@)cSeJ}W5kOLf^0aJ;FcldY$NB$PafhKU0o$J3QX*A6|_0;rEW8j2Z*EI4~
z@eZF?$n~bbfP7=rn>^uWn{uqCztyBqjfXEz`oArnlA-i#)&A{VF8p2bJ-qcld{pRP
zUp`l<2cH`_ht=ZO9+;JG3POE+Z!z}P(l-W9Js!P{KQZ3s&TuHatCzm)(r+_osM}f7
zGtKwG(AD5zvy|1OQ;m06O}WsG^TuX6djMul&F1#Jx}sFUtzI^Z<K`7f3J!IrIaB#q
z-MoIO8^4s^6aAh8v|g=&{$mGsDc`V^bO876sY(Us?fYYFEPOei*FAgufKqqn<P7M)
zCP}r=0jhTzy0G5NrSlO0;~w(}=Oux|ISBR8UV%f2ISc&D1z8Fn^8vWp=77Z#)q>6*
z-;oVs&u+-_D=Ep;QvIzxpK~*e!LXCozm=Y}rg+b_nx5nO?WWA8(C4WGdoJ{ozc$d5
z))enfyJ<c2OR1wDZESrOi=~BRr@3x37YU&6ewo(Z{{*sE)YVRj)>#_o*Li!<W;YOS
ze_dq;%9opB3|7a6q%>2fKzyY@_1&)j^XLJ@Nhn0Ci6dyJI0=cW>DRnv%a*@J9HpiT
z{^B76vZ#J@e|hR!kAliA5a&hgIYO^pNayaE;UPgrL)(@C#nhl5v1{Uw3nv*AKUff{
z56UN*1NHg`8|#dD7wK6>@D0IroZG2HOz1m`Q@lg*h|d1@OH@dk$B6H!i&rPRWnHKD
zZ>SB64Xs)swBKOAR;^myjsAun0L9%|zdqerug5zw#Fhvr(>FP+*9X<=PwO9j^Z~S2
z$byW1y&vZ?fulCa;i1|RGQPpaQ&foVNyKg-f5@PIY}N9Gtm>^jY{%veEP0HPw~6##
z4-XA;)YfSjFOWm=43;|1%yw+qzz!eS&DKy{Y49^o3R&M9LV~*1Cd*Iy9n`mzU|$!C
z`yhUW90y`wUs6oz(#3P^>ApQ&dc$-Ve93G>F|^3A;4`p)#PDZ%{7%HtAZ!2b?Mh4u
z<H(mRe`&5ct1X4jp4~dI%8ECXSe(#pPaP}z?MGj7!@{&$`i>t$R%ZHmo&ypxP+mBH
zk_~vO7nc<grhC(utN>`uY0a6AafxxiZPR+*??NwPdM`dV$ld?i&wa@a3v1Id(x810
z_M78Iu#4wiaa1Ae?Wzh9(?x7~oiAB|&>}*DV#t0Tvqt>!y|c&pH-PQMh52F*lTK|}
zEpnTYoK3JFanCs=)0DpW_`+Eh|I+ikA3!&RYDd;0t5!1NeNt*%WLo0L8NIr-zY4j4
zK0Q0Lq{MhO?AiW&9s);kPB}4d=su^_SndlF;)Ygsj0#ok95U!BHqH{qW9mXa<p;0l
zq>f$#Ipl|Cq@_KF{Vkv$&Nbw_mN@N}ui!_fSYBilcUANXT_`Co$|$bNa??$U&nbLQ
z&ysvm#CuuS4hFBXpd&TmMMVzIZIadWL?Ff|B_;ie&K;%1`=ihgIa$eZ$eB{yw>^*l
zcIjZ?xze=65i;dZ{XQ4cd0r+Pc`O(*q9fYLJt&q;@ohOXDVAc>CN7K0>!kNs*0`8^
z1F=6hC5C)x^VhJQ`2XchH$E@L#@-!>j9XdPnQl%|`rT@by_L4qMK{?$-`)4}s8LNH
zv#*QIY92ak=ZXHu`AbdvB|K-R8oScC|1a7=^I)%JjSuxF&h&F>8`gbVH#cC-A;21N
zh2U*!OJ!34#XSC*Z8PfY(;vBMqYY&90fPT2W62#)Xo`1=+3l&1{ou{9#<z0Xj5!p4
zxeS{T??>FS*bOr%w~<Hr2hb2toSAP|Xox|Ib{6KPDR}TAKOksA7E1678ui;pQqsuZ
z*S8HcmL4Ek=b^8-Ad{UvUct^$92Rh3_a;VnK)5aC3#PMENA@bTZ5zuJ8~1Eor{KX?
zHh;Q8J4JaFA@B5&eRQ{F8mCd8eU4a8eeIW$EsxN*ybAkqw?*U{P*&`EjTPj&V!Inw
z&Z9ig5rw{M^DByt2dJK!@AY*{6xz`PI~5xE*Hb(lx}dYBJ4AuBDJR|1jrt$=Z5ZzE
z?A)|UfmMr3+;MCRTSoVmcD}Y!p{-a{q}aH2`5Xlg{#A>M71|n#`71JsA9CFJrSHgp
z8y$$P-s)10CK<K^F#eHm6Cm<mwbO3!fY%>B>N8sREI5ze;mt08adhWxxv-z^HsM~B
z8^%<#1Nnp-w6VO6f^TAGb($;pa3emd=2O#f2dpl>v$}00;}q;bj!*f{GzO4!#eFl-
zu=c#Zc5yYjuknMN81B4*7dgWns&Th%LmAJXfJQ#>b}8L*pW2>4p3!!a@dIQnnNy(5
zGt9;FCl9ju#d+KYwC$Y}2dmM2&ENAU53vQs6TR|c4wq7{&t<>)4A$^KY*yDL|2qnD
z0IyKa@Kn`a1&&ng<a+^VMU(98<l#LE4fT*~6TG`NudYTre&`Lp7J!cY?7=;otI?G;
z)Moy-WKC$NwkeS39Gd^a27G7rUQ<MS4dx=~7_({`o_+0K*aN5JjOV<V%QGfgtMTJL
zCgfrc)A_MaAU3P((%6|L?7w9t-S<%26u@&cI{)s5-PqGhi=1pe-Rl%kJlU121Rc3t
zffr@5JD17n({84hP%cxfqqt)s_;^WkL(s^E<pJ2NRCV8bItTr@r+W5SMYZ|4dEJfi
zee}SNYBbDmU-S3oy?cJOz5C+1qkK$3H`#w&F)Dxum;Y(H1Q})I+hEO5`v5B_mkt{G
zNu9$Mb!xL8egphE$Ut7+QwHuKbNg`)k%rwBfa$y{?naOg^#x?ioNOnbtB{qG-z7lI
zPvr68j|sde=T3L6f#AnFEAXPkdMtcRv;%97prOPZ2QMHy`K5r*0<?A}()@4OJ4<eR
zgkAoYxW5r#|2LzU(PWno(kOX<zhXs*|Iq$_B0Fg`{bRxZA7VY!<`w84_~F^s(RJQK
z{MXuWHIeV7wf{}G{U2vqhE=<V-f)^4M^bjO@j)6p7x?(JnJXGcOXEq!ofztWSNz0k
zp51tw8b>nDZPfq#%+(NQpvJMXW~mOFF-xp%xoL4>HP^g#6x<1<|D))0$iIV+rv~c#
zU3~7+-iJFax6aC%HN&^3^Cizsh`#nLsU3ClJ!;n4aFpD%1OvqamHdPk+p)*wH=M?X
nmn7Lt;m&l^NE%0@Ji(D}daAx>=Z3fVw#3^#aJvV7$vyCYdq!vd

literal 0
HcmV?d00001

diff --git a/web/templates/components/cart/cart_dropdown.html b/web/templates/components/cart/cart_dropdown.html
deleted file mode 100644
index 9e52769..0000000
--- a/web/templates/components/cart/cart_dropdown.html
+++ /dev/null
@@ -1,57 +0,0 @@
-{% load i18n %}
-
-<div class="grid grid-cols-2">
-
-  {% if cart.items.count == 0 %}
-    <h2 class="text-sm font-medium text-gray-900 dark:text-white">No hay nada en el carrito</h2>
-  {% endif %}
-
-  {% for cart_item in cart.items.all %}
-    <div>
-      <a href="#"
-         class="truncate text-sm font-semibold leading-none text-gray-900 dark:text-white hover:underline">{{ cart_item.product.name }}</a>
-      <p
-        class="mt-0.5 truncate text-sm font-normal text-gray-500 dark:text-gray-400">{{ cart_item.product.price.price_with_tax }}</p>
-    </div>
-
-    <div class="flex items-center justify-end gap-6">
-      <p
-        class="text-sm font-normal leading-none text-gray-500 dark:text-gray-400">{% translate 'Cantidad' %}: {{ cart_item.quantity }}</p>
-
-      <form hx-post="{% url 'web:delete_cart_item' pk=cart_item.pk %}"
-            hx-swap="none">
-
-        <button data-tooltip-target="tooltipRemoveItem1a" type="submit"
-                class="text-red-600 hover:text-red-700 dark:text-red-500 dark:hover:text-red-600"
-        >
-          {% csrf_token %}
-          <span class="sr-only">{% translate 'Quitar' %}</span>
-          <svg class="h-4 w-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor"
-               viewBox="0 0 24 24">
-            <path fill-rule="evenodd"
-                  d="M2 12a10 10 0 1 1 20 0 10 10 0 0 1-20 0Zm7.7-3.7a1 1 0 0 0-1.4 1.4l2.3 2.3-2.3 2.3a1 1 0 1 0 1.4 1.4l2.3-2.3 2.3 2.3a1 1 0 0 0 1.4-1.4L13.4 12l2.3-2.3a1 1 0 0 0-1.4-1.4L12 10.6 9.7 8.3Z"
-                  clip-rule="evenodd"/>
-          </svg>
-        </button>
-      </form>
-
-
-      <div id="tooltipRemoveItem1a" role="tooltip"
-           class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
-      >
-        Remove item
-        <div class="tooltip-arrow" data-popper-arrow></div>
-      </div>
-    </div>
-  {% endfor %}
-
-</div>
-
-{% if cart.items.count > 0 %}
-  <a href="#" title=""
-     class="mb-2 me-2 inline-flex w-full items-center justify-center rounded-lg bg-primary-700 px-5 py-2.5 text-sm
-     font-medium text-white hover:bg-primary-800 focus:outline-none focus:ring-4 focus:ring-primary-300
-     dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800"
-     role="button"> {% translate 'Ir a pagar' %}
-  </a>
-{% endif %}
diff --git a/web/templates/components/generic/navbar.html b/web/templates/components/generic/navbar.html
index 42b5457..7b3834f 100644
--- a/web/templates/components/generic/navbar.html
+++ b/web/templates/components/generic/navbar.html
@@ -46,7 +46,7 @@
 
         {% include 'components/theme-switch.html' %}
         <!-- Show/Hide cart -->
-        <div id="navbar-cart-dropdown" hx-get="{% url 'web:cart_dropdown' %}" hx-trigger="load"></div>
+        <div id="navbar-cart-dropdown" hx-get="{% url 'web:cart_dropdown' %}" hx-trigger="load, updated-cart from:body"></div>
 
         {% if request.user.is_authenticated %}
           <!-- Show/Hide user account dropdown -->
diff --git a/web/views.py b/web/views.py
index 625ec4c..7dc2638 100644
--- a/web/views.py
+++ b/web/views.py
@@ -38,7 +38,7 @@ class ProductDetail(TemplateView):
 )
 def add_cart_item(request, *args, **kwargs):
     product = get_object_or_404(Product, pk=request.POST.get("product"))
-    response = HttpResponse(status=201)
+    response = HttpResponse(status=201, headers={'HX-Trigger': 'updated-cart'})
 
     if not request.user.is_authenticated:
         cart = Cart.objects.create(
@@ -72,7 +72,7 @@ def delete_cart_item(request, pk, *args, **kwargs):
     cart = get_cart(request)
     cart_item = get_object_or_404(CartItem, pk=pk, cart=cart)
     cart_item.delete()
-    return HttpResponse(status=204)
+    return HttpResponse(status=204, headers={'HX-Trigger': 'updated-cart'})
 
 
 index = IndexView.as_view()