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