/gpump/trunk

To get this branch, use:
bzr branch http://gegoxaren.bato24.eu/bzr/gpump/trunk

« back to all changes in this revision

Viewing changes to src/user_button.js

  • Committer: Gustav Hartvigsson
  • Date: 2014-12-02 21:00:08 UTC
  • mfrom: (52.1.12 GPump_test)
  • Revision ID: gustav.hartvigsson@gmail.com-20141202210008-v9ma32lgz57i0ikb
* Made the window behave when it is shown

Show diffs side-by-side

added added

removed removed

Lines of Context:
src/user_button.js
 
1
/* This file is part of GPump, a Pump.io client.
 
2
 *
 
3
 * GPump (THE SOFTWARE) is made available under the terms and conditions of the
 
4
 * GNU Lesser General Public Licence 3.0. A copy of the licence can be read
 
5
 * in the file lgpl-3.0.txt in the root of this project.
 
6
 */
 
7
 
 
8
/** @file
 
9
 * UserButton is a custom button that displays the users avatar and name.
 
10
 */
 
11
 
 
12
const GObject = imports.gi.GObject;
 
13
const Gtk = imports.gi.Gtk;
 
14
const Lang = imports.lang;
 
15
 
 
16
const UserButton = Lang.Class ({
 
17
  Name: "UserButton",
 
18
  Extends: Gtk.MenuButton,
 
19
  Properties: {
 
20
    /** @property user_avatar
 
21
     *
 
22
     */
 
23
    "user_avatar": GObject.param_spec_object ("user_avatar",
 
24
                                     "avatar",
 
25
                                     "A Gtk.Image that is shown in the button",
 
26
                                     GObject.Object,
 
27
                                     GObject.ParamFlags.READABLE |
 
28
                                     GObject.ParamFlags.WRITABLE),
 
29
    
 
30
    /** @property user_name
 
31
     *
 
32
     */
 
33
    "user_name": GObject.param_spec_string ("user_name",
 
34
                                     "name",
 
35
                                     "The text to be shown on the button",
 
36
                                     "Jone Deo",
 
37
                                     GObject.ParamFlags.READABLE |
 
38
                                     GObject.ParamFlags.WRITABLE),
 
39
    
 
40
    /** @property show_avatar_only
 
41
     *
 
42
     */
 
43
    "show_avatar_only": GObject.param_spec_boolean ("show_avatar_only",
 
44
                                     "show only avatar",
 
45
                                     "When set, only the avatar will be shown" +
 
46
                                     "in the user button",
 
47
                                     false,
 
48
                                     GObject.ParamFlags.READABLE |
 
49
                                     GObject.ParamFlags.WRITABLE)
 
50
  },
 
51
  
 
52
  
 
53
  _init: function (params) {
 
54
    this.parent ();
 
55
    
 
56
    this.add (this.layout = new Gtk.Box ({
 
57
        orientation: Gtk.Orientation.HORIZONTAL
 
58
      })
 
59
    );
 
60
    
 
61
    if (params != undefined) {
 
62
    
 
63
      if (params["user_avatar"] != undefined) {
 
64
        this.user_avatar = params["user_avatar"];
 
65
      } else {
 
66
        this._user_avatar = Gtk.Image.new_from_icon_name (
 
67
          "avatar-default-symbolic", null);
 
68
      }
 
69
      
 
70
      if (params["user_name"] != undefined) {
 
71
        this._user_name = params["user_name"];
 
72
      } else {
 
73
        this._user_name = "Jone Deo";
 
74
      }
 
75
      
 
76
      if (params["show_avatar_only"] != undefined) {
 
77
        this._show_avatar_only = params["show_avatar_only"];
 
78
      } else {
 
79
        this._show_avatar_only = false;
 
80
      }
 
81
      
 
82
      if (params["popover"] != undefined) {
 
83
        this["popover"] = params["popover"];
 
84
      }
 
85
     
 
86
    } else {
 
87
      this._user_avatar = Gtk.Image.new_from_icon_name (
 
88
          "avatar-default-symbolic", null);
 
89
      this._user_name = "Jone Deo";
 
90
      this._show_avatar_only = false;
 
91
      this["popover"] = null;
 
92
    }
 
93
    
 
94
    this._rebuild ();
 
95
  },
 
96
  
 
97
  /**
 
98
   * Hack to re-build the button, cus we can not use references in JavaScript.
 
99
   */
 
100
  _rebuild: function () {
 
101
    
 
102
    this.layout.hide ();
 
103
    
 
104
    this.layout.foreach (function (widget) {
 
105
      widget.destroy ();
 
106
    });
 
107
    
 
108
    this.layout.pack_start (this._user_avatar, false, false, 3);
 
109
    
 
110
    this.user_avatar["icon_size"] = 5;
 
111
    
 
112
    
 
113
    if (this._show_avatar_only == false) {
 
114
      this.layout.pack_start (new Gtk.Separator ({
 
115
        orientation: Gtk.Orientation.VERTICAL
 
116
      }), false, false, 5);
 
117
      
 
118
      
 
119
      this.layout.pack_end (
 
120
        this._user_name_widget = new Gtk.Label ({
 
121
          label: this._user_name,
 
122
          justify: Gtk.Justification.CENTER
 
123
        }), true, true, 10
 
124
      );
 
125
    }
 
126
    this.show_all ();
 
127
  },
 
128
  
 
129
  get user_avatar () {
 
130
    return this._user_avatar;
 
131
  },
 
132
  
 
133
  set user_avatar (avatar) {
 
134
    if (avatar == undefined) {
 
135
      print ("balls!");
 
136
      this._user_avatar = Gtk.Image.new_from_icon_name (
 
137
        "avatar-default-symbolic", null);
 
138
    } else {
 
139
     print ("Not balls!");
 
140
      this._user_avatar = avatar;
 
141
      this._rebuild ();
 
142
    }
 
143
  },
 
144
  
 
145
  get user_name () {
 
146
    return this._user_name;
 
147
  },
 
148
  
 
149
  set user_name (name) {
 
150
    this._user_name = name;
 
151
    this._rebuild ();
 
152
  },
 
153
  
 
154
  get show_avatar_only () {
 
155
    return _show_avatar_only;
 
156
  },
 
157
  
 
158
  set show_avatar_only (show_avatar_only) {
 
159
    this._show_avatar_only = show_avatar_only;
 
160
    this._rebuild ()
 
161
  }
 
162
  
 
163
});