Add file upload preview

fixes #756

1 files changed, 86 insertions, 0 deletions

diff --git a/main/src/ui/conversation_content_view/file_image_widget.vala b/main/src/ui/conversation_content_view/file_image_widget.vala
new file mode 100644
index 00000000..8005f996
--- /dev/null
+++ b/main/src/ui/conversation_content_view/file_image_widget.vala
@@ -0,0 +1,86 @@
+using Gee;
+using Gdk;
+using Gtk;
+
+using Dino.Entities;
+
+namespace Dino.Ui {
+
+public class FileImageWidget : EventBox {
+
+    private ScalingImage image;
+    FileDefaultWidget file_default_widget;
+    FileDefaultWidgetController file_default_widget_controller;
+    private bool pointer_inside = false;
+
+    public FileImageWidget() {
+        this.halign = Align.START;
+        this.events = EventMask.POINTER_MOTION_MASK;
+
+        Util.force_css(this, "* { border: 1px solid alpha(@theme_fg_color, 0.1); border-radius: 3px; }");
+    }
+
+    public async void load_from_file(File file, string file_name, int MAX_WIDTH=600, int MAX_HEIGHT=300) throws GLib.Error {
+        // Load and prepare image in tread
+        Thread<ScalingImage?> thread = new Thread<ScalingImage?> (null, () => {
+            ScalingImage image = new ScalingImage() { halign=Align.START, visible = true, max_width = MAX_WIDTH, max_height = MAX_HEIGHT };
+
+            Gdk.Pixbuf pixbuf;
+            try {
+                pixbuf = new Gdk.Pixbuf.from_file(file.get_path());
+            } catch (Error error) {
+                warning("Can't load picture %s - %s", file.get_path(), error.message);
+                Idle.add(load_from_file.callback);
+                return null;
+            }
+
+            pixbuf = pixbuf.apply_embedded_orientation();
+
+            image.load(pixbuf);
+
+            Idle.add(load_from_file.callback);
+            return image;
+        });
+        yield;
+        image = thread.join();
+        if (image == null) throw new Error(-1, 0, "Error loading image");
+
+        FileInfo file_info = file.query_info("*", FileQueryInfoFlags.NONE);
+        string? mime_type = file_info.get_content_type();
+
+        file_default_widget = new FileDefaultWidget() { valign=Align.END, vexpand=false };
+        file_default_widget.stack_event_box.visible = false;
+        file_default_widget_controller = new FileDefaultWidgetController(file_default_widget);
+        file_default_widget_controller.set_file(file, file_name, mime_type);
+
+        Util.force_css(file_default_widget, "* { color: #eee; }");
+        Util.force_css(file_default_widget, "* { background-color: rgba(0, 0, 0, 0.5); }");
+
+        Overlay overlay = new Overlay() { visible=true };
+        overlay.add(image);
+        overlay.add_overlay(file_default_widget);
+
+        this.enter_notify_event.connect(() => {
+            file_default_widget.visible = true;
+            return false;
+        });
+        this.leave_notify_event.connect(() => {
+            pointer_inside = false;
+            Timeout.add(20, () => {
+                if (!pointer_inside) {
+                    file_default_widget.visible = false;
+                }
+                return false;
+            });
+
+            return false;
+        });
+
+        file_default_widget.enter_notify_event.connect(() => { pointer_inside = true; return false; });
+        file_default_widget.leave_notify_event.connect(() => { pointer_inside = true; return false; });
+
+        this.add(overlay);
+    }
+}
+
+}