/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/preferences_ui.js

  • Committer: Gustav Hartvigsson
  • Date: 2014-08-03 19:59:24 UTC
  • Revision ID: gustav.hartvigsson@gmail.com-20140803195924-jlfiz34c0a7as52i
* woops

Show diffs side-by-side

added added

removed removed

Lines of Context:
6
6
 */
7
7
 
8
8
const Gtk = imports.gi.Gtk;
 
9
const Lang = imports.lang;
9
10
const _ = imports.gettext.gettext;
10
 
const Lang = imports.lang;
11
11
 
12
12
const SettingsData = imports.settings_data;
13
13
 
14
 
/** @class
15
 
 * PreferencesUI.
16
 
 */
17
14
const PreferencesUI = Lang.Class ({
18
15
  Name: "PrefrencesUI",
19
16
  Extends: Gtk.Dialog,
20
17
  
21
 
  _init: function (params) {
 
18
  _init: function () {
22
19
    this.parent ({
23
20
      use_header_bar: true,
24
21
      modal: true,
25
 
      title: _("GPump preferences"),
26
 
      width_request: 550,
27
 
      height_request: 300
 
22
      title: _("GPump preferences")
28
23
    });
29
24
    
30
 
    if (params != undefined) {
31
 
      for (let k in params) {
32
 
        this[k] = params[k];
33
 
      }
34
 
    }
35
 
    
36
25
    this._prepare_header_bar ();
37
26
    this._prepare_list_box ();
38
27
    
54
43
    special_btn_style_ctx.add_class ("suggested-action");
55
44
    
56
45
    this.close_btn.connect ('clicked', Lang.bind (this, function () {
57
 
      SettingsData.get_settings ().commit_to_file ();
58
46
      this.destroy ();
59
47
    }));
60
48
    
64
52
    /*this.get_content_area ().pack_start ()),
65
53
                                         true, true, 25);*/
66
54
    this.get_content_area ().set_center_widget (
67
 
      (this.layout = new Gtk.Box ({
68
 
        orientation: Gtk.Orientation.VERTICAL,
69
 
        spacing: 8,
70
 
        border_width: 8,
71
 
        margin: 50
72
 
      }))
73
 
    );
74
 
    
75
 
    
76
 
    this.layout.pack_start (
77
 
      new Gtk.Frame ({child:
78
 
        (this.list_box = new Gtk.ListBox ({
79
 
          width_request: 400,
80
 
          selection_mode: Gtk.SelectionMode.NONE,
81
 
          expand: false
82
 
        })),
83
 
        expand: false
84
 
      }),
85
 
      true,
86
 
      true,
87
 
      null
88
 
    );
 
55
                                          (this.list_box = new Gtk.ListBox ({
 
56
      width_request: 400,
 
57
      margin: 50,
 
58
      selection_mode: Gtk.SelectionMode.NONE
 
59
    })));
89
60
    
90
61
    let settings_object = SettingsData.get_settings ();
91
62
    
92
63
    /*************************** Use dark setting *****************************/
 
64
    let edit_clear_icon = new Gtk.Image ({icon_name: 'edit-clear'});
93
65
    
94
 
    this.use_dark_hbox = new Gtk.Box ({orientation: Gtk.Orientation.HORIZONTAL,
95
 
                                       spacing: 5});
 
66
    this.use_dark_hbox = Gtk.Box.new (Gtk.Orientation.HORIZONTAL, 5);
96
67
    
97
68
    this.list_box.add (this.use_dark_hbox);
98
69
    
99
70
    this.use_dark_hbox.pack_start ((new Gtk.Label ({
100
 
      label: _("Use dark theme")
101
 
    })),false, false, 3);
102
 
    
103
 
    this.use_dark_hbox.pack_end ((this.use_dark_reset = new Gtk.Button ({
104
 
      image: (new Gtk.Image ({icon_name: "edit-clear"}))
105
 
    })),false, false, 3);
106
 
    
 
71
                                                     label: _("Use dark theme")
 
72
                                                   })),
 
73
                                   false, false, 3);
 
74
    this.use_dark_hbox.pack_end ((this.use_dark_reset =
 
75
                                 new Gtk.Button ({
 
76
                                   image: edit_clear_icon})),
 
77
                                 false, false, 3);
107
78
    this.use_dark_hbox.pack_end ((this.use_dark_switch = new Gtk.Switch ()),
108
79
                                 false, false, 3);
109
80
    
113
84
    
114
85
    this.use_dark_switch.connect("notify::active",
115
86
                                                  Lang.bind (this, function () {
116
 
      let settings = Gtk.Settings.get_default ();
117
 
      let app_settings = SettingsData.get_settings ();
 
87
      var settings = Gtk.Settings.get_default ();
 
88
      var app_settings = SettingsData.get_settings ();
118
89
      if ( this.use_dark_switch.get_active () ) {
119
90
        settings["gtk_application_prefer_dark_theme"] = true;
120
91
        app_settings.set_setting ("main.use_dark", true);
125
96
    }));
126
97
    
127
98
    this.use_dark_reset.connect ("clicked", Lang.bind (this,
128
 
                                 this._reset_use_dark_theme));
129
 
    
130
 
    /*********************** Quit on close ************************************/
131
 
    this.quit_on_close_hbox = new Gtk.Box ({
132
 
      orientation: Gtk.Orientation.HORIZONTAL,
133
 
      spacing: 5
134
 
    });
135
 
    
136
 
    this.list_box.add (this.quit_on_close_hbox);
137
 
    
138
 
    this.quit_on_close_hbox.pack_start ((new Gtk.Label ({
139
 
      label: _("Quit on close")
140
 
    })), false, false, 3);
141
 
    
142
 
    this.quit_on_close_hbox.pack_end ((this.quit_on_close_reset =
143
 
                                       new Gtk.Button ({
144
 
      image: (new Gtk.Image ({icon_name: "edit-clear"}))
145
 
    })), false, false, 3);
146
 
    
147
 
    this.quit_on_close_hbox.pack_end ((this.quit_on_close_switch =
148
 
                                       new Gtk.Switch), false, false, 3);
149
 
    
150
 
    if (settings_object.get_setting ("main.quit_on_close").data !=
151
 
                                       SettingsData.QUIT_ON_CLOSE.UNKNOWN) {
152
 
      this.quit_on_close_switch.set_active (Boolean (
153
 
        settings_object.get_setting ("main.quit_on_close")));
154
 
      print ("Herro!")
155
 
    } else {
156
 
      this.quit_on_close_switch.set_active (false);
157
 
    }
158
 
    
159
 
    this.quit_on_close_switch.connect ("notify::active",
160
 
                                       Lang.bind (this, function () {
161
 
      let v = settings_object.get_setting ("main.quit_on_close").data;
162
 
      
163
 
      switch (v) {
164
 
        case (SettingsData.QUIT_ON_CLOSE.YES):
165
 
        case (SettingsData.QUIT_ON_CLOSE.NO):
166
 
          if (this.quit_on_close_switch.get_active ()) {
167
 
            settings_object.set_setting ("main.quit_on_close", SettingsData.QUIT_ON_CLOSE.YES);
168
 
          } else {
169
 
            settings_object.set_setting ("main.quit_on_close", SettingsData.QUIT_ON_CLOSE.NO);
170
 
          }
171
 
          break;
172
 
          break;
173
 
        case (SettingsData.QUIT_ON_CLOSE.UNKNOWN):
174
 
          let popover = new Gtk.Popover ({relative_to: this.quit_on_close_switch, modal: true});
175
 
          let popover_layout1 = new Gtk.Box ({parent: popover, orientation: Gtk.Orientation.VERTICAL});
176
 
          popover_layout1.pack_start ((new Gtk.Label ({
177
 
            label: _("This has not been set yet, if you like to set it to a " +
178
 
            "value, click \"yes\" or \"no\", dismiss this to not set a value"),
179
 
            max_width_chars: 25,
180
 
            wrap: true
181
 
          })),false,false,0);
182
 
          let popover_layout2 = new Gtk.Box ({orientation: Gtk.Orientation.HORIZONTAL});
183
 
          popover_layout2.get_style_context().add_class ("linked");
184
 
          let btn_yes = new Gtk.Button ({label: _("Yes")});
185
 
          let btn_no = new Gtk.Button ({label: _("No")});
186
 
          popover_layout2.pack_end (btn_yes, true, true, 0);
187
 
          popover_layout2.pack_start (btn_no, true, true, 0);
188
 
          popover_layout1.pack_end (popover_layout2, false, false, 0);
189
 
          btn_no.get_style_context ().add_class("suggested-action");
190
 
          
191
 
          popover.connect_after ("hide", Lang.bind (popover, function () {
192
 
            popover.destroy ();
193
 
          }));
194
 
          
195
 
          btn_no.connect ("clicked", Lang.bind ((popover, this), function () {
196
 
            SettingsData.get_settings ().set_setting ("main.quit_on_close",
197
 
            SettingsData.QUIT_ON_CLOSE.NO);
198
 
            this.quit_on_close_switch.set_active (false);
199
 
            popover.hide ();
200
 
          }));
201
 
          
202
 
          btn_yes.connect ("clicked", Lang.bind ((popover, this), function () {
203
 
            SettingsData.get_settings ().set_setting ("main.quit_on_close",
204
 
            SettingsData.QUIT_ON_CLOSE.YES);
205
 
            this.quit_on_close_switch.set_active (true);
206
 
            popover.hide ();
207
 
          }));
208
 
          
209
 
          popover.show_all ();
210
 
          break;
211
 
        default:
212
 
          print ("WOW! Something went wrong!");
213
 
          print (JSON.stringify(v).toString ());
214
 
      }
215
 
    }));
216
 
    
 
99
                                                   this._reset_use_dark_theme));
217
100
    
218
101
    /*************************** Privacy settings *****************************/
219
102
    this.list_box.add ((new Gtk.Label ({label: _("Privacy settings")})));
220
103
    
221
104
    /************************ show full name setting **************************/
 
105
    let edit_clear_icon = new Gtk.Image ({icon_name: 'edit-clear'});
222
106
    
223
 
    this.show_full_name_hbox = new Gtk.Box ({
224
 
      orientation: Gtk.Orientation.HORIZONTAL,
225
 
      spacing: 5
226
 
    });
 
107
    this.show_full_name_hbox = Gtk.Box.new (Gtk.Orientation.HORIZONTAL, 5);
227
108
    
228
109
    this.list_box.add (this.show_full_name_hbox);
229
110
    
230
111
    this.show_full_name_hbox.pack_start ((new Gtk.Label ({
231
 
      label: _("Show full name")
232
 
    })),false, false, 3);
233
 
    
 
112
                                                     label: _("Show full name")
 
113
                                                   })),
 
114
                                   false, false, 3);
234
115
    this.show_full_name_hbox.pack_end ((this.show_full_name_reset =
235
 
      new Gtk.Button ({
236
 
        image: (new Gtk.Image ({icon_name: "edit-clear"}))
237
 
      })), false, false, 3);
238
 
    
 
116
                                 new Gtk.Button ({
 
117
                                   image: edit_clear_icon})),
 
118
                                 false, false, 3);
239
119
    this.show_full_name_hbox.pack_end (
240
 
      (this.show_full_name_switch = new Gtk.Switch ()), false, false, 3);
241
 
    
 
120
                               (this.show_full_name_switch = new Gtk.Switch ()),
 
121
                                 false, false, 3);
242
122
    this.show_full_name_switch.set_active (
243
123
      settings_object.get_setting ("main.privacy.show_full_name").data
244
124
    );
245
125
    
246
 
    this.show_full_name_switch.connect ("notify::active",
247
 
                                        Lang.bind (this, function () {
248
 
      let app_settings = SettingsData.get_settings ();
249
 
      if (this.show_full_name_switch.get_active ()) {
250
 
        app_settings.set_setting ("main.privacy.show_full_name", true);
251
 
      } else {
252
 
        app_settings.set_setting ("main.privacy.show_full_name", false);
253
 
      }
254
 
    }));
255
 
    
256
 
    this.show_full_name_reset.connect ("clicked", Lang.bind (this,
257
 
                                                  this._reset_show_full_name));
258
 
    
259
126
    /*********************** only show avatar setting **************************/
 
127
    let edit_clear_icon = new Gtk.Image ({icon_name: 'edit-clear'});
260
128
    
261
 
    this.only_show_avatar_hbox = new Gtk.Box ({orientation: Gtk.Orientation.HORIZONTAL,
262
 
                                       spacing: 5});
 
129
    this.only_show_avatar_hbox = Gtk.Box.new (Gtk.Orientation.HORIZONTAL, 5);
263
130
    
264
131
    this.list_box.add (this.only_show_avatar_hbox);
265
132
    
266
133
    this.only_show_avatar_hbox.pack_start ((new Gtk.Label ({
267
 
      label: _("Only show avatar")
268
 
    })), false, false, 3);
269
 
    
270
 
    this.only_show_avatar_hbox.pack_end ((this.only_show_avatar_reset = 
271
 
                                          new Gtk.Button ({
272
 
      image: (new Gtk.Image ({icon_name: "edit-clear"}))
273
 
    })), false, false, 3);
274
 
    
 
134
                                                    label: _("Only show avatar")
 
135
                                                   })),
 
136
                                   false, false, 3);
 
137
    this.only_show_avatar_hbox.pack_end ((this.only_show_avatar_reset =
 
138
                                 new Gtk.Button ({
 
139
                                   image: edit_clear_icon})),
 
140
                                 false, false, 3);
275
141
    this.only_show_avatar_hbox.pack_end (
276
142
                             (this.only_show_avatar_switch = new Gtk.Switch ()),
277
143
                                 false, false, 3);
279
145
      settings_object.get_setting ("main.privacy.only_show_avatar").data
280
146
    );
281
147
    
282
 
    this.only_show_avatar_switch.connect ("notify::active",
283
 
                                          Lang.bind (this, function () {
284
 
      let app_settings = SettingsData.get_settings ();
285
 
      if (this.only_show_avatar_switch.get_active ()) {
286
 
        app_settings.set_setting ("main.privacy.only_show_avatar", true);
287
 
      } else {
288
 
        app_settings.set_setting ("main.privacy.only_show_avatar", false);
289
 
      }
290
 
    }));
 
148
    /* Spacer */
 
149
    //this.list_box.add ((new Gtk.Label ()));
291
150
    
292
151
    /* Reset all settings */
293
 
    this.layout.pack_end (
294
 
      (this.reset_all_btn = new Gtk.Button ({
295
 
        label: _("Reset all settings")
296
 
      })),
297
 
      false,
298
 
      false,
299
 
      null
300
 
    );
 
152
    this.list_box.add ((this.reset_all_btn = new Gtk.Button ({
 
153
      label: _("Reset all settings"),
 
154
      margin_left: 50,
 
155
      margin_right: 50,
 
156
      margin_top: 20
 
157
    })));
301
158
    
302
159
    this.reset_all_btn.connect ("clicked", Lang.bind(this, this._reset_all));
303
160
  },
304
161
  
305
162
  _reset_all: function () {
306
163
    this._reset_use_dark_theme ();
307
 
    this._reset_show_full_name ();
308
 
    this._reset_only_show_avatar ();
309
 
    this._reset_quit_on_close
310
164
  },
311
165
  
312
166
  _reset_use_dark_theme: function () {
314
168
    if ((this.use_dark_switch.get_active ())) {
315
169
      this.use_dark_switch.set_active (false);
316
170
    }
317
 
  },
318
 
  
319
 
  _reset_show_full_name: function () {
320
 
    if (!(this.show_full_name_switch.get_active ())) {
321
 
      this.show_full_name_switch.set_active (true);
322
 
    }
323
 
  },
324
 
  
325
 
  _reset_only_show_avatar: function () {
326
 
    if ((this.only_show_avatar_switch.get_active ())) {
327
 
      this.only_show_avatar_switch.set_active (false);
328
 
    }
329
 
  },
330
 
  
331
 
  _reset_quit_on_close: function () {
332
 
    if ((this.quit_on_close_switch.get_active())) {
333
 
      this.quit_on_close_switch.set_active (false);
334
 
    }
 
171
    /* else we do nothing */
335
172
  }
336
173
  
337
174
});