From b3d1804a2e2affe9a77f34020374dd6cce2eef9d Mon Sep 17 00:00:00 2001 From: Jonas Weinz Date: Sat, 24 Sep 2022 17:49:06 +0200 Subject: [PATCH] small bottstrap template improvements --- ...bootstrap_templates-0.1.0-py3-none-any.whl | Bin 34620 -> 34569 bytes examples/01_hello_world/main.py | 4 +- ...bootstrap_templates-0.1.0-py3-none-any.whl | Bin 34620 -> 34569 bytes examples/02_image_filter/main.py | 4 +- ...bootstrap_templates-0.1.0-py3-none-any.whl | Bin 34620 -> 34569 bytes .../bootstrap_templates.py | 41 +++++++++--------- 6 files changed, 24 insertions(+), 25 deletions(-) diff --git a/dist/pyscript_bootstrap_templates-0.1.0-py3-none-any.whl b/dist/pyscript_bootstrap_templates-0.1.0-py3-none-any.whl index 36cf4913054bbc9f175269879ccba90c3f43975b..f28ee83b7c55f05d52b497c8ab8f2cb96424e976 100644 GIT binary patch delta 3783 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 R1hqsh=Qv%m&WH==e*m6g&!PYT delta 3919 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 K#0P=DR{jHdi38jK diff --git a/examples/01_hello_world/main.py b/examples/01_hello_world/main.py index 6f3063c..f7829a8 100644 --- a/examples/01_hello_world/main.py +++ b/examples/01_hello_world/main.py @@ -13,14 +13,14 @@ div.font_size = 4 btn = bHTML.ButtonPrimary("Click me", parent=app.sidebar) btn.w = 100 -toast_container = bHTML.ToastContainer(parent=app.main_area) +toast_container = bHTML.ToastContainer(parent=app.main) toast_container.position_bottom = 0 toast_container.position_end = 0 def onclick(_): - alert = bHTML.AlertSuccess("You clicked me!", parent=app.main_area) + alert = bHTML.AlertSuccess("You clicked me!", parent=app.main) alert.w = 25 toast = bHTML.Toast("You clicked me!", parent=toast_container) toast.animation = True diff --git a/examples/01_hello_world/resources/pyscript_bootstrap_templates-0.1.0-py3-none-any.whl b/examples/01_hello_world/resources/pyscript_bootstrap_templates-0.1.0-py3-none-any.whl index 36cf4913054bbc9f175269879ccba90c3f43975b..f28ee83b7c55f05d52b497c8ab8f2cb96424e976 100644 GIT binary patch delta 3783 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 R1hqsh=Qv%m&WH==e*m6g&!PYT delta 3919 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 K#0P=DR{jHdi38jK diff --git a/examples/02_image_filter/main.py b/examples/02_image_filter/main.py index bc48b03..e380733 100644 --- a/examples/02_image_filter/main.py +++ b/examples/02_image_filter/main.py @@ -25,7 +25,7 @@ image_input = bInputs.InputFile(label_text="choose image file", parent=app.sideb # FIXME: add filter option to InputFile class! image_input._input.set_attribute("accept", "image/*") -toast_container = bHTML.ToastContainer(parent=app.main_area) +toast_container = bHTML.ToastContainer(parent=app.main) toast_container.position_bottom = 0 toast_container.position_end = 0 @@ -37,7 +37,7 @@ def on_image_change(f, *args): img = sobel_image(np.array(img)) - output = bHTML.Image.from_numpy_array(img, parent=app.main_area) + output = bHTML.Image.from_numpy_array(img, parent=app.main) output.rounded = True output.rounded_size = 10 output.shadow = bHTML.Shadow.LARGE diff --git a/examples/02_image_filter/resources/pyscript_bootstrap_templates-0.1.0-py3-none-any.whl b/examples/02_image_filter/resources/pyscript_bootstrap_templates-0.1.0-py3-none-any.whl index 36cf4913054bbc9f175269879ccba90c3f43975b..f28ee83b7c55f05d52b497c8ab8f2cb96424e976 100644 GIT binary patch delta 3783 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 R1hqsh=Qv%m&WH==e*m6g&!PYT delta 3919 zcmZXX1yod97soFt-7Uz7bR!@&pa_V7jFhB=2q?`cArb=&jf4zC2}nqHjtnU^bO=Zb zJRa>(k^=ILeCzw3u6Nfu>z=jGZ|`&OU3c%Z{}D0xjWPICI$8vT3;+O-09pFS29;E9 z%(T^-#|Ak&E3+&(GZSv`BQl|!h%#nT0{sY)>Um~cc0w&2TYXoF%PGJGyd$1dio<%Rm|sz>^Zk2JYwNOE0h^3mMkb zO1r*EXdGB^x2cfhO?anZRw41TJFb$`SDaGFG!)W_Fq(nuo^^4;qo{`GGA1igu$^d8 zcho%I%5^DxlF9`8U|%)wF#^^^Uasu4>2AMv0=%87(q5J8X|@&`b+OBL608!r+P)B{ zY|~Sz7DY$*Dl}VnJmcOG?%MR+=;xqyp*T40REv@kZHl(tG?Pv?S6qnS(0$T07ZYK5 z#q(ikAg@YlymG(n?&gf!8MyWR16br6%_a}zEZ$2~=Cq5!+z^$zGBVymi=G-?l;NjP zQhv{|eef19EXRm>q5q!F zn1PyOPa86?Ie$M%}652203Hy&dqb_jJ=`jiQCNt)2qfkKGLe9_0dZo%1;OG@>{1} zd0Fr9vBp?bPAyN#^aDQ~9n4->`#obHa$WwO7MVDGq&=@*QeTZ!Ys2p5^YE3SQKsxC zXKQ0IW>baFb!#2!qwT_y?7}0IXCOJfUSzd_Dvhr!H7l!xNJNYF=H)T1(~CB~7vip@ z)+oQJzsyzyYIjUGrQXf=W8h4wQ~a2ew(BTGXEi6hx&sRiBzse0I?Svy`J2bN@I^4< zUDBy8xk^dlo8xP%^-`@<3(MX&p*4{2XWT(nThC(;H`f?P2~zDL1Y%+AhmJ9lVBg`& z!6ocb_U5?bMDfG`{Zg{}a#^G0V6z6e)G(xYec28k*_l^hDUr-Js&I6Ne6PX7+R5NF z;kmN5wYQP)JrOJaLM7ckooE4GJHm1G4HXxslp>-fgZ@2Pe{ab4yo+;nOYeaYd_MbO z=#2dj*9*GDkrVQN^72=PF<9@D(DH>I8+1KjY*i%&fE;E3;JwVSxL`8afU%kD%q<50 ziE=9wifSV*O)tDqDY7rQ9EZcsc=43{=)0Lb)7dHrHVw={(9a`|c(i=g(|qq_OX0WR zc{wmRDVA)qDxo(sJ~^n`UR?i0M1P)*bxcvA*MoPNuX!CT=yL7P%hqlS6-848f$}92 z`f3;A|6YFsl{XdekF3#!(TDk)Zib64!hG34#{xxK0#a%k1dIcPmDx{Gt-Y#_ofO*n zS5*!Q62or_P%zrD6AtO-@k=n!a<8!=uciwawq+zd9_}}&JCU}Rmetcsb?5blJeseH z7;QL^?04Ick(4rz{}$R`sN^yD1L#xQGJY1h#Wi`jtv9?_JAUgk?7?P@ClAR&Te9B! zE@%^oZmc6XiO4?e4)M0SIXgAlhRYNjY~~WvB_h+FtS`$IaD5rVY*Sy$pPx1-7$)3n zI~#t!ui{SUcXf3E%R)0vibAA|I*f1aj4YZmo9B)qyX6%7qe>}5MYX5`i$^__1vsU; z8KnBVDJfH^G`d+~9)<(Uk1^x|;VzFkZhd?LzbaG}lOGvg5}p)H>UyH2)rMHJb*D>w zw|y6HcLrVKI;rCL2<&4&{4v2 z6Blx99|BQs!I&^WzGS&muL2h0@1gCZcj7EkmZ|&@npskjJI8%Iv}xJKxvfoJMaYPH zQ|7#mDG+Q$!oG0lql9y^d{P3`lb-~K$=|SI2_|nP5?QDgSG_%<93Wa&ro-a759M{y z$yyWsGzU1m?BNx2r^v8Ey`-#sS`w<%b{K@$ZPBR;#e^0`+}X?|vqxg%;08*!qt3M^ zfC-7g?b-R&>d6+*l|F3}KL4-e$qLLw?`PDYUgIWCu!p6uGkSd`-8Y^uOs3x%beZds zk-Ohp74fcYScs5O@LPMDvhLcXLv;D9zFZd*l^JFzz2~TD#8S~c+wb;|^J(q7B^ad@ zZ1O;epykGx+Z$U;+d}XD*0HC-u%@3_4lXurZ2KZmn~Wf9J+ZoI-CKL{a=9Y)+bb1! z38d)h#7dF`adya7-G%ttrY#^XObY0pCVQxO-mLmjN zZ)!^;G3|rbk|gwZ;wZZmc(b@-B)Lt9^$1S9;U9LWwomUaugHdaWJa5}PI94k9GQ*M z)L01RAXSwOxcirP4~h8;&45O`kc8>aLumtX+usSwe`R}>R zg0C~3oA(btw6js?4Uc@V(ogpmnS$pGW1(6_EAIon192Z)%1i=v2lyAK>#LSUJ(3>w z`E5o$-$$pS-6eCnwB-({tn|2FZJ$?Ez0y)w-2<0mOpRx!m>D=e3XFd6@(CvH?;|AO z@mhroGIz69sX#8Cj-mA|gxtM03}fG&T2o5rYzfd-=KmM}Fmt;&4w&r7_K7R@F_oLmLe! zJvV?f@S!0)`bU=6*^N?5aQ$u+X3D}mC{}9zD150O=60o(o3k38N1$kP-juN~btqHe zv$U#pJC41f6GJ%Jt}sh)^KefDw$d#=JEQkrR^E)SMusfkF<*UM1 z$u|D^AvsEEXu7aq)RB)$;6-WK>#`Z0?_|**{F^b}r|nUnMpA>&BY1-K(n=InGO||X zZdWws&V{vg<3VY8TXpf)LvxB)Xslb0cn$)(!}-rKV;CXws2TyCASJ-fs-1n}@qSGZ z_6ED|gBYVuW^`48PWRsW`=pF#jm#sG8G>BYCs8G5d>KAt$mG@% zXN`ww1{J-rkD3}I7d2c%=8GvCxAh?j{?Or%%*u&#N3K0g;p@ZukBz!4{9GtD_i1-I zJwB`MG{yovnu2}jt@9pX6;7Hk{6&P@T!=LZ1-F^0?$^DIR;?3>iZTT=c4vW5d`@eQ zCIQv~omtN53$xQ9mPl-lJa&TXSqQ{3cZ=p!IVpWcx0hD@MZ5NfcZ&%%`YtKmjf!$v znp#SYzPz;z)vwXo_zuIZg7v3Z?Evgwwpz$cy*v{~BOVnIg^@Pq@OVa;#ma@D@Ktc! zPmQ}NNvZMM3!>k>swbD| zK5HvOIg9T__k((zR6RDHW%pEkxIfZdqPX!Jsrjw^!+b|abjvvGsRG1Ow9+Fz-}Di6 z(sw<=?3;Pb=udF&tdq}~ns8buohFm)iFE(yjUD1^m?IBuVx1$H_U%=>xR+#doCcUd z%>BZu1}N>DU8%#T-pdfT9R2L>#!#$?xmOD}0x68Q<2mB8!Mhf3%o3Ti?j-h}N9jRt zP=cKfWi{F-K(A$J_98R;`WyxHwEJEQ7yZdi`iTc$-hR%gvZqGB>NPovxq4v?b#N}J z-&~vmzT{>R@fE$+t|GR1efy+LOB8UO> zFXi+<2zRdubZ16nL9Zb!f>=N}A@yjInNNzH9RQ}P0YLN*@biB`8aTDEsGIli5AsWQ z$yVBRDP98ro||}p?C*Yv?I4X`dJLfeXC_?X^7$cX{iF~rArzp0m8CyIj{04C zfAgb32!>Kz?q4Oy^OzF{;kF0l|A0OH5l{TV!oPp&|Ccd*0Ei>P>Dk{M@UZ@u(XpXS K#0P=DR{jHdi38jK diff --git a/pyscript_bootstrap_templates/bootstrap_templates.py b/pyscript_bootstrap_templates/bootstrap_templates.py index ad030ef..619b817 100644 --- a/pyscript_bootstrap_templates/bootstrap_templates.py +++ b/pyscript_bootstrap_templates/bootstrap_templates.py @@ -6,14 +6,16 @@ class PyScriptBootstrapApp(object): def __init__(self, parent_element:str = "pyscript_app"): self._main_div = bHTML.ContainerFluid(id="main") - self.main_div.w = 100 - self.main_div.h = 100 + self._main_div.w = 100 + self._main_div.vh_100 = True + + self._main_div.p = 0 self._parent_element = document.getElementById(parent_element) - self._parent_element.appendChild(self.main_div.element) + self._parent_element.appendChild(self._main_div.element) @property - def main_div(self) -> HTML.Div: + def main(self) -> HTML.Div: return self._main_div class PyScriptBootstrapDashboard(PyScriptBootstrapApp): @@ -21,26 +23,24 @@ class PyScriptBootstrapDashboard(PyScriptBootstrapApp): super().__init__(parent_element) - row = bHTML.Row(parent=self.main_div) - row.height = "100%" - row.width = "100%" - row.mt = 5 - row.display_property = bHTML.DisplayProperty.INLINE_FLEX - #row.set_attribute("style", "flex-shrink: 0;") - - self._sidebar = bHTML.Col(id="sidebar", col_sm=5, col_md=4, col_lg=3, col_xl=3, parent=row) + self._sidebar = bHTML.Col(id="sidebar", col_sm=5, col_md=4, col_lg=3, col_xl=3) self._navbar = bHTML.NavbarDark( - parent=self.main_div, + parent=self._main_div, brand = brand_name, nav_fill=True, toggle_button_for_target=self.sidebar ) - self._navbar.position = bHTML.Position.FIXED_TOP - self._navbar.p = 2 + self._navbar.position = bHTML.Position.STICKY_TOP + self._navbar.w = 100 + row = bHTML.Row(parent=self._main_div) + row.h = 100 + row.w = 100 + row.display_property = bHTML.DisplayProperty.INLINE_FLEX + row.append_child(self.sidebar) self._sidebar.add_classes("sidebar") self._sidebar.background_color = bHTML.BackgroundColor.LIGHT @@ -48,19 +48,18 @@ class PyScriptBootstrapDashboard(PyScriptBootstrapApp): self._sidebar.g = 2 self._sidebar.position = bHTML.Position.STATIC self._sidebar.collapsable = True - self._sidebar.height = "100%" self._sidebar.mw = 100 self._sidebar.shadow = bHTML.Shadow.LARGE - self._sidebar.overflow = bHTML.Overflow.SCROLL + self._sidebar.overflow = bHTML.Overflow.HIDDEN - self._modal = bHTML.Modal(parent=self.main_div, title="Modal") + self._modal = bHTML.Modal(parent=self._main_div, title="Modal") self._main_area = bHTML.Col(id="main_area", parent=row, col_lg=9, col_xl=9) self._main_area.p = 4 - self._main_area.overflow = bHTML.Overflow.SCROLL - self._main_area.height = "100%" + self._main_area.overflow = bHTML.Overflow.HIDDEN + #self._main_area.vh_100 = True self._main_area.mw = 100 def show_modal(self): @@ -86,5 +85,5 @@ class PyScriptBootstrapDashboard(PyScriptBootstrapApp): return self._modal @property - def main_area(self) -> HTML.Div: + def main(self) -> HTML.Div: return self._main_area