Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
dialog_prefs.html 20.8 KB
Newer Older
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
1
2
3 
<!DOCTYPE html>
<html>
  <head>
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
4 
    <link id="page_style" rel="stylesheet" type="text/css" href="css/default.css">
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25 
  </head>
  <body>
    <div class="container noselect">
      <div class="menu">
        <span data-i18n="[title]prefs.heading.audio_tt">
          <a onclick="display_pref('audio');"
             data-i18n="prefs.heading.audio">
          </a> 
        </span>
        <span data-i18n="[title]prefs.heading.midi_tt">
          <a onclick="display_pref('midi');"
             data-i18n="prefs.heading.midi"></a> 
        </span>
        <span data-i18n="[title]prefs.heading.gui_tt">
          <a onclick="display_pref('gui');"
             data-i18n="prefs.heading.gui"></a> 
        </span>
      </div>

      <fieldset id="audio">
        <legend data-i18n="prefs.heading.audio"></legend>
user's avatar
added midi api dropdown, some work on midi devices    
user committed
26 
        <select id="audio_api" onchange="change_api(this);">
pokergaming's avatar
added blocksize delay and sample rate to audio prefs dialog    
pokergaming committed
27
28 
        </select>
        <br/>
pokergaming's avatar
added output devices to prefs dialog    
pokergaming committed
29 
        <label data-i18n="[title]prefs.audio.sr_tt">
pokergaming's avatar
added blocksize delay and sample rate to audio prefs dialog    
pokergaming committed
30 
          <span data-i18n="prefs.audio.sr"></span>
pokergaming's avatar
hooked in changes for audio dialog form inputs    
pokergaming committed
31
32
33
34 
          <input type="text"
                 id="rate"
                 name="rate"
                 onchange="attr_change(this);">
pokergaming's avatar
added blocksize delay and sample rate to audio prefs dialog    
pokergaming committed
35
36 
        </label>
        <br/>
pokergaming's avatar
added output devices to prefs dialog    
pokergaming committed
37 
        <label data-i18n="[title]prefs.audio.advance_tt">
pokergaming's avatar
added blocksize delay and sample rate to audio prefs dialog    
pokergaming committed
38 
          <span data-i18n="prefs.audio.advance"></span>
pokergaming's avatar
hooked in changes for audio dialog form inputs    
pokergaming committed
39
40
41
42 
          <input type="text"
                 id="advance"
                 name="advance"
                 onchange="attr_change(this);">
pokergaming's avatar
added blocksize delay and sample rate to audio prefs dialog    
pokergaming committed
43 
        </label>
pokergaming's avatar
added output devices to prefs dialog    
pokergaming committed
44
45
46
47
48
49
50 
        <br/>
        <div id="callback_container" class="hidden">
          <label data-i18n="[title]prefs.audio.callback_tt">
            <span data-i18n="prefs.audio.callback"></span>
            <input type="checkbox" id="callback" name="callback">
          </label>
        </div>
pokergaming's avatar
added blocksize delay and sample rate to audio prefs dialog    
pokergaming committed
51
pokergaming's avatar
hooked in changes for audio dialog form inputs    
pokergaming committed
52
53 
        <select id="blocksize"
                onchange="attr_change(this);">
pokergaming's avatar
added blocksize delay and sample rate to audio prefs dialog    
pokergaming committed
54
55
56
57
58
59 
          <option value="64">64</option>
          <option value="128">128</option>
          <option value="256">256</option>
          <option value="512">512</option>
          <option value="1024">1024</option>
          <option value="2048">2048</option>
pokergaming's avatar
added audio api dropdown    
pokergaming committed
60 
        </select>
pokergaming's avatar
added output devices to prefs dialog    
pokergaming committed
61 
        <br/>
user's avatar
added midi api dropdown, some work on midi devices    
user committed
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77 
        <table>
          <tr>
            <td>
              Input Devices
            </td>
            <td>
              <span data-i18n="prefs.audio.channels"></span>
            </td>
          </tr>
          <tr>
            <td>
              <select id="in1" onchange="dev_change(this);"></select>
            </td>
            <td>
              <label data-i18n="[title]prefs.audio.channels_tt">
                <input type="text"
pokergaming's avatar
hooked in changes for audio dialog form inputs    
pokergaming committed
78
79
80 
                 id="inchans1"
                 name="inchans1"
                 onchange="dev_change(this);">
user's avatar
added midi api dropdown, some work on midi devices    
user committed
81
82
83
84
85
86
87
88
89
90 
              </label>
            </td>
          </tr>
          <tr>
            <td>
              <select id="in2" onchange="dev_change(this);"></select>
            </td>
            <td>
              <label data-i18n="[title]prefs.audio.channels_tt">
                <input type="text"
pokergaming's avatar
hooked in changes for audio dialog form inputs    
pokergaming committed
91
92
93 
                 id="inchans2"
                 name="inchans2"
                 onchange="dev_change(this);">
user's avatar
added midi api dropdown, some work on midi devices    
user committed
94
95
96
97
98
99
100
101
102
103 
              </label>
            </td>
          </tr>
          <tr>
            <td>
              <select id="in3" onchange="dev_change(this);"></select>
            </td>
            <td>
              <label data-i18n="[title]prefs.audio.channels_tt">
                <input type="text"
pokergaming's avatar
hooked in changes for audio dialog form inputs    
pokergaming committed
104
105
106 
                 id="inchans3"
                 name="inchans3"
                 onchange="dev_change(this);">
user's avatar
added midi api dropdown, some work on midi devices    
user committed
107
108
109
110
111
112
113
114
115
116 
              </label>
            </td>
          </tr>
          <tr>
            <td>
              <select id="in4" onchange="dev_change(this);"></select>
            </td>
            <td>
              <label data-i18n="[title]prefs.audio.channels_tt">
                <input type="text"
pokergaming's avatar
hooked in changes for audio dialog form inputs    
pokergaming committed
117
118
119 
                 id="inchans4"
                 name="inchans4"
                 onchange="dev_change(this);">
user's avatar
added midi api dropdown, some work on midi devices    
user committed
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137 
              </label>
            </td>
          </tr>
          <tr>
            <td>
              Output Devices
            </td>
            <td>
              <span data-i18n="prefs.audio.channels"></span>
            </td>
          </tr>
          <tr>
            <td>
              <select id="out1" onchange="dev_change(this);"></select>
            </td>
            <td>
              <label data-i18n="[title]prefs.audio.channels_tt">
                <input type="text"
pokergaming's avatar
hooked in changes for audio dialog form inputs    
pokergaming committed
138
139
140 
                 id="outchans1"
                 name="outchans1"
                 onchange="dev_change(this);">
user's avatar
added midi api dropdown, some work on midi devices    
user committed
141
142
143
144
145
146
147
148
149
150 
              </label>
            </td>
          </tr>
          <tr>
            <td>
              <select id="out2" onchange="dev_change(this);"></select>
            </td>
            <td>
              <label data-i18n="[title]prefs.audio.channels_tt">
                <input type="text"
pokergaming's avatar
hooked in changes for audio dialog form inputs    
pokergaming committed
151
152
153 
                 id="outchans2"
                 name="outchans2"
                 onchange="dev_change(this);">
user's avatar
added midi api dropdown, some work on midi devices    
user committed
154
155
156
157
158
159
160
161
162
163 
              </label>
            </td>
          </tr>
          <tr>
            <td>
              <select id="out3" onchange="dev_change(this);"></select>
            </td>
            <td>
              <label data-i18n="[title]prefs.audio.channels_tt">
                <input type="text"
pokergaming's avatar
hooked in changes for audio dialog form inputs    
pokergaming committed
164
165
166 
                 id="outchans3"
                 name="outchans3"
                 onchange="dev_change(this);">
user's avatar
added midi api dropdown, some work on midi devices    
user committed
167
168
169
170
171
172
173
174
175
176 
              </label>
            </td>
          </tr>
          <tr>
            <td>
              <select id="out4" onchange="dev_change(this);"></select>
            </td>
            <td>
              <label data-i18n="[title]prefs.audio.channels_tt">
                <input type="text"
pokergaming's avatar
hooked in changes for audio dialog form inputs    
pokergaming committed
177
178
179 
                 id="outchans4"
                 name="outchans4"
                 onchange="dev_change(this);">
user's avatar
added midi api dropdown, some work on midi devices    
user committed
180
181
182
183 
              </label>
            </td>
          </tr>
        </table>
pokergaming's avatar
added output devices to prefs dialog    
pokergaming committed
184
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
185
186
187
188 
      </fieldset>

      <fieldset id="midi">
        <legend data-i18n="prefs.heading.midi"></legend>
user's avatar
added midi api dropdown, some work on midi devices    
user committed
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209 
        <select id="midi_api" onchange="change_api(this);">
        </select>
        <br/>
        <select id="midi_in1" onchange="dev_change(this);"></select>
        <br/>
        <select id="midi_in2" onchange="dev_change(this);"></select>
        <br/>
        <select id="midi_in3" onchange="dev_change(this);"></select>
        <br/>
        <select id="midi_in4" onchange="dev_change(this);"></select>
        <br/>

        <select id="midi_out1" onchange="dev_change(this);"></select>
        <br/>
        <select id="midi_out2" onchange="dev_change(this);"></select>
        <br/>
        <select id="midi_out3" onchange="dev_change(this);"></select>
        <br/>
        <select id="midi_out4" onchange="dev_change(this);"></select>
        <br/>
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
210
211
212
213
214
215
216
217 
      </fieldset>

      <fieldset id="gui">
        <legend data-i18n="prefs.heading.gui"></legend>

          <label data-i18n="[title]prefs.gui.presets.gui_preset_tt">
            <span data-i18n="prefs.gui.presets.gui_preset"></span>
          </label>
user's avatar
cleaned up css, improved the gui preset interface    
user committed
218
219 
          <select id="gui_preset" onchange="gui_preset_change(this);">
            <option data-i18n="prefs.gui.presets.default" value="default">
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
220 
            </option>
Jonathan Wilkes's avatar
added css style vanilla_inverted    
Jonathan Wilkes committed
221
222 
            <option data-i18n="prefs.gui.presets.inverted" value="inverted">
            </option>
user's avatar
cleaned up css, improved the gui preset interface    
user committed
223 
            <option data-i18n="prefs.gui.presets.vanilla" value="vanilla">
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
224 
            </option>
Jonathan Wilkes's avatar
added css style vanilla_inverted    
Jonathan Wilkes committed
225
226 
            <option data-i18n="prefs.gui.presets.vanilla_inverted" value="vanilla_inverted">
            </option>
user's avatar
cleaned up css, improved the gui preset interface    
user committed
227 
            <option data-i18n="prefs.gui.presets.extended" value="extended">
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
228 
            </option>
Jonathan Wilkes's avatar
add c64 css style    
Jonathan Wilkes committed
229 
            <option data-i18n="prefs.gui.presets.c64" value="c64">
user's avatar
cleaned up css, improved the gui preset interface    
user committed
230 
            </option>
Jonathan Wilkes's avatar
added "subdued" css style    
Jonathan Wilkes committed
231
232 
            <option data-i18n="prefs.gui.presets.subdued" value="subdued">
            </option>
Jonathan Wilkes's avatar
added "Strongbad" css style    
Jonathan Wilkes committed
233
234 
            <option data-i18n="prefs.gui.presets.strongbad" value="strongbad">
            </option>
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
235
236
237
238 
          </select>

      </fieldset>
pokergaming's avatar
added blocksize delay and sample rate to audio prefs dialog    
pokergaming committed
239
240
241
242
243
244
245
246 

    <div class="submit_buttons">
      <button type="button" onClick="ok()" data-i18n="[title]prefs.ok_tt">
        <span data-i18n="prefs.ok"></span>
      </button>
      <button type="button" onClick="apply()" data-i18n="[title]prefs.apply_tt">
      <span data-i18n="prefs.apply"></span>
      </button>
Jonathan Wilkes's avatar
fix jwilkes/purr-data#11    
Jonathan Wilkes committed
247
248 
      <button type="button" onClick="cancel()" data-i18n="[title]prefs.close_tt">
      <span data-i18n="prefs.close"></span>
pokergaming's avatar
added blocksize delay and sample rate to audio prefs dialog    
pokergaming committed
249
250
251 
      </button>
      </div>
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
252
253 
    </div>
  <script>
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
254 
"use strict";
Jonathan Wilkes's avatar
change var "nw" to "gui" in the dialogs    
Jonathan Wilkes committed
255 
var gui = require("nw.gui");
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
256 
var pdgui = require("./pdgui.js");
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
257
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
258
259 
// For translations
var l = pdgui.get_local_string;
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
260
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
261 
// Gui presets
Jonathan Wilkes's avatar
fix some jslint warnings and remove unnecessary use of `this`    
Jonathan Wilkes committed
262 
pdgui.skin.apply(window);
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
263
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
264 
var pd_object_callback;
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
265
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
266
267 
var pd_audio_attrs;
var pd_midi_attrs;
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
268
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
269
270
271
272 
function ok() {
    apply();
    cancel();
}
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
273
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
274 
function display_pref(type) {
Jonathan Wilkes's avatar
update js files to use post instead of gui_post    
Jonathan Wilkes committed
275 
    pdgui.post("here i am with " + type);
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
276 
    var all, i, this_elem;
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
277 
    all = document.getElementsByTagName("fieldset");
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
278
279 
    this_elem = document.getElementById(type);
    for (i = 0; i < all.length; i++) {
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
280 
        all[i].style.setProperty("display", "none");
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
281 
    }
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
282 
        this_elem.style.setProperty("display", "inline");
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
283 
}
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
284
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
285
286
287 
function gui_preset_change(elem) {
    pdgui.skin.set(elem.value);
}
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
288
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
289
290
291
292
293
294
295
296 
// callbacks for devices and/or their number of channels
function dev_change(elem) {
    var attrs, id, direction, index;
    // the same logic works for both channels and
    // devices-- we use the variable 'type' to
    // choose the parameter acoordingly
    var type;
    id = elem.id;
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
297
298 
    direction = id.slice(0,2) === "in" ? "in" : "out";
    type = id.indexOf("chans") !== -1 ? "chans" : "devs";
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
299
300
301 
    // This would need to change if there could ever be more than
    // 9 devices
    index = +(id.slice(-1)) - 1;
Jonathan Wilkes's avatar
update js files to use post instead of gui_post    
Jonathan Wilkes committed
302 
    pdgui.post("direction is " + direction);
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
303 
    attrs = get_attr("pd-" + direction + type, pd_audio_attrs);
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
304 
    attrs[index] = elem.value;
Jonathan Wilkes's avatar
update js files to use post instead of gui_post    
Jonathan Wilkes committed
305
306 
    pdgui.post("id is " + elem.id);
    pdgui.post("new chan attrs is " + attrs);
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
307 
}
pokergaming's avatar
hooked in changes for audio dialog form inputs    
pokergaming committed
308
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
309
310
311
312
313 
function attr_change(elem) {
    var attr, id;
    attr = pd_audio_attrs;
    id = elem.id;
    attr[attr.indexOf(id) + 1] = elem.value;
Jonathan Wilkes's avatar
update js files to use post instead of gui_post    
Jonathan Wilkes committed
314
315 
    pdgui.post("id is " + elem.id);
    pdgui.post("value is " + elem.value);
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
316 
}
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
317
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
318
319 
function get_input(name) {
    var val = document.getElementsByName(name)[0].value;
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
320 
    return val === 0 ? "0" : val;
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
321 
}
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
322
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
323
324
325
326 
// get a value from the garray attr array
function get_array_value(name, attrs) {
    return attrs[attrs.indexOf(name) + 1];
}
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
327
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
328
329
330 
// If dev is -1, just change it to 0. Not sure if the Pd audio
// backend requires this, but it's how it works currently.
function kludge_dev(type, attrs, index) {
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
331 
    var dev = get_attr("pd-" + type + "devs", attrs)[index];
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
332
333
334 
    if (dev < 0) { dev = 0; }
    return dev;
}
pokergaming's avatar
More work on audio dialog    
pokergaming committed
335
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
336
337
338
339
340 
// If the device is -1 ('None'), make the number of channels negative.
// This is the way Pd's audio back end turns off the device. (It works
// this way so you can remember your number of channels even if
// you turn off the device.)
function kludge_chans(type, attrs, index) {
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
341
342 
    var dev = get_attr("pd-" + type + "devs", attrs)[index],
        chans = get_attr("pd-" + type + "chans", attrs)[index];
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
343
344
345 
    if (dev < 0 && chans >= 0) { chans *= -1; }
    return chans;
}
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
346
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
347
348 
function apply() {
    var attrs = pd_audio_attrs;
Jonathan Wilkes's avatar
remove some unfortunate language (sorry)    
Jonathan Wilkes committed
349 
    pdgui.post("applying preferences");
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
350
351 

    // Audio dialog
Jonathan Wilkes's avatar
allow pdsend to take multiple arguments    
Jonathan Wilkes committed
352 
    pdgui.pdsend(
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373 
        "pd audio-dialog",
        kludge_dev("in", attrs, 0),
        kludge_dev("in", attrs, 1),
        kludge_dev("in", attrs, 2),
        kludge_dev("in", attrs, 3),
        kludge_chans("in", attrs, 0),
        kludge_chans("in", attrs, 1),
        kludge_chans("in", attrs, 2),
        kludge_chans("in", attrs, 3),
        kludge_dev("out", attrs, 0),
        kludge_dev("out", attrs, 1),
        kludge_dev("out", attrs, 2),
        kludge_dev("out", attrs, 3),
        kludge_chans("out", attrs, 0),
        kludge_chans("out", attrs, 1),
        kludge_chans("out", attrs, 2),
        kludge_chans("out", attrs, 3),
        get_attr("rate", attrs),
        get_attr("advance", attrs),
        get_attr("cancallback", attrs),
        get_attr("blocksize", attrs)
Jonathan Wilkes's avatar
fix regressions with adding multiple arguments to pdsend    
Jonathan Wilkes committed
374 
    );
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
375
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
376
377 
    attrs = pd_midi_attrs;
    // Midi dialog
Jonathan Wilkes's avatar
allow pdsend to take multiple arguments    
Jonathan Wilkes committed
378 
    pdgui.pdsend(
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
379
380
381
382
383
384
385
386
387 
        "pd midi-dialog",
        get_attr("pd-indevs", attrs)[0],
        get_attr("pd-indevs", attrs)[1],
        get_attr("pd-indevs", attrs)[2],
        get_attr("pd-indevs", attrs)[3],
        get_attr("pd-outdevs", attrs)[0],
        get_attr("pd-outdevs", attrs)[1],
        get_attr("pd-outdevs", attrs)[2],
        get_attr("pd-outdevs", attrs)[3],
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
388
389 
        0, // midi_alsain
        0  // midi_alsaout
Jonathan Wilkes's avatar
allow pdsend to take multiple arguments    
Jonathan Wilkes committed
390 
    );
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
391 
}
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
392
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
393
394 
function cancel() {
    var i, attrs, gfxstub;
Jonathan Wilkes's avatar
update js files to use post instead of gui_post    
Jonathan Wilkes committed
395 
    pdgui.post("closing the window at this point");
Jonathan Wilkes's avatar
fix regression with prefs dialog failing to open anymore after clicking "Ok"    
Jonathan Wilkes committed
396
397
398
399
400
401 
    // There seems to be a bug in nwjs 0.13 beta3 that doesn't call the
    // "close" event below. This has the symptom of making it impossible
    // to click the "Ok" button and open the preferences dialog again after
    // that. To see if the bug is gone, try removing the next line and see
    // if you can open the Prefs dialog after clicking "Ok".
    pdgui.remove_dialogwin(pd_object_callback);
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
402 
    window.close(true);
Jonathan Wilkes's avatar
allow pdsend to take multiple arguments    
Jonathan Wilkes committed
403 
    //pdgui.pdsend(pd_object_callback, "cancel");
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
404 
}
pokergaming's avatar
added blocksize delay and sample rate to audio prefs dialog    
pokergaming committed
405
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
406 
function change_api(elem) {
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
407
408
409 
    var id = elem.getAttribute("id"),
        value = elem.getAttribute("value");
    if (id === "audio_api") {
Jonathan Wilkes's avatar
allow pdsend to take multiple arguments    
Jonathan Wilkes committed
410 
        pdgui.pdsend("pd audio-setapi", value);
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
411 
    } else {
Jonathan Wilkes's avatar
allow pdsend to take multiple arguments    
Jonathan Wilkes committed
412 
        pdgui.pdsend("pd midi-setapi", value);
pokergaming's avatar
added blocksize delay and sample rate to audio prefs dialog    
pokergaming committed
413 
    }
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
414 
}
pokergaming's avatar
added blocksize delay and sample rate to audio prefs dialog    
pokergaming committed
415
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
416
417
418
419
420 
function get_attr(name, attrs) {
    return attrs[attrs.indexOf(name) + 1];
}

function populate_apis(elem, apis, current_api) {
Jonathan Wilkes's avatar
update js files to use post instead of gui_post    
Jonathan Wilkes committed
421 
    pdgui.post("curent api is " + current_api);
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
422 
    var i, opt, api_select = elem;
Jonathan Wilkes's avatar
update js files to use post instead of gui_post    
Jonathan Wilkes committed
423 
    pdgui.post("apis are " + apis);
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
424 
    for (i = 0; i < apis.length; i += 2) {
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
425 
        opt = document.createElement("option");
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
426 
        opt.textContent = apis[i];
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
427 
        opt.setAttribute("value", apis[i+1]);
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
428 
        api_select.appendChild(opt);
pokergaming's avatar
added audio api dropdown    
pokergaming committed
429 
    }
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
430
431 
    api_select.value = current_api;
}
pokergaming's avatar
added audio api dropdown    
pokergaming committed
432
pokergaming's avatar
added output devices to prefs dialog    
pokergaming committed
433 
function populate_devs(type, attrs) {
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
434 
    var devs = get_attr(type === "in" ? "sys-indevs" : "sys-outdevs", attrs);
pokergaming's avatar
hooked in changes for audio dialog form inputs    
pokergaming committed
435 
    var i, j, opt, elem, chan_elem, chans;
Jonathan Wilkes's avatar
update js files to use post instead of gui_post    
Jonathan Wilkes committed
436
437 
    pdgui.post("devs are " + devs);
    pdgui.post("type is " + type + 1);
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
438 
    chans = get_attr("pd-" + type + "chans", attrs);
pokergaming's avatar
hooked in changes for audio dialog form inputs    
pokergaming committed
439
440 
    for (i = 0; i < 4; i++) {
        elem = document.getElementById(type + (i+1));
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
441 
        chan_elem = document.getElementById(type + "chans" + (i+1));
pokergaming's avatar
hooked in changes for audio dialog form inputs    
pokergaming committed
442 
        chan_elem.value = chans[i];
pokergaming's avatar
More work on audio dialog    
pokergaming committed
443 
        // if the user changed the API, we need to remove the old devs
pokergaming's avatar
hooked in changes for audio dialog form inputs    
pokergaming committed
444
445 
        while (elem.firstChild) {
            elem.removeChild(elem.firstChild);
pokergaming's avatar
added output devices to prefs dialog    
pokergaming committed
446 
        }
pokergaming's avatar
More work on audio dialog    
pokergaming committed
447 
        // make a dummy device named 'None' with value -1
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
448 
        opt = document.createElement("option");
pokergaming's avatar
More work on audio dialog    
pokergaming committed
449 
        opt.value = -1;
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
450 
        opt.textContent = "None";
pokergaming's avatar
More work on audio dialog    
pokergaming committed
451 
        elem.appendChild(opt);
pokergaming's avatar
hooked in changes for audio dialog form inputs    
pokergaming committed
452 
        for (j = 0; j < devs.length; j++) {
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
453 
            opt = document.createElement("option");
pokergaming's avatar
hooked in changes for audio dialog form inputs    
pokergaming committed
454
455
456
457
458 
            opt.value = j; 
            opt.textContent = devs[j];
            elem.appendChild(opt);
        }
    }
pokergaming's avatar
added output devices to prefs dialog    
pokergaming committed
459
460 
}
user's avatar
added midi api dropdown, some work on midi devices    
user committed
461 
function populate_midi_devs(type, attrs) {
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
462 
    var devs = get_attr(type === "in" ? "sys-indevs" : "sys-outdevs", attrs);
user's avatar
added midi api dropdown, some work on midi devices    
user committed
463 
    var i, j, opt, elem, chan_elem, chans;
Jonathan Wilkes's avatar
update js files to use post instead of gui_post    
Jonathan Wilkes committed
464
465 
    pdgui.post("devs are " + devs);
    pdgui.post("type is " + type + 1);
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
466 
    chans = get_attr("pd-" + type + "chans", attrs);
user's avatar
added midi api dropdown, some work on midi devices    
user committed
467
468 
    for (i = 0; i < 4; i++) {
        elem = document.getElementById(type + (i+1));
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
469 
        chan_elem = document.getElementById(type + "chans" + (i+1));
user's avatar
added midi api dropdown, some work on midi devices    
user committed
470
471
472
473
474
475 
        chan_elem.value = chans[i];
        // if the user changed the API, we need to remove the old devs
        while (elem.firstChild) {
            elem.removeChild(elem.firstChild);
        }
        // make a dummy device named 'None' with value -1
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
476 
        opt = document.createElement("option");
user's avatar
added midi api dropdown, some work on midi devices    
user committed
477 
        opt.value = -1;
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
478 
        opt.textContent = "None";
user's avatar
added midi api dropdown, some work on midi devices    
user committed
479
480 
        elem.appendChild(opt);
        for (j = 0; j < devs.length; j++) {
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
481 
            opt = document.createElement("option");
user's avatar
added midi api dropdown, some work on midi devices    
user committed
482
483
484
485
486
487
488 
            opt.value = j; 
            opt.textContent = devs[j];
            elem.appendChild(opt);
        }
    }
}
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
489
490 
function audio_prefs_callback(attrs) {
    pd_audio_attrs = attrs;
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
491 
    var api_select = document.getElementById("audio_api");
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
492 
    var callback, i, j, elem, devs, opt;
Jonathan Wilkes's avatar
update js files to use post instead of gui_post    
Jonathan Wilkes committed
493
494 
    pdgui.post("audio attrs are " + attrs);
    pdgui.post("attrs length " + attrs.length);
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
495
496
497
498 
    // We can get this callback multiple times while the dialog
    // is open.  This is because an API change requires a query
    // for new properties. So we only populate the api options
    // if they don't already exist
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
499 
    if (api_select.getElementsByTagName("option").length < 1) {
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
500
501 
        populate_apis(
            api_select,
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
502
503 
            attrs[attrs.indexOf("audio-apis") + 1],
            attrs[attrs.indexOf("current-api") + 1]);
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
504 
    }
pokergaming's avatar
added blocksize delay and sample rate to audio prefs dialog    
pokergaming committed
505
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
506
507
508 
    document.getElementById("rate").value = get_attr("rate", attrs);
    document.getElementById("blocksize").value = get_attr("blocksize", attrs);
    document.getElementById("advance").value = get_attr("advance", attrs);
pokergaming's avatar
added blocksize delay and sample rate to audio prefs dialog    
pokergaming committed
509
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
510 
    var callback = get_attr("cancallback", attrs);
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
511
512 
    //show the checkbox if the API allows 
    if (callback !== -1) {
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
513
514
515 
        document.getElementById("callback_container")
            .classList.remove("hidden");
        document.getElementById("callback").checked = !!callback;
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
516 
    }
pokergaming's avatar
added output devices to prefs dialog    
pokergaming committed
517
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
518
519 
    populate_devs("in", attrs);
    populate_devs("out", attrs);
pokergaming's avatar
added output devices to prefs dialog    
pokergaming committed
520
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
521
522 
    set_devs("in", get_attr("pd-indevs", attrs));
    set_devs("out", get_attr("pd-outdevs", attrs));
pokergaming's avatar
More work on audio dialog    
pokergaming committed
523
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
524
525 
    // Set chans after the devs (because they may
    // have the side-effect of setting the dev to 'None')
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
526
527 
    set_chans("in", get_attr("pd-inchans", attrs));
    set_chans("out", get_attr("pd-outchans", attrs));
Jonathan Wilkes's avatar
put resize_window in pdgui module    
Jonathan Wilkes committed
528
529 

    pdgui.resize_window(pd_object_callback);
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
530 
}
pokergaming's avatar
More work on audio dialog    
pokergaming committed
531
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
532
533
534
535 
function set_devs(type, devs) {
    var i;
    for (i = 0; i < devs.length; i++) {
        document.getElementById(type + (i+1)).value = devs[i];
pokergaming's avatar
More work on audio dialog    
pokergaming committed
536 
    }
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
537 
}
pokergaming's avatar
More work on audio dialog    
pokergaming committed
538
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
539
540
541 
function set_chans(type, chans_array) {
    var i;
    for (i = 0; i < chans_array.length; i++) {
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
542 
        document.getElementById(type + "chans" + (i+1)).value = chans_array[i];
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
543
544
545 
        // If no chans, set device to -1 (None)
        if (chans_array[i] < 1) {
            document.getElementById(type + (i+1)).value = -1;
pokergaming's avatar
More work on audio dialog    
pokergaming committed
546 
        }
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
547 
    }
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
548 
}
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
549
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
550
551 
function midi_prefs_callback(attrs) {
    pd_midi_attrs = attrs;
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
552 
    var api_select = document.getElementById("midi_api");
Jonathan Wilkes's avatar
update js files to use post instead of gui_post    
Jonathan Wilkes committed
553
554 
    pdgui.post("midi attrs are " + attrs);
    pdgui.post("attrs length " + attrs.length);
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
555
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
556 
    if (api_select.getElementsByTagName("option").length < 1) {
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
557
558 
        populate_apis(
            api_select,
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
559
560 
            get_attr("midi-apis", attrs),
            get_attr("current-api", attrs)
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
561
562 
        );
    }
Jonathan Wilkes's avatar
put resize_window in pdgui module    
Jonathan Wilkes committed
563
564 

    pdgui.resize_window(pd_object_callback);
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
565 
}
pokergaming's avatar
hooked audio and midi properties into the prefs dialog    
pokergaming committed
566
567
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
568
569
570 
// This gets called from the nw_create_window function in index.html
// It provides us with our window id from the C side.  Once we have it
// we can create the menu and register event callbacks
Jonathan Wilkes's avatar
port dialog window callbacks for 0.13, change register_canvas_id to register_window_id    
Jonathan Wilkes committed
571 
function register_window_id(gfxstub, attr_arrays) {
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
572
573
574
575
576 
    pd_object_callback = gfxstub;
    add_events(gfxstub);
    translate_form();

    // default to audio preference panel
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
577 
    display_pref("audio");
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
578
579
580
581
582
583
584
585
586 
    // We don't turn on rendering of the "container" div until
    // We've finished displaying all the spans and populating the
    // labels and form elements.  That makes it more efficient and
    // snappier, at least on older machines.  However, we still have
    // to asynchronously request the form values from Pd for audio
    // and MIDI...

    pdgui.pdsend("pd audio-properties"); // request audio pref attrs
    pdgui.pdsend("pd midi-properties");  // request midi pref attrs
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
587 
    document.getElementsByClassName("container")[0].style.setProperty("display", "inline");
user's avatar
clean up dialog_prefs, remove unused functions    
user committed
588 
}
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
589
590 

function tr_text(id) {
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
591
592 
    var elem = document.getElementById("iem.prop." + id);
    elem.textContent = l("iem.prop." + id);
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
593
594
595
596 
}

// Stop-gap translator
function translate_form() {
Jonathan Wilkes's avatar
add missing semicolon    
Jonathan Wilkes committed
597 
    var i;
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
598 
    var elements = document.querySelectorAll("[data-i18n]");
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
599
600 
    for (i = 0; i < elements.length; i++) {
        var data = elements[i].dataset.i18n;
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
601 
        if (data.slice(0,7) === "[title]") {
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616 
            elements[i].title = l(data.slice(7));
        } else {
            elements[i].textContent = l(data);
        }
    }
}

function populate_form(attr_array) {
    // First, let's put the translated text for the form labels:

    for(var i = 0; i < attr_array.length; i+=2) {
        // Unhide the span with the class with the same name as the id
        var prop_group = document.getElementsByClassName(attr_array[i])[0];
        if (prop_group !== undefined) {
            console.log("the thing here is " + attr_array[i]);
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
617 
            prop_group.classList.remove("hidden");
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
618 
        } else {
Jonathan Wilkes's avatar
update js files to use post instead of gui_post    
Jonathan Wilkes committed
619 
            pdgui.post("Error: couldn't find iemgui prop group for " + attr_array[i]);
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
620
621
622
623 
        }

        var elem = document.getElementsByName(attr_array[i]);
        if (elem.length > 0) {
Jonathan Wilkes's avatar
use double quotes consistently    
Jonathan Wilkes committed
624 
            if (elem[0].type === "checkbox") {
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
625
626 
                // The attr here is a string, so we need to
                // force it to number, hence the "+" below
Jonathan Wilkes's avatar
update js files to use post instead of gui_post    
Jonathan Wilkes committed
627 
                pdgui.post("found a CHECKED ITEM!!!");
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
628
629
630
631
632
633
634
635
636
637
638
639 
                elem[0].checked = +attr_array[i+1];
            } else {
                elem[0].value = attr_array[i+1];
            }
        }
    }
}

function add_events(name) {
    // let's handle some events for this window...

    // closing the Window
Jonathan Wilkes's avatar
change var "nw" to "gui" in the dialogs    
Jonathan Wilkes committed
640 
    gui.Window.get().on("close", function() {
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
641
642 
        // this needs to do whatever the "cancel" button does
        pdgui.remove_dialogwin(pd_object_callback);
Jonathan Wilkes's avatar
fix regression with dialog windows refusing to close    
Jonathan Wilkes committed
643 
        gui.Window.get().close(true);
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
644 
    });
Jonathan Wilkes's avatar
add dialog bindings to prefs, gatom, font dialogs    
Jonathan Wilkes committed
645 
    pdgui.dialog_bindings(name);
pokergaming's avatar
first try at preferences dialog  
pokergaming committed
646
647
648
649
650 
}

  </script>
  </body>
</html>