from guizero import App, TextBox, PushButton, Box, Combo, Slider

# function for reading files
def open_file():
    with open(file_name.value, "r") as f:
        editor.value = f.read()

# function for writing files
def save_file():
    with open(file_name.value, "w") as f:
        f.write(editor.value)

def change_font():
    editor.font = font.value

def change_text_size():
    editor.text_size = size.value
    # resize the widget because if the text is made bigger, this might affect the size of the TextBox so guizero needs to know how to maintain the intended layout
    editor.resize(1, 1)
    editor.resize("fill", "fill")

def change_text_colour():
    editor.text_color = colour.value

app = App(title="My simple notepad")

# create a box to house the controls, we want the box to span the entire width of the app
file_controls = Box(app, align="top", width="fill")
preferences_controls = Box(app, align="top", width="fill", border=True)
file_controls2 = Box(app, align="bottom", width="fill")


# File name and open
file_name = TextBox(file_controls, text="text_file.txt", width=50, align="left")
open_button = PushButton(file_controls, text="Open",  align="right", command = open_file)

# font choice
font = Combo(preferences_controls, options=["ariel", "courier", "times new roman", "verdana"], align="left", command=change_font)
colour = Combo(preferences_controls, options=["black", "gray", "light gray", "white", "red", "green", "blue"], align="left", command = change_text_colour)
size = Slider(preferences_controls,  align="left", command=change_text_size, start=10, end=18)



# TheTextBox, which is not in the box and fills the rest of the GUI
editor = TextBox(app, multiline=True, height="fill", width="fill")

# Save
save_button = PushButton(file_controls2, text="Save",  align="right", command = save_file)

app.display()