def init(self):
self.layout = ui.PlotLayout()
self.slider1 = ui.Slider(min=1, max=2, value=1)
self.slider2 = ui.Slider(min=3, max=10, value=3)
self.progress = ui.ProgressBar(max=100, value=0)
self.layout.add_tools(
'Edit plot',
ui.Label(text='exponent'),
self.slider1,
ui.Label(text='numel'),
self.slider2,
)
self.layout.add_tools('Plot info', ui.Label(text='Maximum'),
self.progress)
def init(self, pycomp):
self.pycomp = pycomp
self._start_time = 0
self._start_times = []
with ui.VBox():
with ui.HBox() as self.buttons:
ui.Button(text='1 x 1 MiB roundtrip')
ui.Button(text='1 x 5 MiB roundtrip')
ui.Button(text='10 x 1 MiB roundtrip')
ui.Button(text='10 x 5 MiB roundtrip')
ui.Button(text='100 x 1 MiB roundtrip')
ui.Button(text='100 x 5 MiB roundtrip')
self.progress = ui.ProgressBar()
self.status = ui.Label(text='Status: waiting for button press ...',
wrap=1,
flex=1,
style='overflow-y:scroll;')
def init(self):
self.title = 'A silly panel'
with ui.VBox():
self.progress = ui.ProgressBar(value=0.001)
self.but = ui.Button(text='click me')
def init(self):
#self.b0 = ui.Button(self, 'This is behind the box layout')
TEST = 11
if TEST == 0:
ui.Button(text='Hola', flex=1)
if TEST == 1:
with ui.BoxPanel(flex=1) as self.hbox1:
# self.b1 = ui.Widget(flex=1, style='background: #a22;', min_size=(100, 100), max_size=(500,0))
# self.b2 = ui.Widget(flex=0, style='background: #2a2;', min_size=(100, 0), max_size=(500,0))
# self.b3 = ui.Widget(flex=0, style='background: #22a;', min_size=(100, 0), max_size=(500,0))
# self.b4 = ui.Widget(flex=1, style='background: #aaa;', min_size=(100, 0), max_size=(500,0))
self.b1 = ui.Widget(flex=1, style='background: #a22; min-width:100px; max-width:500px')
self.b2 = ui.Widget(flex=0, style='background: #2a2; min-width:100px; max-width:500px')
self.b3 = ui.Widget(flex=0, style='background: #22a; min-width:100px; max-width:500px')
self.b4 = ui.Widget(flex=1, style='background: #aaa; min-width:100px; max-width:500px')
if TEST == 2:
with self:
with ui.HBox():
ui.Widget(flex=1)
with ui.VBox(flex=1) as self.vbox:
ui.Label(text='Flex 0 0 0', flex=0)
with ui.HBox(flex=0) as self.hbox1:
self.b1 = ui.Button(text='Hola', flex=0)
self.b2 = ui.Button(text='Hello world', flex=0)
self.b3 = ui.Button(text='Foo bar', flex=0)
ui.Label(text='Flex 1 0 3', flex=0)
with ui.HBox(flex=0) as self.hbox2:
self.b1 = ui.Button(text='Hola', flex=1)
self.b2 = ui.Button(text='Hello world', flex=0)
self.b3 = ui.Button(text='Foo bar', flex=3)
ui.Label(text='margin 20 (around layout)', flex=0)
with ui.HBox(flex=0, margin=20) as self.hbox3:
self.b1 = ui.Button(text='Hola', flex=1)
self.b2 = ui.Button(text='Hello world', flex=1)
self.b3 = ui.Button(text='Foo bar', flex=1)
ui.Label(text='spacing 20 (inter-widget)', flex=0)
with ui.HBox(flex=0, spacing=20) as self.hbox3:
self.b1 = ui.Button(text='Hola', flex=1)
self.b2 = ui.Button(text='Hello world', flex=1)
self.b3 = ui.Button(text='Foo bar', flex=1)
ui.Widget(flex=1)
ui.Label(text='Note the spacer Widget above', flex=0)
if TEST == 3:
with ui.HBox(spacing=20):
with ui.FormLayout() as self.form:
# e.g. self.b1 = ui.Button(label='Name', text='Hola')
self.b1 = ui.Button(title='Name:', text='Hola')
self.b2 = ui.Button(title='Age:', text='Hello world')
self.b3 = ui.Button(title='Favorite color:', text='Foo bar')
with ui.FormLayout() as self.form:
# e.g. self.b1 = ui.Button(label='Name', text='Hola')
ui.Widget(flex=1) # Add a flexer
self.b1 = ui.Button(title='Name:', text='Hola')
self.b2 = ui.Button(title='Age:', text='Hello world')
self.b3 = ui.Button(title='Favorite color:', text='Foo bar')
ui.Widget(flex=1)
if TEST == 4:
with ui.GridPanel() as self.grid:
self.b1 = ui.Button(text='No flex', pos=(0, 0))
self.b2 = ui.Button(text='Hola', pos=(1, 1), flex=(1, 1))
self.b3 = ui.Button(text='Hello world', pos=(2, 2), flex=(2, 1))
self.b4 = ui.Button(text='Foo bar', pos=(4, 4), flex=(1, 2))
self.b5 = ui.Button(text='no flex again', pos=(5, 5))
if TEST == 5:
with ui.SplitPanel():
ui.Widget(style='background:#aaa;')
with ui.PinboardLayout() as self.grid:
self.b1 = ui.Button(text='Stuck at (20, 20)', pos=(20, 30))
self.b2 = ui.Button(text='Dynamic at (20%, 20%)', pos=(0.2, 0.2))
self.b3 = ui.Button(text='Dynamic at (50%, 70%)', pos=(0.5, 0.7))
with ui.DockPanel(pos=(0.5, 0.5), size=(0.3, 0.3)) as self.d:
self.a = ui.Widget(style='background:#a00;')
self.b = ui.Widget(style='background:#0a0;')
self.c = ui.Widget(style='background:#00a;')
if TEST == 6:
with ui.SplitPanel():
self.a = ui.Button(text='Right A', style='min-width:120px')
self.b = ui.Button(text='Right B', style='min-width:70px')
with ui.SplitPanel(orientation='v'):
self.c = ui.Button(text='Right C')
self.d = ui.Button(text='Right D')
with ui.DockPanel():
ui.Slider(title='slider')
ui.LineEdit(title='edit', text='AAA')
self.g = ui.ProgressBar(title='progress', value=0.4)
if TEST == 7:
with ui.HBox():
ui.Button(text='Button in hbox', flex=0)
with ui.SplitPanel(flex=1, orientation='v'):
ui.Button(text='Button in splitter', style='min-width:100px')
with ui.HBox(style='min-width:100px'):
ui.Button(text='Right A', flex=0, style='background:#f00; padding:2em;')
ui.Button(text='Right B', flex=1)
ui.Button(text='Right C', flex=2)
if TEST == 8:
with ui.MenuBar(self):
with ui.MenuItem(text='File'):
ui.MenuItem(text='New')
ui.MenuItem(text='Open')
ui.MenuItem(text='Save')
with ui.MenuItem(text='Edit'):
ui.MenuItem(text='Cut')
ui.MenuItem(text='Copy')
ui.MenuItem(text='Paste')
if TEST == 9:
with ui.VBox():
ui.Button(text='AAA', flex=0)
with ui.SplitPanel(flex=1, orientation='v'):
ui.Button(text='CCC')
ui.Button(text='DDD')
self.e = ui.Button(text='EEE')
ui.Button(text='BBB', flex=1)
if TEST == 10:
with ui.TabPanel():
self.a = ui.Widget(title='red', style='background:#a00;')
self.b = ui.Widget(title='green', style='background:#0a0;')
self.c = ui.Widget(title='blue', style='background:#00a;')
if TEST == 11:
with ui.BoxPanel(spacing=10):
with ui.GridPanel() as self.g1:
self.a = ui.Widget(style='background:#a00;', pos=(0, 0), flex=1)
self.b = ui.Widget(style='background:#0a0;', pos=(1, 0))
self.c = ui.Widget(style='background:#00a; min-width:200px; min-height:200px', pos=(1, 1))
with ui.GridPanel() as self.g2:
self.a = ui.Widget(style='background:#a00;', pos=(0, 0), flex=2)
self.b = ui.Widget(style='background:#0a0; max-width:100px;', pos=(1, 0), flex=1)
self.c = ui.Widget(style='background:#00a;', pos=(1, 1), flex=1)
if TEST == 12:
with ui.HBox():
with ui.VBox():
self.buta = ui.Button(text='red')
self.butb = ui.Button(text='green')
self.butc = ui.Button(text='blue')
with ui.StackedPanel(flex=1) as self.stack:
self.a = ui.Widget(style='background:#a00;')
self.b = ui.Widget(style='background:#0a0;')
self.c = ui.Widget(style='background:#00a;')
def init(self):
layout = ui.PlotLayout()
layout.add_tools('Edit plot', ui.Button(text='do this'),
ui.Button(text='do that'))
layout.add_tools('Plot info', ui.ProgressBar(value='0.3'),
ui.Label(text='The plot aint pretty'))
def init(self):
def head_table(table):
with table:
with ui.html.thead():
with ui.html.tr():
ui.html.th(text="track")
ui.html.th(text="title")
ui.html.th(text="album")
ui.html.th(text="artist")
with ui.html.tfoot():
with ui.html.tr():
ui.html.th(text="track")
ui.html.th(text="title")
ui.html.th(text="album")
ui.html.th(text="artist")
self.progress = ui.ProgressBar(value=0, flex=0, style="display: none;")
with ui.TabPanel(flex=0.9) as self.tab:
with ui.HBox(title="Search") as self.search_widget:
with ui.VBox(flex=0.3):
ui.Label(style="font-size: 0.5em;",
text="A and B => A/B; A or B => A , B")
with ui.HBox(flex=0.1):
ui.Label(text="Query", flex=0)
self.search_query = ui.LineEdit(text="", flex=1)
self.search_button = ui.Button(text="Search", flex=0.5)
with ui.HBox(flex=0.5):
self.put_to_cache = ui.Button(text="Put to cache")
self.select_all = ui.Button(text="Select all")
self.select_none = ui.Button(text="Select none")
with ui.Layout(css_class="table", flex=0.7):
self.search_results = ui.html.table()
head_table(self.search_results)
with ui.HBox(title="Play"):
with ui.VBox(flex=0.1):
with ui.HBox():
ui.Label(text="cache", flex=0)
self.cache_list = ui.ComboBox(editable=True, flex=1)
with ui.HBox(flex=0.1):
self._reset_cache = ui.Button(text="↻", flex=0.2)
self.remove = ui.Button(text="🗑", flex=0.1)
with ui.HBox(flex=1):
self.play_button = ui.Button(text="▶☛", flex=0.2)
self.show_button = ui.Button(text="☝", flex=0.1)
with ui.HBox(flex=0.1):
self.toggle_button = ui.ToggleButton(text="▶",
flex=0.2)
self.shuffle_button = ui.ToggleButton(text="🎲",
flex=0.2)
self.repeat_button = ui.ToggleButton(text="🔁",
flex=0.1)
with ui.HBox(flex=0.2):
self.prev_button = ui.Button(text="⏮", flex=0.7)
self.seekbackward_button = ui.Button(text="⏪",
flex=0.2)
self.seekforward_button = ui.Button(text="⏩", flex=0.2)
self.next_button = ui.Button(text="⏭", flex=0.7)
ui.Label(text="Speed")
with ui.HBox(flex=0.2):
self.slower = ui.Button(text="-", flex=0.7)
self.playback_rate = ui.LineEdit(text="1",
style="width: 2em;")
self.faster = ui.Button(text="+", flex=0.7)
with ui.Layout(css_class="table", flex=0.6):
self.cache = ui.html.table(flex=0.5)
head_table(self.cache)
with ui.FormLayout(title="Cache"):
self.clear_cache = ui.Button(text="Clear cache", flex=0)
self.remove_cache = ui.Button(text="Remove cache", flex=0)
with ui.HBox(flex=0):
self.estimate = ui.Label()
self.update_estimate = ui.Button(text="Update estimate")
self.quota_request = ui.LineEdit(text="100")
self.quota_request_button = ui.Button(text="Request quota")
with ui.HBox(flex=0):
self.cache_old_name = ui.Label()
self.cache_new_name = ui.LineEdit(text="")
self.rename_cache = ui.Button(text="Rename cache", flex=0)
with ui.FormLayout(title="Config"):
self.update = ui.Button(text="Update", flex=1)
self._beet_url = ui.LineEdit(title="Beet url")
self._beet_username = ui.LineEdit(title="Username")
self._beet_password = ui.LineEdit(title="Password",
password_mode=True)
with ui.HBox(flex=0):
self.audio = ui.html.audio(flex=1)
with ui.HBox(flex=0):
self.time_min = ui.Label(text="15", flex=0.1)
ui.Label(text="min", flex=0.1)
self.time_sec = ui.Label(text="00", flex=0.1)
ui.Label(text="s", flex=0.1)
self.timeminus = ui.Button(text="-1", flex=0.5)
self.timeplus = ui.Button(text="+1", flex=0.5)
self.run_timer = ui.ToggleButton(text="Run", flex=0.5)
self.timereset = ui.Button(text="Reset", flex=0.5)
def init(self):
with ui.GroupWidget(title='A silly panel'):
with ui.VBox():
self.progress = ui.ProgressBar(min=0, max=9,
text='Clicked {value} times')
self.but = ui.Button(text='click me')
