jprdonnelly/pyscript
1
0
Fork 0
mirror of https://github.com/pyscript/pyscript.git synced 2026-05-12 21:01:56 -04:00
Code Issues Projects Releases Wiki Activity

fix post merge issues

Browse Source
This commit is contained in:
Fabio Pliger
2024-02-02 15:59:15 -06:00
parent 9033a09099
commit 4ee0540dd1
13 changed files with 77 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
pyscript.core/test/ui/demo.py
View File

@@ -2,13 +2,14 @@ from textwrap import dedent
import examples
import styles
from pyscript import when, window
from pyweb import pydom
from pyweb.ui import elements as el
from pyweb.ui import shoelace
from pyweb.ui.elements import a, button, div, grid, h1, h2, h3, input_
from pyweb.ui.markdown import markdown
from pyscript import when, window
MAIN_PAGE_MARKDOWN = dedent(
"""
## What is pyweb.ui?

119
pyscript.core/test/ui/examples.py
View File

@@ -1,4 +1,3 @@
from pyscript import when, window
from pyweb import pydom
from pyweb.ui.elements import (
a,
@@ -41,6 +40,8 @@ from pyweb.ui.shoelace import (
Textarea,
)
from pyscript import when, window
LOREM_IPSUM = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
details_code = """
LOREM_IPSUM = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
@@ -140,7 +141,7 @@ Card(p("This is a cool card!"), image="https://pyscript.net/assets/images/pyscri
},
"Radio": {
"instance": Radio("Option 42"),
"code": el.code('Radio("Option 42")'),
"code": code('Radio("Option 42")'),
},
"Radio Group": {
"instance": RadioGroup(
@@ -151,16 +152,67 @@ Card(p("This is a cool card!"), image="https://pyscript.net/assets/images/pyscri
],
label="Select an option",
),
"code": el.code(
"code": code(
"""
RadioGroup([Radio("radio 1", name="radio 1", value=1, style={"margin": "20px"}),
Radio("radio 2", name="radio 2", value=2, style={"margin": "20px"}),
Radio("radio 3", name="radio 3", value=3, style={"margin": "20px"})],
label="Select an option"),"""
),
"instance": Radio(),
"code": "Radio()",
},
"CopyButton": {
"instance": CopyButton(
value="PyShoes!",
copy_label="Copy me!",
sucess_label="Copied, check your clipboard!",
error_label="Oops, something went wrong!",
feedback_timeout=2000,
tooltip_placement="top",
),
"code": 'CopyButton(value="PyShoes!", copy_label="Copy me!", sucess_label="Copied, check your clipboard!", error_label="Oops, something went wrong!", feedback_timeout=2000, tooltip_placement="top")',
},
"Skeleton": {
"instance": Skeleton(effect="pulse"),
"code": "Skeleton(effect='pulse')",
},
"Spinner": {
"instance": Spinner(),
"code": "Spinner()",
},
"Switch": {
"instance": Switch(name="switch", size="large"),
"code": 'Switch(name="switch", size="large")',
},
"Textarea": {
"instance": Textarea(
name="textarea",
label="Textarea",
size="medium",
help_text="This is a textarea",
resize="auto",
),
"code": 'Textarea(name="textarea", label="Textarea", size="medium", help_text="This is a textarea", resize="auto")',
},
"Tag": {
"instance": Tag("Tag", variant="primary", size="medium"),
"code": 'Tag("Tag", variant="primary", size="medium")',
},
"Range": {
"instance": Range(min=0, max=100, value=50),
"code": "Range(min=0, max=100, value=50)",
},
"RelativeTime": {
"instance": RelativeTime(date="2021-01-01T00:00:00Z"),
"code": 'RelativeTime(date="2021-01-01T00:00:00Z")',
},
# "SplitPanel": {
# "instance": SplitPanel(
# div("First panel"), div("Second panel"), orientation="vertical"
# ),
# "code": code(
# 'SplitPanel(div("First panel"), div("Second panel"), orientation="vertical")'
# ),
# },
},
"elements": {
"button": {
@@ -227,62 +279,5 @@ when('click', btn)(lambda: window.alert("Clicked!"))
"instance": markdown(MARKDOWN_EXAMPLE),
"code": f'markdown("""{MARKDOWN_EXAMPLE}""")',
},
"CopyButton": {
"instance": CopyButton(
value="PyShoes!",
copy_label="Copy me!",
sucess_label="Copied, check your clipboard!",
error_label="Oops, something went wrong!",
feedback_timeout=2000,
tooltip_placement="top",
),
"code": el.code(
'CopyButton(value="PyShoes!", copy_label="Copy me!", sucess_label="Copied, check your clipboard!", error_label="Oops, something went wrong!", feedback_timeout=2000, tooltip_placement="top")'
),
},
"Skeleton": {
"instance": Skeleton(effect="pulse"),
"code": el.code("Skeleton(effect='pulse')"),
},
"Spinner": {
"instance": Spinner(),
"code": el.code("Spinner()"),
},
"Switch": {
"instance": Switch(name="switch", size="large"),
"code": el.code('Switch(name="switch", size="large")'),
},
"Textarea": {
"instance": Textarea(
name="textarea",
label="Textarea",
size="medium",
help_text="This is a textarea",
resize="auto",
),
"code": el.code(
'Textarea(name="textarea", label="Textarea", size="medium", help_text="This is a textarea", resize="auto")'
),
},
"Tag": {
"instance": Tag("Tag", variant="primary", size="medium"),
"code": el.code('Tag("Tag", variant="primary", size="medium")'),
},
"Range": {
"instance": Range(min=0, max=100, value=50),
"code": el.code("Range(min=0, max=100, value=50)"),
},
"RelativeTime": {
"instance": RelativeTime(date="2021-01-01T00:00:00Z"),
"code": el.code('RelativeTime(date="2021-01-01T00:00:00Z")'),
},
# "SplitPanel": {
# "instance": SplitPanel(
# el.div("First panel"), el.div("Second panel"), orientation="vertical"
# ),
# "code": el.code(
# 'SplitPanel(div("First panel"), div("Second panel"), orientation="vertical")'
# ),
# },
},
}

3
pyscript.core/test/ui/gallery.py
View File

@@ -3,12 +3,13 @@ from textwrap import dedent
import styles
import tictactoe
from pyscript import when, window
from pyweb import pydom
from pyweb.ui import elements as el
from pyweb.ui import shoelace
from pyweb.ui.markdown import markdown
from pyscript import when, window
MAIN_PAGE_MARKDOWN = dedent(
"""
This gallery is a collection of demos using the PyWeb.UI library. There are meant