Move revealers logic to separate file

clapper_src/revealers.js

@@ -0,0 +1,141 @@
+const { Gdk, GLib, GObject, Gtk, Pango } = imports.gi;
+const Debug = imports.clapper_src.debug;
+
+const REVEAL_TIME = 800;
+
+let { debug } = Debug;
+
+var CustomRevealer = GObject.registerClass(
+class ClapperCustomRevealer extends Gtk.Revealer
+{
+    _init(opts)
+    {
+        super._init(opts);
+    }
+
+    revealChild(isReveal)
+    {
+        this._timedReveal(isReveal, REVEAL_TIME);
+    }
+
+    showChild(isReveal)
+    {
+        this._timedReveal(isReveal, 0);
+    }
+
+    _timedReveal(isReveal, time)
+    {
+        this.set_transition_duration(time);
+        this.set_reveal_child(isReveal);
+    }
+});
+
+var RevealerTop = GObject.registerClass(
+class ClapperRevealerTop extends CustomRevealer
+{
+    _init()
+    {
+        super._init({
+            transition_duration: REVEAL_TIME,
+            transition_type: Gtk.RevealerTransitionType.CROSSFADE,
+        });
+
+        this.set_events(
+            Gdk.EventMask.BUTTON_PRESS_MASK
+            | Gdk.EventMask.BUTTON_RELEASE_MASK
+            | Gdk.EventMask.TOUCH_MASK
+            | Gdk.EventMask.SCROLL_MASK
+            | Gdk.EventMask.TOUCHPAD_GESTURE_MASK
+            | Gdk.EventMask.POINTER_MOTION_MASK
+            | Gdk.EventMask.ENTER_NOTIFY_MASK
+            | Gdk.EventMask.LEAVE_NOTIFY_MASK
+        );
+
+        let initTime = GLib.DateTime.new_now_local().format('%X');
+        this.timeFormat = (initTime.length > 8)
+            ? '%I:%M %p'
+            : '%H:%M';
+
+        this.revealerGrid = new Gtk.Grid({
+            column_spacing: 8
+        });
+        let gridContext = this.revealerGrid.get_style_context();
+        gridContext.add_class('osd');
+        gridContext.add_class('reavealertop');
+
+        this.mediaTitle = new Gtk.Label({
+            ellipsize: Pango.EllipsizeMode.END,
+            expand: true,
+            margin_top: 14,
+            margin_left: 12,
+            xalign: 0,
+            yalign: 0,
+        });
+
+        let timeLabelOpts = {
+            margin_right: 10,
+            xalign: 1,
+            yalign: 0,
+        };
+        this.currentTime = new Gtk.Label(timeLabelOpts);
+        this.currentTime.get_style_context().add_class('osdtime');
+
+        this.endTime = new Gtk.Label(timeLabelOpts);
+        this.endTime.get_style_context().add_class('osdendtime');
+
+        this.revealerGrid.attach(this.mediaTitle, 0, 0, 1, 1);
+        this.revealerGrid.attach(this.currentTime, 1, 0, 1, 1);
+        this.revealerGrid.attach(this.endTime, 1, 0, 1, 1);
+
+        this.add(this.revealerGrid);
+    }
+
+    setMediaTitle(title)
+    {
+        this.mediaTitle.label = title;
+    }
+
+    setTimes(currTime, endTime)
+    {
+        let now = currTime.format(this.timeFormat);
+        let end = `Ends at: ${endTime.format(this.timeFormat)}`;
+
+        this.currentTime.set_label(now);
+        this.endTime.set_label(end);
+
+        // Make sure that next timeout is always run after clock changes,
+        // by delaying it for additional few milliseconds
+        let nextUpdate = 60002 - parseInt(currTime.get_seconds() * 1000);
+        debug(`updated current time: ${now}`);
+
+        return nextUpdate;
+    }
+});
+
+var RevealerBottom = GObject.registerClass(
+class ClapperRevealerBottom extends CustomRevealer
+{
+    _init()
+    {
+        super._init({
+            transition_duration: REVEAL_TIME,
+            transition_type: Gtk.RevealerTransitionType.SLIDE_UP,
+            valign: Gtk.Align.END,
+        });
+
+        this.revealerBox = new Gtk.Box();
+        this.revealerBox.get_style_context().add_class('osd');
+
+        this.add(this.revealerBox);
+    }
+
+    addWidget(widget)
+    {
+        this.revealerBox.pack_start(widget, false, true, 0);
+    }
+
+    removeWidget(widget)
+    {
+        this.revealerBox.remove(widget);
+    }
+});