[sushi] fallback: use the file loader instead of showing a fail whale

[Cosimo Cecchi <cosimoc src gnome org>]

commit 59ef9471ba5dd5dc95e175567d9092f853d9fb77
Author: Cosimo Cecchi <cosimoc gnome org>
Date:   Wed Apr 20 17:02:45 2011 -0400

    fallback: use the file loader instead of showing a fail whale

 src/js/ui/fallbackRenderer.js |  134 +++++++++++++++++++++++++++++++++++++----
 1 files changed, 122 insertions(+), 12 deletions(-)
---
diff --git a/src/js/ui/fallbackRenderer.js b/src/js/ui/fallbackRenderer.js
index 68d5969..64c8607 100644
--- a/src/js/ui/fallbackRenderer.js
+++ b/src/js/ui/fallbackRenderer.js
@@ -1,27 +1,137 @@
-const Constants = imports.util.constants;
+let Gtk = imports.gi.Gtk;
+let Gettext = imports.gettext.domain("sushi");
+
+let Sushi = imports.gi.Sushi;
+
+let Constants = imports.util.constants;
 
 function FallbackRenderer(args) {
     this._init(args);
 }
 
 FallbackRenderer.prototype = {
-    _init: function(args) {
-        this.moveOnClick = false;
+    _init : function() {
+        this._moveOnClick = true;
+    },
+
+    render : function(file, mainWindow) {
+        this._mainWindow = mainWindow;
+        this._fileLoader = new Sushi.FileLoader();
+        this._fileLoader.connect("notify::size",
+                                 Lang.bind(this, this._onFileInfoChanged));
+        this._fileLoader.connect("notify::icon",
+                                 Lang.bind(this, this._onFileInfoChanged));
+        this._fileLoader.connect("notify::time",
+                                 Lang.bind(this, this._onFileInfoChanged));
+        this._fileLoader.connect("notify::name",
+                                 Lang.bind(this, this._onFileInfoChanged));
+
+        this._fileLoader.file = file;
+
+        this._box = new Gtk.Box({ orientation: Gtk.Orientation.HORIZONTAL,
+                                  spacing: 6 });
+        this._image = new Gtk.Image({ "icon-name": "document",
+                                      "pixel-size": 256 });
+        this._box.pack_start(this._image, false, false, 0);
+
+        let vbox = new Gtk.Box({ orientation: Gtk.Orientation.VERTICAL,
+                                 spacing: 1,
+                                 "margin-top": 48,
+                                 "margin-left": 12,
+                                 "margin-right": 12 });
+        this._box.pack_start(vbox, false, false, 0);
+
+        let hbox = new Gtk.Box({ orientation: Gtk.Orientation.HORIZONTAL,
+                                 spacing: 6 });
+        vbox.pack_start(hbox, false, false, 0);
+
+        this._titleLabel = new Gtk.Label();
+        this._titleLabel.set_halign(Gtk.Align.START);
+        hbox.pack_start(this._titleLabel, false, false, 0);
+
+        this._spinner = new Gtk.Spinner();
+        hbox.pack_start(this._spinner, false, false, 0);
+        this._spinner.start();
+
+        this._typeLabel = new Gtk.Label();
+        this._typeLabel.set_halign(Gtk.Align.START);
+        vbox.pack_start(this._typeLabel, false, false, 0);
+
+        this._sizeLabel = new Gtk.Label();
+        this._sizeLabel.set_halign(Gtk.Align.START);
+        vbox.pack_start(this._sizeLabel, false, false, 0);
+
+        this._dateLabel = new Gtk.Label();
+        this._dateLabel.set_halign(Gtk.Align.START);
+        vbox.pack_start(this._dateLabel, false, false, 0);
+
+        this._applyLabels();
+
+        this._box.show_all();
+        this._actor = new GtkClutter.Actor({ contents: this._box });
+
+        return this._actor;
     },
 
-    render: function(file, mainWindow) {
-        this._label = Gtk.Label.new("No viewer found for this file");
-        this._label.show();
-        this._labelActor = new GtkClutter.Actor({ contents: this._label });
+    _applyLabels : function() {
+        let titleStr = 
+            "<b><big>" + 
+            ((this._fileLoader.name) ? (this._fileLoader.name) : (this._fileLoader.file.get_basename()))
+            + "</big></b>";
+
+        let typeStr =
+            "<small><b>" + Gettext.gettext("Type") + "  </b>" +
+            ((this._fileLoader.contentType) ? (this._fileLoader.contentType) : (Gettext.gettext("Loading...")))
+             + "</small>";
+
+        let sizeStr =
+            "<small><b>" + Gettext.gettext("Size") + "  </b>" +
+            ((this._fileLoader.size) ? (this._fileLoader.size) : (Gettext.gettext("Loading...")))
+             + "</small>";
 
-        return this._labelActor;
+        let dateStr =
+            "<small><b>" + Gettext.gettext("Modified") + "  </b>" +
+             ((this._fileLoader.time) ? (this._fileLoader.time) : (Gettext.gettext("Loading...")))
+             + "</small>";
+
+        this._titleLabel.set_markup(titleStr);
+        this._typeLabel.set_markup(typeStr);
+        this._sizeLabel.set_markup(sizeStr);
+        this._dateLabel.set_markup(dateStr);
     },
 
-    getSizeForAllocation: function(allocation) {
-        return [ Constants.VIEW_MIN, Constants.VIEW_MIN ];
+    _onFileInfoChanged : function() {
+        if (!this._fileLoader.get_loading()) {
+            this._spinner.stop();
+            this._spinner.hide();
+        }
+
+        if (this._fileLoader.icon)
+            this._image.set_from_pixbuf(this._fileLoader.icon);
+
+        this._applyLabels();
+        this._mainWindow.refreshSize();
     },
 
-    createToolbar: function() {
+    createToolbar : function() {
         return null;
+    },
+
+    clear : function() {
+        this._fileLoader.stop();
+        delete this._fileLoader;
+    },
+
+    getSizeForAllocation : function(allocation) {
+        let width = this._box.get_preferred_width();
+        let height = this._box.get_preferred_height();
+
+        if (width[1] < Constants.VIEW_MIN &&
+            height[1] < Constants.VIEW_MIN) {
+            width[1] = Constants.VIEW_MIN;
+        }
+
+        /* return the natural */
+        return [ width[1], height[1] ];
     }
-}
\ No newline at end of file
+}