class MainWindowUI:
# | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
# +-------+-------+-------+-------+-------+-------+-------+-------+-------+-------+-------+-------+
# | menu bar |
# +-------+-------+-------+-------+-------+-------+-------+-------+-------+-------+-------+-------+
# | | search bar |
# | | search entry | button|
# | +-------+-------+-------+-------+-------+-------+-------+-------+-------+-------+
# | | | |
# | | | |
# | | | |
# | treeview | | |
# | | text area 1 | text area 2 |
# | | | |
# | | | |
# | | | |
# | | | |
# +-------+-------+-------+-------+-------+-------+-------+-------+-------+-------+-------+-------+
# | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
# Rows
fileTreeRow = filePathLabelsRow = 0
searchTextRow = 1
uniScrollbarRow = lineNumbersRow = textAreasRow = 2
horizontalScrollbarRow = 3
# Columns
fileTreeCol = 0
fileTreeScrollbarCol = 1
leftLineNumbersCol = leftFilePathLabelsCol = 2 # should span at least two columns
leftTextAreaCol = leftHorizontalScrollbarCol = 3
uniScrollbarCol = 4
rightLineNumbersCol = rightFilePathLabelsCol = 5 # should span at least two columns
rightTextAreaCol = rightHorizontalScrollbarCol = 6
# Colors
whiteColor = '#ffffff'
redColor = '#ffc4c4'
darkredColor = '#ff8282'
grayColor = '#dddddd'
lightGrayColor = '#eeeeee'
greenColor = '#c9fcd6'
darkgreenColor = '#50c96e'
yellowColor = '#f0f58c'
darkYellowColor = '#ffff00'
purpleLight = '#F5EBFC'
def __init__(self, window):
self.main_window = window
self.main_window.grid_rowconfigure(self.filePathLabelsRow, weight=0)
self.main_window.grid_rowconfigure(self.searchTextRow, weight=0)
self.main_window.grid_rowconfigure(self.textAreasRow, weight=1)
self.main_window.grid_columnconfigure(self.fileTreeCol, weight=0)
self.main_window.grid_columnconfigure(self.fileTreeScrollbarCol, weight=0)
self.main_window.grid_columnconfigure(self.leftLineNumbersCol, weight=0)
self.main_window.grid_columnconfigure(self.leftTextAreaCol, weight=1)
self.main_window.grid_columnconfigure(self.uniScrollbarCol, weight=0)
self.main_window.grid_columnconfigure(self.rightLineNumbersCol, weight=0)
self.main_window.grid_columnconfigure(self.rightTextAreaCol, weight=1)
self.menubar = Menu(self.main_window)
self.menus = {}
self.text_area_font = 'TkFixedFont'
# Center window and set its size
def center_window(self):
sw = self.main_window.winfo_screenwidth()
sh = self.main_window.winfo_screenheight()
w = 0.7 * sw
h = 0.7 * sh
x = (sw - w)/2
y = (sh - h)/2
self.main_window.geometry('%dx%d+%d+%d' % (w, h, x, y))
self.main_window.minsize(int(0.3 * sw), int(0.3 * sh))
# Menu bar
def add_menu(self, menuName, commandList):
self.menus[menuName] = Menu(self.menubar,tearoff=0)
for c in commandList:
if 'separator' in c: self.menus[menuName].add_separator()
else: self.menus[menuName].add_command(label=c['name'], command=c['command'], accelerator=c['accelerator'] if 'accelerator' in c else '')
self.menubar.add_cascade(label=menuName, menu=self.menus[menuName])
self.main_window.config(menu=self.menubar)
# Labels
def create_file_path_labels(self):
self.leftFileLabel = Label(self.main_window, anchor='center', width=1000, background=self.lightGrayColor)
self.leftFileLabel.grid(row=self.filePathLabelsRow, column=self.leftFilePathLabelsCol, columnspan=2)
self.rightFileLabel = Label(self.main_window, anchor='center', width=1000, background=self.lightGrayColor)
self.rightFileLabel.grid(row=self.filePathLabelsRow, column=self.rightFilePathLabelsCol, columnspan=2)
# Search text entry
def create_search_text_entry(self, searchButtonCallback):
self.searchTextDialog = SearchTextDialog(self.main_window, [self.leftFileTextArea, self.rightFileTextArea], searchButtonCallback)
self.searchTextDialog.grid(row=self.searchTextRow, column=self.leftFilePathLabelsCol, columnspan=5, sticky=EW)
self.searchTextDialog.grid_remove()
# File treeview
def create_file_treeview(self):
self.fileTreeView = Treeview(self.main_window)
self.fileTreeYScrollbar = Scrollbar(self.main_window, orient='vertical', command=self.fileTreeView.yview)
self.fileTreeXScrollbar = Scrollbar(self.main_window, orient='horizontal', command=self.fileTreeView.xview)
self.fileTreeView.configure(yscroll=self.fileTreeYScrollbar.set, xscroll=self.fileTreeXScrollbar.set)
self.fileTreeView.grid(row=self.fileTreeRow, column=self.fileTreeCol, sticky=NS, rowspan=3)
self.fileTreeYScrollbar.grid(row=self.fileTreeRow, column=self.fileTreeScrollbarCol, sticky=NS, rowspan=3)
self.fileTreeXScrollbar.grid(row=self.horizontalScrollbarRow, column=self.fileTreeCol, sticky=EW)
self.fileTreeView.tag_configure('red', background=self.redColor)
self.fileTreeView.tag_configure('green', background=self.greenColor)
self.fileTreeView.tag_configure('yellow', background=self.yellowColor)
self.fileTreeView.tag_configure('purpleLight', background=self.purpleLight)
# hide it until needed
self.fileTreeView.grid_remove()
self.fileTreeYScrollbar.grid_remove()
self.fileTreeXScrollbar.grid_remove()
# Text areas
def create_text_areas(self):
self.leftFileTextArea = Text(self.main_window, padx=5, pady=5, width=1, height=1, bg=self.grayColor)
self.leftFileTextArea.grid(row=self.textAreasRow, column=self.leftTextAreaCol, sticky=NSEW)
self.leftFileTextArea.config(font=self.text_area_font)
self.leftFileTextArea.config(wrap='none')
self.rightFileTextArea = Text(self.main_window, padx=5, pady=5, width=1, height=1, bg=self.grayColor)
self.rightFileTextArea.grid(row=self.textAreasRow, column=self.rightTextAreaCol, sticky=NSEW)
self.rightFileTextArea.config(font=self.text_area_font)
self.rightFileTextArea.config(wrap='none')
# configuring highlight tags
self.leftFileTextArea.tag_configure('red', background=self.redColor)
self.leftFileTextArea.tag_configure('darkred', background=self.darkredColor)
self.leftFileTextArea.tag_configure('gray', background=self.grayColor)
self.leftFileTextArea.tag_configure('search', background=self.darkYellowColor)
self.rightFileTextArea.tag_configure('green', background=self.greenColor)
self.rightFileTextArea.tag_configure('darkgreen', background=self.darkgreenColor)
self.rightFileTextArea.tag_configure('gray', background=self.grayColor)
self.rightFileTextArea.tag_configure('search', background=self.darkYellowColor)
self.rightFileTextArea.tag_configure('purpleLight', background=self.purpleLight)
# disable the text areas
self.leftFileTextArea.config(state=DISABLED)
self.rightFileTextArea.config(state=DISABLED)
# Line numbers
def create_line_numbers(self):
self.leftLinenumbers = Text(self.main_window, width=3, padx=5, pady=5, height=1, bg=self.lightGrayColor)
self.leftLinenumbers.grid(row=self.lineNumbersRow, column=self.leftLineNumbersCol, sticky=NS)
self.leftLinenumbers.config(font=self.text_area_font)
self.leftLinenumbers.tag_configure('line', justify='right')
self.rightLinenumbers = Text(self.main_window, width=3, padx=5, pady=5, height=1, bg=self.lightGrayColor)
self.rightLinenumbers.grid(row=self.lineNumbersRow, column=self.rightLineNumbersCol, sticky=NS)
self.rightLinenumbers.config(font=self.text_area_font)
self.rightLinenumbers.tag_configure('line', justify='right')
# disable the line numbers
self.leftLinenumbers.config(state=DISABLED)
self.rightLinenumbers.config(state=DISABLED)
# Scroll bars
def scrollBoth(self, action, position, type=None):
self.leftFileTextArea.yview_moveto(position)
self.rightFileTextArea.yview_moveto(position)
self.leftLinenumbers.yview_moveto(position)
self.rightLinenumbers.yview_moveto(position)
def updateScroll(self, first, last, type=None):
self.leftFileTextArea.yview_moveto(first)
self.rightFileTextArea.yview_moveto(first)
self.leftLinenumbers.yview_moveto(first)
self.rightLinenumbers.yview_moveto(first)
self.uniScrollbar.set(first, last)
def create_scroll_bars(self):
self.uniScrollbar = Scrollbar(self.main_window)
self.uniScrollbar.grid(row=self.uniScrollbarRow, column=self.uniScrollbarCol, sticky=NS)
self.uniScrollbar.config(command=self.scrollBoth)
self.leftFileTextArea.config(yscrollcommand=self.updateScroll)
self.rightFileTextArea.config(yscrollcommand=self.updateScroll)
self.leftLinenumbers.config(yscrollcommand=self.updateScroll)
self.rightLinenumbers.config(yscrollcommand=self.updateScroll)
leftHorizontalScrollbar = Scrollbar(self.main_window, orient=HORIZONTAL)
leftHorizontalScrollbar.grid(row=self.horizontalScrollbarRow, column=self.leftHorizontalScrollbarCol, sticky=EW)
leftHorizontalScrollbar.config(command=self.leftFileTextArea.xview)
self.leftFileTextArea.config(xscrollcommand=leftHorizontalScrollbar.set)
rightHorizontalScrollbar = Scrollbar(self.main_window, orient=HORIZONTAL)
rightHorizontalScrollbar.grid(row=self.horizontalScrollbarRow, column=self.rightHorizontalScrollbarCol, sticky=EW)
rightHorizontalScrollbar.config(command=self.rightFileTextArea.xview)
self.rightFileTextArea.config(xscrollcommand=rightHorizontalScrollbar.set)
class MainWindowUI:
# | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
# +-------+-------+-------+-------+-------+-------+-------+-------+-------+-------+-------+-------+
# | menu bar |
# +-------+-------+-------+-------+-------+-------+-------+-------+-------+-------+-------+-------+
# | | search bar |
# | | search entry | button|
# | +-------+-------+-------+-------+-------+-------+-------+-------+-------+-------+
# | | | |
# | | | |
# | | | |
# | treeview | | |
# | | text area 1 | text area 2 |
# | | | |
# | | | |
# | | | |
# | | | |
# +-------+-------+-------+-------+-------+-------+-------+-------+-------+-------+-------+-------+
# | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
# Rows
fileTreeRow = filePathLabelsRow = 0
searchTextRow = 1
uniScrollbarRow = lineNumbersRow = textAreasRow = 2
horizontalScrollbarRow = 3
# Columns
fileTreeCol = 0
fileTreeScrollbarCol = 1
leftLineNumbersCol = leftFilePathLabelsCol = 2 # should span at least two columns
leftTextAreaCol = leftHorizontalScrollbarCol = 3
uniScrollbarCol = 4
rightLineNumbersCol = rightFilePathLabelsCol = 5 # should span at least two columns
rightTextAreaCol = rightHorizontalScrollbarCol = 6
# Colors
whiteColor = '#ffffff'
redColor = '#ffc4c4'
darkredColor = '#ff8282'
grayColor = '#dddddd'
lightGrayColor = '#eeeeee'
greenColor = '#c9fcd6'
darkgreenColor = '#50c96e'
yellowColor = '#f0f58c'
darkYellowColor = '#ffff00'
def __init__(self, window):
self.main_window = window
self.main_window.grid_rowconfigure(self.filePathLabelsRow, weight=0)
self.main_window.grid_rowconfigure(self.searchTextRow, weight=0)
self.main_window.grid_rowconfigure(self.textAreasRow, weight=1)
self.main_window.grid_columnconfigure(self.fileTreeCol, weight=0)
self.main_window.grid_columnconfigure(self.fileTreeScrollbarCol, weight=0)
self.main_window.grid_columnconfigure(self.leftLineNumbersCol, weight=0)
self.main_window.grid_columnconfigure(self.leftTextAreaCol, weight=1)
self.main_window.grid_columnconfigure(self.uniScrollbarCol, weight=0)
self.main_window.grid_columnconfigure(self.rightLineNumbersCol, weight=0)
self.main_window.grid_columnconfigure(self.rightTextAreaCol, weight=1)
self.menubar = Menu(self.main_window)
self.menus = {}
self.text_area_font = 'TkFixedFont'
# Center window and set its size
def center_window(self):
sw = self.main_window.winfo_screenwidth()
sh = self.main_window.winfo_screenheight()
w = 0.7 * sw
h = 0.7 * sh
x = (sw - w)/2
y = (sh - h)/2
self.main_window.geometry('%dx%d+%d+%d' % (w, h, x, y))
self.main_window.minsize(int(0.3 * sw), int(0.3 * sh))
# Menu bar
def add_menu(self, menuName, commandList):
self.menus[menuName] = Menu(self.menubar,tearoff=0)
for c in commandList:
if 'separator' in c: self.menus[menuName].add_separator()
else: self.menus[menuName].add_command(label=c['name'], command=c['command'], accelerator=c['accelerator'] if 'accelerator' in c else '')
self.menubar.add_cascade(label=menuName, menu=self.menus[menuName])
self.main_window.config(menu=self.menubar)
# Labels
def create_file_path_labels(self):
self.leftFileLabel = Label(self.main_window, anchor='center', width=1000, background=self.lightGrayColor)
self.leftFileLabel.grid(row=self.filePathLabelsRow, column=self.leftFilePathLabelsCol, columnspan=2)
self.rightFileLabel = Label(self.main_window, anchor='center', width=1000, background=self.lightGrayColor)
self.rightFileLabel.grid(row=self.filePathLabelsRow, column=self.rightFilePathLabelsCol, columnspan=2)
# Search text entnry
def create_search_text_entry(self, searchButtonCallback):
self.searchTextDialog = SearchTextDialog(self.main_window, [self.leftFileTextArea, self.rightFileTextArea], searchButtonCallback)
self.searchTextDialog.grid(row=self.searchTextRow, column=self.leftFilePathLabelsCol, columnspan=5, sticky=EW)
self.searchTextDialog.grid_remove()
# File treeview
def create_file_treeview(self):
self.fileTreeView = Treeview(self.main_window)
self.fileTreeYScrollbar = Scrollbar(self.main_window, orient='vertical', command=self.fileTreeView.yview)
self.fileTreeXScrollbar = Scrollbar(self.main_window, orient='horizontal', command=self.fileTreeView.xview)
self.fileTreeView.configure(yscroll=self.fileTreeYScrollbar.set, xscroll=self.fileTreeXScrollbar.set)
self.fileTreeView.grid(row=self.fileTreeRow, column=self.fileTreeCol, sticky=NS, rowspan=3)
self.fileTreeYScrollbar.grid(row=self.fileTreeRow, column=self.fileTreeScrollbarCol, sticky=NS, rowspan=3)
self.fileTreeXScrollbar.grid(row=self.horizontalScrollbarRow, column=self.fileTreeCol, sticky=EW)
self.fileTreeView.tag_configure('red', background=self.redColor)
self.fileTreeView.tag_configure('green', background=self.greenColor)
self.fileTreeView.tag_configure('yellow', background=self.yellowColor)
# hide it until needed
self.fileTreeView.grid_remove()
self.fileTreeYScrollbar.grid_remove()
self.fileTreeXScrollbar.grid_remove()
# Text areas
def create_text_areas(self):
self.leftFileTextArea = Text(self.main_window, padx=5, pady=5, width=1, height=1, bg=self.grayColor)
self.leftFileTextArea.grid(row=self.textAreasRow, column=self.leftTextAreaCol, sticky=NSEW)
self.leftFileTextArea.config(font=self.text_area_font)
self.leftFileTextArea.config(wrap='none')
self.rightFileTextArea = Text(self.main_window, padx=5, pady=5, width=1, height=1, bg=self.grayColor)
self.rightFileTextArea.grid(row=self.textAreasRow, column=self.rightTextAreaCol, sticky=NSEW)
self.rightFileTextArea.config(font=self.text_area_font)
self.rightFileTextArea.config(wrap='none')
# configuring highlight tags
self.leftFileTextArea.tag_configure('red', background=self.redColor)
self.leftFileTextArea.tag_configure('darkred', background=self.darkredColor)
self.leftFileTextArea.tag_configure('gray', background=self.grayColor)
self.leftFileTextArea.tag_configure('search', background=self.darkYellowColor)
self.rightFileTextArea.tag_configure('green', background=self.greenColor)
self.rightFileTextArea.tag_configure('darkgreen', background=self.darkgreenColor)
self.rightFileTextArea.tag_configure('gray', background=self.grayColor)
self.rightFileTextArea.tag_configure('search', background=self.darkYellowColor)
# disable the text areas
self.leftFileTextArea.config(state=DISABLED)
self.rightFileTextArea.config(state=DISABLED)
# Line numbers
def create_line_numbers(self):
self.leftLinenumbers = Text(self.main_window, width=3, padx=5, pady=5, height=1, bg=self.lightGrayColor)
self.leftLinenumbers.grid(row=self.lineNumbersRow, column=self.leftLineNumbersCol, sticky=NS)
self.leftLinenumbers.config(font=self.text_area_font)
self.leftLinenumbers.tag_configure('line', justify='right')
self.rightLinenumbers = Text(self.main_window, width=3, padx=5, pady=5, height=1, bg=self.lightGrayColor)
self.rightLinenumbers.grid(row=self.lineNumbersRow, column=self.rightLineNumbersCol, sticky=NS)
self.rightLinenumbers.config(font=self.text_area_font)
self.rightLinenumbers.tag_configure('line', justify='right')
# disable the line numbers
self.leftLinenumbers.config(state=DISABLED)
self.rightLinenumbers.config(state=DISABLED)
# Scroll bars
def scrollBoth(self, action, position, type=None):
self.leftFileTextArea.yview_moveto(position)
self.rightFileTextArea.yview_moveto(position)
self.leftLinenumbers.yview_moveto(position)
self.rightLinenumbers.yview_moveto(position)
def updateScroll(self, first, last, type=None):
self.leftFileTextArea.yview_moveto(first)
self.rightFileTextArea.yview_moveto(first)
self.leftLinenumbers.yview_moveto(first)
self.rightLinenumbers.yview_moveto(first)
self.uniScrollbar.set(first, last)
def create_scroll_bars(self):
self.uniScrollbar = Scrollbar(self.main_window)
self.uniScrollbar.grid(row=self.uniScrollbarRow, column=self.uniScrollbarCol, sticky=NS)
self.uniScrollbar.config(command=self.scrollBoth)
self.leftFileTextArea.config(yscrollcommand=self.updateScroll)
self.rightFileTextArea.config(yscrollcommand=self.updateScroll)
self.leftLinenumbers.config(yscrollcommand=self.updateScroll)
self.rightLinenumbers.config(yscrollcommand=self.updateScroll)
leftHorizontalScrollbar = Scrollbar(self.main_window, orient=HORIZONTAL)
leftHorizontalScrollbar.grid(row=self.horizontalScrollbarRow, column=self.leftHorizontalScrollbarCol, sticky=EW)
leftHorizontalScrollbar.config(command=self.leftFileTextArea.xview)
self.leftFileTextArea.config(xscrollcommand=leftHorizontalScrollbar.set)
rightHorizontalScrollbar = Scrollbar(self.main_window, orient=HORIZONTAL)
rightHorizontalScrollbar.grid(row=self.horizontalScrollbarRow, column=self.rightHorizontalScrollbarCol, sticky=EW)
rightHorizontalScrollbar.config(command=self.rightFileTextArea.xview)
self.rightFileTextArea.config(xscrollcommand=rightHorizontalScrollbar.set)
