mirror of
https://github.com/koreader/koreader.git
synced 2025-08-10 00:52:38 +00:00
7f53ddacbe
For now pillow activityIndicator is used to draw animated waiting icon at the upper left corner of the screen. So pillow service should be enabled to use this feature, but eventually we should implement an activity indicator that is independent of native system.
498 lines
14 KiB
Lua
498 lines
14 KiB
Lua
require "ui/widget/container"
|
|
require "ui/widget/toggleswitch"
|
|
|
|
MenuBarItem = InputContainer:new{}
|
|
function MenuBarItem:init()
|
|
self.dimen = self[1]:getSize()
|
|
-- we need this table per-instance, so we declare it here
|
|
if Device:isTouchDevice() then
|
|
self.ges_events = {
|
|
TapSelect = {
|
|
GestureRange:new{
|
|
ges = "tap",
|
|
range = self.dimen,
|
|
},
|
|
doc = _("Select Menu Item"),
|
|
},
|
|
}
|
|
else
|
|
self.active_key_events = {
|
|
Select = { {"Press"}, doc = _("chose selected item") },
|
|
}
|
|
end
|
|
end
|
|
|
|
function MenuBarItem:onTapSelect()
|
|
self[1].invert = true
|
|
self.config:onShowConfigPanel(self.index)
|
|
UIManager:scheduleIn(0.5, function() self:invert(false) end)
|
|
return true
|
|
end
|
|
|
|
function MenuBarItem:invert(invert)
|
|
self[1].invert = invert
|
|
UIManager:setDirty(self.config, "partial")
|
|
end
|
|
|
|
OptionTextItem = InputContainer:new{}
|
|
function OptionTextItem:init()
|
|
local text_widget = self[1]
|
|
self.dimen = text_widget:getSize()
|
|
self[1] = UnderlineContainer:new{
|
|
text_widget,
|
|
padding = self.padding,
|
|
color = self.color,
|
|
}
|
|
-- we need this table per-instance, so we declare it here
|
|
if Device:isTouchDevice() then
|
|
self.ges_events = {
|
|
TapSelect = {
|
|
GestureRange:new{
|
|
ges = "tap",
|
|
range = self.dimen,
|
|
},
|
|
doc = _("Select Option Item"),
|
|
},
|
|
}
|
|
else
|
|
self.active_key_events = {
|
|
Select = { {"Press"}, doc = _("chose selected item") },
|
|
}
|
|
end
|
|
end
|
|
|
|
function OptionTextItem:onTapSelect()
|
|
for _, item in pairs(self.items) do
|
|
item[1].color = 0
|
|
end
|
|
self[1].color = 15
|
|
local option_value = nil
|
|
local option_arg = nil
|
|
if self.values then
|
|
self.values = self.values or {}
|
|
option_value = self.values[self.current_item]
|
|
self.config:onConfigChoice(self.name, option_value)
|
|
end
|
|
if self.event then
|
|
self.args = self.args or {}
|
|
option_arg = self.args[self.current_item]
|
|
self.config:onConfigEvent(self.event, option_arg)
|
|
end
|
|
if self.events then
|
|
for i=0,#self.events do
|
|
self.events[i].args = self.events[i].args or {}
|
|
option_arg = self.events[i].args[self.current_item]
|
|
self.config:onConfigEvent(self.events[i].event, option_arg)
|
|
end
|
|
end
|
|
UIManager.repaint_all = true
|
|
return true
|
|
end
|
|
|
|
OptionIconItem = InputContainer:new{}
|
|
function OptionIconItem:init()
|
|
self.dimen = self.icon:getSize()
|
|
self[1] = UnderlineContainer:new{
|
|
self.icon,
|
|
padding = self.padding,
|
|
color = self.color,
|
|
}
|
|
-- we need this table per-instance, so we declare it here
|
|
if Device:isTouchDevice() then
|
|
self.ges_events = {
|
|
TapSelect = {
|
|
GestureRange:new{
|
|
ges = "tap",
|
|
range = self.dimen,
|
|
},
|
|
doc = _("Select Option Item"),
|
|
},
|
|
}
|
|
end
|
|
end
|
|
|
|
function OptionIconItem:onTapSelect()
|
|
for _, item in pairs(self.items) do
|
|
--item[1][1].invert = false
|
|
item[1].color = 0
|
|
end
|
|
--self[1][1].invert = true
|
|
self[1].color = 15
|
|
local option_value = nil
|
|
local option_arg = nil
|
|
if type(self.values) == "table" then
|
|
option_value = self.values[self.current_item]
|
|
self.config:onConfigChoice(self.name, option_value, self.event)
|
|
elseif type(self.args) == "table" then
|
|
option_arg = self.args[self.current_item]
|
|
self.config:onConfigChoice(self.name, option_arg, self.event)
|
|
end
|
|
UIManager.repaint_all = true
|
|
return true
|
|
end
|
|
|
|
--[[
|
|
Dummy Widget that reserves vertical and horizontal space
|
|
]]
|
|
RectSpan = Widget:new{
|
|
width = 0,
|
|
hright = 0,
|
|
}
|
|
|
|
function RectSpan:getSize()
|
|
return {w = self.width, h = self.height}
|
|
end
|
|
|
|
ConfigOption = CenterContainer:new{}
|
|
function ConfigOption:init()
|
|
local default_name_font_size = 20
|
|
local default_item_font_size = 16
|
|
local default_items_spacing = 30
|
|
local default_option_height = 50
|
|
local default_option_padding = 15
|
|
local vertical_group = VerticalGroup:new{}
|
|
table.insert(vertical_group, VerticalSpan:new{
|
|
width = scaleByDPI(default_option_padding),
|
|
})
|
|
for c = 1, #self.options do
|
|
if self.options[c].show ~= false then
|
|
local name_align = self.options[c].name_align_right and self.options[c].name_align_right or 0.33
|
|
local item_align = self.options[c].item_align_center and self.options[c].item_align_center or 0.66
|
|
local name_font_face = self.options[c].name_font_face and self.options[c].name_font_face or "cfont"
|
|
local name_font_size = self.options[c].name_font_size and self.options[c].name_font_size or default_name_font_size
|
|
local item_font_face = self.options[c].item_font_face and self.options[c].item_font_face or "cfont"
|
|
local item_font_size = self.options[c].item_font_size and self.options[c].item_font_size or default_item_font_size
|
|
local option_height = scaleByDPI(self.options[c].height and self.options[c].height or default_option_height)
|
|
local items_spacing = HorizontalSpan:new{
|
|
width = scaleByDPI(self.options[c].spacing and self.options[c].spacing or default_items_spacing)
|
|
}
|
|
local horizontal_group = HorizontalGroup:new{}
|
|
if self.options[c].name_text then
|
|
local option_name_container = RightContainer:new{
|
|
dimen = Geom:new{ w = Screen:getWidth()*name_align, h = option_height},
|
|
}
|
|
local option_name = TextWidget:new{
|
|
text = self.options[c].name_text,
|
|
face = Font:getFace(name_font_face, name_font_size),
|
|
}
|
|
table.insert(option_name_container, option_name)
|
|
table.insert(horizontal_group, option_name_container)
|
|
end
|
|
|
|
if self.options[c].widget == "ProgressWidget" then
|
|
local widget_container = CenterContainer:new{
|
|
dimen = Geom:new{w = Screen:getWidth()*self.options[c].widget_align_center, h = option_height}
|
|
}
|
|
local widget = ProgressWidget:new{
|
|
width = self.options[c].width,
|
|
height = self.options[c].height,
|
|
percentage = self.options[c].percentage,
|
|
}
|
|
table.insert(widget_container, widget)
|
|
table.insert(horizontal_group, widget_container)
|
|
end
|
|
|
|
local option_items_container = CenterContainer:new{
|
|
dimen = Geom:new{w = Screen:getWidth()*item_align, h = option_height}
|
|
}
|
|
local option_items_group = HorizontalGroup:new{}
|
|
local option_items_fixed = false
|
|
local option_items = {}
|
|
if type(self.options[c].item_font_size) == "table" then
|
|
option_items_group.align = "bottom"
|
|
option_items_fixed = true
|
|
end
|
|
-- make current index according to configurable table
|
|
local current_item = nil
|
|
if self.options[c].name then
|
|
if self.options[c].values then
|
|
-- check if current value is stored in configurable or calculated in runtime
|
|
local val = self.options[c].current_func and self.options[c].current_func()
|
|
or self.config.configurable[self.options[c].name]
|
|
local min_diff = math.abs(val - self.options[c].values[1])
|
|
local diff = nil
|
|
for index, val_ in pairs(self.options[c].values) do
|
|
if val == val_ then
|
|
current_item = index
|
|
break
|
|
end
|
|
diff = math.abs(val - val_)
|
|
if diff <= min_diff then
|
|
min_diff = diff
|
|
current_item = index
|
|
end
|
|
end
|
|
elseif self.options[c].args then
|
|
-- check if current arg is stored in configurable or calculated in runtime
|
|
local arg = self.options[c].current_func and self.options[c].current_func()
|
|
or self.config.configurable[self.options[c].name]
|
|
for idx, arg_ in pairs(self.options[c].args) do
|
|
if arg_ == arg then
|
|
current_item = idx
|
|
break
|
|
end
|
|
end
|
|
end
|
|
end
|
|
|
|
if self.options[c].item_text then
|
|
for d = 1, #self.options[c].item_text do
|
|
local option_item = nil
|
|
if option_items_fixed then
|
|
option_item = OptionTextItem:new{
|
|
FixedTextWidget:new{
|
|
text = self.options[c].item_text[d],
|
|
face = Font:getFace(item_font_face, item_font_size[d]),
|
|
},
|
|
padding = 3,
|
|
color = d == current_item and 15 or 0,
|
|
}
|
|
else
|
|
option_item = OptionTextItem:new{
|
|
TextWidget:new{
|
|
text = self.options[c].item_text[d],
|
|
face = Font:getFace(item_font_face, item_font_size),
|
|
},
|
|
padding = -3,
|
|
color = d == current_item and 15 or 0,
|
|
}
|
|
end
|
|
option_items[d] = option_item
|
|
option_item.items = option_items
|
|
option_item.name = self.options[c].name
|
|
option_item.values = self.options[c].values
|
|
option_item.args = self.options[c].args
|
|
option_item.event = self.options[c].event
|
|
option_item.current_item = d
|
|
option_item.config = self.config
|
|
table.insert(option_items_group, option_item)
|
|
if d ~= #self.options[c].item_text then
|
|
table.insert(option_items_group, items_spacing)
|
|
end
|
|
end
|
|
end
|
|
|
|
if self.options[c].item_icons then
|
|
for d = 1, #self.options[c].item_icons do
|
|
local option_item = OptionIconItem:new{
|
|
icon = ImageWidget:new{
|
|
file = self.options[c].item_icons[d]
|
|
},
|
|
padding = -2,
|
|
color = d == current_item and 15 or 0,
|
|
}
|
|
option_items[d] = option_item
|
|
option_item.items = option_items
|
|
option_item.name = self.options[c].name
|
|
option_item.values = self.options[c].values
|
|
option_item.args = self.options[c].args
|
|
option_item.event = self.options[c].event
|
|
option_item.current_item = d
|
|
option_item.config = self.config
|
|
table.insert(option_items_group, option_item)
|
|
if d ~= #self.options[c].item_icons then
|
|
table.insert(option_items_group, items_spacing)
|
|
end
|
|
end
|
|
end
|
|
|
|
if self.options[c].toggle then
|
|
local switch = ToggleSwitch:new{
|
|
name = self.options[c].name,
|
|
toggle = self.options[c].toggle,
|
|
alternate = self.options[c].alternate,
|
|
values = self.options[c].values,
|
|
args = self.options[c].args,
|
|
event = self.options[c].event,
|
|
events = self.options[c].events,
|
|
config = self.config,
|
|
}
|
|
local position = current_item
|
|
switch:setPosition(position)
|
|
table.insert(option_items_group, switch)
|
|
end
|
|
|
|
table.insert(option_items_container, option_items_group)
|
|
table.insert(horizontal_group, option_items_container)
|
|
table.insert(vertical_group, horizontal_group)
|
|
end -- if
|
|
end -- for
|
|
table.insert(vertical_group, VerticalSpan:new{ width = default_option_padding })
|
|
self[1] = vertical_group
|
|
self.dimen = vertical_group:getSize()
|
|
end
|
|
|
|
ConfigPanel = FrameContainer:new{ background = 0, bordersize = 0, }
|
|
function ConfigPanel:init()
|
|
local config_options = self.config_dialog.config_options
|
|
local default_option = config_options.default_options and config_options.default_options
|
|
or config_options[1].options
|
|
local panel = ConfigOption:new{
|
|
options = self.index and config_options[self.index].options or default_option,
|
|
config = self.config_dialog,
|
|
}
|
|
self.dimen = panel:getSize()
|
|
table.insert(self, panel)
|
|
end
|
|
|
|
MenuBar = FrameContainer:new{ background = 0, }
|
|
function MenuBar:init()
|
|
local config_options = self.config_dialog.config_options
|
|
local menu_items = {}
|
|
local icons_width = 0
|
|
local icons_height = 0
|
|
for c = 1, #config_options do
|
|
local menu_icon = ImageWidget:new{
|
|
file = config_options[c].icon
|
|
}
|
|
local icon_dimen = menu_icon:getSize()
|
|
icons_width = icons_width + icon_dimen.w
|
|
icons_height = icon_dimen.h > icons_height and icon_dimen.h or icons_height
|
|
|
|
menu_items[c] = MenuBarItem:new{
|
|
menu_icon,
|
|
index = c,
|
|
config = self.config_dialog,
|
|
}
|
|
end
|
|
|
|
local spacing = HorizontalSpan:new{
|
|
width = (Screen:getWidth() - icons_width) / (#menu_items+1)
|
|
}
|
|
|
|
local menu_bar = HorizontalGroup:new{}
|
|
|
|
for c = 1, #menu_items do
|
|
table.insert(menu_bar, spacing)
|
|
table.insert(menu_bar, menu_items[c])
|
|
end
|
|
table.insert(menu_bar, spacing)
|
|
|
|
self.dimen = Geom:new{ w = Screen:getWidth(), h = icons_height}
|
|
table.insert(self, menu_bar)
|
|
end
|
|
|
|
--[[
|
|
Widget that displays config menubar and config panel
|
|
|
|
+----------------+
|
|
| |
|
|
| |
|
|
| |
|
|
| |
|
|
| |
|
|
+----------------+
|
|
| |
|
|
| Config Panel |
|
|
| |
|
|
+----------------+
|
|
| Menu Bar |
|
|
+----------------+
|
|
|
|
--]]
|
|
|
|
ConfigDialog = InputContainer:new{
|
|
--is_borderless = false,
|
|
}
|
|
|
|
function ConfigDialog:init()
|
|
------------------------------------------
|
|
-- start to set up widget layout ---------
|
|
------------------------------------------
|
|
self.config_panel = ConfigPanel:new{
|
|
config_dialog = self,
|
|
}
|
|
self.config_menubar = MenuBar:new{
|
|
config_dialog = self,
|
|
}
|
|
self:makeDialog()
|
|
------------------------------------------
|
|
-- start to set up input event callback --
|
|
------------------------------------------
|
|
if Device:isTouchDevice() then
|
|
self.ges_events.TapCloseMenu = {
|
|
GestureRange:new{
|
|
ges = "tap",
|
|
range = Geom:new{
|
|
x = 0, y = 0,
|
|
w = Screen:getWidth(),
|
|
h = Screen:getHeight(),
|
|
}
|
|
}
|
|
}
|
|
else
|
|
-- set up keyboard events
|
|
self.key_events.Close = { {"Back"}, doc = _("close config menu") }
|
|
-- we won't catch presses to "Right"
|
|
self.key_events.FocusRight = nil
|
|
end
|
|
self.key_events.Select = { {"Press"}, doc = _("select current menu item") }
|
|
|
|
UIManager:setDirty(self, "partial")
|
|
end
|
|
|
|
function ConfigDialog:updateConfigPanel(index)
|
|
self.config_panel = ConfigPanel:new{
|
|
index = index,
|
|
config_dialog = self,
|
|
}
|
|
end
|
|
|
|
function ConfigDialog:makeDialog()
|
|
local dialog = VerticalGroup:new{
|
|
self.config_panel,
|
|
self.config_menubar,
|
|
}
|
|
|
|
local dialog_size = dialog:getSize()
|
|
|
|
self[1] = BottomContainer:new{
|
|
dimen = Screen:getSize(),
|
|
FrameContainer:new{
|
|
dimen = dialog_size,
|
|
background = 0,
|
|
dialog,
|
|
}
|
|
}
|
|
|
|
self.dialog_dimen = Geom:new{
|
|
x = (Screen:getWidth() - dialog_size.w)/2,
|
|
y = Screen:getHeight() - dialog_size.h,
|
|
w = dialog_size.w,
|
|
h = dialog_size.h,
|
|
}
|
|
end
|
|
|
|
function ConfigDialog:onShowConfigPanel(index)
|
|
self:updateConfigPanel(index)
|
|
self:makeDialog()
|
|
UIManager.repaint_all = true
|
|
return true
|
|
end
|
|
|
|
function ConfigDialog:onConfigChoice(option_name, option_value)
|
|
--DEBUG("config option value", option_name, option_value)
|
|
self.configurable[option_name] = option_value
|
|
self.ui:handleEvent(Event:new("StartActivityIndicator"))
|
|
end
|
|
|
|
function ConfigDialog:onConfigEvent(option_event, option_arg)
|
|
--DEBUG("config option event", option_event, option_arg)
|
|
self.ui:handleEvent(Event:new(option_event, option_arg))
|
|
end
|
|
|
|
function ConfigDialog:closeDialog()
|
|
UIManager:close(self)
|
|
if self.close_callback then
|
|
self.close_callback()
|
|
end
|
|
return true
|
|
end
|
|
|
|
function ConfigDialog:onTapCloseMenu(arg, ges_ev)
|
|
if ges_ev.pos:notIntersectWith(self.dialog_dimen) then
|
|
self:closeDialog()
|
|
return true
|
|
end
|
|
end
|