# A new function that closes the app
def exit_app():
    app.destroy()



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")

from guizero import App, TextBox, PushButton, Box, Combo, CheckBox, Slider, MenuBar, info

def open_file():
    with open(file_name.value, "r") as f:
        editor.value = f.read()

def save_file():
    with open(file_name.value, "w") as f:
        f.write(editor.value)
    save_button.hide()
def change_font():
    editor.font = font.value
def change_text_size():
    editor.text_size = size.value
    editor.resize(1, 1)
    editor.resize("fill", "fill")

def change_text_col():
    editor.text_color=(red.value,green.value,blue.value)

def enable_save():
	save_button.show()

def enable_open():
	open_button.show()

def about():
    info("about","this was made by JPA")

def helps():
    info("help:","if you need help - have a coffee")

app = App(title="textzero with menu")



menubar = MenuBar(app,
                  toplevel=["File","Help"],
                  options=[[["open",open_file],["save",save_file],["exit",exit_app]],
                           [["about",about],["help",helps]]])







file_controls = Box(app, align="top", width="fill", border=True)
file_name = TextBox(file_controls, text="text_file.txt", width=50, align="left", command=enable_open)
save_button = PushButton(file_controls, text="Save", command=save_file, align="right", visible=False)
open_button = PushButton(file_controls, text="Open", command=open_file, align="right", visible=False)

editor = TextBox(app, multiline=True, height="fill", width="fill", command=enable_save)

preferences_controls = Box(app, align="bottom", width="fill", border=True)
font = Combo(preferences_controls, options=["courier", "times new roman", "verdana"], align="left", command=change_font)
size = Slider(preferences_controls,  align="left", start = 8, end = 42, command=change_text_size)
red = Slider(preferences_controls,  align="left", start = 0, end = 255, command=change_text_col)
green = Slider(preferences_controls,  align="left", start = 0, end = 255, command=change_text_col)
blue = Slider(preferences_controls,  align="left", start = 0, end = 255, command=change_text_col)
red.bg="red"
green.bg="green"
blue.bg="lightblue"





app.display()