blockly/index.html at master · RevolutionRobotics/blockly · GitHub

1
2
3
4
5
6
7
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
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<!-- HTML file to host Blockly in a mobile WebView. -->
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <!-- Auto generated from source -->
  <script src="blockly_compressed.js"></script>
  <script src="blocks_compressed.js"></script>
  <!-- For real time generation -->
  <script src="python_compressed.js"></script>
  <!-- TODO: Select msg file based on locale. -->
  <script src="msg/js/en.js"></script>
  <style type="text/css">
    html, body, #blocklyDiv {
      border: 0;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 100%;
    }
  </style>

</head>
<body>
  <div id="blocklyDiv"></div>
  <xml id="toolbox">
      <category name="motors" colour="#e60312" file>
        <block type="block_drive"></block>
        <block type="block_motor"></block>
        <block type="block_stop_motor"></block>
        <block type="block_stop_all_motors"></block>
      </category>
      <category name="sensors" colour="#f8bc08">
        <block type="block_ultrasonic_sensor"></block>
        <block type="block_bumper"></block>
        <block type="block_set_led"></block>
        <block type="colour_picker"></block>
        <block type="colour_rgb"></block>
      </category>
      <category name="loops" colour="#dd7d3a">
        <block type="block_repeat_forever"></block>
        <block type="block_break"></block>
        <block type="block_repeat_while"></block>
        <block type="block_repeat_until"></block>
        <block type="block_terminate_program"></block>
        <block type="block_terminate_all"></block>
      </category>
      <category name="logic" colour="#0264ff">
        <block type="controls_if"></block>
        <block type="controls_ifelse">
        <block type="logic_boolean">
        <block type="logic_compare"></block>
      </category>
      <category name="math" colour="#4dc88f">
        <block type="math_number"></block>
        <block type="math_arithmetic"></block>
        <block type="math_round"></block>
        <block type="math_modulo"></block>
        <block type="math_random_int"></block>
      </category>
      <category name="Time" colour="#d9dee1">
        <block type="block_wait"></block>
        <block type="block_global_timer"></block>
      </category>
      <category name="Variables" custom="VARIABLE"></category>
    </xml>
  <script>
    var workspace = Blockly.inject('blocklyDiv',
        {
          toolbox: document.getElementById('toolbox')
        });
    workspace.addChangeListener(myUpdateFunction);
    var lab1 = document.getElementById(':1.label');
    var lab2 = document.getElementById(':2.label');
    var lab3 = document.getElementById(':3.label');
    var lab4 = document.getElementById(':4.label');
    var lab5 = document.getElementById(':5.label');
    var lab6 = document.getElementById(':6.label');
    var lab7 = document.getElementById(':7.label');
    lab1.classList.add('motorIcon');
    lab2.classList.add('sensorIcon');
    lab3.classList.add('motorIcon');
    lab4.classList.add('motorIcon');
    lab5.classList.add('motorIcon');
    lab6.classList.add('motorIcon');
    lab7.classList.add('motorIcon');
  </script>
</body>
</html>