더북(TheBook)

~/Projects/addressBook/client/addressList.html

<template name=“addressList”>

  <table class=“table table-bordered table-condensed table-striped table-hover”>

    <thead>

      <tr class=“info”>

        <th>이름</th>

        <th>전화번호</th>

        <th>이메일</th>

        <th>회사</th>

        <th>생일</th>

        <th>Action</th>

      </tr>

      </thead>

      <tbody>

      {{#each list}}

        <tr>

            <td>{{name}}</td>

            <td>{{phone}}</td>

            <td>{{email}}</td>

            <td>{{company}}</td>

            <td>{{birthday}}</td>

            <td><button class=“btn btn-warning btn-sm” name=“remove”>

                <i class=“glyphicon glyphicon-trash”></i> 삭제</button>

          </td>

        </tr>

      {{/each}}

      </tbody>

    </table>

</template>

 

<template name=“addressInput”>

  <div class=“well”>

    <div class=“form-inline”>

      <div class=“form-group”>

        <input type=“text” class=“form-control” name=“name” placeholder=“이름”>

        <input type=“text” class=“form-control” name=“phone” placeholder=“전화번호”>

        <input type=“text” class=“form-control” name=“email” placeholder=“이메일”>

        <input type=“text” class=“form-control” name=“company” placeholder=“회사”>

        <input type=“text” class=“form-control” name=“birthday” placeholder=“생일”>

        <button class=“btn btn-info btn-sm” name=“saveAddress”>

          <i class=“glyphicon glyphicon-ok”></i> 등록

        </button>

      </div>

    </div>

  </div>

</template>


신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.