1
<html>
2
  <head>
3
    <link rel="stylesheet"
4
          href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"
5
          type="text/css" media="screen" />
6
  </head>
7
  <body class="container">
8
    <p>Comment below</p>
9
    <div id="comment-container">
10
      <div id="comments">
11
12
      </div>
13
14
      <div id="commented">
15
16
      </div>
17
      <script type="text/template" id="commented-template">
18
        <div class="comment">
19
          <div id=<%= id %> replyTo=<%= how.replyTo %>><%= how.comment %></div>
20
          <button class="btn btn-primary" for=<%= id %>>Reply</button>
21
        </div>
22
      </script>
23
      <script type="text/template" id="comment-template">
24
        <div class="new-comment">
25
          <textarea class="form-control"><%= how.comment %></textarea>
26
          <button class="btn btn-primary btn-danger cancel">Cancel</button>
27
          <button class="btn btn-primary save">Save</button>
28
        </div>
29
      </script>
30
      <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">
31
        <div class="modal-dialog">
32
          <div class="modal-content">
33
            <div class="modal-header">
34
              <h4 class="modal-title" id="ModalLabel">Sign in!</h4>
35
            </div>
36
            <div class="modal-body">
37
              <div class="form-group">
38
                <label class="sr-only" for="username">Username</label>
39
                <input type="text" class="form-control" id="username" placeholder="Enter username">
40
              </div>
41
              <div class="form-group">
42
                <label class="sr-only" for="password">Password</label>
43
                <input type="password" class="form-control" id="password" placeholder="Password">
44
              </div>
45
            </div>
46
            <div class="modal-footer">
47
              <button type="button" class="btn btn-default"
48
                      data-dismiss="modal">Close</button>
49
              <button type="button" id="saveButton" class="btn btn-primary"
50
                      data-dismiss="modal">Login</button>
51
            </div>
52
          </div>
53
        </div>
54
      </div>
55
      <script type="text/javascript"
56
              src="//code.jquery.com/jquery-1.11.0.min.js"></script>
57
      <script type="text/javascript"
58
              src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
59
      <script type="text/javascript">
60
        window.C = window.C || {};
61
        window.onload = function(){
62
        C.what = "swaracomment";
63
        C.url = "http://127.0.0.1:5001";
64
        C.auth = "/authenticate";
65
        C.sweet= "/sweets";
66
        C.get = "/sweets/q";
67
        C.init(); }
68
      </script>
69
      <script type="text/javascript" src="http://underscorejs.org/underscore.js"></script>
70
      <script type="text/javascript" src="http://backbonejs.org/backbone.js"></script>
71
      <script type="text/javascript" src="app.js"></script>
72
73
  </body>
74
</html>