CLIENT-NSF-Physics-7-Communication-Project/admin_old.html at dev · MathNetDev/CLIENT-NSF-Physics-7-Communication-Project · 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>
<!-- admin.html is homepage view. Will allow user to create/manage class -->
<html>

<head>
  <meta charset="UTF-8">
  <title> Admin View </title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"/>
  <link rel="stylesheet" href="stylesheets/style.css"/>
  <link rel="stylesheet" href="stylesheets/admin.css"/>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js" charset="utf-8"></script>
</head>

<body>
  <div class="container">
    <div class="col-md-4">
      <h3 id="error_frame"></h3>
    </div>
    <br/>
    <div class="col-md-12">
    <!-- This div appears when an admin leaves a class or has not made on yet -->
    <div class="create_view">
        <h3>Enter Secret Code</h3>
        <input class="secret" type="password" placeholder="Secret">

        <h3>Create Class</h3>
        <h4>Class Name</h4>

        <input class="class_input" type="text" placeholder="Class Name">
        <br>

        <h4>Number of Groups</h4>
        <input class="group_input" type="number" value="0">
        <br>

        <input class="btn btn-default create_button" type="button" value="Create Class">

        <hr>
        <h3>or Join Past Class</h3>
        <h4>Class ID</h4>
        <input class="class_id" type="text" placeholder="Class ID">
        <br>

        <input class="btn btn-default join_button" type="button" value="Join Class">

        <input class="btn btn-default get_classes_button" type="button" value="Get Classes">
        <div><h3 id="get-classes-head"></h3>
          <ul id="get-classes"></ul>
        </div>
      </div>

      <!-- This div appears once an admin has created a class -->
      <div class="manage_view">
        <header>
          <h3 class="class_name"></h3>
        </header>

        <input class="btn btn-default add_button" type="button" value="Add Group">
        <input class="btn btn-default delete_button" type="button" value="Delete Group">
        <input class="btn btn-default leave_button" type="button" value="Leave Class">

        <ul class="groups"></ul>
      </div>

      <div class="settings_view">
        <br>
        <input class="btn btn-default setting" type="checkbox" name="Hide Options">Hide Options<br>
        <input class="btn btn-default setting" type="checkbox" name="Test2">Test2<br>
        <input class="btn btn-default setting" type="checkbox" name="Test3">Test3<br>

        <input class="btn btn-default save_button" type="button" value="Save Settings">
      </div>
    </div>
  </div>

<footer>
  <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
  <script src="https://cdn.socket.io/socket.io-1.3.5.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  <script src="js/host.js"></script>
  <script src="js/admin_functions_old.js"></script>
  <script src="js/admin_old.js"></script>
   <script src="js/admin_fields5.js"></script>
  <script src="js/admin_sockets.js"></script>
</footer>

</body>

</html>