Add password input option
To hide content of an input field add 'masked' option like follows: pw_input = { text = '', masked = true } suit.Input(pw_input, suit.layout:row())
This commit is contained in:
parent
0a723777ed
commit
e59172ecb8
2 changed files with 14 additions and 5 deletions
12
input.lua
12
input.lua
|
@ -18,7 +18,11 @@ return function(core, input, ...)
|
||||||
h = h or opt.font:getHeight() + 4
|
h = h or opt.font:getHeight() + 4
|
||||||
|
|
||||||
input.text = input.text or ""
|
input.text = input.text or ""
|
||||||
input.cursor = math.max(1, math.min(utf8.len(input.text)+1, input.cursor or utf8.len(input.text)+1))
|
local masked_or_normal = input.text
|
||||||
|
if input.masked then
|
||||||
|
masked_or_normal = string.rep("*", utf8.len(input.text))
|
||||||
|
end
|
||||||
|
input.cursor = math.max(1, math.min(utf8.len(masked_or_normal)+1, input.cursor or utf8.len(masked_or_normal)+1))
|
||||||
-- cursor is position *before* the character (including EOS) i.e. in "hello":
|
-- cursor is position *before* the character (including EOS) i.e. in "hello":
|
||||||
-- position 1: |hello
|
-- position 1: |hello
|
||||||
-- position 2: h|ello
|
-- position 2: h|ello
|
||||||
|
@ -28,7 +32,7 @@ return function(core, input, ...)
|
||||||
-- get size of text and cursor position
|
-- get size of text and cursor position
|
||||||
opt.cursor_pos = 0
|
opt.cursor_pos = 0
|
||||||
if input.cursor > 1 then
|
if input.cursor > 1 then
|
||||||
local s = input.text:sub(1, utf8.offset(input.text, input.cursor)-1)
|
local s = masked_or_normal:sub(1, utf8.offset(masked_or_normal, input.cursor)-1)
|
||||||
opt.cursor_pos = opt.font:getWidth(s)
|
opt.cursor_pos = opt.font:getWidth(s)
|
||||||
end
|
end
|
||||||
|
|
||||||
|
@ -91,9 +95,9 @@ return function(core, input, ...)
|
||||||
-- move cursor position with mouse when clicked on
|
-- move cursor position with mouse when clicked on
|
||||||
if core:mouseReleasedOn(opt.id) then
|
if core:mouseReleasedOn(opt.id) then
|
||||||
local mx = core:getMousePosition() - x + input.text_draw_offset
|
local mx = core:getMousePosition() - x + input.text_draw_offset
|
||||||
input.cursor = utf8.len(input.text) + 1
|
input.cursor = utf8.len(masked_or_normal) + 1
|
||||||
for c = 1,input.cursor do
|
for c = 1,input.cursor do
|
||||||
local s = input.text:sub(0, utf8.offset(input.text, c)-1)
|
local s = masked_or_normal:sub(0, utf8.offset(masked_or_normal, c)-1)
|
||||||
if opt.font:getWidth(s) >= mx then
|
if opt.font:getWidth(s) >= mx then
|
||||||
input.cursor = c-1
|
input.cursor = c-1
|
||||||
break
|
break
|
||||||
|
|
|
@ -121,7 +121,12 @@ function theme.Input(input, opt, x,y,w,h)
|
||||||
-- text
|
-- text
|
||||||
love.graphics.setColor((opt.color and opt.color.normal and opt.color.normal.fg) or theme.color.normal.fg)
|
love.graphics.setColor((opt.color and opt.color.normal and opt.color.normal.fg) or theme.color.normal.fg)
|
||||||
love.graphics.setFont(opt.font)
|
love.graphics.setFont(opt.font)
|
||||||
love.graphics.print(input.text, x, y+(h-th)/2)
|
|
||||||
|
local masked_or_normal = input.text
|
||||||
|
if input.masked then
|
||||||
|
masked_or_normal = string.rep("*", utf8.len(input.text))
|
||||||
|
end
|
||||||
|
love.graphics.print(masked_or_normal, x, y+(h-th)/2)
|
||||||
|
|
||||||
-- candidate text
|
-- candidate text
|
||||||
local tw = opt.font:getWidth(input.text)
|
local tw = opt.font:getWidth(input.text)
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue