pd_canvas.html 34.6 KB
Newer Older
1 2 3
<!DOCTYPE html>
<html>
  <head>
4
  <link id="page_style" rel="stylesheet" type="text/css" href="css/default.css">
5
  </head>
6
  <body id="patch_body">
7 8 9 10 11 12
  <input style="display:none;" id="fileDialog" type="file" multiple />
  <input style="display:none;" id="saveDialog" type="file" nwsaveas nwworkingdir accept=".pd" />

  <input style="display:none;" id="openpanel_dialog" type="file" />
  <input style="display:none;" id="savepanel_dialog" type="file" nwsaveas nwworkingdir />

13
  <svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="patchsvg" overflow="visible" class="noselect">
14 15
  </svg>
  <script>
user's avatar
user committed
16 17 18
'use strict';
var nw = require('nw.gui'); 
var pdgui = require('./pdgui.js');
19

user's avatar
user committed
20 21
// Apply gui preset to this canvas
pdgui.skin.apply(this);
22

user's avatar
user committed
23 24 25
//var name = pdgui.last_loaded();
   
var l = pdgui.get_local_string;
26

user's avatar
user committed
27 28 29 30 31 32 33
console.log("my working dir is " + pdgui.get_pwd());
document.getElementById("saveDialog")
    .setAttribute("nwworkingdir", pdgui.get_pwd());
document.getElementById("fileDialog")
    .setAttribute("nwworkingdir", pdgui.get_pwd());
document.getElementById("fileDialog").setAttribute("accept",
    Object.keys(pdgui.pd_filetypes).toString());
34

user's avatar
user committed
35
var last_keydown = "";
36 37 38 39 40 41 42 43

// This could probably be in pdgui.js
function add_keymods(key, evt) {
    var shift = evt.shiftKey ? "Shift" : "";
    var ctrl = evt.ctrlKey ? "Ctrl" : "";
    return shift + ctrl + key;
}

44 45 46 47 48 49
function text_to_fudi(text) {
    text = text.trim();
    text = text.replace(/(\$[0-9]+)/g, '\\$1');    // escape dollar signs
    text = text.replace(/(?!\\)(,|;)/g, ' \\$1 '); // escape ',' and ';'
    text = text.replace(/\{|\}/g, '');             // filter '{' and '}'
    text = text.replace(/\s+/g, ' ');              // filter consecutive /s
user's avatar
user committed
50

51 52 53
    return text;
}

54 55
var canvas_events = (function() {
    var name,
56
        state,
57
        svg_view = document.getElementById('patchsvg').viewBox.baseVal,
58 59
        textbox = function () {
            return document.getElementById('new_object_textentry');
60
        },
61 62 63 64 65
        events = {
            mousemove: function(evt) {
                //pdgui.gui_post("x: " + evt.pageX + " y: " + evt.pageY +
                //    " modifier: " + (evt.shiftKey + (evt.ctrlKey << 1)));
                pdgui.pdsend(name +
66 67 68
                    " motion " + (evt.pageX + svg_view.x) + " " +
                                 (evt.pageY + svg_view.y) + " " +
                                 (evt.shiftKey + (evt.ctrlKey << 1)));
69 70 71 72 73
                evt.stopPropagation();
                evt.preventDefault();
                return false;
            },
            mousedown: function(evt) {
74
                // tk events (and, therefore, Pd evnets) are one greater than html5...
75 76 77 78 79 80 81 82 83 84 85
                var b = evt.button + 1;
                var mod;
                // For some reason right-click sends a modifier value of "8",
                // and canvas_doclick in g_editor.c depends on that value to
                // do the right thing.  So let's hack...
                if (b === 3) { // right-click
                    mod = 8;
                } else {
                    mod = (evt.shiftKey + (evt.ctrlKey << 1)); 
                }
                pdgui.pdsend(name +
86 87 88
                    " mouse " + (evt.pageX + svg_view.x) + " " +
                                (evt.pageY + svg_view.y) + " " +
                                 b + " " + mod);
89 90 91 92 93 94 95 96
                //evt.stopPropagation();
                evt.preventDefault();
            },
            mouseup: function(evt) {
                //pdgui.gui_post("mouseup: x: " +
                //    evt.pageX + " y: " + evt.pageY +
                //    " button: " + (evt.button + 1));
                pdgui.pdsend(name +
97 98 99
                    " mouseup " + (evt.pageX + svg_view.x) + " " +
                                  (evt.pageY + svg_view.y) + " " +
                                  (evt.button + 1));
100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120
                evt.stopPropagation();
                evt.preventDefault();
            },
            keydown: function(evt) {
                var key_code = evt.keyCode; 
                var hack = null; // hack for unprintable ascii codes
                switch(key_code) {
                    case 8:
                    case 9:
                    case 10:
                    case 27:
                    //case 32:
                    case 127: hack = key_code; break;
                    case 37: hack = add_keymods('Left', evt); break;
                    case 38: hack = add_keymods('Up', evt); break;
                    case 39: hack = add_keymods('Right', evt); break;
                    case 40: hack = add_keymods('Down', evt); break;
                    case 33: hack = add_keymods('Prior', evt); break;
                    case 34: hack = add_keymods('Next', evt); break;
                    case 35: hack = add_keymods('End', evt); break;
                    case 36: hack = add_keymods('Home', evt); break;
121

122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149
                    // Handle weird behavior for clipboard shortcuts
                    // Which don't fire a keypress for some odd reason

                    case 65:
                        if (evt.ctrlKey === true) {
                            pdgui.pdsend(name + " selectall");
                            hack = 0; // not sure what to report here...
                        }
                        break;
                    case 88:
                        if (evt.ctrlKey === true) {
                            pdgui.pdsend(name + " cut");
                            hack = 0; // not sure what to report here...
                        }
                        break;
                    case 67:
                        if (evt.ctrlKey === true) {
                            pdgui.pdsend(name + " copy");
                            hack = 0; // not sure what to report here...
                        }
                        break;
                    case 86:
                        if (evt.ctrlKey === true) {
                            pdgui.pdsend(name + " paste");
                            hack = 0; // not sure what to report here...
                        }
                        break;

150
                    // Need to handle Control key, Alt
151

152 153 154 155 156 157 158 159
                    case 16: hack = 'Shift'; break;
                    case 17: hack = 'Control'; break;
                    case 18: hack = 'Alt'; break;
                }
                if (hack !== null) {
                    pdgui.gui_canvas_sendkey(name, 1, evt, hack);
                    pdgui.set_keymap(key_code, hack);
                }
160
//                pdgui.gui_post("keydown time: keycode is " + evt.keyCode);
161 162 163 164 165
                last_keydown = evt.keyCode;
                //evt.stopPropagation();
                //evt.preventDefault();
            },
            keypress: function(evt) {
166 167 168 169 170 171 172 173 174 175 176 177
                // Hack to handle undo/redo shortcuts
                if (evt.charCode === 26) {
                    if (evt.ctrlKey === true) {
                        if (evt.shiftKey === true) { // ctrl-Shift-z
                            pdgui.pdsend(name + " redo");
                        } else { // ctrl-z
                            pdgui.pdsend(name + " undo");
                        }
                        return;
                    }
                }

178 179
                pdgui.gui_canvas_sendkey(name, 1, evt, evt.charCode);
                pdgui.set_keymap(last_keydown, evt.charCode);
180
//                pdgui.gui_post("keypress time: charcode is " + evt.charCode);
181 182 183 184 185 186 187
                // Don't do things like scrolling on space, arrow keys, etc.
                //evt.stopPropagation();
                evt.preventDefault();
            },
            keyup: function(evt) {
                var my_char_code = pdgui.get_char_code(evt.keyCode);
                pdgui.gui_canvas_sendkey(name, 0, evt, my_char_code);
188
//                pdgui.gui_post("keyup time: charcode is: " + my_char_code);
189 190 191
                if (evt.keyCode === 13 && evt.ctrlKey) {
                    pdgui.pdsend(name + " reselect");
                }
192 193 194
                evt.stopPropagation();
                evt.preventDefault();
            },
195
            text_mousemove: function(evt) {
196 197 198 199 200 201
                evt.stopPropagation();    
                //evt.preventDefault();
                return false;
            },
            text_mousedown: function(evt) {
                if (textbox() !== evt.target) {
user's avatar
user committed
202 203 204 205
                    // Yes: I _really_ want .innerText and NOT .textContent
                    // here.  I want those newlines: although that isn't
                    // standard in Pd-Vanilla, Pd-l2ork uses and preserves
                    // them inside comments
206 207 208 209
                    utils.create_obj();
//                    var fudi_msg = text_to_fudi(textbox().innerText);
//                    pdgui.pdsend(name + " createobj " + fudi_msg);
//                    pdgui.gui_post("formatted content is " + fudi_msg);
210 211 212 213 214 215 216 217 218 219
                    events.mousedown(evt);
                    canvas_events.normal();
                }
                evt.stopPropagation();    
                //evt.preventDefault();
                return false;
            },
            text_mouseup: function(evt) {
                pdgui.gui_post("mouseup target is " +
                    evt.target + " and textbox is " + textbox());
user's avatar
user committed
220
                //evt.stopPropagation();    
221 222 223 224 225 226 227 228 229 230 231
                //evt.preventDefault();
                return false;
            },
            text_keydown: function(evt) {
                evt.stopPropagation();    
                //evt.preventDefault();
                return false;
            },
            text_keyup: function(evt) {
                evt.stopPropagation();    
                //evt.preventDefault();
232 233 234 235 236
                // ctrl-Enter to reselect
                if (evt.keyCode === 13 && evt.ctrlKey) {
                    canvas_events.set_obj();
                    pdgui.pdsend(name + " reselect");
                }
237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253
                return false;
            },
            text_keypress: function(evt) {
                evt.stopPropagation();    
                //evt.preventDefault();
                return false;
            },
            floating_text_click: function(evt) {
               pdgui.gui_post("leaving floating mode");
                canvas_events.text();
                evt.stopPropagation();
                evt.preventDefault();
                return false;
            },
            floating_text_keypress: function(evt) {
               pdgui.gui_post("leaving floating mode");
                canvas_events.text();
user's avatar
user committed
254 255 256
                //evt.stopPropagation();
                //evt.preventDefault();
                //return false;
257
            }
258 259 260 261 262 263 264 265 266 267 268 269
        },
        utils = {
            create_obj: function() {
                var fudi_msg = text_to_fudi(textbox().innerText);
                pdgui.pdsend(name + " createobj " + fudi_msg);
                pdgui.gui_post("formatted content is " + fudi_msg);
            },
            set_obj: function() {
                var fudi_msg = text_to_fudi(textbox().innerText);
                pdgui.pdsend(name + " setobj " + fudi_msg);
                pdgui.gui_post("formatted content is " + fudi_msg);
            }
270
        }
271
    ;
272

273 274 275 276
    // Dialog events
    document.querySelector("#saveDialog").addEventListener("change",
        function(evt) {
            pdgui.saveas_callback(name, this.value);
277 278
            // reset value so that we can open the same file twice
            this.value = null;
279 280 281 282 283 284 285 286 287 288 289 290
            console.log("tried to open something");
        }, false
    );
    document.querySelector("#fileDialog").addEventListener("change",
        function(evt) {
            var file_array = this.value;
            // reset value so that we can open the same file twice
            this.value = null;
            pdgui.menu_open(file_array);
            console.log("tried to open something");
        }, false
    );
291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309
    document.querySelector("#openpanel_dialog").addEventListener("change",
        function(evt) {
            var file_string = this.value;
            // reset value so that we can open the same file twice
            this.value = null;
            pdgui.file_dialog_callback(file_string);
            console.log("tried to openpanel something");
        }, false
    );
    document.querySelector("#savepanel_dialog").addEventListener("change",
        function(evt) {
            var file_string = this.value;
            // reset value so that we can open the same file twice
            this.value = null;
            pdgui.file_dialog_callback(file_string);
            console.log("tried to savepanel something");
        }, false
    );

310 311 312 313
    // closing the Window
    // this isn't actually closing the window yet
    nw.Window.get().on("close", function() {
        pdgui.pdsend(name + " menuclose 0");
314 315
    });

316
    return {
317 318
        none: function() {
            var name;
319
            state = 'none';
320 321 322 323 324 325 326 327
            for (var prop in events) {
                if (events.hasOwnProperty(prop)) {
                    name = prop.split('_');
                    name = name[name.length -1];
                    document.removeEventListener(name, events[prop], false);
                }
            }
        },
328
        normal: function() {
329
            //pdgui.gui_post("resetting to normal...");
330
            this.none();
331

332 333 334 335 336 337
            document.addEventListener("mousemove", events.mousemove, false);
            document.addEventListener("keydown", events.keydown, false);
            document.addEventListener("keypress", events.keypress, false);
            document.addEventListener("keyup", events.keyup, false);
            document.addEventListener("mousedown", events.mousedown, false);
            document.addEventListener("mouseup", events.mouseup, false);
338 339
            state = 'normal';
            set_edit_menu_modals(true);
340 341
        },
        text: function() {
342 343 344 345 346 347 348 349
            this.none();

            document.addEventListener("mousemove", events.text_mousemove, false);
            document.addEventListener("keydown", events.text_keydown, false);
            document.addEventListener("keypress", events.text_keypress, false);
            document.addEventListener("keyup", events.text_keyup, false);
            document.addEventListener("mousedown", events.text_mousedown, false);
            document.addEventListener("mouseup", events.text_mouseup, false);
350 351
            state = 'text';
            set_edit_menu_modals(false);
352 353 354 355 356 357 358
        },
        floating_text: function() {
            this.none();
            this.text();
            document.removeEventListener("mousedown", events.text_mousedown, false);
            document.removeEventListener("mouseup", events.text_mouseup, false);
            document.removeEventListener("keypress", events.text_keypress, false);
359
            document.removeEventListener("mousemove", events.text_mousemove, false);
360 361 362
            document.addEventListener("click", events.floating_text_click, false);
            document.addEventListener("keypress", events.floating_text_keypress, false);
            document.addEventListener("mousemove", events.mousemove, false);
363 364
            state = 'floating_text';
            set_edit_menu_modals(false);
365 366 367
        },
        register: function(n) {
            name = n;
368 369 370
        },
        get_state: function() {
            return state;
371 372 373
        },
        set_obj: function() {
            utils.set_obj();
374 375
        }
    }
376
}());
377

user's avatar
user committed
378 379 380 381 382 383 384 385 386 387 388
// This gets called from the nw_create_window function in index.html
// It provides us with our canvas id from the C side.  Once we have it
// we can create the menu and register event callbacks
function register_canvas_id(cid) {
    name = cid; // hack
    create_popup_menu(cid);
    canvas_events.register(cid);
    canvas_events.normal();
    nw_create_patch_window_menus(cid);
    pdgui.canvas_map(cid);
}
389

390 391 392 393
function create_popup_menu(name) {
    // The right-click popup menu
    var popup_menu = new nw.Menu();
    pdgui.add_popup(name, popup_menu);
394

395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412
    popup_menu.append(new nw.MenuItem({
        label: 'Properties',
        click: function() {
            pdgui.popup_action(name, 0);
        }
    }));
    popup_menu.append(new nw.MenuItem({
        label: 'Open',
        click: function() {
            pdgui.popup_action(name, 1);
        }
    }));
    popup_menu.append(new nw.MenuItem({
        label: 'Help',
        click: function() {
            pdgui.popup_action(name, 2);
        }
    }));
413 414
}

user's avatar
user committed
415 416 417 418
// stop-gap
function menu_generic () {
    alert("Please implement this");
}
419

420 421 422 423 424 425 426 427 428 429 430 431
var modals = {}; // Edit menu items that should be disabled when editing
                 // an object box

function set_edit_menu_modals(state) {
    var item;
    for (item in modals) {
        if (modals.hasOwnProperty(item)) {
            modals[item].enabled = state; 
        }
    }
}

user's avatar
user committed
432 433 434 435 436 437 438 439 440 441 442 443 444 445 446
function nw_undo_menu(undo_text, redo_text) {
    if (undo_text === 'no') {
        modals.undo.enabled = false;
    } else {
        modals.undo.enabled = true;
        modals.undo.label = l('menu.undo') + " " + undo_text;
    }
    if (redo_text === 'no') {
        modals.redo.enabled = false;
    } else {
        modals.redo.enabled = true;
        modals.redo.label = l('menu.redo') + " " + redo_text;
    }
}

447 448 449 450 451 452 453
function check_box_for_text() {
    var state = canvas_events.get_state();
    if (state === 'text' || state === 'floating_text') {
        canvas_events.set_obj();
    }
}

454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506
// Menus for the Patch window
function nw_create_patch_window_menus (name) {

    // Window menu
    var windowMenu = new nw.Menu({
        type: 'menubar'
    });

    // File menu
    var fileMenu = new nw.Menu();

    // Add to window menu
    windowMenu.append(new nw.MenuItem({
        label: l('menu.file'),
        submenu: fileMenu
    }));

    // File sub-entries
    fileMenu.append(new nw.MenuItem({
        label: l('menu.new'),
        click: pdgui.menu_new,
        key: 'n',
        modifiers: "ctrl",
        tooltip: l('menu.new_tt')
    }));

    fileMenu.append(new nw.MenuItem({
        label: l('menu.open'),
        key: 'o',
        modifiers: "ctrl",
        tooltip: l('menu.open_tt'),
        click: function() {
            var chooser = document.querySelector('#fileDialog');
            chooser.click();
        }
    }));

    if (pdgui.k12_mode == 1) {
        fileMenu.append(new nw.MenuItem({
        label: l('menu.k12_demos'),
        tooltip: l('menu.k12_demos_tt'),
        click: pdgui.menu_k12_open_demos
        }));
    }

    fileMenu.append(new nw.MenuItem({
        type: 'separator'
    }));

    // Note: this must be different for the main Pd window
    fileMenu.append(new nw.MenuItem({
        label: l('menu.save'),
        click: function () {
507
            pdgui.canvas_check_geometry(name);
508 509 510 511 512 513 514 515 516 517
            pdgui.menu_save(name);
        },
        key: 's',
        modifiers: "ctrl",
        tooltip: l('menu.save_tt')
    }));

    fileMenu.append(new nw.MenuItem({
        label: l('menu.saveas'),
        click: function (){
518
            pdgui.canvas_check_geometry(name);
519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554
            pdgui.menu_saveas(name);
        },
        key: 's',
        modifiers: "ctrl+shift",
        tooltip: l('menu.saveas_tt')
    }));

    if (pdgui.k12_mode == 0) {
        fileMenu.append(new nw.MenuItem({
            type: 'separator'
        }));
    }

    fileMenu.append(new nw.MenuItem({
        label: l('menu.message'),
        click: pdgui.menu_send,
        key: 'm',
        modifiers: "ctrl",
        tooltip: l('menu.message_tt')
    }));

    if (pdgui.k12_mode == 0) {
        fileMenu.append(new nw.MenuItem({
            type: 'separator'
        }));
    }

    // recent files go here

    // anther separator goes here if there are any recent files

    fileMenu.append(new nw.MenuItem({
        label: l('menu.close'),
        tooltip: l('menu.close_tt'),
        click: function() {
            pdgui.menu_close(name);
555 556 557
        },
        key: 'w',
        modifiers: "ctrl"
558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578
    }));

    // Quit Pd
    fileMenu.append(new nw.MenuItem({
        label: l('menu.quit'),
        click: pdgui.menu_quit,
        key: 'q',
        modifiers: "ctrl",
        tooltip: l('menu.quit_tt')
    }));

    // Edit menu
    var editMenu = new nw.Menu();

    // Add to window menu
    windowMenu.append(new nw.MenuItem({
    label: l('menu.edit'),
    submenu: editMenu
    }));

    // Edit sub-entries
579
    editMenu.append(modals.undo = new nw.MenuItem({
580
        label: l('menu.undo'),
user's avatar
user committed
581 582 583
        click: function () {
            pdgui.pdsend(name + " undo");
        },
584
        tooltip: l('menu.undo_tt'),
585 586
    }));

587
    editMenu.append(modals.redo = new nw.MenuItem({
588
        label: l('menu.redo'),
user's avatar
user committed
589 590 591
        click: function () {
            pdgui.pdsend(name + " redo");
        },
592
        tooltip: l('menu.redo_tt'),
593 594 595 596 597 598
    }));

    editMenu.append(new nw.MenuItem({
        type: 'separator'
    }));

599
    editMenu.append(modals.cut = new nw.MenuItem({
600 601 602 603
        label: l('menu.cut'),
        click: function () {
            pdgui.pdsend(name + " cut");
        },
604
        tooltip: l('menu.cut_tt'),
605 606
    }));

607
    editMenu.append(modals.copy = new nw.MenuItem({
608 609 610 611
        label: l('menu.copy'),
        click: function () {
            pdgui.pdsend(name + " copy");
        },
612
        tooltip: l('menu.copy_tt'),
613 614
    }));

615
    editMenu.append(modals.paste = new nw.MenuItem({
616 617 618 619
        label: l('menu.paste'),
        click: function () {
            pdgui.pdsend(name + " paste");
        },
620
        tooltip: l('menu.paste_tt'),
621 622 623 624 625 626 627 628 629 630 631 632
    }));

    editMenu.append(new nw.MenuItem({
        label:  l('menu.duplicate'),
        click: function () {
            pdgui.pdsend(name + " duplicate");
        },
        key: 'd',
        modifiers: "ctrl",
        tooltip: l('menu.duplicate_tt')
    }));

633
    editMenu.append(modals.selectall = new nw.MenuItem({
634
        label: l('menu.selectall'),
635 636 637 638
        click: function (evt) {
            if (canvas_events.get_state() === 'normal') {
                pdgui.pdsend(name + " selectall");
            }
639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692
        },
        tooltip: l('menu.selectall_tt'),
    }));

    editMenu.append(new nw.MenuItem({
        label: l('menu.reselect'),
        // Unfortunately nw.js doesn't allow
        // key: "Return" or key: "Enter", so we
        // can't bind to ctrl-Enter here. (Even
        // tried fromCharCode...)
        click: function () {
            pdgui.pdsend(name + " reselect");
        },
        key: String.fromCharCode(10),
        modifiers: "ctrl",
        tooltip: l('menu.reselect_tt')
    }));

    editMenu.append(new nw.MenuItem({
        type: 'separator'
    }));

    editMenu.append(new nw.MenuItem({
        label: l('menu.zoomin'),
        click: function () {
            var z = nw.Window.get().zoomLevel;
            if (z < 8) { z++; }
            nw.Window.get().zoomLevel = z;
            pdgui.gui_post("zoom level is " + nw.Window.get().zoomLevel);
        },
        key: '=',
        modifiers: "ctrl",
        tooltip: l('menu.zoomin')
    }));

    editMenu.append(new nw.MenuItem({
        label: l('menu.zoomout'),
        click: function () {
            var z = nw.Window.get().zoomLevel;
            if (z > -7) { z--; } 
            nw.Window.get().zoomLevel = z;
            pdgui.gui_post("zoom level is " + nw.Window.get().zoomLevel);
        },
        key: '-',
        modifiers: "ctrl",
        tooltip: l('menu.zoomout_tt'),
    }));

    editMenu.append(new nw.MenuItem({
        type: 'separator'
    }));

    editMenu.append(new nw.MenuItem({
        label: l('menu.tidyup'),
693 694 695 696
        click: function() {
            pdgui.pdsend(name + " tidy");
        },
        key: 'y',
697 698 699 700 701 702
        modifiers: "ctrl",
        tooltip: l('menu.tidyup_tt')
    }));

    editMenu.append(new nw.MenuItem({
        label: l('menu.tofront'),
703 704 705
        click: function() {
            pdgui.popup_action(name, 3);
        },
706 707 708 709 710
        tooltip: l('menu.tofront_tt'),
    }));

    editMenu.append(new nw.MenuItem({
        label: l('menu.toback'),
711 712 713
        click: function() {
            pdgui.popup_action(name, 4);
        },
714 715 716 717 718 719 720 721 722
        tooltip: l('menu.toback_tt'),
    }));

    editMenu.append(new nw.MenuItem({
        type: 'separator'
    }));

    editMenu.append(new nw.MenuItem({
        label: l('menu.font'),
user's avatar
user committed
723 724 725
        click: function () {
            pdgui.pdsend(name + " menufont");
        },
726 727 728 729 730 731 732 733
        tooltip: l('menu.font_tt'),
    }));

    editMenu.append(new nw.MenuItem({
        label: l('menu.cordinspector'),
        click: function() {
            pdgui.pdsend(name + " magicglass 0");
        },
pokergaming's avatar
pokergaming committed
734
        key: 'r',
735 736 737 738 739 740 741 742 743 744 745
        modifiers: "ctrl",
        tooltip: l('menu.cordinspector_tt'),
    }));

    editMenu.append(new nw.MenuItem({
        type: 'separator'
    }));

    editMenu.append(new nw.MenuItem({
        label: l('menu.find'),
        click: menu_generic,
user's avatar
user committed
746 747
        key: 'f',
        modifiers: "ctrl",
748 749 750 751 752 753
        tooltip: l('menu.find_tt'),
    }));

    editMenu.append(new nw.MenuItem({
        label: l('menu.findagain'),
        click: menu_generic,
user's avatar
user committed
754 755
        key: 'g',
        modifiers: "ctrl",
756 757 758 759 760
        tooltip: l('menu.findagain')
    }));

    editMenu.append(new nw.MenuItem({
        label: l('menu.finderror'),
pokergaming's avatar
pokergaming committed
761 762 763
        click: function() {
            pdgui.pdsend("pd finderror");
        },
764 765 766 767 768 769 770 771 772 773 774 775 776 777 778
        tooltip: l('menu.finderror_tt'),
    }));

    editMenu.append(new nw.MenuItem({
        type: 'separator'
    }));

    editMenu.append(new nw.MenuItem({
        label: l('menu.autotips'),
        click: menu_generic,
        tooltip: l('menu.autotips_tt'),
    }));

    editMenu.append(new nw.MenuItem({
        label: l('menu.editmode'),
779 780 781 782
        click: function() {
            check_box_for_text();
            pdgui.pdsend(name + " editmode 0");
        },
783 784 785 786 787 788 789 790 791 792 793
        key: 'e',
        modifiers: "ctrl",
        tooltip: l('menu.editmode_tt')
    }));

    editMenu.append(new nw.MenuItem({
        type: 'separator'
    }));

    editMenu.append(new nw.MenuItem({
        label: l('menu.preferences'),
pokergaming's avatar
pokergaming committed
794 795
        click: pdgui.open_prefs,
        key: 'p',
796 797 798 799 800 801 802 803 804 805 806 807 808 809 810 811 812
        modifiers: "ctrl",
        tooltip: l('menu.preferences_tt')
    }));

    // Put menu
    var putMenu = new nw.Menu();

    // Add to window menu
    windowMenu.append(new nw.MenuItem({
    label: l('menu.put'),
    submenu: putMenu
    }));

    // Put menu sub-entries
    putMenu.append(new nw.MenuItem({
        label: l('menu.object'),
        click: function() {
813
            check_box_for_text();
814 815
            pdgui.pdsend(name + " dirty 1");
            pdgui.pdsend(name + " obj 0");
816 817 818 819 820 821 822 823 824
        },
        key: '1',
        modifiers: "ctrl",
        tooltip: l('menu.object_tt'),
    }));

    putMenu.append(new nw.MenuItem({
        label: l('menu.msgbox'),
        click: function() {
825
            check_box_for_text();
826 827
            pdgui.pdsend(name + " dirty 1");
            pdgui.pdsend(name + " msg 0");
828 829 830 831 832 833 834 835 836
        },
        key: '2',
        modifiers: "ctrl",
        tooltip: l('menu.msgbox_tt'),
    }));

    putMenu.append(new nw.MenuItem({
        label: l('menu.number'),
        click: function() { 
837 838 839
            check_box_for_text();
            pdgui.pdsend(name + " dirty 1");
            pdgui.pdsend(name + " floatatom 0");
840 841 842 843 844 845 846 847 848
        },
        key: '3',
        modifiers: "ctrl",
        tooltip: l('menu.number_tt')
    }));

    putMenu.append(new nw.MenuItem({
        label: l('menu.symbol'),
        click: function() {
849 850 851
            check_box_for_text();
            pdgui.pdsend(name + " dirty 1");
            pdgui.pdsend(name + " symbolatom 0");
852 853 854 855 856 857 858 859 860
        },
        key: '4',
        modifiers: "ctrl",
        tooltip: l('menu.symbol_tt')
    }));

    putMenu.append(new nw.MenuItem({
        label: l('menu.comment'),
        click: function() {
861 862 863
            check_box_for_text();
            pdgui.pdsend(name + " dirty 1");
            pdgui.pdsend(name + " text 0");
864 865 866 867 868 869 870 871 872 873 874 875 876
        },
        key: '5',
        modifiers: "ctrl",
        tooltip: l('menu.comment_tt')
    }));

    putMenu.append(new nw.MenuItem({
        type: 'separator'
    }));

    putMenu.append(new nw.MenuItem({
        label: l('menu.bang'),
        click: function(e) {
877 878 879
            check_box_for_text();
            pdgui.pdsend(name + " dirty 1");
            pdgui.pdsend(name + " bng 0");
880 881 882 883 884 885 886 887 888
        },
        key: 'b',
        modifiers: "ctrl-shift",
        tooltip: l('menu.bang_tt')
    }));

    putMenu.append(new nw.MenuItem({
        label: l('menu.toggle'),
        click: function() {
889 890 891
            check_box_for_text();
            pdgui.pdsend(name + " dirty 1");
            pdgui.pdsend(name + " toggle 0");
892 893 894 895 896 897 898 899 900
        },
        key: 't',
        modifiers: "ctrl-shift",
        tooltip: l('menu.toggle_tt')
    }));

    putMenu.append(new nw.MenuItem({
        label: l('menu.number2'),
        click: function() {
901 902 903
            check_box_for_text();
            pdgui.pdsend(name + " dirty 1");
            pdgui.pdsend(name + " numbox 0");
904 905 906 907 908 909 910 911 912
        },
        key: 'n',
        modifiers: "ctrl-shift",
        tooltip: l('menu.number2')
    }));

    putMenu.append(new nw.MenuItem({
        label: l('menu.vslider'),
        click: function() {
913 914 915
            check_box_for_text();
            pdgui.pdsend(name + " dirty 1");
            pdgui.pdsend(name + " vslider 0");
916 917 918 919 920 921 922 923 924
        },
        key: 'v',
        modifiers: "ctrl-shift",
        tooltip: l('menu.vslider_tt'),
    }));

    putMenu.append(new nw.MenuItem({
        label: l('menu.hslider'),
        click: function() {
925 926 927
            check_box_for_text();
            pdgui.pdsend(name + " dirty 1");
            pdgui.pdsend(name + " hslider 0");
928 929 930 931 932 933 934 935 936
        },
        key: 'h',
        modifiers: "ctrl-shift",
        tooltip: l('menu.hslider_tt'),
    }));

    putMenu.append(new nw.MenuItem({
        label: l('menu.vradio'),
        click: function() {
937 938 939
            check_box_for_text();
            pdgui.pdsend(name + " dirty 1");
            pdgui.pdsend(name + " vradio 0");
940 941 942 943 944 945 946 947 948
        },
        key: 'd',
        modifiers: "ctrl-shift",
        tooltip: l('menu.vradio_tt'),
    }));

    putMenu.append(new nw.MenuItem({
        label: l('menu.hradio'),
        click: function() {
949 950 951
            check_box_for_text();
            pdgui.pdsend(name + " dirty 1");
            pdgui.pdsend(name + " hradio 0");
952 953 954 955 956 957 958 959 960
        },
        key: 'i',
        modifiers: "ctrl",
        tooltip: l('menu.hradio_tt'),
    }));

    putMenu.append(new nw.MenuItem({
        label: l('menu.vu'),
        click: function() {
961 962 963
            check_box_for_text();
            pdgui.pdsend(name + " dirty 1");
            pdgui.pdsend(name + " vumeter 0");
964 965 966 967 968 969 970 971 972
        },
        key: 'u',
        modifiers: "ctrl",
        tooltip: l('menu.vu_tt'),
    }));

    putMenu.append(new nw.MenuItem({
        label: l('menu.cnv'),
        click: function() {
973 974 975
            check_box_for_text();
            pdgui.pdsend(name + " dirty 1");
            pdgui.pdsend(name + " mycnv 0");
976 977 978 979 980 981 982 983 984 985 986 987 988
        },
        key: 'c',
        modifiers: "ctrl-shift",
        tooltip: l('menu.cnv_tt')
    }));

    putMenu.append(new nw.MenuItem({
        type: 'separator'
    }));

    putMenu.append(new nw.MenuItem({
        label: l('menu.graph'),
        click: function() {
989
            check_box_for_text();
990 991 992 993 994 995 996 997 998
            pdgui.pdsend(name + " dirty 1");
            // leaving out some placement logic... see pd.tk menu_graph
            pdgui.pdsend(name + " graph NULL 0 0 0 0 30 30 0 30");
        },
        tooltip: l('menu.graph_tt'),
    }));

    putMenu.append(new nw.MenuItem({
        label: l('menu.array'),
999
        click: function() {
1000
                check_box_for_text();
1001 1002 1003
                pdgui.pdsend(name + " dirty 1");
                pdgui.pdsend(name + " menuarray");
            },
1004 1005 1006 1007
        tooltip: l('menu.array_tt'),
    }));


user's avatar
user committed
1008 1009
    // Windows menu... call it "winman" (i.e., window management)
    // to avoid confusion
1010 1011 1012 1013 1014 1015 1016 1017 1018 1019 1020 1021 1022 1023 1024 1025 1026 1027 1028 1029 1030 1031 1032 1033 1034 1035 1036 1037 1038 1039 1040 1041 1042 1043 1044 1045 1046 1047 1048 1049 1050 1051 1052 1053 1054 1055 1056 1057 1058 1059 1060 1061 1062
    var winmanMenu = new nw.Menu();

    // Add to windows menu
    windowMenu.append(new nw.MenuItem({
    label: l('menu.windows'),
    submenu: winmanMenu
    }));

    // Winman sub-entries
    winmanMenu.append(new nw.MenuItem({
        label: l('menu.nextwin'),
        click: menu_generic,
        key: String.fromCharCode(12), // Page down
        modifiers: "ctrl",
        tooltip: l('menu.nextwin_tt'),
    }));

    winmanMenu.append(new nw.MenuItem({
        label: l('menu.prevwin'),
        click: menu_generic,
        key: String.fromCharCode(11), // Page up
        modifiers: "ctrl",
        tooltip: l('menu.prevwin_tt'),
    }));

    winmanMenu.append(new nw.MenuItem({
        type: 'separator'
    }));

    winmanMenu.append(new nw.MenuItem({
        label: l('menu.parentwin'),
        click: menu_generic,
        tooltip: l('menu.parentwin_tt'),
    }));

    winmanMenu.append(new nw.MenuItem({
        label: l('menu.pdwin'),
        click: menu_generic,
        tooltip: l('menu.pdwin_tt'),
    }));

    // Media menu
    var mediaMenu = new nw.Menu();

    // Add to window menu
    windowMenu.append(new nw.MenuItem({
    label: l('menu.media'),
    submenu: mediaMenu
    }));

    // Media sub-entries
    mediaMenu.append(new nw.MenuItem({
        label: l('menu.audio_on'),
1063 1064 1065
        click: function() {
            pdgui.pdsend("pd dsp 1");
        },
1066 1067 1068 1069 1070 1071 1072
        key: '/',
        modifiers: "ctrl",
        tooltip: l('menu.audio_on_tt'),
    }));

    mediaMenu.append(new nw.MenuItem({
        label: l('menu.audio_off'),
1073 1074 1075 1076
        click: function() {
            pdgui.pdsend("pd dsp 0");
        },
        key: '.',
1077 1078 1079 1080 1081 1082 1083 1084 1085 1086 1087 1088 1089 1090 1091 1092 1093 1094 1095 1096 1097 1098 1099 1100 1101 1102 1103 1104 1105 1106 1107 1108 1109 1110 1111 1112 1113 1114 1115 1116 1117 1118 1119 1120 1121 1122 1123 1124 1125 1126 1127 1128 1129 1130 1131 1132 1133 1134 1135 1136 1137 1138 1139 1140 1141 1142 1143 1144 1145 1146 1147 1148 1149 1150 1151 1152 1153 1154 1155 1156 1157 1158 1159 1160 1161 1162
        modifiers: "ctrl",
        tooltip: l('menu.audio_off_tt'),
    }));

    mediaMenu.append(new nw.MenuItem({
        type: 'separator'
    }));

    mediaMenu.append(new nw.MenuItem({
        label: l('menu.test'),
        click: menu_generic,
        tooltip: l('menu.test_tt'),
    }));

    mediaMenu.append(new nw.MenuItem({
        label: l('menu.loadmeter'),
        click: menu_generic,
        tooltip: l('menu.loadmeter_tt'),
    }));

    // Help menu
    var helpMenu = new nw.Menu();

    // Add to window menu
    windowMenu.append(new nw.MenuItem({
    label: l('menu.help'),
    submenu: helpMenu
    }));

    // Help sub-entries
    helpMenu.append(new nw.MenuItem({
        label: l('menu.about'),
        click: menu_generic,
        //key: 'c',
        //modifiers: "ctrl",
        tooltip: l('menu.about_tt'),
    }));

    helpMenu.append(new nw.MenuItem({
        label: l('menu.manual'),
        click: menu_generic,
        tooltip: l('menu.manual'),
    }));

    helpMenu.append(new nw.MenuItem({
        label: l('menu.browser'),
        click: menu_generic,
        tooltip: l('menu.browser_tt'),
    }));

    helpMenu.append(new nw.MenuItem({
        type: 'separator'
    }));

    helpMenu.append(new nw.MenuItem({
        label: l('menu.l2ork_list'),
        click: menu_generic,
        tooltip: l('menu.l2ork_list_tt'),
    }));

    helpMenu.append(new nw.MenuItem({
        label: l('menu.pd_list'),
        click: menu_generic,
        tooltip: l('menu.pd_list_tt'),
    }));

    helpMenu.append(new nw.MenuItem({
        label: l('menu.forums'),
        click: menu_generic,
        tooltip: l('menu.forums_tt'),
    }));

    helpMenu.append(new nw.MenuItem({
        label: l('menu.irc'),
        click: menu_generic,
        tooltip: l('menu.irc_tt'),
    }));

    // Assign to window
    nw.Window.get().menu = windowMenu;

}

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