pd_canvas.html 3.37 KB
Newer Older
1 2 3
<!DOCTYPE html>
<html>
  <head>
4
    <meta charset="UTF-8">
5
    <link rel="stylesheet" type="text/css" href="css/dejavu.css">
6 7
    <link id="page_style" rel="stylesheet"
          type="text/css" href="css/default.css">
8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
    <style>
      .k12-frame {
        height: 100%;
        width: 70px;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: rgba(255, 0, 0, 0.2);
        overflow-x: hidden;
      }
      svg {
        margin-left: 70px;
      }
    </style>
23
    <title></title>
24
  </head>
25
  <body class="patch_body">
26
    <span id = "fileDialogSpan">
27 28
      <input style="display:none;" id="fileDialog" type="file" multiple />
    </span>
29
    <span id = "saveDialogSpan">
30 31 32
      <input style="display:none;" id="saveDialog" type="file"
             nwsaveas nwworkingdir accept=".pd" />
    </span>
33 34 35 36
    <span id = "printDialogSpan">
      <input style="display:none;" id="printDialog" type="file"
             nwsaveas nwworkingdir accept=".pdf" />
    </span>
37 38 39 40 41
    <span id = "openpanelSpan">
      <input style="display:none;" id="openpanel_dialog" type="file" />
    </span>
    <span id = "savepanelSpan">
      <input style="display:none;" id="savepanel_dialog" type="file"
42
           nwsaveas nwworkingdir />
43
    </span>
44 45 46 47 48 49
    <div class="k12-frame">
      <button
        title="this is a reverb button"
        onclick="pdgui.pdsend(canvas_events.get_id() + ' dirty 1');
                pdgui.pdsend(canvas_events.get_id() + ' obj_abstraction K12/fx_reverb 0 20');">reverb</button>
    </div>
50 51 52
    <svg xmlns="http://www.w3.org/2000/svg"
         version="1.1"
         id="patchsvg"
53 54
         class="noselect"
         viewBox="0 0 0 0">
55
    </svg>
56 57 58 59 60 61 62
    <div id="canvas_find" style="display:none;">
      <label><input type="text"
                    id="canvas_find_text"
                    name="canvas_find_text"
                    defaultValue="Search in Canvas"
                    style="width:10em"/>
      </label>
Albert Gräf's avatar
Albert Gräf committed
63
      <label><span data-i18n="canvas.find.whole_word"></span>
64 65 66 67 68
        <input type="checkbox"
               id="canvas_find_whole_word"
               name="canvas_find_whole_word"
               onchange="canvas_find_whole_word(this);"/> 
      </label>
Albert Gräf's avatar
Albert Gräf committed
69 70 71 72 73
      <button type="button"
              id="canvas_find_button"
              data-i18n="[title]canvas.find.search_tt">
        <span data-i18n="canvas.find.search"></span>
      </button>
74
    </div>
75 76 77
    <div style="display:none;" id="dropdown_list" class="noselect">
      <ol></ol>
    </div>
78
    <dialog id="save_before_quit">
Albert Gräf's avatar
Albert Gräf committed
79
      <h4><span data-i18n="canvas.save_dialog.prompt"></span>
80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99
        <span id="save_before_quit_filename"></span>?
      </h4>
      <div class="submit_buttons">
        <button type="button"
                id="yes_button"
                data-i18n="[title]canvas.save_dialog.yes_tt">
          <span data-i18n="canvas.save_dialog.yes"></span>
        </button>
        <button type="button"
                id="no_button"
                data-i18n="[title]canvas.save_dialog.no_tt">
          <span data-i18n="canvas.save_dialog.no"></span>
        </button>
        <button type="button"
                id="cancel_button"
                data-i18n="[title]canvas.save_dialog.cancel_tt">
          <span data-i18n="canvas.save_dialog.cancel"></span>
        </button>
      </div>
    </dialog>
100
    <script type="text/javascript" src="./pd_canvas.js"></script>
101 102
  </body>
</html>