ReiLuaGui File explorer.

1 files changed, 319 insertions, 0 deletions

diff --git a/examples/ReiLuaGui_examples/file_explorer.lua b/examples/ReiLuaGui_examples/file_explorer.lua
new file mode 100644
index 0000000..692093e
--- /dev/null
+++ b/examples/ReiLuaGui_examples/file_explorer.lua
@@ -0,0 +1,319 @@
+FileExplorer = {}
+FileExplorer.__index = FileExplorer
+
+function FileExplorer:new( pos )
+	pos = pos or Vec2:new( 0, 0 )
+
+	local object = setmetatable( {}, self )
+
+	object.HANDLE_HIGHT = 32
+	object.DISPLAY_HIGHT = 40
+	object.OPERATIONS = { ADD = 0, SUB = 1, MUL = 2, DIV = 3 }
+
+	object.windowRect = Rect:new( pos.x, pos.y, 500, 330 )
+	object.dragPos = Vec2:new( 0, 0 )
+
+	-- Handle.
+
+	object.handle = Gui.element:new( {
+		bounds = Rect:new( 0, 0, object.windowRect.width, object.HANDLE_HIGHT ),
+		padding = 10,
+		onClicked = function()
+			object:set2Top()
+			object.dragPos = Vec2:new( RL_GetMousePosition() ) - Vec2:new( object.handle.bounds.x, object.handle.bounds.y )
+			Gui.heldCallback = function() object:drag() end
+		end,
+	} )
+
+	object.handle:add( Gui.texture:new( {
+		bounds = object.handle.bounds:clone(),
+		texture = bgrTexture,
+		HAling = Gui.ALING.CENTER,
+		VAling = Gui.ALING.CENTER,
+		color = Color:new( LIGHTGRAY ),
+	} ) )
+	
+	object.handle:add( Gui.texture:new( {
+		bounds = object.handle.bounds:clone(),
+		texture = borderTexture,
+		HAling = Gui.ALING.CENTER,
+		VAling = Gui.ALING.CENTER,
+		color = Color:new( LIGHTGRAY ),
+		nPatchInfo = { source = { 0, 0, 24, 24 }, left = 8, top = 8, right = 8, bottom = 8, layout = NPATCH_NINE_PATCH },
+	} ) )
+
+	object.handle:add( Gui.text:new( { text = "File Explorer", fontSize = 20, VAling = Gui.ALING.CENTER } ) )
+
+	-- Close button.
+
+	object.closeButton = Gui.element:new( {
+		bounds = Rect:new( 0, 0, object.HANDLE_HIGHT, object.HANDLE_HIGHT ),
+		onClicked = function()
+			object:setVisible( false )
+		end,
+		onMouseOver = function( self ) self.items[1].color = Color:new( WHITE ) end,
+		notMouseOver = function( self ) self.items[1].color = Color:new( BLACK ) end,
+	} )
+
+	object.closeButton:add( Gui.texture:new( {
+		bounds = object.closeButton.bounds:clone(),
+		texture = cancelTexture,
+		HAling = Gui.ALING.CENTER,
+		VAling = Gui.ALING.CENTER,
+	} ) )
+
+	-- Panel.
+
+	object.panel = Gui.element:new( {
+		bounds = Rect:new( 0, 0, object.windowRect.width, object.windowRect.height - object.HANDLE_HIGHT ),
+	} )
+
+	object.panel:add( Gui.texture:new( {
+		bounds = object.panel.bounds:clone(),
+		texture = bgrTexture,
+		HAling = Gui.ALING.CENTER,
+		VAling = Gui.ALING.CENTER,
+		color = Color:new( GRAY ),
+	} ) )
+
+	object.panel:add( Gui.texture:new( {
+		bounds = object.panel.bounds:clone(),
+		texture = borderTexture,
+		HAling = Gui.ALING.CENTER,
+		VAling = Gui.ALING.CENTER,
+		color = Color:new( LIGHTGRAY ),
+		nPatchInfo = { source = { 0, 0, 24, 24 }, left = 8, top = 8, right = 8, bottom = 8, layout = NPATCH_NINE_PATCH },
+	} ) )
+
+	-- Path.
+
+	object.pathBox = Gui.element:new( {
+		bounds = Rect:new( 0, 0, object.windowRect.width - 16 - 64, object.HANDLE_HIGHT ),
+		drawBounds = true,
+		color = Color:new( WHITE ),
+		-- onClicked = function() Gui.setInputFocus( object.pathBox ) end,
+		-- inputFocus = function() object.pathBox.color = Color:new( BLUE ) end,
+		-- inputUnfocus = function() object.pathBox.color = Color:new( WHITE ) end,
+	} )
+
+	object.pathBox:add( Gui.text:new( { text = "", maxTextLen = 30, allowLineBreak = false, VAling = Gui.ALING.CENTER } ) )
+
+	-- Back button.
+
+	object.backButton = Gui.element:new( {
+		bounds = Rect:new( 0, 0, 56, object.HANDLE_HIGHT ),
+		drawBounds = true,
+		onMouseOver = function( self ) self.color = Color:new( WHITE ) end,
+		notMouseOver = function( self ) self.color = Color:new( LIGHTGRAY ) end,
+		onClicked = function() object:backDir() end,
+	} )
+
+	object.backButton:add( Gui.texture:new( {
+		bounds = Rect:new( 0, 0, object.HANDLE_HIGHT, object.HANDLE_HIGHT ),
+		texture = backTexture,
+		HAling = Gui.ALING.CENTER,
+		color = Color:new( BLACK )
+	} ) )
+
+	-- Files.
+
+	object.files = Gui.container:new( {
+		bounds = Rect:new( 0, 0, object.windowRect.width - 24, 200 ),
+		drawBounds = true,
+		scrollable = true,
+		showScrollbar = true,
+		-- drawScrollRect = true,
+	} )
+
+	-- File name.
+
+	object.fileName = Gui.element:new( {
+		bounds = Rect:new( 0, 0, object.windowRect.width - 16 - 70, object.HANDLE_HIGHT ),
+		drawBounds = true,
+		color = Color:new( WHITE ),
+	} )
+
+	object.fileName:add( Gui.text:new( { text = "", maxTextLen = 32, allowLineBreak = false, VAling = Gui.ALING.CENTER } ) )
+
+	-- Open button.
+
+	object.openButton = Gui.element:new( {
+		bounds = Rect:new( 0, 0, 64, object.HANDLE_HIGHT ),
+		drawBounds = true,
+		color = Color:new( WHITE ),
+		onClicked = function() object:openFile() end,
+		onMouseOver = function( self ) self.color = Color:new( WHITE ) end,
+		notMouseOver = function( self ) self.color = Color:new( LIGHTGRAY ) end,
+	} )
+
+	object.openButton:add( Gui.text:new( { text = "Open", VAling = Gui.ALING.CENTER, HAling = Gui.ALING.CENTER } ) )
+
+	-- Variables.
+
+	object.path = RL_GetBasePath()
+	
+	-- Take last '/' away.
+	if util.utf8Sub( object.path, utf8.len( object.path ), utf8.len( object.path ) ) == "/" then
+		object.path = util.utf8Sub( object.path, 1, utf8.len( object.path ) - 1 )
+	end
+	object.file = ""
+
+	-- Update.
+
+	object:setPosition( Vec2:new( object.windowRect.x, object.windowRect.y ) )
+	object:updatePath()
+
+    return object
+end
+
+function FileExplorer:updatePath()
+	local maxLen = self.pathBox.items[1].maxTextLen
+	local pathLen = utf8.len( self.path )
+	local text = ""
+
+	if maxLen < pathLen then
+		text = self.path:sub( pathLen - maxLen + 1, pathLen )
+	else
+		text = self.path
+	end
+
+	self.pathBox.items[1]:set( text )
+
+	self:updateFiles()
+end
+
+function FileExplorer:changeDir( path )
+	self.path = path
+
+	self:updatePath()
+end
+
+function FileExplorer:backDir()
+	self.path = RL_GetPrevDirectoryPath( self.path )
+
+	self:updatePath()
+end
+
+function FileExplorer:fileSelect( file )
+	self.file = file
+
+	self.fileName.items[1]:set( RL_GetFileName( file ) )
+end
+
+function FileExplorer:openFile()
+	print( self.file )
+end
+
+function FileExplorer:updateFiles()
+	self.files:scroll( Vec2:new( 0, 0 ) )
+
+	for _, cell in ipairs( self.files.cells ) do
+		cell:delete()
+	end
+
+	self.files.cells = {}
+
+	local files = {}
+	local folders = {}
+
+	for _, file in ipairs( RL_LoadDirectoryFiles( self.path ) ) do
+		if RL_IsPathFile( file ) then
+			table.insert( files, file )
+		else
+			table.insert( folders, file )
+		end
+	end
+
+	table.sort( files, function( a, b ) return a < b end )
+	table.sort( folders, function( a, b ) return a < b end )
+
+	for _, folder in ipairs( folders ) do
+		self:addFileToList( folder, folderTexture, { 150, 120, 80 }, function() self:changeDir( folder ) end )
+	end
+
+	for _, file in ipairs( files ) do
+		self:addFileToList( file, filesTexture, WHITE, function() self:fileSelect( file ) end )
+	end
+end
+
+function FileExplorer:addFileToList( file, texture, color, func )
+	self.files:add( Gui.element:new( {
+		bounds = Rect:new( 0, 0, self.windowRect.width - 16 - 20, 20 ),
+		padding = 4,
+		onClicked = func,
+	} ) )
+
+	local element = self.files.cells[ #self.files.cells ]
+
+	element:add( Gui.text:new( {
+		bounds = Rect:new( 28, 0, 20, 20 ),
+		text = RL_GetFileName( file ),
+		fontSize = 20,
+		HAling = Gui.ALING.NONE,
+		VAling = Gui.ALING.CENTER,
+	} ) )
+
+	element:add( Gui.texture:new( {
+		bounds = Rect:new( 0, 0, 20, 20 ),
+		texture = texture,
+		VAling = Gui.ALING.CENTER,
+		color = Color:new( color ),
+	} ) )
+
+	element.bounds.width = element.items[1].bounds.width + element.padding + element.items[2].bounds.width
+end
+
+function FileExplorer:drag()
+	local mousePos = Vec2:new( RL_GetMousePosition() )
+	local winPos = Vec2:new( self.handle.bounds.x, self.handle.bounds.y )
+
+	self:setPosition( mousePos - self.dragPos )
+end
+
+function FileExplorer:setPosition( pos )
+	self.windowRect.x = pos.x
+	self.windowRect.y = pos.y
+
+	self.handle:setPosition( pos )
+	self.closeButton:setPosition( Vec2:new( pos.x + self.windowRect.width - self.HANDLE_HIGHT, pos.y ) )
+	self.panel:setPosition( Vec2:new( pos.x, pos.y + self.HANDLE_HIGHT ) )
+	self.pathBox:setPosition( Vec2:new( pos.x + 8, pos.y + self.HANDLE_HIGHT + 8 ) )
+	self.backButton:setPosition( Vec2:new( pos.x + self.pathBox.bounds.width + 16, pos.y + self.HANDLE_HIGHT + 8 ) )
+	self.files:setPosition( Vec2:new( pos.x + 8, pos.y + self.HANDLE_HIGHT * 2 + 16 ) )
+	self.fileName:setPosition( Vec2:new( pos.x + 8, pos.y + self.HANDLE_HIGHT * 2 + 16 + 208 ) )
+	self.openButton:setPosition( Vec2:new( pos.x + 8 + 420, pos.y + self.HANDLE_HIGHT * 2 + 16 + 208 ) )
+end
+
+function FileExplorer:setVisible( visible )
+	self.handle.visible = visible
+	self.handle.disabled = not visible
+	self.panel.visible = visible
+	self.panel.disabled = not visible
+	self.closeButton.visible = visible
+	self.closeButton.disabled = not visible
+	self.pathBox.visible = visible
+	self.pathBox.disabled = not visible
+	self.backButton.visible = visible
+	self.backButton.disabled = not visible
+	self.files.visible = visible
+	self.files.disabled = not visible
+	self.fileName.visible = visible
+	self.fileName.disabled = not visible
+	self.openButton.visible = visible
+	self.openButton.disabled = not visible
+
+	self.files:update()
+end
+
+function FileExplorer:set2Top()
+	self.panel:set2Top()
+	self.handle:set2Top()
+	self.closeButton:set2Top()
+	self.pathBox:set2Top()
+	self.backButton:set2Top()
+	self.files:set2Top()
+	self.fileName:set2Top()
+	self.openButton:set2Top()
+end
+
+return FileExplorer