/* -*- mode: js2; js2-basic-offset: 4; indent-tabs-mode: t -*- */
/* Olaf Leidinger <oleid@mescharet.de>
   Thomas Liebetraut <thomas@tommie-lie.de>
*/

const Gio = imports.gi.Gio;
const Mainloop = imports.mainloop; // timer
const Shell = imports.gi.Shell;
const St = imports.gi.St;
const Clutter = imports.gi.Clutter;
const Layout = imports.ui.layout;

const Main = imports.ui.main;
const MessageTray = imports.ui.messageTray;
const PanelMenu = imports.ui.panelMenu;
const PopupMenu = imports.ui.popupMenu;
const Panel = imports.ui.panel;

const ExtensionUtils = imports.misc.extensionUtils;
const Me = ExtensionUtils.getCurrentExtension();
const Utils = Me.imports.utils;
const Icon = Me.imports.icon;

const _ = Utils.getTranslationFunc();
const N_ = function (e) {
	return e;
};



class TeaTimeFullscreenNotification {
	constructor() {
		// this spans the whole monitor and contains
		// the actual layout, which it displays in
		// the center of itself

		this._bin = new St.Bin({
			x_align: St.Align.MIDDLE,
			y_align: St.Align.MIDDLE
		});

		if (typeof Layout.MonitorConstraint != 'undefined') {
			// MonitorConstraint was introduced in gnome-3.6
			this._monitorConstraint = new Layout.MonitorConstraint();
			this._bin.add_constraint(this._monitorConstraint);
		}
		Main.uiGroup.add_actor(this._bin);

		// a table imitating a vertical box layout to hold the texture and
		// a label underneath it
		this._layout = new St.BoxLayout({
			vertical: true,
			y_align: Clutter.ActorAlign.CENTER
		});
		this._bin.set_child(this._layout);

		// find all the textures
		let datadir = Me.dir.get_child("data");
		this._textureFiles = [];
		if (datadir.query_exists(null)) {
			let enumerator = datadir.enumerate_children(Gio.FILE_ATTRIBUTE_STANDARD_NAME,
				Gio.FileQueryInfoFlags.NONE,
				null);
			let info;
			info = enumerator.next_file(null);
			while (info != null) {
				let filename = info.get_name();
				if (filename.match(/^cup.*/)) {
					this._textureFiles.push(datadir.get_child(filename).get_path());
				}
				info = enumerator.next_file(null);
			}
		}
		this._textureFiles.sort();

		this._texture = new Clutter.Texture({
			reactive: true,
			keep_aspect_ratio: true
		});
		this._texture.connect("button-release-event", this.hide.bind(this));
		this._layout.add_child(this._texture);

		this._timeline = new Clutter.Timeline({
			duration: 2000,
			repeat_count: -1,
			progress_mode: Clutter.AnimationMode.LINEAR
		});
		this._timeline.connect("new-frame", this._newFrame.bind(this));

		this._label = new St.Label({
			text: _("Your tea is ready!"),
			style_class: "dash-label"
		});
		this._layout.add_child(this._label);

		this._lightbox = new imports.ui.lightbox.Lightbox(Main.uiGroup); // Seems not to work on Gnome 3.10 { fadeInTime: 0.5, fadeOutTime: 0.5 }
		this._lightbox.highlight(this._bin);
	}
	destroy() {
		this.hide();
		Main.popModal(this._bin);
		this._bin.destroy();
		this._lightbox.hide();
	}
	_newFrame(timeline, msecs, user) {
		let progress = timeline.get_progress();
		let idx = Math.round(progress * this._textureFiles.length) % this._textureFiles.length;
		this._texture.set_from_file(this._textureFiles[idx]);
	}
	show() {
		if (typeof Layout.MonitorConstraint != 'undefined') {
			// global.display was introduced in gnome-shell 3.30
			if (typeof global.screen != 'undefined') {
				this._monitorConstraint.index = global.screen.get_current_monitor();
			} else {
				this._monitorConstraint.index = global.display.get_current_monitor();
			}
		}
		Main.pushModal(this._bin);
		this._timeline.start();
		this._lightbox.show();
		this._bin.show_all();
	}
	hide() {
		Main.popModal(this._bin);
		this._bin.hide();
		this._lightbox.hide();
		this._timeline.stop();
	}
};


class PopupTeaMenuItem extends PopupMenu.PopupBaseMenuItem {
	constructor(sTeaname, nBrewtime, params) {
		super(params);

		this.tealabel = new St.Label({
			text: sTeaname
		});
		if (nBrewtime != 0) {
			this.timelabel = new St.Label({
				text: Utils.formatTime(nBrewtime)
			});
		}

		if (this.actor instanceof St.BoxLayout) {
			// will be used for gnome-shell 3.10 and possibly above where this.actor is BoxLayout
			this.actor.add(this.tealabel, {
				expand: true
			});
			if (nBrewtime != 0) {
				this.actor.add(this.timelabel);
			}
		} else {
			this.addActor(this.tealabel, {
				expand: true
			});
			if (nBrewtime != 0) {
				this.addActor(this.timelabel, {
					expand: false
				});
			}
		}
	}
};

var TeaTime = class extends PanelMenu.Button {

	constructor() {
		super(null, "TeaTime");

		this.myinit = function () {

			this._settings = Utils.getSettings();

			this._logo = new Icon.TwoColorIcon(24, Icon.TeaPot);

			// set timer widget
			this._textualTimer = new St.Label({
				text: "",
				x_align: Clutter.ActorAlign.END,
				y_align: Clutter.ActorAlign.CENTER
			});
			this._graphicalTimer = new Icon.TwoColorIcon(24, Icon.Pie);

			this.actor.add_actor(this._logo);
			this.actor.add_style_class_name('panel-status-button');
			this.actor.connect('style-changed', this._onStyleChanged.bind(this));

			this._idleTimeout = null;

			this._createMenu();
		};

		this._createMenu = function () {
			this.menu.addMenuItem(new PopupMenu.PopupSeparatorMenuItem());
			this._settings.connect("changed::" + this.config_keys.steep_times,
				this._updateTeaList.bind(this));
			this._settings.connect("changed::" + this.config_keys.graphical_countdown,
				this._updateCountdownType.bind(this));

			this.teaItemCont = new PopupMenu.PopupMenuSection();

			/*******************/
			// maybe one day the PopupImageMenuItem works^^
			let head = new PopupMenu.PopupMenuSection();
			let item = new PopupMenu.PopupMenuItem(_("Show settings")); //, 'gtk-preferences');
			//        item._icon.icon_size = 15;
			item.connect('activate', this._showPreferences.bind(this));
			head.addMenuItem(item);

			/*******************/
			let bottom = new PopupMenu.PopupMenuSection();
			this._customEntry = new St.Entry({
				style_class: 'teatime-custom-entry',
				track_hover: true,
				hint_text: _("min:sec")
			});
			this._customEntry.get_clutter_text().set_max_length(10);
			this._customEntry.get_clutter_text().connect("key-press-event", this._createCustomTimer.bind(this));
			bottom.box.add(this._customEntry);
			bottom.actor.set_style("padding: 0px 18px;")

			/*******************/

			this.menu.addMenuItem(head);
			this.menu.addMenuItem(new PopupMenu.PopupSeparatorMenuItem());
			this.menu.addMenuItem(this.teaItemCont);
			this.menu.addMenuItem(new PopupMenu.PopupSeparatorMenuItem());
			this.menu.addMenuItem(bottom);

			this._updateTeaList();
		};
		this._updateTeaList = function (config, output) {
			// make sure the menu is empty
			this.teaItemCont.removeAll();

			// fill with new teas
			let list = this._settings.get_value(this.config_keys.steep_times).unpack();
			let menuItem = new PopupTeaMenuItem("Stop Timer", 0);
			menuItem.connect('activate', function () {
				this._stopCountdown();
			}.bind(this));
			this.teaItemCont.addMenuItem(menuItem);
			for (let teaname in list) {
				let time = list[teaname].get_uint32();

				let menuItem = new PopupTeaMenuItem(_(teaname), time);
				menuItem.connect('activate', function () {
					this._initCountdown(time);
				}.bind(this));
				this.teaItemCont.addMenuItem(menuItem);
			}
		};
		this._updateCountdownType = function (config, output) {
			let bWantGraphicalCountdown = this._settings.get_boolean(this.config_keys.graphical_countdown);

			if (bWantGraphicalCountdown != this._bGraphicalCountdown) {
				if (this._idleTimeout != null) {
					// we have a running countdown, replace the display
					this.actor.remove_actor(this._bGraphicalCountdown ?
						this._graphicalTimer : this._textualTimer);
					this._bGraphicalCountdown = bWantGraphicalCountdown;
					this.actor.add_actor(this._bGraphicalCountdown ?
						this._graphicalTimer : this._textualTimer);

					this._updateTimerDisplay(this._getRemainingSec());
				} // if timeout active
			} // value changed
		};
		this._createCustomTimer = function (text, event) {
			if (event.get_key_symbol() == Clutter.KEY_Enter ||
				event.get_key_symbol() == Clutter.KEY_Return ||
				event.get_key_symbol() == Clutter.KEY_KP_Enter) {

				let customTime = text.get_text();
				let seconds = 0;
				let match = customTime.match(/^(?:(\d+)(?::(\d{0,2}))?|:(\d+))$/)
				if (match) {
					let factor = 1;
					if (match[3] === undefined) { // minutes and seconds?
						for (var i = match.length - 2; i > 0; i--) {
							let s = match[i] === undefined ? "" : match[i].replace(/^0/, ''); // fix for elder GNOME <= 3.10 which don't like leading zeros
							if (s.match(/^\d+$/)) { // only if something left
								seconds += factor * parseInt(s);
							}
							factor *= 60;
						}
					} else { // only seconds?
						let s = match[3].replace(/^0/, '');
						seconds = parseInt(s);
					}
					if (seconds > 0) {
						this._initCountdown(seconds);
						this.menu.close();
					}
				}
				this._customEntry.set_text("");
			}
		};
		this._showNotification = function (subject, text) {
			let source = (Utils.isGnome34()) ?
				new MessageTray.Source(_("TeaTime applet")) :
				new MessageTray.Source(_("TeaTime applet"), 'utilities-teatime');

			if (Utils.isGnome34()) {
				source.createNotificationIcon =
					function () {
						let iconBox = new St.Bin();
						iconBox._size = this.ICON_SIZE;
						iconBox.child = new St.Icon({
							icon_name: 'utilities-teatime',
							icon_type: St.IconType.FULLCOLOR,
							icon_size: iconBox._size
						});
						return iconBox;
					} // createNotificationIcon
			}

			Main.messageTray.add(source);

			let notification = new MessageTray.Notification(source, subject, text);
			notification.setTransient(true);
			source.notify(notification);
		};
		this._initCountdown = function (time) {
			this._startTime = new Date();
			this._stopTime = new Date();
			this._cntdownStart = time;

			this._bGraphicalCountdown = this._settings.get_boolean(this.config_keys.graphical_countdown);

			let dt = this._bGraphicalCountdown ?
				Math.max(1.0, time / 90) // set time step to fit animation
				:
				1.0; // show every second for the textual countdown

			this._stopTime.setTime(this._startTime.getTime() + time * 1000); // in msec

			this.actor.remove_actor(this._logo); // show timer instead of default icon

			this._updateTimerDisplay(time);

			this.actor.add_actor(this._bGraphicalCountdown ?
				this._graphicalTimer : this._textualTimer);

			if (this._idleTimeout != null) Mainloop.source_remove(this._idleTimeout);
			this._idleTimeout = Mainloop.timeout_add_seconds(dt, this._doCountdown.bind(this));
		};
		this._stopCountdown = function () {
			if (this._idleTimeout != null) Mainloop.source_remove(this._idleTimeout);
			this.actor.remove_actor(this._bGraphicalCountdown ?
				this._graphicalTimer : this._textualTimer);
			this.actor.add_actor(this._logo);
			this._idleTimeout = null;
		};
		this._getRemainingSec = function () {
			let a = new Date();
			return (this._stopTime.getTime() - a.getTime()) * 1e-3;
		};
		this._updateTimerDisplay = function (remainingTime) {
			if (this._bGraphicalCountdown) {
				this._graphicalTimer.setStatus((this._cntdownStart - remainingTime) / this._cntdownStart);
			} else {
				this._textualTimer.text = Utils.formatTime(remainingTime);
			}
		};
		this._doCountdown = function () {
			let remainingTime = this._getRemainingSec();

			if (remainingTime <= 0) {
				// count down finished, switch display again
				this._stopCountdown();
				this._playSound();

				if (!Utils.isGnome34() && this._settings.get_boolean(this.config_keys.fullscreen_notification)) {
					this.dialog = new TeaTimeFullscreenNotification();
					this.dialog.show();
				} else {
					this._showNotification(_("Your tea is ready!"),
						_("Drink it, while it is hot!"));
				}
				return false;
			} else {
				this._updateTimerDisplay(remainingTime);
				return true; // continue timer
			}
		};
		this._playSound = function () {
			let bPlayAlarmSound = this._settings.get_boolean(this.config_keys.use_alarm_sound);
			if (bPlayAlarmSound) {
				Utils.playSound(this._settings.get_string(this.config_keys.alarm_sound));
			}
		};
		this._showPreferences = function () {
			const currExt = ExtensionUtils.getCurrentExtension();
			imports.misc.util.spawn(["gnome-shell-extension-prefs", currExt.metadata['uuid']]);
			return 0;
		};
		this._onStyleChanged = function (actor) {
			let themeNode = actor.get_theme_node();
			let color = themeNode.get_foreground_color()
			let [bHasPadding, padding] = themeNode.lookup_length("-natural-hpadding", false);

			this._primaryColor = color;
			this._secondaryColor = new Clutter.Color({
				red: color.red,
				green: color.green,
				blue: color.blue,
				alpha: color.alpha * 0.3
			});
			this._logo.setPadding(bHasPadding * padding);
			this._graphicalTimer.setPadding(bHasPadding * padding);
			this._textualTimer.margin_right = bHasPadding * padding;
			this._textualTimer.margin_left = bHasPadding * padding;

			this._logo.setColor(this._primaryColor, this._secondaryColor);
			this._graphicalTimer.setColor(this._primaryColor, this._secondaryColor);

			// forward (possible) scaling style change to child
			let scaling = Utils.getGlobalDisplayScaleFactor();
			this._logo.setScaling(scaling);
			this._graphicalTimer.setScaling(scaling);
		};
		this.config_keys = Utils.GetConfigKeys();
		this.myinit();
	}
};

function init(metadata) {
	let theme = imports.gi.Gtk.IconTheme.get_default();
	theme.append_search_path(metadata.path);
}

let _TeaTime;

function enable() {
	_TeaTime = new TeaTime();
	Main.panel.addToStatusArea('teatime', _TeaTime);
}

function disable() {
	if (_TeaTime._idleTimeout != null) Mainloop.source_remove(_TeaTime._idleTimeout);
	_TeaTime.destroy();
};