reaper-webinterface/all.html at master · marcvanduivenvoorde/reaper-webinterface · 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
90
91
92
93
94
95
96
97
98
<!DOCTYPE HTML>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="./configuration.js"></script>
  <script src="./assets/js/jquery-3.3.1.min.js"></script>
  <script src="./assets/js/popper.js-1.14.5/dist/popper.js"></script>
  <script src="./assets/js/popper.js-1.14.5/dist/popper-utils.js"></script>
  <script src="./assets/js/bootstrap.js"></script>
  <script src="./assets/js/bootstrap.bundle.js"></script>
  <script src="./assets/fontawesome-free-5.5.0-web/js/all.min.js"></script>
  <script src="./assets/js/reaper.js"></script>

  <link rel="stylesheet" href="./assets/css/bootstrap.css">
  <link rel="stylesheet" href="./assets/css/bootstrap-grid.css">
  <link rel="stylesheet" href="./assets/css/bootstrap-reboot.css">
  <link rel="stylesheet" href="./assets/fontawesome-free-5.5.0-web/css/all.min.css">

  <script>
    $(document).ready(function () {
      $.each(configuration.customActions, function (i, v) {
        var identifier = i;
        var el = $('<span><button class="btn btn-success btn-lg secondary mr-1">' + v + '</button></span>');
        el.on('click', function () {
          wwr_req(identifier);
        });

        $('#actions').append(el);
      });
    });

    $(document).ready(function () {
      $.each(configuration.showTracks, function (i, v) {
        var identifier = i;
        var el = $('<span><button class="btn btn-success btn-lg secondary mr-1">' + v + '</button></span>');
        el.on('click', function () {
          wwr_req(identifier);
        });

        $('#tracks').append(el);
      });
    });

    wwr_start();
  </script>

</head>

<body>
<section class="head container-fluid">
  <div class="row card">
    <div class="col col-12 card-body">
      <a href="./transport.html"><button type="button" class="btn btn-primary btn-lg">Transport</button></a>
      <a href="./tracks.html"><button type="button" class="btn btn-primary btn-lg">Tracks</button></a>
      <a href="./screensets.html"><button type="button" class="btn btn-primary btn-lg" >Screensets</button></a>
      <a href="./actions.html"><button type="button" class="btn btn-primary btn-lg">Actions</button></a>
    </div>
  </div>
</section>

<section class="content container-fluid">
  <div class="row class">
    <div class="col col-12 card-body">
      <button class="btn btn-info btn-lg action"><i class="fa-2x fa-pause-circle far"></i></button>
      <button class="btn btn-dark btn-lg action" onclick="wwr_req(1016);"><i class="fa-2x fa-stop-circle far"></i></button>
      <button class="btn btn-success btn-lg action" onclick="wwr_req(40044);"><i class="fa-2x fa-play-circle far"></i></button>
      <button class="btn btn-danger btn-lg action" onclick="wwr_req(1013)"><i class="fa-2x fa-circle far"></i></button>
    </div>
  </div>

  <div class="row class">
    <div class="col col-12 card-body">
      <button class="btn btn-success btn-lg action" onclick="wwr_req(40667)"><i class="fa-2x fa-save far"></i></button>
      <button class="btn btn-danger btn-lg action" onclick="wwr_req(40668)"><i class="fa-2x fa-trash-alt far"></i></button>
    </div>
  </div>
</section>

<section class="content container-fluid">
  <div class="row card">
    <div class="col col-12 card-header">
      Tracks
    </div>
    <div class="col col-12 card-body" id="tracks">
    </div>
  </div>
</section>
<section class="content container-fluid">
  <div class="row card">
    <div class="col col-12 card-header">
      Actions
    </div>
    <div class="col col-12 card-body" id="actions">
    </div>
  </div>
</section>
</body>
</html>