17 changed files with 439 additions and 24 deletions
@ -0,0 +1,227 @@
|
||||
#!/usr/bin/env python3 |
||||
|
||||
# MIT License |
||||
# |
||||
# Copyright (c) 2024 Eugenio Parodi <ceccopierangiolieugenio AT googlemail DOT com> |
||||
# |
||||
# Permission is hereby granted, free of charge, to any person obtaining a copy |
||||
# of this software and associated documentation files (the "Software"), to deal |
||||
# in the Software without restriction, including without limitation the rights |
||||
# to use, copy, modify, merge, publish, distribute, sublicense, and/or sell |
||||
# copies of the Software, and to permit persons to whom the Software is |
||||
# furnished to do so, subject to the following conditions: |
||||
# |
||||
# The above copyright notice and this permission notice shall be included in all |
||||
# copies or substantial portions of the Software. |
||||
# |
||||
# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR |
||||
# IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, |
||||
# FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE |
||||
# AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER |
||||
# LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, |
||||
# OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE |
||||
# SOFTWARE. |
||||
|
||||
|
||||
# Those 2 lines are required to use the TermTk library in the main folder |
||||
import sys, os |
||||
sys.path.append(os.path.join(sys.path[0],'../../..')) |
||||
|
||||
import TermTk as ttk |
||||
|
||||
# This is a custom color modifier used to add a color pattern on each table line |
||||
class CustomColorModifier(ttk.TTkAlternateColor): |
||||
# I am defining a list of colors used as a circle list in this class |
||||
colors = ( |
||||
[ ttk.TTkColor.bg("#000066"), ttk.TTkColor.bg("#0000FF") ] * 3 + |
||||
[ ttk.TTkColor.bg("#003300"), ttk.TTkColor.bg("#006600") ] + |
||||
[ ttk.TTkColor.bg("#000066"), ttk.TTkColor.bg("#0000FF") ] * 3 + |
||||
[ttk.TTkColor.RST] * 5 + |
||||
[ #Rainbow-ish |
||||
ttk.TTkColor.fgbg("#00FFFF","#880000") + ttk.TTkColor.BOLD, |
||||
ttk.TTkColor.fgbg("#00FFFF","#FF0000") + ttk.TTkColor.BOLD, |
||||
ttk.TTkColor.fgbg("#0000FF","#FFFF00") + ttk.TTkColor.BOLD, |
||||
ttk.TTkColor.fgbg("#FF00FF","#00FF00") + ttk.TTkColor.BOLD, |
||||
ttk.TTkColor.fgbg("#FF0000","#00FFFF") + ttk.TTkColor.BOLD, |
||||
ttk.TTkColor.fgbg("#FFFF00","#0000FF") + ttk.TTkColor.BOLD, |
||||
ttk.TTkColor.fgbg("#00FF00","#FF00FF") + ttk.TTkColor.BOLD, |
||||
ttk.TTkColor.fgbg("#00FF00","#880088") + ttk.TTkColor.BOLD] + |
||||
[ttk.TTkColor.RST] * 3 + |
||||
[ttk.TTkColor.bg("#0000FF")] + |
||||
[ttk.TTkColor.RST] * 2 + |
||||
[ttk.TTkColor.bg("#0000FF")] + |
||||
[ttk.TTkColor.RST] + |
||||
[ttk.TTkColor.bg("#0000FF")] + |
||||
[ttk.TTkColor.RST] + |
||||
[ttk.TTkColor.bg("#0000FF")] * 2 + |
||||
[ttk.TTkColor.RST] * 3 + |
||||
[ttk.TTkColor.bg("#0000FF")] * 3 + |
||||
[ttk.TTkColor.RST] * 5 + |
||||
#Rainbow-ish 2 |
||||
[ttk.TTkColor.fgbg("#00FF00","#880088")] * 2 + |
||||
[ttk.TTkColor.fgbg("#00FF00","#FF00FF")] * 2 + |
||||
[ttk.TTkColor.fgbg("#FFFF00","#0000FF")] * 2 + |
||||
[ttk.TTkColor.fgbg("#FF0000","#00FFFF")] * 2 + |
||||
[ttk.TTkColor.fgbg("#FF00FF","#00FF00")] * 2 + |
||||
[ttk.TTkColor.fgbg("#0000FF","#FFFF00")] * 2 + |
||||
[ttk.TTkColor.fgbg("#00FFFF","#FF0000")] * 2 + |
||||
[ttk.TTkColor.fgbg("#00FFFF","#880000")] * 2 + |
||||
[ttk.TTkColor.RST] * 2 |
||||
) |
||||
|
||||
# the exec function is called at each table line ('y') |
||||
def exec(self, x:int, y:int, base_color:ttk.TTkColor) -> ttk.TTkColor: |
||||
c = CustomColorModifier.colors |
||||
return c[y%len(c)] |
||||
|
||||
# root |
||||
# The root (TTk) widget is the main element of any pyTermTk apps |
||||
# It is responsible of any terminal routine, the terminal update |
||||
# and the events forwarded to any child widgets |
||||
# |
||||
# root initialization params used: |
||||
# |
||||
# layout = GridLayout |
||||
# I am using a grid layout in order to align/resize the table |
||||
# to the root widget (the terminal area) |
||||
# |
||||
# mouseTrack = True (optional) |
||||
# I am enabling the mouseTrack because the table can handle |
||||
# the mouse move events and highlight the cells under the cursor |
||||
|
||||
root = ttk.TTk(layout=ttk.TTkGridLayout(), mouseTrack=True) |
||||
|
||||
# The TTkTable is the widget responsible of handling and displaying a table model |
||||
# There are several table models available, in this example I am using |
||||
# TTkTableModelList which require a simple 2d List with the table data |
||||
|
||||
# I am initializing a simple list where any cell is a string representing its position (row,col) inside the list |
||||
dataList = [[f"{(row,col)}" for col in range(10)] for row in range(20)] |
||||
basicTableModel = ttk.TTkTableModelList(data=dataList) |
||||
|
||||
# Table initialization: |
||||
# parent = root |
||||
# In this example the root terminal (TTk) has this table as the only child |
||||
# since it is using a gridlayout, the child will be resized to occupy the entire |
||||
# area available |
||||
# |
||||
# tableModel = basicTableModel |
||||
# I guess this is self explainatory |
||||
# |
||||
table = ttk.TTkTable(tableModel=basicTableModel) |
||||
|
||||
|
||||
# Custom color styles |
||||
|
||||
# As Second Style, I am using as |
||||
# Cell color: |
||||
# TTkColor Dark Green ("#006600") alternating with a darker green ("#003300") through the TTkAlternateColor modifier |
||||
# Selection Color: |
||||
# TTkColor Brighter green ("#00AA00") |
||||
# Hover Color: (the cell color under the mouse) |
||||
# TTkColor Cyan-ish ("#00AAAA") |
||||
tableStyle2 = {'default': { |
||||
'color': ttk.TTkColor.bg("#006600", modifier=ttk.TTkAlternateColor(alternateColor=ttk.TTkColor.bg("#003300"))), |
||||
'selectedColor': ttk.TTkColor.bg("#00AA00"), |
||||
'hoverColor': ttk.TTkColor.bg("#00AAAA")} } |
||||
|
||||
# The third style is useful to check the results of |
||||
# alternating a color with the RST (Reset='\033[m0') property (the default cell color) |
||||
tableStyle3 = {'default': { |
||||
'color': ttk.TTkColor.bg("#660066", modifier=ttk.TTkAlternateColor(alternateColor=ttk.TTkColor.RST))} } |
||||
|
||||
# In the fourth and more flamboyant style |
||||
# I am using the CustomColorModifier (fefined few lines ago) |
||||
# which is supposed to return a different color for each line |
||||
# all the other fields I hope are self explainatory |
||||
tableStyle4 = {'default': { |
||||
'color': ttk.TTkColor.bg("#000000", modifier=CustomColorModifier()), |
||||
'lineColor': ttk.TTkColor.fg("#FFFF00"), |
||||
'headerColor': ttk.TTkColor.fg("#FFFF00")+ttk.TTkColor.bg("#880000"), |
||||
'hoverColor': ttk.TTkColor.bg("#AAAAAA"), |
||||
'selectedColor': ttk.TTkColor.bg("#FFAA66"), |
||||
'separatorColor': ttk.TTkColor.fg("#330055")+ttk.TTkColor.bg("#660066")} } |
||||
|
||||
# Themes Control |
||||
t1 = ttk.TTkRadioButton(text=' Theme 1', radiogroup='Themes', checked=True, maxWidth=15) |
||||
t2 = ttk.TTkRadioButton(text=' Theme 2', radiogroup='Themes') |
||||
t3 = ttk.TTkRadioButton(text=' Theme 3', radiogroup='Themes') |
||||
t4 = ttk.TTkRadioButton(text=' Theme 4', radiogroup='Themes') |
||||
|
||||
t1.clicked.connect(lambda : table.setStyle( None)) |
||||
t2.clicked.connect(lambda : table.mergeStyle(tableStyle2)) |
||||
t3.clicked.connect(lambda : table.mergeStyle(tableStyle3)) |
||||
t4.clicked.connect(lambda : table.mergeStyle(tableStyle4)) |
||||
|
||||
# Headers Visibility Checkboxes |
||||
ht = ttk.TTkCheckbox(text=' Header Top ',checked=True, maxWidth=20) |
||||
hl = ttk.TTkCheckbox(text=' Header Left',checked=True) |
||||
|
||||
ht.toggled.connect(table.horizontalHeader().setVisible) |
||||
hl.toggled.connect(table.verticalHeader().setVisible) |
||||
|
||||
# Lines/Separator Checkboxes |
||||
vli = ttk.TTkCheckbox(text=' V-Line',checked=True) |
||||
hli = ttk.TTkCheckbox(text=' H-Line',checked=True) |
||||
|
||||
vli.toggled.connect(table.setVSeparatorVisibility) |
||||
hli.toggled.connect(table.setHSeparatorVisibility) |
||||
|
||||
# Select Button |
||||
bs = ttk.TTkButton(text="Select", border=True)\ |
||||
|
||||
# This is a routine attached to the button click event |
||||
# which is selecting/deselecting a number of cells in the table |
||||
@ttk.pyTTkSlot() |
||||
def _customSelection(): |
||||
table.setSelection((0,0),(6,9),ttk.TTkK.TTkItemSelectionModel.Select) |
||||
table.setSelection((1,1),(4,7),ttk.TTkK.TTkItemSelectionModel.Clear) |
||||
table.setSelection((3,0),(1,2),ttk.TTkK.TTkItemSelectionModel.Select) |
||||
table.setSelection((1,3),(2,4),ttk.TTkK.TTkItemSelectionModel.Select) |
||||
table.setSelection((2,5),(2,4),ttk.TTkK.TTkItemSelectionModel.Select) |
||||
table.setSelection((0,9),(2,3),ttk.TTkK.TTkItemSelectionModel.Select) |
||||
|
||||
bs.clicked.connect(_customSelection) |
||||
|
||||
# I am placing the widget in the GridLayout |
||||
# Following this pattern |
||||
# Normally any component is evenly placed in the grid |
||||
# But Radio buttons and Checkboxes have fixed maximum height=1 |
||||
# this will force them to be placed at the bottom of the grid |
||||
# I manually force the first checkbox (=t1) maximum width to 15 |
||||
# so that the first column will be forced to be maximum 15 char width |
||||
# to keep the widget closer to the one in the second column |
||||
# |
||||
# Col 0 Col 1 Col 2 Col 3 |
||||
# ┌──────────────────────────────────────────────┐ |
||||
# row 0 │ TABLE │ |
||||
# │ rowspan = 1 │ |
||||
# │ colspan = 4 │ |
||||
# ├─────────┬───────────┬───────────────┬────────┤ |
||||
# row 1 │ Theme 1 │ Head Top │ BUTTON │ │ |
||||
# ├─────────┼───────────┤ rowspan = 3 ├────────┤ |
||||
# row 2 │ Theme 2 │ Head Left │ colspan = 1 │ │ |
||||
# ├─────────┼───────────┤ ├────────┤ |
||||
# row 3 │ Theme 3 │ V-Line │ │ │ |
||||
# ├─────────┼───────────┼───────────────┼────────┤ |
||||
# row 4 │ Theme 4 │ H-Line │ │ │ |
||||
# └─────────┴───────────┴───────────────┴────────┘ |
||||
|
||||
root.layout().addWidget(table,0,0,1,4) |
||||
root.layout().addWidget(bs, 1,2,3,1) |
||||
|
||||
root.layout().addWidget(t1, 1,0) |
||||
root.layout().addWidget(t2, 2,0) |
||||
root.layout().addWidget(t3, 3,0) |
||||
root.layout().addWidget(t4, 4,0) |
||||
|
||||
root.layout().addWidget(ht, 1,1) |
||||
root.layout().addWidget(hl, 2,1) |
||||
root.layout().addWidget(vli, 3,1) |
||||
root.layout().addWidget(hli, 4,1) |
||||
|
||||
# Adding a little touch, resizing the cols to its content |
||||
table.resizeColumnsToContents() |
||||
|
||||
# Start the main thread |
||||
root.mainloop() |
||||
@ -0,0 +1,129 @@
|
||||
#!/usr/bin/env python3 |
||||
|
||||
# MIT License |
||||
# |
||||
# Copyright (c) 2024 Eugenio Parodi <ceccopierangiolieugenio AT googlemail DOT com> |
||||
# |
||||
# Permission is hereby granted, free of charge, to any person obtaining a copy |
||||
# of this software and associated documentation files (the "Software"), to deal |
||||
# in the Software without restriction, including without limitation the rights |
||||
# to use, copy, modify, merge, publish, distribute, sublicense, and/or sell |
||||
# copies of the Software, and to permit persons to whom the Software is |
||||
# furnished to do so, subject to the following conditions: |
||||
# |
||||
# The above copyright notice and this permission notice shall be included in all |
||||
# copies or substantial portions of the Software. |
||||
# |
||||
# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR |
||||
# IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, |
||||
# FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE |
||||
# AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER |
||||
# LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, |
||||
# OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE |
||||
# SOFTWARE. |
||||
|
||||
|
||||
# Those 2 lines are required to use the TermTk library in the main folder |
||||
import sys, os |
||||
sys.path.append(os.path.join(sys.path[0],'../../..')) |
||||
|
||||
import TermTk as ttk |
||||
|
||||
# root |
||||
# The root (TTk) widget is the main element of any pyTermTk apps |
||||
# It is responsible of any terminal routine, the terminal update |
||||
# and the events forwarded to any child widgets |
||||
# |
||||
# root initialization params used: |
||||
# |
||||
# layout = GridLayout |
||||
# I am using a grid layout in order to align/resize the table |
||||
# to the root widget (the terminal area) |
||||
# |
||||
# mouseTrack = True (optional) |
||||
# I am enabling the mouseTrack because the table can handle |
||||
# the mouse move events and highlight the cells under the cursor |
||||
|
||||
root = ttk.TTk(layout=ttk.TTkGridLayout(), mouseTrack=True) |
||||
|
||||
# The TTkTable is the widget responsible of handling and displaying a table model |
||||
# There are several table models available, in this example I am using |
||||
# TTkTableModelList which require a simple 2d List with the table data |
||||
|
||||
# I am initializing a simple list where any cell is a string representing its position (row,col) inside the list |
||||
dataList = [[f"{(row,col)}" for col in range(10)] for row in range(20)] |
||||
# I am adding also an int, float, multiline string, multiline Coloured TTkString |
||||
dataList[3][5] = 1234 |
||||
dataList[4][5] = 1234.1234 |
||||
dataList[5][5] = "Line1\nLine2" |
||||
dataList[6][5] = ttk.TTkString("Line1\nLine2\nLine3\nLine Four!!!",ttk.TTkColor.YELLOW) |
||||
|
||||
basicTableModel = ttk.TTkTableModelList(data=dataList) |
||||
|
||||
# Table initialization: |
||||
# parent = root |
||||
# In this example the root terminal (TTk) has this table as the only child |
||||
# since it is using a gridlayout, the child will be resized to occupy the entire |
||||
# area available |
||||
# |
||||
# tableModel = basicTableModel |
||||
# I guess this is self explainatory |
||||
# |
||||
table = ttk.TTkTable(tableModel=basicTableModel) |
||||
|
||||
# I am using 5 label widgets to display the results of the |
||||
# Table events |
||||
l_ch = ttk.TTkLabel(text="Cell Changed: xxxx", maxWidth=30) |
||||
l_cl = ttk.TTkLabel(text="Cell Clicked: xxxx") |
||||
l_dc = ttk.TTkLabel(text="DoubleClked : xxxx") |
||||
l_ce = ttk.TTkLabel(text="Cell Entered: xxxx") |
||||
l_cc = ttk.TTkLabel(text="Changed: xxxx") |
||||
|
||||
# I am placing also a text editor to report the content of the cell selected |
||||
t_ed = ttk.TTkTextEdit(lineNumber=True, maxHeight=6) |
||||
|
||||
# Yes, you can use lambda functions to process an event |
||||
# I don't recommend this and it is used in tbhis example only for testing purposes |
||||
table.cellChanged.connect( lambda r,c: l_ch.setText(f"Cell Changed: {r,c}")) |
||||
table.cellClicked.connect( lambda r,c: l_cl.setText(f"Cell Clicked: {r,c}")) |
||||
table.cellEntered.connect( lambda r,c: l_ce.setText(f"Cell Entered: {r,c}")) |
||||
table.cellDoubleClicked.connect( lambda r,c: l_dc.setText(f"DoubleClked : {r,c}")) |
||||
table.currentCellChanged.connect(lambda cr,cc,pr,pc: l_cc.setText(f"Changed:{cr,cc}<-{pr,pc}")) |
||||
|
||||
# In this Lambda function I am setting the text of the text editor to the content of the cell highlighted |
||||
table.cellEntered.connect( lambda r,c: t_ed.setText(table.model().ttkStringData(r,c))) |
||||
|
||||
# Col 0 Col 1 |
||||
# ┌──────────────────────────┐ |
||||
# row 0 │ TABLE │ |
||||
# │ rowspan = 1 │ |
||||
# │ colspan = 2 │ |
||||
# ├──────────┬───────────────┤ |
||||
# row 1 │ Label 1 │ Text Edit │ |
||||
# ├──────────┤ rowspan = 6 │ |
||||
# row 2 │ Label 2 │ colspan = 1 │ |
||||
# ├──────────┤ │ |
||||
# row 3 │ Label 3 │ │ |
||||
# ├──────────┤ │ |
||||
# row 4 │ Label 4 │ │ |
||||
# ├──────────┤ │ |
||||
# row 5 │ Label 5 │ │ |
||||
# ├──────────┤ │ |
||||
# row 6 │ Label 6 │ │ |
||||
# └──────────┴───────────────┘ |
||||
|
||||
root.layout().addWidget(table,0,0,1,2) |
||||
|
||||
root.layout().addWidget(l_ch, 1,0) |
||||
root.layout().addWidget(l_cl, 2,0) |
||||
root.layout().addWidget(l_dc, 3,0) |
||||
root.layout().addWidget(l_ce, 4,0) |
||||
root.layout().addWidget(l_cc, 5,0) |
||||
root.layout().addWidget(t_ed, 1,1,6,1) |
||||
|
||||
# Adding a little touch, resizing the cols and the rows to its content |
||||
table.resizeColumnsToContents() |
||||
table.resizeRowsToContents() |
||||
|
||||
# Start the main thread |
||||
root.mainloop() |
||||
Loading…
Reference in new issue