def setup(self, container): first = True for key, value in sorted(self.game.worlds.items(), key=lambda e: e[1].sortorder): world_container = html.DIV(Class="world-container" + (" world-container-enabled" if first else " world-container-hidden"), id="world-container_" + key) first = False resources = html.DIV(id="resources") resources <= html.B("Resources availible on " + value.name) resources <= html.HR() resources <= html.DIV(Class="currency-holder-holder") world_container <= resources buildings = html.DIV(id="buildings") buildings <= html.B("Buildings on " + value.name) buildings <= html.HR() buildings <= html.DIV(Class="building-holder-holder") world_container <= buildings world_container <= html.DIV(id="upgrades") vis = html.DIV(id="visualize") vis <= html.H1(key) vis <= html.IMG(src=value.image) world_container <= vis container["world-container-container"] <= world_container
def __init__(self): super().__init__( [ H.H1('todos'), NewTodoInput(), ], Class='header', )
def init(): global SCREEN, CTX document.body.append(html.H1("Browser Invaders - a Python adventure")) SCREEN = html.CANVAS(width=WIDTH, height=HEIGHT) SCREEN.style = {"background": "black"} document.body.append(SCREEN) CTX = SCREEN.getContext("2d") for image_name in "ship", "enemy_01", "enemy_02": images[image_name] = html.IMG(src="images/{}.png".format(image_name)) print("loaded {}.png".format(image_name))
def action(): html.H1('Brython Hello', style={'height':100, 'width':200, 'position': relative}) <script type="text/python" id="script0"> from browser import document, console, alert def show(e): console.log(e) alert('Hello World') document['hello'] <= 'Hello World' document['alert-btn'].bind('click', show)
def render(self): app = html.DIV() aft = AffectedByTextField() input = html.INPUT(type="text") @bind(input, "keyup") def update(e): aft.setState({"text": e.target.value}) app = group(app, [html.H1(self.title), aft.render(), input]) # app <= aft.render() # app <= input return app
def alerts(event): response = False name = '' window.alert('Isso é um alerta!!') while not (response and name): name = window.prompt('Digite seu nome') msg = 'Seu nome é vazio. Vamos refazer a operação' if name: msg = 'Esse é mesmo o seu nome?' response = window.confirm(msg) document.select_one('.body_b') <= html.H1(f'Olar {name}') document.select_one('.body_b') <= html.BR()
def init(): global SCREEN, CTX document.body.append(html.H1("Browser Invaders - a Python adventure") ) #display program title to user SCREEN = html.CANVAS( width=WIDTH, height=HEIGHT) #create game screen with set hight and width SCREEN.style = { "background": "black" } #set the screen's background to black document.body.append(SCREEN) CTX = SCREEN.getContext("2d") #load images for the ship and both enemies, #and print an acknowledgement after each load for image_name in "ship", "enemy_01", "enemy_02": images[image_name] = html.IMG(src="images/{}.png".format(image_name)) print("loaded {}.png".format(image_name))
def callresponsepost(): if len(response) > 40: win.localStorage.user = response r = win.JSON.parse(win.localStorage.user) r = r.screen_name button = html.BUTTON("Remove data",Class="w3-button w3-blue w3-center", id="remove") name = "Hi {nam} welcome !".format(nam=r) h1 = html.H1(name) doc['user'] <= h1 + button doc['remove'].bind("click", remove) hideshow("user", "loading", "user") else: win.swal( "Sorry, Request failed, press the sign up button again to log you") hideshow("login", "loading", "login") win.localStorage.clear()
def __init__(self, *args, **kwargs): """""" super().__init__(*args, **kwargs) document.select('body')[0] <= html.H1('Hello World') submodule_fn() document.select('body')[0] <= html.H3(self.MyClass.local_python()) a, b = 3, 5 c = self.MyClass.pitagoras(a, b) document.select('body')[0] <= html.H3( f"Pitagoras: {a=}, {b=}, {c=:.3f}") self.add_css_file('custom_styles.css') document <= MDCButton("Button", raised=False, unelevated=True) document <= MDCButton("Button raised", raised=True, unelevated=True) button = MDCButton("Button outlined", raised=False, outlined=True, unelevated=True) button.bind('click', self.on_button) document <= button label = 'SLIDER' unit = 'PX' id = 'XXXX' form = MDCForm() label_ = MDCComponent(html.SPAN(f'{label}')) label_.mdc.typography('subtitle1') form <= label_ slider_ = form.mdc.Slider('Slider', min=1, max=100, step=5, value=50) options = [[f'Option-{o}', f'value-{o}'] for o in range(10)] value = 'value-5' self.select_ = form.mdc.Select('', options=options, selected=value) document.select('body')[0] <= form
def render(self): app = group(html.DIV(), [ html.H1("HI THERE!"), html.H2("GOOD TO SEE YOU!"), html.P("Some things about me:"), html.UL([html.LI("I am"), html.LI("Does this work")]), html.H2("here is a nice little ticker"), TickerWithDescription().render(), TextField("here is a prop being passed").render() ]) return app # app = html.DIV(id="hithere") # # app <= html.H1("hi there", id="what") # thing = group(app, [WithGroups().render()]) # # thing = app # document["root"] <= thing # thid = document["hithere"] # thid.innerHTML = "hedy" # print(document.getElementById("hithere").innerHTML) # document["what"] <= html.H1("buy")
from browser import document, html from scripts.links import anchor_in_list lista_exercicios = html.UL() for n in range(1, 11): lista_exercicios <= anchor_in_list(f'Exercício {n}', f'exercicio_0{n}.html') lista_aulas = html.UL() for n in range(3, 10): lista_aulas <= anchor_in_list(f'Aula {n}', f'aula_0{n}.html') document['aside'] <= html.H1('Lista de Aulas') document['aside'] <= lista_aulas document['main'] <= html.H1('Lista de exercícios') document['main'] <= lista_exercicios
from random import randint from browser import document, html from scripts.links import anchor_in_list val_a = randint(1, 10) val_b = randint(1, 10) val_c = val_a * val_b val_d = val_a - 2 * val_b + 1 document['main'] <= html.H1('Você está na página 1') document['main'] <= html.P('Responda ao contrário ou o diabão vai te pegar') document['main'] <= html.P(f'{val_a} * {val_b} = ') if val_c % 2: document['main'] <= anchor_in_list(f'{val_c}', 'diabao.html', 'certo') document['main'] <= anchor_in_list(f'{val_d}', 'page_2.html', 'errado') else: document['main'] <= anchor_in_list(f'{val_d}', 'page_2.html', 'errado') document['main'] <= anchor_in_list(f'{val_c}', 'diabao.html', 'certo')
# Create initial layout from browser import html from browser import document header = html.HEADER(Class="text-center") main = html.MAIN() footer = html.FOOTER() headingOne = html.H1('Python101') subtitleOne = html.SMALL('Learning how to use python') header.append(headingOne) header.append(subtitleOne) main.append(html.H2('Main Section', Class="text-center")) footer.append(html.H3('Footer Section', Class="text-center")) document.body.append(header) document.body.append(main) document.body.append(footer)
from browser import document, html from scripts.links import anchor_in_list lista_aulas = html.UL() for n in range(3, 10): if n not in [8]: lista_aulas <= anchor_in_list(f'Aula {n}', f'aula_0{n}.html') document['aside'] <= html.H1('Páginas das aulas') document['aside'] <= lista_aulas paginas_praticar = html.UL() document['aside'] <= html.H1('Páginas para praticar') paginas_praticar <= anchor_in_list('Caixinha', 'caixinha.html') paginas_praticar <= anchor_in_list('Teclado', 'keyboard.html') paginas_praticar <= anchor_in_list('Logger', 'logger.html') paginas_praticar <= anchor_in_list('Drag n Drop', 'drag.html') paginas_praticar <= anchor_in_list('TODO list', 'todo_list.html') document['aside'] <= paginas_praticar lista_explicacoes = html.UL() document['aside'] <= html.H1('Páginas de explicação') lista_explicacoes <= anchor_in_list('Aula 4a', 'aula_04_a.html') lista_explicacoes <= anchor_in_list('Aula 4b', 'aula_04_b.html') lista_explicacoes <= anchor_in_list('Aula 5a', 'aula_05_a.html') lista_explicacoes <= anchor_in_list('Aula 5b', 'aula_05_b.html') lista_explicacoes <= anchor_in_list('Aula 5c', 'aula_05_c.html') lista_explicacoes <= anchor_in_list('Aula 6a', 'aula_06_a.html') lista_explicacoes <= anchor_in_list('Aula 7a', 'aula_07_a.html') lista_explicacoes <= anchor_in_list('Aula 7b', 'aula_07_b.html') lista_explicacoes <= anchor_in_list('Aula 7c', 'aula_07_c.html')
def title_header(): return html.H1("Employee Directory", Class="w3-wide w3-myfont w3-xlarge", id="title", style={"text-align":"center"})
page2 = ws.NotebookPage("Brython code", "khaki", html.TEXTAREA(open("demo.py").read()), id="page2") page3 = ws.NotebookPage("CSS", "lightgreen", html.TEXTAREA(open("demo.css").read()), id="page3") page4 = ws.NotebookPage("HTML", "lightpink", html.TEXTAREA(open("demo.html").read()), id="page4") document <= ws.Notebook([page1, page2, page3, page4]) page1 <= ( html.H1("Brywidgets Demo"), html.P( """This page is a demo of most of the widgets in the brywidgets module. The whole page is a Notebook with 4 tabs - the other 3 tabs show the files which create this page. This page contains a RowPanel with two Panels each containing a ColumnPanel. The buttons on the right are laid out using GridPanels""")) panel1 = ws.Panel( title="The 100 greatest singles of all time - click to find the artist", id="panel1") spincontrol = ws.SpinControl(10, 5, 15, setrowcount, id="spinner") listbox = ws.ListBox(artistdict.keys(), showartist, 10) togglebutton = ws.ToggleButton("Button is Up!", toggleclick) panel1 <= ws.ColumnPanel([ html.
def update(self, one_state_change=False): return html.H1(self.state["text"].replace("<", "<"))
from browser import document, html import browser def hello(ev): browser.alert('Hello cloud-django-brython!') print('WELCOME CLOUD-DJANGO-BRYTHON') # Insert Header into document body document <= html.H1("WELCOME CLOUD-DJANGO-BRYTHON", Id="main") hello_button = html.BUTTON("hello") hello_button.bind("click", hello) document <= hello_button
introtext = html.DIV([ html.H1("BrySVG DEMO"), html.P("""The other tabs on this page provide a series of short demos showing the capabilities of the BrySVG module. For each demo there is also a tab showing the code needed to create it. A brief description of each demo follows:"""), html.P(html.B("Demo 1")+""" - This illustrates MouseMode.PAN: drag the canvas to move the viewport."""+html.BR()+ """It also shows how to create most of the SVG objects: CanvasObject, PolylineObject, PolygonObject, RectangleObject, EllipseObject, CircleObject, BezierObject, ClosedBezierObject, SmoothBezierObject, SmoothClosedBezierObject, TextObject, WrappingTextObject"""+html.BR()+ """and the use of the CanvasObject methods rotateElement and translateElement. (The same set of objects is also used in Demo2 and Demo 6.)"""), html.P(html.B("Demo 2")+""" - This is the famous Tangram puzzle, which demonstrates MouseMode.DRAG and canvas.vertexSnap. Drag a piece onto the square. If a vertex of the piece is close to a vertex of the square, the piece will "snap" so that the vertices match. To complete the puzzle, fill the square completely with the pieces."""), html.P(html.B("Demo 3")+""" - This demonstrates MouseMode.TRANSFORM. Objects can be dragged around on the canvas. In addition, clicking on an object shows a bounding box and a number of handles which can be used to transform the shape: top-left: rotate; middle-right: stretch horizontally; bottom-middle: stretch vertically; bottom-right: enlarge"""), html.P(html.B("Demo 4")+""" - This demonstrates canvas.edgeSnap, and also how to create RegularPolygons. Drag the polygons around, matching edges as closely as possible. If the angle between the edges is not too great, the dragged polygon should rotate so that the edges coincide. Polygons can also be rotated by hand."""), html.P(html.B("Demo 5")+""" - This demonstrates ImageButtons, MouseMode.DRAW, and MouseMode.EDIT. Choose a type of shape. Click on the canvas, then move to start drawing a shape. Click again to create a new vertex. To finish the shape and switch to MouseMode.EDIT, either double-click on the canvas or tap on the "select" button (top left)"""+html.BR()+ """Now clicking on a shape will display some (red) handles, which can be dragged to change the shape. Clicking on a handle of a Bezier shape will display (green) control handles which control the curvature at that vertex. For a smooth Bezier shape, these will move as a pair."""), html.P(html.B("Demo 6")+""" - This demonstrates switching between MouseMode.TRANSFORM and MouseMode.EDIT. Double-clicking on the canvas will toggle between transforming the shapes (as in Demo 2) and editing them using the handles (as in Demo 5)."""), html.P(html.B("Demo 7")+""" - This demonstrates some of the methods in the polygoncanvas module. Drag one of the yellow shapes; its colour will change depending on its position relative to the white, fixed, polygon. Green=Inside, Pink=Overlapping, Yellow=Disjoint, Orange=Containing, and Blue=Equal. The intersection points (if any) will also be shown.""") ], id="introtext")
def detail_employee(ev): global response if response is not None: test = eval(ev.target.id) if isinstance(test, int): div = html.DIV(Class="w3-animate-left") div1 = html.DIV(Class="w3-border-bottom w3-bar w3-animate-left") i = html.I(Class="fa fa-angle-left w3-xxxlarge w3-text-cyan", id="back1") a = html.A(Class="w3-bar-item",id="back", style={"width": "10%"}) a <= i h1 = html.H1("Employee Details", Class="w3-wide w3-myfont w3-xlarge w3-bar-item w3-center", style={"width": "90%"}) div1 <= a + h1 for x in response['employee']: ul = html.UL(Class="w3-ul w3-border w3-animate-left") if x['id'] == int(ev.target.id): li = html.LI(Class="w3-bar") img = html.IMG(Class="w3-bar-item w3-circle", src="img/img_avatar2.png", style={"width":"85px"}) #first li div2 = html.DIV(Class="w3-bar-item") span1 = html.SPAN(x['full_name']) + html.BR() span2 = html.SPAN(x['job']) div2 <= span1 + span2 li <= img + div2 #second li li2= html.LI(Class="w3-bar w3-button w3-hover-cyan",id="office") div3 = html.DIV(Class="w3-bar-item") span3 = html.SPAN("Call Office") + html.BR() span4 = html.SPAN("781-000-002") a1 = html.A(href="tel:781-000-002",id="number" ,style={"display":"none"}) span = html.SPAN(html.I(Class="fa fa-angle-right w3-xxlarge"), Class="w3-right w3-bar-item") div3 <= span3 + span4 + a1 li2 <= span + div3 #third li li3 = html.LI(Class="w3-bar w3-button w3-hover-cyan", id="call") div4 = html.DIV(Class="w3-bar-item") span5 = html.SPAN("Call Mobile") + html.BR() span6 = html.SPAN("615-000-002", href="tel:615-000-002") a2 = html.A(href="tel:615-000-002",id="mobile" ,style={"display":"none"} ) spanbis = html.SPAN(html.I(Class="fa fa-angle-right w3-xxlarge"), Class="w3-right w3-bar-item") div4 <= span5 + span6 + a2 li3 <= spanbis + div4 # fourth li li4 = html.LI(Class="w3-bar w3-button w3-hover-cyan", id="sms") div5 = html.DIV(Class="w3-bar-item") span7 = html.SPAN("Number Sms") + html.BR() span8 = html.SPAN("615-000-002", href="tel:615-000-002") a3 = html.A(href="sms:615-000-002", id="sendsms", style={"display": "none"}) spanbis1 = html.SPAN(html.I(Class="fa fa-angle-right w3-xxlarge"), Class="w3-right w3-bar-item") div5 <= span7 + span8 + a3 li4 <= spanbis1 + div5 #five li li5 = html.LI(Class="w3-bar w3-button w3-hover-cyan", id="email") div6 = html.DIV(Class="w3-bar-item") span9 = html.SPAN("Email Professional") + html.BR() span10 = html.SPAN("*****@*****.**",href="mailto:[email protected]") a4 = html.A(href="mailto:[email protected]", id="sendemail",style={"display": "none"}) spanbis1 = html.SPAN(html.I(Class="fa fa-angle-right w3-xxlarge"), Class="w3-right w3-bar-item") div6 <= span9 + span10 + a4 li5 <= spanbis1 + div6 #end ul <= li + li2 + li3 + li4 +li5 retail <= div1 + html.BR() + ul doc['detail'].bind("click", direction) return retail
GitHub :: PCabralSoftware - 2K18 - Twitter :: @pedrogcabral """ from browser import document from browser import html from browser.template import Template pageName = "Python 🐍" articleContent = open('news_file.txt').read() articleTitle = articleContent.split('\n', 1)[0] articleText = articleContent.split('\n', 1)[1] article = [ html.H1('{title}', Id='art_title'), html.P('{text}', Id='art_content') ] nav = html.DIV([html.H1('{title}', Id='title'), html.H2('☰', Id='navbtn')], Class="nav") cnt = html.DIV(html.DIV(article, Class="article"), Class="content") ftr = html.DIV( [html.P('Copyright {} 2018 - All rights reserved.'.format(pageName))], Class="footer") document <= [nav, cnt, ftr]
def __init__(self, *args, **kwargs): """""" super().__init__(*args, **kwargs) document.select_one('body') <= html.H1('Hello World') logging.warning('HOLA')
from browser import document, html from scripts.links import anchor_in_list document['main'] <= html.H1('Você está no exercício 3') document['main'] <= anchor_in_list('Começar por aqui', 'page_1.html')