rojo-rbx/rojo
1
0
Fork 1
mirror of https://github.com/rojo-rbx/rojo.git synced 2026-04-24 06:35:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

plugin: ConnectPanel now accepts button callbacks

Browse Source
This commit is contained in:
Lucien Greathouse
2019-01-04 11:02:54 -08:00
parent 1582d8f504
commit edcb3d8638
1 changed files with 25 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
plugin/src/Components/ConnectPanel.lua
View File

@@ -32,6 +32,9 @@ function ConnectPanel:updateLabelSize(name, size)
end end
function ConnectPanel:render() function ConnectPanel:render()
local startSession = self.props.startSession
local cancel = self.props.cancel
return e(FitList, { return e(FitList, {
containerProps = { containerProps = {
BackgroundColor3 = Color3.fromRGB(8, 8, 8), BackgroundColor3 = Color3.fromRGB(8, 8, 8),
@@ -68,6 +71,7 @@ function ConnectPanel:render()
TextSize = 16, TextSize = 16,
Text = "Address", Text = "Address",
TextColor3 = Color3.fromRGB(245, 245, 245), TextColor3 = Color3.fromRGB(245, 245, 245),
[Roact.Change.AbsoluteSize] = function(rbx) [Roact.Change.AbsoluteSize] = function(rbx)
self:updateLabelSize("address", rbx.AbsoluteSize) self:updateLabelSize("address", rbx.AbsoluteSize)
end, end,
@@ -85,14 +89,15 @@ function ConnectPanel:render()
TextXAlignment = Enum.TextXAlignment.Left, TextXAlignment = Enum.TextXAlignment.Left,
TextSize = 16, TextSize = 16,
Text = self.state.address, Text = self.state.address,
TextColor3 = Color3.fromRGB(245, 245, 245),
BackgroundColor3 = Color3.fromRGB(8, 8, 8),
BorderColor3 = Color3.fromRGB(64, 64, 64),
[Roact.Change.Text] = function(rbx) [Roact.Change.Text] = function(rbx)
self:setState({ self:setState({
address = rbx.Text, address = rbx.Text,
}) })
end, end,
TextColor3 = Color3.fromRGB(245, 245, 245),
BackgroundColor3 = Color3.fromRGB(8, 8, 8),
BorderColor3 = Color3.fromRGB(64, 64, 64),
}), }),
}), }),
@@ -115,6 +120,7 @@ function ConnectPanel:render()
TextSize = 16, TextSize = 16,
Text = "Port", Text = "Port",
TextColor3 = Color3.fromRGB(245, 245, 245), TextColor3 = Color3.fromRGB(245, 245, 245),
[Roact.Change.AbsoluteSize] = function(rbx) [Roact.Change.AbsoluteSize] = function(rbx)
self:updateLabelSize("port", rbx.AbsoluteSize) self:updateLabelSize("port", rbx.AbsoluteSize)
end, end,
@@ -132,14 +138,15 @@ function ConnectPanel:render()
TextXAlignment = Enum.TextXAlignment.Left, TextXAlignment = Enum.TextXAlignment.Left,
TextSize = 16, TextSize = 16,
Text = self.state.port, Text = self.state.port,
TextColor3 = Color3.fromRGB(245, 245, 245),
BackgroundColor3 = Color3.fromRGB(8, 8, 8),
BorderColor3 = Color3.fromRGB(64, 64, 64),
[Roact.Change.Text] = function(rbx) [Roact.Change.Text] = function(rbx)
self:setState({ self:setState({
port = rbx.Text, port = rbx.Text,
}) })
end, end,
TextColor3 = Color3.fromRGB(245, 245, 245),
BackgroundColor3 = Color3.fromRGB(8, 8, 8),
BorderColor3 = Color3.fromRGB(64, 64, 64),
}), }),
}), }),
@@ -160,6 +167,12 @@ function ConnectPanel:render()
BorderColor3 = Color3.fromRGB(64, 64, 64), BorderColor3 = Color3.fromRGB(64, 64, 64),
TextColor3 = Color3.fromRGB(245, 245, 245), TextColor3 = Color3.fromRGB(245, 245, 245),
Text = "Start", Text = "Start",
[Roact.Event.Activated] = function()
if startSession ~= nil then
startSession(self.state.address, self.state.port)
end
end,
}), }),
e(FitText, { e(FitText, {
@@ -169,6 +182,12 @@ function ConnectPanel:render()
BorderColor3 = Color3.fromRGB(64, 64, 64), BorderColor3 = Color3.fromRGB(64, 64, 64),
TextColor3 = Color3.fromRGB(245, 245, 245), TextColor3 = Color3.fromRGB(245, 245, 245),
Text = "Cancel", Text = "Cancel",
[Roact.Event.Activated] = function()
if cancel ~= nil then
cancel()
end
end,
}), }),
}) })
}) })