pd_canvas.html 5.11 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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
    <style>
        #k12-frame {
          visibility: hidden; /* by default hidden */
          height: 100%;
          width: 200px;
          position: fixed;
          z-index: 1;
          top: 0;
          left: 0;
          background-color: rgba(150, 150, 150, 0.6); /* a random grey color */
          overflow-x: hidden;
          user-select: none;
        }
        #k12-buttons {
          position: relative;
          margin: 2px 5px;
        }
        #k12-buttons-control {
          position: absolute;
        }
        #k12-buttons-sound {
          position: absolute;
          top: 0;
          left: 0;
          visibility: hidden;
        }
        .k12-button {
          background-color: white;
          width: 33px;
          border-radius: 5px;
          border: 1px black;
          padding: 0;
          margin: 2.45px;
          user-select: none;
        }
        .k12-button-icon {
          width: 33px;
          text-align: center;
        }
        #k12-edit-button,
        #k12-control-button,
        #k12-sound-button {
          background-color: rgba(150, 150, 150, 0.6);
          border-radius: 5px;
          border: 0;
          padding: 0;
          user-select: none;
        }
        #k12-edit-button-icon,
        #k12-control-button-icon,
        #k12-sound-button-icon {
          width: 95%;
          text-align: center;
        }
        #k12-edit-button {
          width: 190px;
          margin: 5px;
        }
        #k12-control-button,
        #k12-sound-button {
          width: 90px;
          padding: 0;
          border: 0;
          margin: auto;
        }
        #k12-panel-toggles {
          margin: 0 5px;
        }
    </style>
77
    <title></title>
78
  </head>
79
  <body class="patch_body">
80
    <span id = "fileDialogSpan">
81
82
      <input style="display:none;" id="fileDialog" type="file" multiple />
    </span>
83
    <span id = "saveDialogSpan">
84
85
86
      <input style="display:none;" id="saveDialog" type="file"
             nwsaveas nwworkingdir accept=".pd" />
    </span>
87
88
89
90
    <span id = "printDialogSpan">
      <input style="display:none;" id="printDialog" type="file"
             nwsaveas nwworkingdir accept=".pdf" />
    </span>
91
92
93
94
95
    <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"
96
           nwsaveas nwworkingdir />
97
    </span>
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
    <div id="k12-frame" class="control-panel">
      <button
        id="k12-edit-button"
      ><img id="k12-edit-button-icon" src="./extra/K12/icons-large/perform.png"></button>
      <div id="k12-panel-toggles">
        <button
          id="k12-control-button"
        ><img id="k12-control-button-icon" src="./extra/K12/icons/control_on.png"></button>
        <button
          id="k12-sound-button"
        ><img id="k12-sound-button-icon" src="./extra/K12/icons/sound.png"></button>
      </div>
      <div id="k12-buttons">
        <div id="k12-buttons-control"></div>
        <div id="k12-buttons-sound"></div>
      </div>
    </div>
115
116
117
    <svg xmlns="http://www.w3.org/2000/svg"
         version="1.1"
         id="patchsvg"
118
119
         class="noselect"
         viewBox="0 0 0 0">
120
    </svg>
121
122
123
124
125
126
127
    <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
128
      <label><span data-i18n="canvas.find.whole_word"></span>
129
130
131
132
133
        <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
134
135
136
137
138
      <button type="button"
              id="canvas_find_button"
              data-i18n="[title]canvas.find.search_tt">
        <span data-i18n="canvas.find.search"></span>
      </button>
139
    </div>
140
141
142
    <div style="display:none;" id="dropdown_list" class="noselect">
      <ol></ol>
    </div>
143
    <dialog id="save_before_quit">
Albert Gräf's avatar
Albert Gräf committed
144
      <h4><span data-i18n="canvas.save_dialog.prompt"></span>
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
        <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>
165
    <script type="text/javascript" src="./pd_canvas.js"></script>
166
167
  </body>
</html>