app/assets/javascripts/money/templates/payment_sources/index.jst.ejs
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand show-profile" href="/profile">
<i class="fa fa-usd"></i> money
</a>
</div>
<div class="collapse navbar-collapse" id="main-navbar-collapse">
<ul class="nav navbar-nav">
<li>
<a class="show-profile" href="/profile">
<i class="fa fa-user"></i>
<%= localStorage.getItem('username') %>
</a>
</li>
<li>
<a class="show-bills" href="/bills">
<i class="fa fa-money"></i> bills
</a>
</li>
<li class="active">
<a class="show-payment-sources" href="/cards">
<i class="fa fa-credit-card"></i> cards
</a>
</li>
</ul>
<p class="navbar-text navbar-right">
<a class="navbar-link signout" href="/">
<i class="fa fa-sign-out"></i> signout
</a>
</p>
</div>
</div>
</nav>
<form id="create-payment-source" class="form-horizontal">
<div class="validation-response"></div>
<div class="form-group">
<label class="col-sm-2 control-label" for="name">
card name*
</label>
<div class="col-sm-10">
<input class="form-control" type="text" id="name" name="name" placeholder="card name (assign a nickname)" required />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="type">
card type*
</label>
<div class="col-sm-10">
<select class="form-control" class="type" id="type" name="type" required>
<option class="credit-card" value="CreditCard">Credit Card</option>
<option class="debit-card" value="DebitCard">Debit Card</option>
</select>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button class="btn btn-primary" type="submit">
create card
</button>
</div>
</div>
</form>
<ul class="payment-sources list-group"></ul>