mirror of
https://github.com/koreader/koreader
synced 2024-11-10 01:10:34 +00:00
9ed22df03f
Deduplicate code by combining DateWidget and TimeWidget. ReadTimer plugin: some rewording.
276 lines
8.2 KiB
Lua
276 lines
8.2 KiB
Lua
local Blitbuffer = require("ffi/blitbuffer")
|
||
local ButtonTable = require("ui/widget/buttontable")
|
||
local CenterContainer = require("ui/widget/container/centercontainer")
|
||
local Device = require("device")
|
||
local FrameContainer = require("ui/widget/container/framecontainer")
|
||
local Geom = require("ui/geometry")
|
||
local GestureRange = require("ui/gesturerange")
|
||
local Font = require("ui/font")
|
||
local HorizontalGroup = require("ui/widget/horizontalgroup")
|
||
local InputContainer = require("ui/widget/container/inputcontainer")
|
||
local LineWidget = require("ui/widget/linewidget")
|
||
local NumberPickerWidget = require("ui/widget/numberpickerwidget")
|
||
local Size = require("ui/size")
|
||
local TextBoxWidget = require("ui/widget/textboxwidget")
|
||
local TextWidget = require("ui/widget/textwidget")
|
||
local UIManager = require("ui/uimanager")
|
||
local VerticalGroup = require("ui/widget/verticalgroup")
|
||
local VerticalSpan = require("ui/widget/verticalspan")
|
||
local WidgetContainer = require("ui/widget/container/widgetcontainer")
|
||
local _ = require("gettext")
|
||
local Screen = Device.screen
|
||
|
||
local DateTimeWidget = InputContainer:new{
|
||
title_face = Font:getFace("x_smalltfont"),
|
||
info_text = nil,
|
||
width = nil,
|
||
height = nil,
|
||
is_date = true,
|
||
day = 1,
|
||
month = 1,
|
||
year = 2021,
|
||
hour = 12,
|
||
hour_max = 23,
|
||
min = 0,
|
||
ok_text = _("Apply"),
|
||
cancel_text = _("Close"),
|
||
-- Optional extra button on bottom
|
||
extra_text = nil,
|
||
extra_callback = nil,
|
||
}
|
||
|
||
function DateTimeWidget:init()
|
||
self.screen_width = Screen:getWidth()
|
||
self.screen_height = Screen:getHeight()
|
||
self.width = self.width or math.floor(math.min(self.screen_width, self.screen_height) *
|
||
(self.is_date and 0.8 or 0.6))
|
||
if Device:hasKeys() then
|
||
self.key_events = {
|
||
Close = { {"Back"}, doc = "close date widget" }
|
||
}
|
||
end
|
||
if Device:isTouchDevice() then
|
||
self.ges_events = {
|
||
TapClose = {
|
||
GestureRange:new{
|
||
ges = "tap",
|
||
range = Geom:new{
|
||
w = self.screen_width,
|
||
h = self.screen_height,
|
||
}
|
||
},
|
||
},
|
||
}
|
||
end
|
||
|
||
-- Actually the widget layout
|
||
self:update()
|
||
end
|
||
|
||
function DateTimeWidget:update()
|
||
local year_widget = NumberPickerWidget:new{
|
||
show_parent = self,
|
||
value = self.year,
|
||
value_min = 2021,
|
||
value_max = 2041,
|
||
value_step = 1,
|
||
value_hold_step = 4,
|
||
}
|
||
local month_hour_widget = NumberPickerWidget:new{
|
||
show_parent = self,
|
||
value = self.is_date and self.month or self.hour,
|
||
value_min = self.is_date and 1 or 0,
|
||
value_max = self.is_date and 12 or self.hour_max,
|
||
value_step = 1,
|
||
value_hold_step = 3,
|
||
}
|
||
local day_min_widget = NumberPickerWidget:new{
|
||
show_parent = self,
|
||
value = self.is_date and self.day or self.min,
|
||
value_min = self.is_date and 1 or 0,
|
||
value_max = self.is_date and 31 or 59,
|
||
value_step = 1,
|
||
value_hold_step = self.is_date and 5 or 10,
|
||
date_month_hour = month_hour_widget,
|
||
date_year = year_widget,
|
||
}
|
||
local separator_space = TextBoxWidget:new{
|
||
text = self.is_date and "–" or ":",
|
||
alignment = "center",
|
||
face = self.title_face,
|
||
bold = true,
|
||
width = math.floor(math.min(self.screen_width, self.screen_height) *
|
||
(self.is_date and 0.02 or 0.05)),
|
||
}
|
||
local date_group = HorizontalGroup:new{
|
||
align = "center",
|
||
year_widget,
|
||
separator_space,
|
||
month_hour_widget,
|
||
separator_space,
|
||
day_min_widget,
|
||
}
|
||
if not self.is_date then
|
||
table.remove(date_group, 2)
|
||
table.remove(date_group, 1)
|
||
end
|
||
|
||
local date_title = FrameContainer:new{
|
||
padding = Size.padding.default,
|
||
margin = Size.margin.title,
|
||
bordersize = 0,
|
||
TextWidget:new{
|
||
text = self.title_text,
|
||
face = self.title_face,
|
||
max_width = self.width - 2 * (Size.padding.default + Size.margin.title),
|
||
},
|
||
}
|
||
local date_line = LineWidget:new{
|
||
dimen = Geom:new{
|
||
w = self.width,
|
||
h = Size.line.thick,
|
||
}
|
||
}
|
||
local date_info
|
||
if self.info_text then
|
||
date_info = FrameContainer:new{
|
||
padding = Size.padding.default,
|
||
margin = Size.margin.small,
|
||
bordersize = 0,
|
||
TextBoxWidget:new{
|
||
text = self.info_text,
|
||
face = Font:getFace("x_smallinfofont"),
|
||
width = math.floor(self.width * 0.9),
|
||
}
|
||
}
|
||
else
|
||
date_info = VerticalSpan:new{ width = 0 }
|
||
end
|
||
local buttons = {
|
||
{
|
||
{
|
||
text = self.cancel_text,
|
||
callback = function()
|
||
self:onClose()
|
||
end,
|
||
},
|
||
{
|
||
text = self.ok_text,
|
||
callback = function()
|
||
if self.callback then
|
||
self.year = year_widget:getValue()
|
||
if self.is_date then
|
||
self.month = month_hour_widget:getValue()
|
||
self.day = day_min_widget:getValue()
|
||
else
|
||
self.hour = month_hour_widget:getValue()
|
||
self.min = day_min_widget:getValue()
|
||
end
|
||
self:callback(self)
|
||
end
|
||
self:onClose()
|
||
end,
|
||
},
|
||
}
|
||
}
|
||
if self.extra_text then
|
||
table.insert(buttons,{
|
||
{
|
||
text = self.extra_text,
|
||
callback = function()
|
||
if self.extra_callback then
|
||
self.extra_callback(year_widget:getValue(), month_hour_widget:getValue(),
|
||
day_min_widget:getValue())
|
||
end
|
||
if not self.keep_shown_on_apply then -- assume extra wants it same as ok
|
||
self:onClose()
|
||
end
|
||
end,
|
||
},
|
||
})
|
||
end
|
||
|
||
local ok_cancel_buttons = ButtonTable:new{
|
||
width = self.width - 2*Size.padding.default,
|
||
buttons = buttons,
|
||
zero_sep = true,
|
||
show_parent = self,
|
||
}
|
||
|
||
self.date_frame = FrameContainer:new{
|
||
radius = Size.radius.window,
|
||
bordersize = Size.border.window,
|
||
padding = 0,
|
||
margin = 0,
|
||
background = Blitbuffer.COLOR_WHITE,
|
||
VerticalGroup:new{
|
||
align = "left",
|
||
date_title,
|
||
date_line,
|
||
date_info,
|
||
CenterContainer:new{
|
||
dimen = Geom:new{
|
||
w = self.width,
|
||
h = math.floor(date_group:getSize().h * 1.2),
|
||
},
|
||
date_group
|
||
},
|
||
CenterContainer:new{
|
||
dimen = Geom:new{
|
||
w = self.width,
|
||
h = ok_cancel_buttons:getSize().h,
|
||
},
|
||
ok_cancel_buttons
|
||
}
|
||
}
|
||
}
|
||
self[1] = WidgetContainer:new{
|
||
align = "center",
|
||
dimen = Geom:new{
|
||
x = 0, y = 0,
|
||
w = self.screen_width,
|
||
h = self.screen_height,
|
||
},
|
||
FrameContainer:new{
|
||
bordersize = 0,
|
||
padding = Size.padding.default,
|
||
self.date_frame,
|
||
}
|
||
}
|
||
UIManager:setDirty(self, function()
|
||
return "ui", self.date_frame.dimen
|
||
end)
|
||
end
|
||
|
||
function DateTimeWidget:onCloseWidget()
|
||
UIManager:setDirty(nil, function()
|
||
return "ui", self.date_frame.dimen
|
||
end)
|
||
end
|
||
|
||
function DateTimeWidget:onShow()
|
||
UIManager:setDirty(self, function()
|
||
return "ui", self.date_frame.dimen
|
||
end)
|
||
return true
|
||
end
|
||
|
||
function DateTimeWidget:onAnyKeyPressed()
|
||
UIManager:close(self)
|
||
return true
|
||
end
|
||
|
||
function DateTimeWidget:onTapClose(arg, ges_ev)
|
||
if ges_ev.pos:notIntersectWith(self.date_frame.dimen) then
|
||
self:onClose()
|
||
end
|
||
return true
|
||
end
|
||
|
||
function DateTimeWidget:onClose()
|
||
UIManager:close(self)
|
||
return true
|
||
end
|
||
|
||
return DateTimeWidget
|