From e5ef3898d0a04dd2aba88afd4003ec87e4dbe305 Mon Sep 17 00:00:00 2001 From: Welton Moura Date: Wed, 11 Dec 2024 11:00:22 -0300 Subject: [PATCH] tentanto implementar uma modal --- gestaoRaul/db.sqlite3 | Bin 188416 -> 188416 bytes .../__pycache__/settings.cpython-310.pyc | Bin 2556 -> 2556 bytes gestaoRaul/gestaoRaul/settings.py | 1 + .../home/__pycache__/admin.cpython-310.pyc | Bin 0 -> 192 bytes .../home/__pycache__/apps.cpython-310.pyc | Bin 0 -> 426 bytes .../home/__pycache__/models.cpython-310.pyc | Bin 0 -> 189 bytes .../__pycache__/__init__.cpython-310.pyc | Bin 0 -> 162 bytes gestaoRaul/products/templates/products.html | 38 ++++++++- gestaoRaul/templates/base.html | 1 + .../static/products/css/products.css | 77 ++++++++++++++++++ .../templates/static/products/js/products.js | 2 + 11 files changed, 117 insertions(+), 2 deletions(-) create mode 100644 gestaoRaul/home/__pycache__/admin.cpython-310.pyc create mode 100644 gestaoRaul/home/__pycache__/apps.cpython-310.pyc create mode 100644 gestaoRaul/home/__pycache__/models.cpython-310.pyc create mode 100644 gestaoRaul/home/migrations/__pycache__/__init__.cpython-310.pyc diff --git a/gestaoRaul/db.sqlite3 b/gestaoRaul/db.sqlite3 index f5ebf1fcc6f8506f1a6840dc665f3583c5c36b48..71dc9585f3f8e2543962c1e099fd7a4e4da63ae9 100644 GIT binary patch delta 419 zcmZoTz};|wdxA8h_e2?IM(>RY3+1KxuP|`&OEL4mVCeOE@I$z}R+EDQ_`qRlt-x8Klb)G6Q+;-AXE zznOnF|J3bV3mDt^d03el8QF!vq~P?0>lu@oh4`0GXWzi6$ilydfB9y?f@*#)7G_RH zArK+BedB({U;$|7l3NGo4MV94w2%nw-(}L;FspqX5@4nIMen&_Dn1b02Tmf AHvj+t delta 176 zcmZoTz};|wdxA8h=R_H2M$e523+1I57#O(t4Vd{~@+a``<}c&#=AXsCg5Q<@3ctZ- z!2}Wh$p-qai~^I(^y65Bd6{*aZ|HBoq0gvOz$U=Ikb!^mcD@CS?ferL2uxqNo-vtO zfPdq3_6>}Rn*|Fx`L}P}&loJgEWmwqI{O8nn4-d5?(Ii!GupebG4dZ^;6DIVwT*xJ c0evQrz#j(wKbr*`-t#j9owWUrJrm0U02~N5dH?_b diff --git a/gestaoRaul/gestaoRaul/__pycache__/settings.cpython-310.pyc b/gestaoRaul/gestaoRaul/__pycache__/settings.cpython-310.pyc index e7b626f59c9e7541ca934fc606852a42f5735ce7..9887b0dbb19b26e1db82d66f06ed04fdfa07e7d7 100644 GIT binary patch delta 88 zcmew({70BKpO=@50SH2RBGXGY@=j%9##QgZ8#L}F}#hh-8{F8TaIspK=z#n@6 diff --git a/gestaoRaul/gestaoRaul/settings.py b/gestaoRaul/gestaoRaul/settings.py index 5e0df23..9049ff3 100644 --- a/gestaoRaul/gestaoRaul/settings.py +++ b/gestaoRaul/gestaoRaul/settings.py @@ -44,6 +44,7 @@ INSTALLED_APPS = [ 'clients', 'comandas', 'categories', + 'home', ] MIDDLEWARE = [ diff --git a/gestaoRaul/home/__pycache__/admin.cpython-310.pyc b/gestaoRaul/home/__pycache__/admin.cpython-310.pyc new file mode 100644 index 0000000000000000000000000000000000000000..269d83aa779cc812ba8e2dba27bcfde19f827aa2 GIT binary patch literal 192 zcmd1j<>g`kf~;c^=}tiUF^Gc(44TX@fuanW zjJH@5Q*tx&{4|-O_)@YG^V0M6lJoOQiZYXmKnAR2C}IXuVB(j#vsFxJacWU+oeo$g*PE1CAZfXqJWW9pQTO2mI`6;D2sdkJ& Lvx-6H3NQcwfekL5 literal 0 HcmV?d00001 diff --git a/gestaoRaul/home/__pycache__/apps.cpython-310.pyc b/gestaoRaul/home/__pycache__/apps.cpython-310.pyc new file mode 100644 index 0000000000000000000000000000000000000000..3e61757cb27484bf3b599b85e012ac3225cf5cb9 GIT binary patch literal 426 zcmYjNy-ve05VqqKh5jt4D-vs#j0^~&{_r<-C_+M!CCl{O(8`HJoCv{Mo`ARDMR*9W zOuPaU=cW=p=|21JzWdHTGZ=IU+WPAu`@r+t2m2OcFhaK{2ta^plGBt@azh{h_D+B) zx?yPm;T?%PKgc36b%*1!oSI^}$`(GeZxn+Ox*Z}Yl2RbpO;ZLz8UjO=&~$ zV_3@~GYLEg`kf~;c^={7+6F^Gc(44TX@fuanW zjJMcw^HWlDiv2X1ZgHk$CFZ5)>!l+oeo$g*PE1CAZfXp~RK0@ATO2k(c4g`kf~;c^=^*+sh(HF6K#l_t7qb9~6oz01O-8?!3`HPe1o6w&*(xTqIJKxa zraU#LBtOO_Ke;qFHLs*NCMd|s)j1|TwYVfPKPa&@Cnh65H#H_VGrcIWBr`v+I3_+m fGcU6wK3=b&@)n0pZhlH>PO2Tq_+lm?!NLFlNbD!* literal 0 HcmV?d00001 diff --git a/gestaoRaul/products/templates/products.html b/gestaoRaul/products/templates/products.html index e216db6..901a571 100644 --- a/gestaoRaul/products/templates/products.html +++ b/gestaoRaul/products/templates/products.html @@ -3,7 +3,10 @@ {% block 'head' %} - + + + + {% endblock %} {% block 'title' %} @@ -18,10 +21,15 @@ Produtos
+ {% for product in products %} -
{{product.name}}
+
+ {{product.name}} +
{% endfor %} @@ -29,5 +37,31 @@ Produtos
+{% comment %} +

Titulo modal

+

texto qualquer

+ {% endcomment %} + + + + + + {% endblock %} \ No newline at end of file diff --git a/gestaoRaul/templates/base.html b/gestaoRaul/templates/base.html index 7ad2eb6..599fe3e 100644 --- a/gestaoRaul/templates/base.html +++ b/gestaoRaul/templates/base.html @@ -7,6 +7,7 @@ + {% block 'head' %}{% endblock %} {% block 'title' %}{% endblock %} diff --git a/gestaoRaul/templates/static/products/css/products.css b/gestaoRaul/templates/static/products/css/products.css index e69de29..df8cd95 100644 --- a/gestaoRaul/templates/static/products/css/products.css +++ b/gestaoRaul/templates/static/products/css/products.css @@ -0,0 +1,77 @@ +/* style.css */ + +.modal { + display: none; /* Oculta o modal por padrão */ + position: fixed; /* Posiciona o modal fixo na tela */ + z-index: 1; /* Garante que o modal fique acima de outros elementos */ + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; /* Permite rolagem se o conteúdo for muito grande */ + background-color: rgba(0,0,0,0.4); /* Fundo escurecido */ +} + +.modal-content { + background-color: #fefefe; + margin: 15% auto; /* 15% from the top and centered */ + padding: 20px; + border: 1px solid #888; + width: 80%; +} + +.close { + color: #aaa; + float: right; + font-size: 28px; + font-weight: bold; +} + +.close:hover, +.close:focus { + color: black; + text-decoration: none; + cursor: pointer; +} + + + +.grid-container { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 20px; + max-width: 1100px; /* Define a largura máxima do grid */ + margin: 0 auto; /* Centraliza o grid na página */ + } + +.card { + width: 100%; + height: 80px; + background-color: #f2f2f2; + border-radius: 15px; + box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); + text-align: center; + line-height: 120px; /* Centraliza o texto verticalmente */ + font-size: 20px; + font-weight: bold; + color: #333; + transition: transform 0.2s; + } + +.card:hover { + transform: scale(1.05); + box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3); + } + + + dialog::backdrop { + background-color: rgb(0 0 0 / .5); + } + + dialog { + border: none; + border-radius: .5rem; + box-shadow: 0 0 1em rgb(0 0 0 / .3); + width: 80%; + } + diff --git a/gestaoRaul/templates/static/products/js/products.js b/gestaoRaul/templates/static/products/js/products.js index e69de29..c7dec7f 100644 --- a/gestaoRaul/templates/static/products/js/products.js +++ b/gestaoRaul/templates/static/products/js/products.js @@ -0,0 +1,2 @@ + + \ No newline at end of file