xbrowser.kv

WindowManager:
	EditorPage:
	PreviewPage:

<HomePage>:
	name: "Home"

	GridLayout:
		cols: 0
		rows: 2

		Label:
			text: "Logo"
			size_hint_y: None
			height: 100

		GridLayout:
			cols: 2
			Button:
				text: "Open Existing Project"
				font_size: "30sp"
				on_release:
					root.show_load()
			Button:
				text: "New Project"
				font_size: "30sp"
				on_release:
					app.root.current = "Editor"


<EditorPage>:
	name: "Editor"

	BoxLayout:
		orientation: 'vertical'

		Header:
		# Editor text input and preview windows
		GridLayout:
			cols: 2
			SplitterRight:
				# TODO: load path from directory
				FileChooserListView:
					id: filechooser
					path: "./"
					on_submit:
						app.chooseFile(selection=filechooser.selection)
			TextInput:
				id: editor
				background_color: (30/255., 30/255., 30/255., 1)
				foreground_color: (212/255., 210/255., 208/255., 1)
				text: "Select a Text File to get Started"

<PreviewPage>:
	name: "Preview"

	BoxLayout:
		orientation: 'vertical'

		Header:
		# Browsers in a 2x2 grid
		GridLayout:
			rows: 2
			cols: 2
			Image:
				source: "screenshots/Safari.png"
				keep_ratio: False
				allow_stretch: True
			Image:
				source: "screenshots/Chrome.png"
				keep_ratio: False
				allow_stretch: True
			Image:
				source: "screenshots/Firefox.png"
				keep_ratio: False
				allow_stretch: True
			Image:
				source: "screenshots/Opera.png"
				keep_ratio: False
				allow_stretch: True
		SplitterTop:
			Label:
				text: "Browser Console"

<Header>:
	cols: 5
	size_hint_y: None
	height: 50

	Label:
		text: "Logo"
		size_hint_x: None
		width: 100
	Label:
	Button:
		text: "Save"
		size_hint_x: None
		width: 100
		on_release:
			print("Writing to file...")
			app.saveFile()
			print("Preview refreshing...")
	Button:
		text: "Launch Browser"
		size_hint_x: None
		width: 200
		on_release:
			print("Preview refreshing...")
		on_press: root.generateBrowser()
	Button:
		text: "Toggle Mode"
		size_hint_x: None
		width: 200
		on_release:
			app.toggleMode()

<SplitterRight>:
	sizable_from: 'right'
	keep_within_parent: True
	rescale_with_parent: True
	min_size: 0
	max_size: 10000


<SplitterTop>:
	sizable_from: 'top'
	keep_within_parent: True
	rescale_with_parent: True
	min_size: 0
	max_size: 10000

<LoadDialog>:
	BoxLayout:
		size: root.size
		pos: root.pos
		orientation: "vertical"
		FileChooserListView:
			id: filechooser
			path: "./"
			dirselect: True
			on_submit:app.loadDirectory(filechooser.selection)