from guizero import App, TextBox, PushButton, Box

app = App(title="Colin File Editor")

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

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

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

#create some padding for the filename box
pad = Box(file_controls, align="left", width=8, height= 1)

# create a TextBox for the file name
file_name = TextBox(file_controls, text="text_file.txt", width=50, align="left")

# create a save button which uses the save_file function
save_button = PushButton(file_controls, text="Save", command=save_file , align="right")

# create an open button which uses the open_file function
open_button = PushButton(file_controls, text="Open", command=open_file, align="right")


app.display()