<!DOCTYPE html>
<html>
    <head>
        <title>try chat(JAX-RS)</title>
        <meta charset="UTF-8">
        
        <link rel="stylesheet" href="../webjars/bootstrap/3.3.1/css/bootstrap.min.css" />
        <link rel="stylesheet" href="../resources/css/style.css" />
        <script type='text/javascript' src="../webjars/jquery/2.1.1/jquery.min.js"></script>
        <script type='text/javascript' src="../webjars/bootstrap/3.3.1/js/bootstrap.min.js"></script>
        <script type='text/javascript' src="../webjars/vue/0.11.0/vue.min.js"></script>
        <script type='text/javascript' src="../resources/js/common.js"></script>
        
    </head>
      <body>
        <div class="container">
        <div class="jumbotron">
            <h1>サンプルチャット JAX-RS</h1>
                <form id="form" class="login" v-on="submit:join">
                    <span id="error" >{{error_message}}</span>
                    <div id="nameFg" class="form-group {{name_error_css}}">
                        <label for="name" class="control-label">名前 <span>{{name_message}}</span></label>
                        <input id="name" name="name"  placeholder="表示名を入力" 
                               type="text" class="form-control" v-model="name" />
                    </div>
                    <div id="emailFg" class="form-group {{email_error_css}}">
                        <label for="email" class="control-label ">Gravatarメールアドレス <span>{{email_message}}</span></label>
                        <input id="email" name="email"  placeholder="Gravatarのイメージを使用する場合入力" type="email"
                               class="form-control" v-model="email" />
                    </div>
                    <input type="submit" value="join" class="btn btn-default"   />
                </form>
                <div>
                    <a href="../" class="btn btn-link">JSF版へ</a>
                </div>
        </div>
        </div>
          
        <script type='text/javascript' src="../resources/js/vm_index.js"></script>
    </body>
</html>
