dot/.local/share/gnome-shell/extensions/timepp@zagortenay333/sections/timer.js

1193 lines
42 KiB
JavaScript
Raw Normal View History

2020-05-11 09:16:27 +00:00
const St = imports.gi.St;
const Gio = imports.gi.Gio
const Gtk = imports.gi.Gtk;
const GLib = imports.gi.GLib;
const Clutter = imports.gi.Clutter;
const Main = imports.ui.main;
const CheckBox = imports.ui.checkBox;
const MessageTray = imports.ui.messageTray;
const Slider = imports.ui.slider;
const ByteArray = imports.byteArray;
const Signals = imports.signals;
const Mainloop = imports.mainloop;
const ME = imports.misc.extensionUtils.getCurrentExtension();
const Gettext = imports.gettext.domain(ME.metadata['gettext-domain']);
const _ = Gettext.gettext;
const ngettext = Gettext.ngettext;
const SOUND_PLAYER = ME.imports.lib.sound_player;
const FULLSCREEN = ME.imports.lib.fullscreen;
const SIG_MANAGER = ME.imports.lib.signal_manager;
const KEY_MANAGER = ME.imports.lib.keybinding_manager;
const PANEL_ITEM = ME.imports.lib.panel_item;
const NUM_PICKER = ME.imports.lib.num_picker;
const MULTIL_ENTRY = ME.imports.lib.multiline_entry;
const TEXT_LINKS_MNGR = ME.imports.lib.text_links_manager;
const MISC_UTILS = ME.imports.lib.misc_utils;
const FUZZ = ME.imports.lib.fuzzy_search;
const REG = ME.imports.lib.regex;
const IFACE = `${ME.path}/dbus/timer_iface.xml`;
const CACHE_FILE = '~/.cache/timepp_gnome_shell_extension/timepp_timer.json';
const TIMER_MAX_DURATION = 24 * 60 * 60 * 1000000; // microseconds
const TIMER_EXPIRED_MSG = _('Timer Expired!');
const TimerState = {
RUNNING : 'RUNNING',
STOPPED : 'STOPPED',
OFF : 'OFF',
};
const NotifStyle = {
STANDARD : 0,
FULLSCREEN : 1,
NONE : 2,
};
const PanelMode = {
ICON : 0,
TEXT : 1,
ICON_TEXT : 2,
DYNAMIC : 3,
};
// =====================================================================
// @@@ Main
//
// @ext : obj (main extension object)
// @settings : obj (extension settings)
// =====================================================================
var SectionMain = class SectionMain extends ME.imports.sections.section_base.SectionBase {
constructor (section_name, ext, settings) {
super(section_name, ext, settings);
this.actor.add_style_class_name('timer-section');
this.separate_menu = this.settings.get_boolean('timer-separate-menu');
this.timer_state = TimerState.OFF;
this.tic_mainloop_id = null;
this.cache_file = null;
this.cache = null;
this.notif_source = null;
this.clock = 0; // microseconds
this.end_time = 0; // for computing elapsed time (microseconds)
{
let [,xml,] = Gio.file_new_for_path(IFACE).load_contents(null);
xml = '' + ByteArray.toString(xml);
this.dbus_impl = Gio.DBusExportedObject.wrapJSObject(xml, this);
this.dbus_impl.export(Gio.DBus.session, '/timepp/zagortenay333/Timer');
}
this.linkm = new TEXT_LINKS_MNGR.TextLinksManager();
this.sigm = new SIG_MANAGER.SignalManager();
this.keym = new KEY_MANAGER.KeybindingManager(this.settings);
this.sound_player = new SOUND_PLAYER.SoundPlayer();
this.fullscreen = new TimerFullscreen(this.ext, this,
this.settings.get_int('timer-fullscreen-monitor-pos'));
this.fullscreen.set_banner_text(
this.settings.get_boolean('timer-show-seconds') ? '00:00:00' : '00:00');
try {
this.cache_file = MISC_UTILS.file_new_for_path(CACHE_FILE);
let cache_format_version =
ME.metadata['cache-file-format-version'].timer;
if (this.cache_file.query_exists(null)) {
let [a, contents, b] = this.cache_file.load_contents(null);
this.cache = JSON.parse(ByteArray.toString(contents));
}
if (!this.cache || !this.cache.format_version ||
this.cache.format_version !== cache_format_version) {
// @preset_object : { time: number (seconds),
// msg: string,
// repeat_sound: bool, }
//
// @custom_presets : array of @preset_object
// @default_preset : @preset_object
this.cache = {
format_version : cache_format_version,
default_preset : {time: 60, msg: '', repeat_sound: false},
custom_presets : [],
};
}
} catch (e) {
logError(e);
return;
}
this.current_preset = this.cache.default_preset;
//
// keybindings
//
this.keym.add('timer-keybinding-open', () => {
this.ext.open_menu(this.section_name);
});
this.keym.add('timer-keybinding-open-fullscreen', () => {
this.show_fullscreen();
});
this.keym.add('timer-keybinding-open-to-search-presets', () => {
this.ext.open_menu(this.section_name);
this._show_presets();
});
//
// panel item
//
this.panel_item.icon.gicon = MISC_UTILS.getIcon('timepp-timer-symbolic');
this.panel_item.actor.add_style_class_name('timer-panel-item');
this.panel_item.set_label(this.settings.get_boolean('timer-show-seconds') ? '00:00:00' : '00:00');
this._toggle_panel_item_mode();
//
// header
//
this.header = new St.BoxLayout({ style_class: 'timepp-menu-item header' });
this.actor.add_actor(this.header);
this.header_label = new St.Label({ x_expand: true, text: _('Timer'), style_class: 'clock' });
this.header.add_child(this.header_label);
this.icon_box = new St.BoxLayout({ y_align: Clutter.ActorAlign.CENTER, style_class: 'icon-box' });
this.header.add(this.icon_box);
this.start_pause_icon = new St.Icon({ visible: false, reactive: true, can_focus: true, track_hover: true, gicon : MISC_UTILS.getIcon('timepp-pause-symbolic'), style_class: 'pause-icon' });
this.icon_box.add_actor(this.start_pause_icon);
this.fullscreen_icon = new St.Icon({ reactive: true, can_focus: true, track_hover: true, gicon : MISC_UTILS.getIcon('timepp-fullscreen-symbolic'), style_class: 'fullscreen-icon' });
this.icon_box.add_actor(this.fullscreen_icon);
this.settings_icon = new St.Icon({ reactive: true, can_focus: true, track_hover: true, gicon : MISC_UTILS.getIcon('timepp-settings-symbolic'), style_class: 'settings-icon' });
this.icon_box.add(this.settings_icon);
//
// timer slider
//
{
this.slider_item = new St.BoxLayout({ vertical: true, style_class: 'timepp-menu-item' });
this.actor.add_child(this.slider_item);
this.slider = new Slider.Slider(0);
this.slider_item.add_actor(this.slider.actor);
}
//
// settings window container
//
this.timepicker_container = new St.Bin({ x_fill: true });
this.actor.add_child(this.timepicker_container);
//
// listen
//
this.sigm.connect(this.fullscreen, 'monitor-changed', () => {
this.settings.set_int('timer-fullscreen-monitor-pos', this.fullscreen.monitor);
});
this.sigm.connect(this.settings, 'changed::timer-separate-menu', () => {
this.separate_menu = this.settings.get_boolean('timer-separate-menu');
this.ext.update_panel_items();
});
this.sigm.connect(this.settings, 'changed::timer-show-seconds', () => this._update_time_display());
this.sigm.connect(this.settings, 'changed::timer-panel-mode', () => this._toggle_panel_item_mode());
this.sigm.connect(this.panel_item, 'middle-click', () => this.toggle_timer());
this.sigm.connect_release(this.start_pause_icon, Clutter.BUTTON_PRIMARY, true, () => this.toggle_timer());
this.sigm.connect_release(this.fullscreen_icon, Clutter.BUTTON_PRIMARY, true, () => this.show_fullscreen());
this.sigm.connect_release(this.settings_icon, Clutter.BUTTON_PRIMARY, true, () => this._show_presets());
this.sigm.connect(this.slider, 'notify::value', () => this.slider_changed(this.slider.value));
this.sigm.connect(this.slider, 'drag-end', () => this.slider_released());
this.sigm.connect(this.slider.actor, 'scroll-event', () => this.slider_released());
}
disable_section () {
this.dbus_impl.unexport();
this.stop();
this._store_cache();
this.sigm.clear();
this.keym.clear();
if (this.fullscreen) {
this.fullscreen.destroy();
this.fullscreen = null;
}
super.disable_section();
}
_store_cache () {
if (! this.cache_file.query_exists(null))
this.cache_file.create(Gio.FileCreateFlags.NONE, null);
this.cache_file.replace_contents(JSON.stringify(this.cache, null, 2),
null, false, Gio.FileCreateFlags.REPLACE_DESTINATION, null);
}
toggle_timer () {
if (this.timer_state === TimerState.STOPPED) this.start();
else if (this.timer_state === TimerState.RUNNING) this.stop();
}
// This func is used for DBus.
// DBus has no optional arguments, so @time === 0 and @msg === "null" means
// that those arguments are omitted, and in that case we don't update the
// default preset.
start_from_default_preset (time, msg) {
this.current_preset = this.cache.default_preset;
if (time > 0) this.current_preset.time = time;
if (msg !== "null") this.current_preset.msg = msg;
Mainloop.idle_add(() => this._store_cache());
this.start(this.current_preset.time);
}
start_from_preset (preset, time = null) {
this.current_preset = preset;
if (time !== null) {
preset.time = time;
Mainloop.idle_add(() => this._store_cache());
}
this.start(preset.time);
}
// @time: int (seconds)
start (time) {
this.timer_state = TimerState.RUNNING;
if (this.tic_mainloop_id) {
Mainloop.source_remove(this.tic_mainloop_id);
this.tic_mainloop_id = null;
}
this.sound_player.stop();
if (this.notif_source) this.notif_source.destroyNonResidentNotifications();
if (time) time *= 1000000;
else time = this.clock;
this.end_time = GLib.get_monotonic_time() + time;
this.fullscreen.on_timer_started();
this.start_pause_icon.show();
this.start_pause_icon.gicon = MISC_UTILS.getIcon('timepp-pause-symbolic');
this.start_pause_icon.style_class = 'pause-icon';
this.panel_item.actor.add_style_class_name('on');
if (this.settings.get_enum('timer-panel-mode') === PanelMode.DYNAMIC)
this.panel_item.set_mode('icon_text');
this._tic();
}
stop () {
this.timer_state = TimerState.STOPPED;
this.clock = this.end_time - GLib.get_monotonic_time();
if (this.tic_mainloop_id) {
Mainloop.source_remove(this.tic_mainloop_id);
this.tic_mainloop_id = null;
}
this.fullscreen.on_timer_stopped();
this.start_pause_icon.gicon = MISC_UTILS.getIcon('timepp-start-symbolic');
this.start_pause_icon.style_class = 'start-icon';
this.panel_item.actor.remove_style_class_name('on');
if (this.settings.get_enum('timer-panel-mode') === PanelMode.DYNAMIC)
this.panel_item.set_mode('icon');
}
reset () {
this.timer_state = TimerState.OFF;
if (this.tic_mainloop_id) {
Mainloop.source_remove(this.tic_mainloop_id);
this.tic_mainloop_id = null;
}
this.slider.value = 0;
this.fullscreen.on_timer_off();
this.header_label.text = _('Timer');
this.start_pause_icon.hide();
this.panel_item.actor.remove_style_class_name('on');
if (this.settings.get_enum('timer-panel-mode') === PanelMode.DYNAMIC)
this.panel_item.set_mode('icon');
}
_on_timer_expired () {
this.reset();
this._send_notif();
this.dbus_impl.emit_signal('timer_expired', null);
}
_tic () {
this.clock = this.end_time - GLib.get_monotonic_time();
this._update_slider();
this._update_time_display();
if (this.clock <= 0) {
this.clock = 0;
this._on_timer_expired();
return;
}
this.tic_mainloop_id = Mainloop.timeout_add_seconds(1, () => {
this._tic();
});
}
_update_time_display () {
let time = Math.ceil(this.clock / 1000000);
let txt;
// If the seconds are not shown, we need to make the timer '1-indexed'
// in respect to minutes. I.e., 00:00:34 becomes 00:01.
if (this.settings.get_boolean('timer-show-seconds')) {
txt = "%02d:%02d:%02d".format(
Math.floor(time / 3600),
Math.floor(time % 3600 / 60),
time % 60
);
} else {
if (time % 3600 !== 0) time += 60;
txt = "%02d:%02d".format(
Math.floor(time / 3600),
Math.floor(time % 3600 / 60)
);
}
this.header_label.text = txt;
this.panel_item.set_label(txt);
this.fullscreen.set_banner_text(txt);
}
// Update slider based on the clock.
// This function is the inverse of the function that is used to calc the
// clock based on the slider.
_update_slider () {
let x = this.clock / TIMER_MAX_DURATION;
let y = (Math.log(x * (Math.pow(2, 10) - 1) +1)) / Math.log(2) / 10;
this.slider.value = y;
this.fullscreen.slider.value = y;
}
slider_released () {
if (this.clock < 1000000) {
this.reset();
} else {
this.start_from_preset(this.cache.default_preset, Math.round(this.clock / 1000000));
this.start();
this._store_cache();
}
}
slider_changed (value) {
if (this.tic_mainloop_id) {
Mainloop.source_remove(this.tic_mainloop_id);
this.tic_mainloop_id = null;
}
if (value < 1) {
// Make rate of change of the timer duration an exponential curve.
// This allows for finer tuning when the duration is smaller.
let y = (Math.pow(2, (10 * value)) - 1) / (Math.pow(2, 10) - 1);
// Change the increment of the slider based on how far it's dragged.
// If the seconds are not shown, the increments must be multiples
// of 60s.
let step;
if (this.settings.get_boolean('timer-show-seconds')) {
if (value < .05) step = 15;
else if (value < .5) step = 30;
else if (value < .8) step = 60;
else step = 3600;
} else {
if (value < .7) step = 59;
else if (value < .9) step = 1800;
else step = 3600;
}
this.clock = Math.floor(y * TIMER_MAX_DURATION / step) * step;
this._update_time_display();
}
else { // slider has been dragged past the limit
this.clock = TIMER_MAX_DURATION;
this._update_time_display();
}
}
_send_notif () {
let notif_type = this.settings.get_enum('timer-notif-style');
if (notif_type === NotifStyle.NONE) {
// no visual notification
} else if (notif_type === NotifStyle.FULLSCREEN || this.fullscreen.is_open) {
this.fullscreen.open();
this.fullscreen.on_timer_expired();
} else {
if (this.notif_source) {
this.notif_source.destroyNonResidentNotifications();
}
this.notif_source = new MessageTray.Source();
Main.messageTray.add(this.notif_source);
this.notif_source.connect('destroy', () => this.sound_player.stop());
let icon = new St.Icon({ gicon : MISC_UTILS.getIcon('timepp-timer-symbolic') });
let params = {
bannerMarkup : true,
gicon : icon.gicon,
};
let notif = new MessageTray.Notification(
this.notif_source,
TIMER_EXPIRED_MSG,
this.current_preset.msg || '',
params
);
notif.setUrgency(MessageTray.Urgency.CRITICAL);
this.notif_source.notify(notif);
}
if (this.settings.get_boolean('timer-play-sound')) {
this.sound_player.set_sound_uri(this.settings.get_string('timer-sound-file-path'));
this.sound_player.play(this.current_preset.repeat_sound);
}
}
_show_presets () {
let presets_view = new TimerPresetsView(this.ext, this);
this.timepicker_container.add_actor(presets_view.actor);
Mainloop.timeout_add(0, () => presets_view.entry.entry.grab_key_focus());
this.header.hide();
this.slider_item.hide();
presets_view.connect('start-timer', (_, preset) => {
this.actor.grab_key_focus();
presets_view.actor.destroy();
this.header.show();
this.slider_item.show();
this.start_from_preset(preset);
this.ext.menu.close(false);
});
presets_view.connect('add-preset', (_, preset) => {
this.cache.custom_presets.push(preset);
this._store_cache();
});
presets_view.connect('edited-preset', (_, preset) => {
this._store_cache();
});
presets_view.connect('delete-preset', (_, preset) => {
if (this.current_preset === preset) {
this.current_preset = this.cache.default_preset;
}
for (let i = 0; i < this.cache.custom_presets.length; i++) {
if (this.cache.custom_presets[i] === preset)
this.cache.custom_presets.splice(i, 1);
}
this._store_cache();
});
presets_view.connect('ok', () => {
this.actor.grab_key_focus();
presets_view.actor.destroy();
this.header.show();
this.slider_item.show();
});
}
show_fullscreen () {
this.ext.menu.close();
if (! this.fullscreen) {
this.fullscreen = new TimerFullscreen(
this.ext, this, this.settings.get_int('timer-fullscreen-monitor-pos'));
}
this.fullscreen.open();
}
_toggle_panel_item_mode () {
switch (this.settings.get_enum('timer-panel-mode')) {
case PanelMode.ICON:
this.panel_item.set_mode('icon');
break;
case PanelMode.TEXT:
this.panel_item.set_mode('text');
break;
case PanelMode.ICON_TEXT:
this.panel_item.set_mode('icon_text');
break;
case PanelMode.DYNAMIC:
if (this.timer_state === TimerState.RUNNING) this.panel_item.set_mode('icon_text');
else this.panel_item.set_mode('icon');
}
}
highlight_tokens (text) {
text = GLib.markup_escape_text(text, -1);
text = MISC_UTILS.split_on_whitespace(text);
let inside_backticks = false;
for (let i = 0; i < text.length; i++) {
let token = text[i];
if (token.startsWith('`') || token.endsWith('`')) inside_backticks = !inside_backticks;
if (inside_backticks) continue;
if (REG.URL.test(token) || REG.FILE_PATH.test(token)) {
text[i] =
'`<span foreground="' + this.ext.custom_css['-timepp-link-color'][0] +
'"><u><b>' + token + '</b></u></span>`';
}
}
text = text.join('');
return MISC_UTILS.markdown_to_pango(text, this.ext.markdown_map);
}
}
Signals.addSignalMethods(SectionMain.prototype);
// =====================================================================
// @@@ TimerPresetsView
//
// @ext : obj (main extension object)
// @delegate : obj (main section object)
//
// @signals:
// - 'ok'
// - 'edited-preset'
// - 'add-preset' (returns a preset obj)
// - 'start-timer' (returns a preset obj)
// - 'delete-preset' (returns a preset obj)
// =====================================================================
var TimerPresetsView = class TimerPresetsView {
constructor (ext, delegate) {
this.ext = ext;
this.delegate = delegate;
this.css = this.ext.custom_css;
// objects returned by _new_preset_item() func
this.preset_items = new Set();
//
// container
//
this.actor = new St.BoxLayout({ x_expand: true, vertical: true, style_class: 'view-box' });
this.content_box = new St.BoxLayout({ x_expand: true, vertical: true, style_class: 'view-box-content' });
this.actor.add_actor(this.content_box);
//
// search presets entry
//
this.entry = new MULTIL_ENTRY.MultiLineEntry(_('Search...'), true);
this.content_box.add(this.entry.actor);
this.entry.actor.add_style_class_name('row');
this.entry.scroll_box.vscrollbar_policy = Gtk.PolicyType.NEVER;
this.entry.scroll_box.hscrollbar_policy = Gtk.PolicyType.NEVER;
//
// preset items container
//
this.preset_items_scrollview = new St.ScrollView({ style_class: 'vfade' });
this.content_box.add_actor(this.preset_items_scrollview);
this.preset_items_scrollview.vscrollbar_policy = Gtk.PolicyType.NEVER;
this.preset_items_scrollview.hscrollbar_policy = Gtk.PolicyType.NEVER;
this.preset_items_scrollbox = new St.BoxLayout({ vertical: true, style_class: 'row' });
this.preset_items_scrollview.add_actor(this.preset_items_scrollbox);
{
let it = this._new_preset_item(this.delegate.cache.default_preset);
this.preset_items_scrollbox.add_child(it.actor);
it.actor.add_style_class_name('timer-preset-item-default');
it.is_default = true;
let label = new St.Label({ x_expand: true, y_align: Clutter.ActorAlign.CENTER, style_class: 'timer-preset-item-default-indicator-label' });
it.header.insert_child_at_index(label, 1);
label.clutter_text.set_markup(` <b>${_('Default preset')}</b>`);
it.header.get_first_child().x_expand = false;
}
for (let preset of this.delegate.cache.custom_presets) {
this.preset_items_scrollbox.add_child(this._new_preset_item(preset).actor);
}
//
// buttons
//
let btn_box = new St.BoxLayout({ x_expand: true, style_class: 'row btn-box' });
this.content_box.add_child(btn_box);
this.button_add_preset = new St.Button({ can_focus: true, label: _('Add Preset'), style_class: 'button', x_expand: true });
this.button_ok = new St.Button({ can_focus: true, label: _('Ok'), style_class: 'button', x_expand: true });
btn_box.add(this.button_add_preset, {expand: true});
btn_box.add(this.button_ok, {expand: true});
//
// listen
//
this.preset_items_scrollbox.connect('allocation-changed', () => {
this.preset_items_scrollview.vscrollbar_policy = Gtk.PolicyType.NEVER;
if (ext.needs_scrollbar()) this.preset_items_scrollview.vscrollbar_policy = Gtk.PolicyType.ALWAYS;
});
this.entry.entry.connect('allocation-changed', () => {
this.entry.scroll_box.vscrollbar_policy = Gtk.PolicyType.NEVER;
if (ext.needs_scrollbar()) this.entry.scroll_box.vscrollbar_policy = Gtk.PolicyType.ALWAYS;
});
this.entry.entry.clutter_text.connect('text-changed', () => this._search_presets());
this.button_add_preset.connect('clicked', () => this._show_preset_editor());
this.button_ok.connect('clicked', () => this.emit('ok'));
}
_search_presets () {
this.preset_items_scrollbox.remove_all_children();
let needle = this.entry.entry.get_text().toLowerCase();
if (!needle) {
for (let it of this.preset_items)
this.preset_items_scrollbox.add_child(it.actor);
} else {
let reduced_results = [];
for (let it of this.preset_items) {
let score = FUZZ.fuzzy_search_v1(needle, it.msg.text.toLowerCase());
if (score) reduced_results.push([score, it]);
}
reduced_results.sort((a, b) => a[0] < b[0]);
for (let it of reduced_results)
this.preset_items_scrollbox.add_child(it[1].actor);
}
}
_show_preset_editor (item) {
let preset = item ? item.preset : null;
let is_deletable = Boolean(preset) && !item.is_default;
let editor = new TimerPresetEditor(this.ext, this.delegate, preset, is_deletable);
this.actor.add_child(editor.actor);
editor.entry.entry.grab_key_focus();
this.content_box.hide();
editor.connect('ok', (_, info) => {
this.content_box.show();
let it;
if (item) {
it = item;
it.preset.msg = info.msg;
it.preset.time = info.time;
it.preset.repeat_sound = info.repeat_sound;
if (info.msg) {
it.msg.clutter_text.set_markup(this.delegate.highlight_tokens(info.msg));
it.msg.show();
} else {
it.msg.hide();
}
let time_label = "%02d:%02d:%02d".format(
Math.floor(info.time / 3600),
Math.floor(info.time % 3600 / 60),
info.time % 60
);
it.time_label.clutter_text.set_markup(`<b>${time_label}</b>`);
this.emit('edited-preset');
} else {
it = this._new_preset_item(info);
this.preset_items_scrollbox.add_child(it.actor);
this.emit('add-preset', info);
}
it.icon_box.show();
it.icon_box.get_first_child().grab_key_focus();
Mainloop.idle_add(() => {
MISC_UTILS.scroll_to_item(this.preset_items_scrollview,
this.preset_items_scrollbox,
it.actor);
});
this.entry.entry.grab_key_focus();
editor.actor.destroy();
});
editor.connect('delete', () => {
this.preset_items.delete(item);
item.actor.destroy();
this.content_box.show();
this.entry.entry.grab_key_focus();
editor.actor.destroy();
this.emit('delete-preset', preset);
});
editor.connect('cancel', () => {
this.content_box.show();
this.entry.entry.grab_key_focus();
editor.actor.destroy();
});
}
_new_preset_item (preset) {
let item = {};
item.preset = preset;
this.preset_items.add(item);
item.actor = new St.BoxLayout({ can_focus: true, reactive: true, vertical: true, style_class: 'timer-preset-item' });
item.header = new St.BoxLayout();
item.actor.add_child(item.header);
item.msg = new St.Label({ y_align: Clutter.ActorAlign.CENTER });
item.actor.add_child(item.msg);
this.delegate.linkm.add_label_actor(item.msg, new Map([
[REG.URL , MISC_UTILS.open_web_uri],
[REG.FILE_PATH , MISC_UTILS.open_file_path],
]));
if (preset.msg) {
item.msg.clutter_text.set_markup(this.delegate.highlight_tokens(preset.msg));
item.msg.show();
} else {
item.msg.hide();
}
item.time_label = new St.Label({ x_expand: true, y_align: Clutter.ActorAlign.CENTER });
item.header.add_child(item.time_label);
{
let time_label = "%02d:%02d:%02d".format(
Math.floor(preset.time / 3600),
Math.floor(preset.time % 3600 / 60),
preset.time % 60
);
item.time_label.clutter_text.set_markup(`<b>${time_label}</b>`);
}
// icons
item.icon_box = new St.BoxLayout({ visible: false, style_class: 'icon-box' });
item.header.add_child(item.icon_box);
let start_icon = new St.Icon({ track_hover: true, can_focus: true, reactive: true, gicon : MISC_UTILS.getIcon('timepp-start-symbolic') });
item.icon_box.add_child(start_icon);
let edit_icon = new St.Icon({ track_hover: true, can_focus: true, reactive: true, gicon : MISC_UTILS.getIcon('timepp-edit-symbolic') });
item.icon_box.add_child(edit_icon);
// listen
this.delegate.sigm.connect_release(start_icon, Clutter.BUTTON_PRIMARY, true, () => {
this.emit('start-timer', preset);
});
this.delegate.sigm.connect_release(edit_icon, Clutter.BUTTON_PRIMARY, true, () => {
Main.panel.menuManager.ignoreRelease();
this._show_preset_editor(item);
});
item.actor.connect('key-focus-in', () => { item.actor.can_focus = false; });
item.actor.connect('event', (_, event) => this._on_preset_item_event(item, event));
return item;
}
_on_preset_item_event (item, event) {
switch (event.type()) {
case Clutter.EventType.ENTER: {
let related = event.get_related();
if (related && !item.actor.contains(related)) item.icon_box.show();
break;
}
case Clutter.EventType.LEAVE: {
let related = event.get_related();
if (!item.header.contains(global.stage.get_key_focus()) &&
related &&
!item.actor.contains(related)) {
item.icon_box.hide();
item.actor.can_focus = true;
}
break;
}
case Clutter.EventType.KEY_RELEASE: {
item.icon_box.show();
if (!item.header.contains(global.stage.get_key_focus())) {
item.icon_box.get_first_child().grab_key_focus();
}
MISC_UTILS.scroll_to_item(this.preset_items_scrollview,
this.preset_items_scrollbox,
item.actor);
break;
}
case Clutter.EventType.KEY_PRESS: {
Mainloop.idle_add(() => {
if (item.icon_box && !item.header.contains(global.stage.get_key_focus())) {
item.actor.can_focus = true;
item.icon_box.hide();
}
});
break;
}
}
}
}
Signals.addSignalMethods(TimerPresetsView.prototype);
// =====================================================================
// @@@ TimerPresetEditor
//
// @ext : obj (main extension object)
// @delegate : obj (main section object)
// @preset : obj
//
// @signals: 'ok', 'cancel', 'delete'
// =====================================================================
var TimerPresetEditor = class TimerPresetEditor {
constructor (ext, delegate, preset, is_deletable) {
this.ext = ext;
this.delegate = delegate;
this.preset = preset;
//
// container
//
this.actor = new St.BoxLayout({ vertical: true, style_class: 'view-box-content' });
//
// time pickers
//
{
let box = new St.BoxLayout({ style_class: 'row numpicker-box' });
this.actor.add_actor(box);
let label = new St.Label({ x_expand: true, y_align: Clutter.ActorAlign.CENTER });
box.add_child(label);
this.hr = new NUM_PICKER.NumPicker(0, 23);
box.add_child(this.hr.actor);
this.min = new NUM_PICKER.NumPicker(0, 59);
box.add_child(this.min.actor);
if (this.delegate.settings.get_boolean('timer-show-seconds')) {
label.text = `${_('(h:min:sec)')} `;
this.sec = new NUM_PICKER.NumPicker(0, 59);
box.add_child(this.sec.actor);
} else {
label.text = `${_('(h:min)')} `;
}
}
this._set_time();
//
// entry
//
this.entry_container = new St.BoxLayout({ x_expand: true, style_class: 'row entry-container' });
this.actor.add_actor(this.entry_container);
this.entry = new MULTIL_ENTRY.MultiLineEntry(_('Timer message...'), true);
this.entry_container.add(this.entry.actor, {expand: true});
this.entry.scroll_box.vscrollbar_policy = Gtk.PolicyType.NEVER;
this.entry.scroll_box.hscrollbar_policy = Gtk.PolicyType.NEVER;
if (preset) this.entry.set_text(preset.msg);
//
// repeat sound checkbox
//
this.checkbox_item = new St.BoxLayout({ reactive: true, x_expand: true, style_class: 'row' });
this.actor.add_actor(this.checkbox_item);
this.checkbox_item.add_child(
new St.Label({ text: _('Repeat notification sound?'), x_expand: true, y_align: Clutter.ActorAlign.CENTER }));
this.sound_checkbox = new CheckBox.CheckBox();
this.checkbox_item.add_child(this.sound_checkbox.actor);
this.sound_checkbox.actor.checked = preset ? preset.repeat_sound : false;
//
// buttons
//
let btn_box = new St.BoxLayout({ style_class: 'row btn-box' });
this.actor.add(btn_box, {expand: true});
if (is_deletable) {
this.button_delete = new St.Button({ can_focus: true, label: _('Delete'), style_class: 'btn-delete button', x_expand: true });
btn_box.add(this.button_delete, {expand: true});
this.button_delete.connect('clicked', () => this.emit('delete'));
}
this.button_cancel = new St.Button({ can_focus: true, label: _('Cancel'), style_class: 'btn-cancel button', x_expand: true });
this.button_ok = new St.Button({ can_focus: true, label: _('Ok'), style_class: 'btn-ok button', x_expand: true });
btn_box.add(this.button_cancel, {expand: true});
btn_box.add(this.button_ok, {expand: true});
//
// listen
//
this.entry.entry.connect('allocation-changed', () => {
this.entry.scroll_box.vscrollbar_policy = Gtk.PolicyType.NEVER;
if (ext.needs_scrollbar()) this.entry.scroll_box.vscrollbar_policy = Gtk.PolicyType.ALWAYS;
});
this.button_ok.connect('clicked', () => {
this.emit('ok', {
time : this._get_time(),
msg : this.entry.entry.get_text(),
repeat_sound : this.sound_checkbox.actor.checked,
});
});
this.button_cancel.connect('clicked', () => this.emit('cancel'));
this.checkbox_item.connect('button-press-event', () => {
this.sound_checkbox.actor.checked = !this.sound_checkbox.actor.checked;
});
}
_set_time () {
if (! this.preset) return;
this.hr.set_counter(Math.floor(this.preset.time / 3600));
this.min.set_counter(Math.floor(this.preset.time % 3600 / 60));
if (this.sec) this.sec.set_counter(this.preset.time % 60);
}
_get_time () {
let h = this.hr.counter * 3600;
let min = this.min.counter * 60;
let sec = this.sec ? this.sec.counter : 0;
return h + min + sec;
}
}
Signals.addSignalMethods(TimerPresetEditor.prototype);
// =====================================================================
// @@@ Timer fullscreen interface
//
// @ext : obj (main extension object)
// @delegate : obj (main section object)
// @monitor : int
//
// @signals: 'monitor-changed'
// =====================================================================
var TimerFullscreen = class TimerFullscreen extends FULLSCREEN.Fullscreen {
constructor (ext, delegate, monitor) {
super(monitor);
this.default_style_class = this.actor.style_class;
this.ext = ext;
this.delegate = delegate;
this.delegate.linkm.add_label_actor(this.banner, new Map([
[REG.URL , MISC_UTILS.open_web_uri],
[REG.FILE_PATH , MISC_UTILS.open_file_path],
]));
//
// actors
//
this.title = new St.Label({ x_expand: true, x_align: Clutter.ActorAlign.CENTER, style_class: 'pomo-phase-label' });
this.middle_box.insert_child_at_index(this.title, 0);
this.slider = new Slider.Slider(0);
this.bottom_box.add_child(this.slider.actor);
this.slider.actor.can_focus = true;
this.start_pause_btn = new St.Button();
this.top_box.insert_child_at_index(this.start_pause_btn, 0);
this.start_pause_icon = new St.Icon({ visible: false, reactive: true, can_focus: true, track_hover: true, gicon : MISC_UTILS.getIcon('timepp-pause-symbolic'), style_class: 'pause-icon' });
this.start_pause_btn.add_actor(this.start_pause_icon);
//
// listen
//
this.start_pause_btn.connect('clicked', () => {
this.delegate.toggle_timer();
});
this.slider.connect('drag-end', () => {
this.delegate.slider_released();
});
this.slider.actor.connect('scroll-event', () => {
this.delegate.slider_released();
this.title.text = '';
});
this.slider.connect('notify::value', () => {
this.delegate.slider_changed(this.slider.value);
this.actor.remove_style_class_name('timer-expired');
this.title.text = '';
});
this.actor.connect('key-release-event', (_, event) => {
switch (event.get_key_symbol()) {
case Clutter.KEY_space:
if (this.delegate.timer_state !== TimerState.OFF)
this.delegate.toggle_timer();
return Clutter.EVENT_STOP;
case Clutter.KEY_r:
case Clutter.KEY_BackSpace:
this.delegate.start(this.delegate.current_preset.time);
return Clutter.EVENT_STOP;
case Clutter.KEY_1:
this.delegate.start_from_preset(this.delegate.cache.default_preset, 60);
this.delegate.start(60);
return Clutter.EVENT_STOP;
case Clutter.KEY_2:
this.delegate.start_from_preset(this.delegate.cache.default_preset, 2 * 60);
return Clutter.EVENT_STOP;
case Clutter.KEY_3:
this.delegate.start_from_preset(this.delegate.cache.default_preset, 3 * 60);
return Clutter.EVENT_STOP;
case Clutter.KEY_4:
this.delegate.start_from_preset(this.delegate.cache.default_preset, 4 * 60);
return Clutter.EVENT_STOP;
case Clutter.KEY_5:
this.delegate.start_from_preset(this.delegate.cache.default_preset, 5 * 60);
return Clutter.EVENT_STOP;
case Clutter.KEY_6:
this.delegate.start_from_preset(this.delegate.cache.default_preset, 6 * 60);
return Clutter.EVENT_STOP;
case Clutter.KEY_7:
this.delegate.start_from_preset(this.delegate.cache.default_preset, 7 * 60);
return Clutter.EVENT_STOP;
case Clutter.KEY_8:
this.delegate.start_from_preset(this.delegate.cache.default_preset, 8 * 60);
return Clutter.EVENT_STOP;
case Clutter.KEY_9:
this.delegate.start_from_preset(this.delegate.cache.default_preset, 9 * 60);
return Clutter.EVENT_STOP;
case Clutter.KEY_0:
this.delegate.start_from_preset(this.delegate.cache.default_preset, 10 * 60);
return Clutter.EVENT_STOP;
default:
return Clutter.EVENT_PROPAGATE;
}
});
}
close () {
this.delegate.sound_player.stop();
if (this.delegate.timer_state === TimerState.OFF) {
this.actor.style_class = this.default_style_class;
this.title.text = '';
this.set_banner_text(
this.delegate.settings.get_boolean('timer-show-seconds') ? '00:00:00' : '00:00');
}
super.close();
}
on_timer_started () {
this.actor.style_class = this.default_style_class;
this.title.text = '';
this.start_pause_icon.gicon = MISC_UTILS.getIcon('timepp-pause-symbolic');
this.start_pause_icon.style_class = 'pause-icon';
this.start_pause_icon.show();
}
on_timer_stopped () {
this.actor.style_class = this.default_style_class + ' timer-stopped';
this.start_pause_icon.gicon = MISC_UTILS.getIcon('timepp-start-symbolic');
this.start_pause_icon.style_class = 'start-icon';
}
on_timer_off () {
this.start_pause_icon.hide();
this.slider.value = 0;
}
on_timer_expired () {
if (this.delegate.current_preset.msg) {
this.title.text = TIMER_EXPIRED_MSG;
this.set_banner_text(this.delegate.highlight_tokens(this.delegate.current_preset.msg));
} else {
this.set_banner_text(TIMER_EXPIRED_MSG);
}
this.actor.style_class = this.default_style_class + ' timer-expired';
}
}
Signals.addSignalMethods(TimerFullscreen.prototype);