light-simulator/index.html at master · dpengineering/light-simulator · 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
<!DOCTYPE html>
<html ng-app="simulator">
  <head>
    <meta charset="UTF-8">
    <link rel="icon" type="image/png" href="favicon.png">
    <title>Light Sculpture Simulator</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/main.css">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.js"></script>
    <script src="bower_components/angular-cookies/angular-cookies.min.js"></script>
    <script src="bower_components/angularLocalStorage/src/angularLocalStorage.js"></script>
    <script src="lib/three.min.js"></script>
    <script src="lib/OrbitControls.js"></script>
    <script src="bower_components/ace-builds/src-min/ace.js"></script>
    <script src="bower_components/ace-builds/src-min/mode-c_cpp.js"></script>
    <script src="bower_components/ace-builds/src-min/theme-github.js"></script>
    <script src="js/3dview.js"></script>
    <script src="js/controllers.js"></script>
    <script src="js/code.js"></script>
    <script src="lib/bootstrap.min.js"></script>
    <script src="lib/FileSaver.min.js"></script>
  </head>
  <body ng-controller="SimCtrl">
    <div id="glcanvas" ls-view></div>
    <a ng-click="coding = true" type="button" class="btn btn-primary btn-large" id="edit-code">Edit code</a>
    <a id="export" type="button" class="btn btn-primary btn-large" ng-click="export()">Save</a>
    <input type="file" id="import" class="btn btn-primary btn-large">Import</a>
    <div id="edit-rods-heading" class="panel-heading btn btn-primary btn-large">
      <h4 class="panel-title ">
        <a class="accordion-toggle" data-toggle="collapse" href="#editing-rods">
        </a>
        <button ng-click="newDesign()" id="new-design" type="button" class="btn btn-success btn-xs">
          <span class="glyphicon glyphicon-plus"></span> New Design
        </button>
        <select ng-model="design" ng-options="k as k for (k, v) in designs"></select>
      </h4>
    </div>
    <div id="edit-rods" class="panel panel-primary">
      <div id="editing-rods" class="panel-collapse in">
        <div id="edit-rods-content" class="panel-body">
          <label>
            Rename:
            <input ng-model="designs[design].name">
          </label>
          <div id="render-poles-check" class="checkbox">
            <label>
              <input type="checkbox" ng-model="renderPoles">
              Render poles
            </label>
          </div>
          <button ng-click="addPole()" id="add-pole" type="button" class="btn btn-success btn-xs">
            <span class="glyphicon glyphicon-plus"></span> Add Pole
          </button>
          <div class="panel panel-default edit-pole" ng-repeat="pole in designs[design].poles">
            <div ng-include="'partials/pole.html'"></div>
          </div>
        </div>
      </div>
    </div>
    <div ng-show="coding" id="editor-container">
      <button ng-click="coding = !coding" id="close-editor" type="button" class="btn btn-danger">Close</button>
      <button ng-click="saveCode()" id="save-code" type="button" class="btn btn-sucess">Save</button>
      <div code-view id="editor"></div>
      <textarea readonly id="console">{{codeConsole}}</textarea>
      <button ng-click="runCode()" id="run-btn" type="button" class="btn btn-lg btn-primary">Run</button>
    </div>
  </body>
</html>