simplechat/simplechat.html at master · galburn/simplechat · 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
<head>
  <title>SimpleChat</title>
  <meta property="og:title" content="SimpleChat"/>
  <meta property="og:url" content="https://sc.meteor.com"/>
  <meta property="og:description" content="Simple chat application written in meteor."/>
  <link href='//fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
</head>

<body>
  <div id="main">
    <h1 id="title">SimpleChat</h1>
    {{> register}}
    {{> chat}}
  </div>
</body>

<template name="register">
  {{#unless signed_in}}
  <div id="register_window">
    <form id="register_form">
      <div id="warning"></div>
      <label>Username: </label>
      <input type="text" id="register" placeholder="Enter Username" autocomplete="off" />
    </form>
  </div>
  {{/unless}}
</template>

<template name="chat">
  {{#if signed_in}}
  <div id="chat_window">
    <div id="users">
      {{#each users}}
        {{name}}<br />
      {{/each}}
    </div>
    <div id="chat">
      {{#each messages}}
        <div>
          <span class="sidebar"><span class="time">{{formatted_date date}}</span><span class="user">&lt;{{user}}&gt;</span></span>
          <span class="msg">{{text}}</span>
          <div class='clearfix' />
        </div>
      {{/each}}
    </div>
  </div>
  <form id="input_form">
    <input type="text" id="input" placeholder="Enter Message" autocomplete="off" />
  </form>
  {{/if}}
</template>