/gpump/trunk

/* This file is part of GPump, a Pump.io client.

 *

 * GPump (THE SOFTWARE) is made available under the terms and conditions of the

 * GNU Lesser General Public Licence 3.0. A copy of the licence can be read

 * in the file lgpl-3.0.txt in the root of this project.

 */

/** @file

 * UserButton is a custom button that displays the users avatar and name.

 */

const GObject = imports.gi.GObject;

const Gtk = imports.gi.Gtk;

const Lang = imports.lang;

const UserButton = Lang.Class ({

  Name: "UserButton",

  Extends: Gtk.MenuButton,

  Properties: {

    /** @property user_avatar

     *

     */

    "user_avatar": GObject.param_spec_object ("user_avatar",

                                     "avatar",

                                     "A Gtk.Image that is shown in the button",

                                     GObject.Object,

                                     GObject.ParamFlags.READABLE |

                                     GObject.ParamFlags.WRITABLE),

    /** @property user_name

     *

     */

    "user_name": GObject.param_spec_string ("user_name",

                                     "name",

                                     "The text to be shown on the button",

                                     "Jone Deo",

                                     GObject.ParamFlags.READABLE |

                                     GObject.ParamFlags.WRITABLE),

    /** @property show_avatar_only

     *

     */

    "show_avatar_only": GObject.param_spec_boolean ("show_avatar_only",

                                     "show only avatar",

                                     "When set, only the avatar will be shown" +

                                     "in the user button",

                                     false,

                                     GObject.ParamFlags.READABLE |

                                     GObject.ParamFlags.WRITABLE)

  },

  _init: function (params) {

    this.parent ();

    this.add (this.layout = new Gtk.Box ({

        orientation: Gtk.Orientation.HORIZONTAL

      })

    );

    if (params != undefined) {

      if (params["user_avatar"] != undefined) {

        this.user_avatar = params["user_avatar"];

      } else {

        this._user_avatar = Gtk.Image.new_from_icon_name (

          "avatar-default-symbolic", null);

      }

      if (params["user_name"] != undefined) {

        this._user_name = params["user_name"];

      } else {

        this._user_name = "Jone Deo";

      }

      if (params["show_avatar_only"] != undefined) {

        this._show_avatar_only = params["show_avatar_only"];

      } else {

        this._show_avatar_only = false;

      }

      if (params["popover"] != undefined) {

        this["popover"] = params["popover"];

      }

    } else {

      this._user_avatar = Gtk.Image.new_from_icon_name (

          "avatar-default-symbolic", null);

      this._user_name = "Jone Deo";

      this._show_avatar_only = false;

      this["popover"] = null;

    }

    this._rebuild ();

  },

  /**

   * Hack to re-build the button, cus we can not use references in JavaScript.

   */

  _rebuild: function () {

    this.layout.hide ();

    this.layout.foreach (function (widget) {

      widget.destroy ();

    });

    this.layout.pack_start (this._user_avatar, false, false, 3);

    this.user_avatar["icon_size"] = 5;

    if (this._show_avatar_only == false) {

      this.layout.pack_start (new Gtk.Separator ({

        orientation: Gtk.Orientation.VERTICAL

      }), false, false, 5);

      this.layout.pack_end (

        this._user_name_widget = new Gtk.Label ({

          label: this._user_name,

          justify: Gtk.Justification.CENTER

        }), true, true, 10

      );

    }

    this.show_all ();

  },

  get user_avatar () {

    return this._user_avatar;

  },

  set user_avatar (avatar) {

    if (avatar == undefined) {

      print ("balls!");

      this._user_avatar = Gtk.Image.new_from_icon_name (

        "avatar-default-symbolic", null);

    } else {

     print ("Not balls!");

      this._user_avatar = avatar;

      this._rebuild ();

    }

  },

  get user_name () {

    return this._user_name;

  },

  set user_name (name) {

    this._user_name = name;

    this._rebuild ();

  },

  get show_avatar_only () {

    return _show_avatar_only;

  },

  set show_avatar_only (show_avatar_only) {

    this._show_avatar_only = show_avatar_only;

    this._rebuild ()

  }

});