From a1866c842cb8a48755c680ba50738bf1ae08c2f7 Mon Sep 17 00:00:00 2001 From: Welton Moura Date: Fri, 27 Dec 2024 15:19:51 -0300 Subject: [PATCH] trocando pesquisa reativo de htmx para ajax --- .../__pycache__/htmx_views.cpython-310.pyc | Bin 2305 -> 2400 bytes .../balcao/__pycache__/urls.cpython-310.pyc | Bin 812 -> 833 bytes gestaoRaul/balcao/htmx_views.py | 18 +++++-- gestaoRaul/balcao/templates/viewBalcao.html | 14 +++--- gestaoRaul/balcao/urls.py | 2 +- gestaoRaul/db.sqlite3 | Bin 253952 -> 253952 bytes gestaoRaul/templates/base.html | 8 +-- .../htmx_list_products_balcao.html | 10 ++-- .../static/comandas/js/viewbalcao.js | 47 +++++++++++++++--- 9 files changed, 70 insertions(+), 29 deletions(-) diff --git a/gestaoRaul/balcao/__pycache__/htmx_views.cpython-310.pyc b/gestaoRaul/balcao/__pycache__/htmx_views.cpython-310.pyc index 77199f86b829450e8c019c76f7369daf96aad1c6..622af600eff072cd6cf906e66efcdcb235745186 100644 GIT binary patch delta 1267 zcmZ`&OK;Oa5cb-R?Ig~l2{dhKX-h#673F}CsCbl$!WC5lE~Y3l-ff!5k95~*sg$aq z_J)wCd_v*?NB#l-fd61|Ktc$KpTLP3+kH^PTK;xs);sgf!>?-JYV$#p%q$%y+%hKNzK~9hlvu2i;m!HZT5nB{e#bU zcah5B%7LK4y9}?m3J^+^>=7aj#P$D{=b?euK2dc+U>3r_@Uj6dgR(}Q;v;359q)NMO<(K&-SU^?$Ty1&h>fM54jFx zVm)}?WB7@-)^$V1xeQkLM(1o}z(mMR(5^Dqi5P!v?s3-Gx{a_qgb9;74|0MWe|AS(Xpl&+*H-?LrE4jR!{Wn8-iXIad;8cxijpR))J z1cES*FcE!J>rZ2)!$LlV2IR%hBb=ax>NEltiq9Zm_9tjGPSbeI9M`77g{YEycjt6a zxZBL9p^_+9&{^&dPy%XL?z?$ZauEjp6z#nmRJvX=nO)U)*gAp zliAs3mu-m_Wlq3t@GDyQM{*U(RI=e0EiZs-3ZA5g*;2SX?nojf18Up`1_PHZ;?M~!YgIByRWS)ZvRojBX%r39 GEc^jEX(Ay2 delta 1137 zcmZuvOHb5L6z=WwcBV5^29Sp!4;9l8i7_!Q6hc5kjERt74C#iHxfN&9(&4rcF++%f zt&6cMH%6E2{1S)u*FMr6j@n@IBo6WlGX- z{J6Me_?U+sx4YA$>!IdqL}C(C0zEWbBeT_jhNf#~wicAavRejQXU4JQT8uIi&I&8B zGMrUru?n0uR%JCfZDy}YPEYsiaQDaTCX$^l6$}mbBJB7+Ku2mxp9v#h$bp>5Ev2P) zWG25S2TG!Klp{iz#?FH}>CDS$<)gc6(Z{`8Z4M0(OmW&03Q6Kd@3`Md%quOigZiG&S5BRny= zjs5|I9=ud`5++Df)C$UtLIxkfC!_czSCd4%7hM_jq2KlxTg|Jm;Ee?hFRFn%Mgogi zqy#Ee&{-vQ!l%+1wR<>;0j?noA`paOgzErKStw8#VJxn!JbSvd#x18;MuXE?ghvZm^NbC&6ac5_ zUDmd8vfuVsz5URKQ9>22wdce1#0wraBL5$|mkASQ+uQQs?Zm%bthDne`H%O~C3*)Y zDx@P%+*&aU@k|&&0b-tsM9uE$xSU<#tb;d?b>=nFKeTT>OS&J$Od&W3GYAh6&YN~V fTJ$k6?gsuGj!2BtW=pn=Q)LmVP@R^kWtIK{gD3A2 diff --git a/gestaoRaul/balcao/__pycache__/urls.cpython-310.pyc b/gestaoRaul/balcao/__pycache__/urls.cpython-310.pyc index 47d3c9dd749082e22e00687a1f61a3d474ce16a3..9946b1d7430fc3fe56e2099759a1caae2fc52f73 100644 GIT binary patch delta 51 zcmZ3(c94xXpO=@50SM;a&PzWzk@r2L#l*kL!ZyVvMOMYBiABj7@dZWsDW%CJo8=h! Fm;kY>5kUX| delta 31 lcmX@ewuX&2pO=@50SL5bBuscar Produto

@@ -94,7 +92,7 @@ id="productId-{{ product.id }}" style="background-color: #293552;" - hx-get="{% url 'addProductBalcaoTeclado' product.id comanda.id 1 %}" hx-trigger="click" hx-target="#list-products-balcao" + > @@ -108,9 +106,9 @@ name="productBox" id="productId-{{ product.id }}" style="background-color: #293552;" - hx-get="{% url 'addProductBalcaoTeclado' product.id comanda.id 1 %} " hx-trigger="click" hx-target="#list-products-balcao" - > - {{ forloop.counter0 }} {{product.name}}
+ + > + {{product.name}}
R$ {{product.price}} diff --git a/gestaoRaul/balcao/urls.py b/gestaoRaul/balcao/urls.py index 561a8e1..4dbdc78 100644 --- a/gestaoRaul/balcao/urls.py +++ b/gestaoRaul/balcao/urls.py @@ -14,7 +14,7 @@ urlpatterns = [ htmx_urlpatterns = [ # path('listProduct/', htmx_views.listProduct, name='listProduct'), - path('listProductBalcao//', htmx_views.listProductBalcao, name='listProductBalcao'), + path('listProductBalcao///', htmx_views.listProductBalcao, name='listProductBalcao'), path('addProductBalcao///', htmx_views.addProductBalcao, name='addProductBalcao'), path('addProductBalcaoTeclado///', htmx_views.addProductBalcaoTeclado, name='addProductBalcaoTeclado'), path('removeProductBalcao/', htmx_views.removeProductBalcao, name='removeProductBalcao'), diff --git a/gestaoRaul/db.sqlite3 b/gestaoRaul/db.sqlite3 index e435ad5c5c34d1e4011164ed57b8e0b446d4eec2..b190cf550a717fdcf04f266568377c919ed2a94e 100644 GIT binary patch delta 1373 zcmaKsUuYCZ9LI0wx3{xiIuWYsU(QfH_?Yz?XoG+EqaC~Y#l;W|`}u7u3vX>4?**XMCe zQ8nHD5;qW3Y4b+{)0j4=dFMw|%>zQTnm(kk7B61b4szK>Xsm{kel8&<_*g$D)^+P0 zK~>9bn6drs}0>tp8gEuhgCqB!e}m+`-Z}ZKsSX`0-sYD7WjlhEUscPM9b@QEf18E9nzB=!LW$M`2g_61ciO+&P3n6PliH8I`!O$mz9_7je$G z?f79}D3w@WNn{2!(>9cHti89L8(9JK9M|RCD92NGV{h>DOGxF)H=m zrA|U*My}0x=(wUAuEcn$Nc?Zi$hKJEagmb{m1DHDpZFz(tv46Aq38Lc-Ju1iwDc#; Gss97NRuq~5 delta 430 zcmZ9|u}fP~6bA5j@0aA|-f;4wkkmF&V>1X6o~A9-P92mYf=LJ2rUL`WuwLW4ulf=v-y?Fl$J{owF%zQb7!yw$*apBDLYW8#Z=0O+WZy{W8$y*vx|32 zj^iv5a?AqZF*8RPVrB_hW`;1xydn%RFA4q3I3dFn2x(@7@QBF~9x@q1ACu&ZnK&WE zxP+uV-$PR1ZTQT(75tFZ*NIzcR%!^@_C8WN=KRz0?rs~e%kQwqRfHp^(UiGRcZt1i z%1+q){sJ%Z#Qo@aS2hu#SDKM;c$U$_dPt{rQhQoysjk(fYO9~>R5jEQcTI=8T@m}K WhN&pVRKmFPc*Acyh}uLG7m@$9iFQc< diff --git a/gestaoRaul/templates/base.html b/gestaoRaul/templates/base.html index 947d45a..f2599ba 100644 --- a/gestaoRaul/templates/base.html +++ b/gestaoRaul/templates/base.html @@ -9,7 +9,6 @@ - {% block 'head' %} {% endblock %} @@ -18,7 +17,7 @@
- +
{% block 'body' %} {% endblock %} + \ No newline at end of file diff --git a/gestaoRaul/templates/htmx_components/htmx_list_products_balcao.html b/gestaoRaul/templates/htmx_components/htmx_list_products_balcao.html index 9480b22..303497a 100644 --- a/gestaoRaul/templates/htmx_components/htmx_list_products_balcao.html +++ b/gestaoRaul/templates/htmx_components/htmx_list_products_balcao.html @@ -8,10 +8,10 @@ name="productBox" id="productId-{{ product.id }}" style="background-color: #293552;" - hx-get="{% url 'addProductBalcaoTeclado' product.id comanda.id 1 %} " hx-trigger="click" hx-target="#list-products-balcao" + > - + {{product.name}}

R$ {{product.price}} @@ -22,9 +22,9 @@ name="productBox" id="productId-{{ product.id }}" style="background-color: #293552;" - hx-get="{% url 'addProductBalcaoTeclado' product.id comanda.id 1 %} " hx-trigger="click" hx-target="#list-products-balcao" - > - {{ forloop.counter0 }} {{product.name}}
+ + > + {{product.name}}
R$ {{product.price}} diff --git a/gestaoRaul/templates/static/comandas/js/viewbalcao.js b/gestaoRaul/templates/static/comandas/js/viewbalcao.js index a8b3976..d38058d 100644 --- a/gestaoRaul/templates/static/comandas/js/viewbalcao.js +++ b/gestaoRaul/templates/static/comandas/js/viewbalcao.js @@ -103,10 +103,10 @@ document.onkeydown = teclado function teclado(event){ if (event.keyCode == 13){ - // const productId = document.getElementById('0').value; - // const comandaId = document.getElementById('comanda0').value; addProductBalcao() reloadPage() + }else{ + console.log(event.keyCode) } } @@ -132,9 +132,6 @@ function addProductBalcao() { reloadPage() } -// document.getElementById('openModal').addEventListener('click', openModal); - - document.getElementById('productForm').addEventListener('submit', function(event) { event.preventDefault(); @@ -151,4 +148,42 @@ qtd.addEventListener('input', () => { console.log(chave, valor); }); - \ No newline at end of file + + + +function searchProduct() { + var search_product = document.getElementById('search-product').value + var productListElement = document.getElementById("product-list"); + if(search_product.length >= 1){ + fetch(`/balcao/listProductBalcao/13/${search_product}`, { + method: 'GET', + } + ).then(function(response) { + return response.text(); + }).then(function(text) { + productListElement.innerHTML = text; + + })} + +} + +function addProductClick(productId, comandaId) { + var xhr = new XMLHttpRequest(); + xhr.open("GET", "{% url 'addProductBalcaoTeclado' product.id comanda.id 1 %}", true); + xhr.onreadystatechange = function() { + if (xhr.readyState === 4 && xhr.status === 200) { + var response = JSON.parse(xhr.responseText); + var listProductsBalcaoElement = document.getElementById("list-products-balcao"); + listProductsBalcaoElement.innerHTML = response.html; + } + }; + xhr.send(); +} + + + +// hx-get="{% url 'listProductBalcao' comanda.id %}" +// hx-trigger="keyup" +// hx-target="#product-list" + +// hx-get="{% url 'addProductBalcaoTeclado' product.id comanda.id 1 %}" hx-trigger="click" hx-target="#list-products-balcao" \ No newline at end of file