2
0
mirror of https://github.com/koreader/koreader synced 2024-10-31 21:20:20 +00:00
koreader/frontend/ui/widget/checkmark.lua
Frans de Jonge 63241a20ea [UX] Add CheckButton and use it for show password
Normal textinputs stay the same, password textinputs automatically gain a show password checkbutton underneath.

Thanks to @robert00s for the idea.
2017-08-20 11:44:15 +02:00

53 lines
1.4 KiB
Lua

--[[--
Widget that shows a checkmark (`✓`), an empty box (`□`)
or nothing of the same size.
Example:
local CheckMark = require("ui/widget/CheckMark")
local parent_widget = FrameContainer:new{}
table.insert(parent_widget, CheckMark:new{
checkable = false, -- shows nothing when false, defaults to true
checked = function() end, -- whether the box has a checkmark in it
})
UIManager:show(parent_widget)
]]
local Font = require("ui/font")
local InputContainer = require("ui/widget/container/inputcontainer")
local OverlapGroup = require("ui/widget/overlapgroup")
local TextWidget = require("ui/widget/textwidget")
local CheckMark = InputContainer:new{
checkable = true,
checked = false,
face = Font:getFace("smallinfofont"),
width = 0,
height = 0,
}
function CheckMark:init()
local checked_widget = TextWidget:new{
text = " ✓", -- preceded by thin space for better alignment
face = self.face,
}
local unchecked_widget = TextWidget:new{
text = "",
face = self.face,
}
local empty_widget = TextWidget:new{
text = "",
face = self.face,
}
self[1] = self.checkable and OverlapGroup:new{
(self.checked and checked_widget or empty_widget),
unchecked_widget
}
or empty_widget
self.dimen = unchecked_widget:getSize()
end
return CheckMark