w33ble/customer-manager-vue-demo
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add some controls

Browse Source
This commit is contained in:
Joe Fleming
2017-02-20 14:22:40 -07:00
parent e1e8145d26
commit 2cf1144573
3 changed files with 29 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/CustomerCard.vue
View File

@@ -13,9 +13,18 @@
</div> </div>
</div> </div>
<footer class="card-footer"> <footer class="card-footer">
<a class="card-footer-item">Save</a> <a class="card-footer-item">
<a class="card-footer-item">Edit</a> <span class="icon is-small">
<a class="card-footer-item">Delete</a> <i class="fa fa-pencil"></i>
</span>
<span>&nbsp;Edit</span>
</a>
<a class="card-footer-item">
<span class="icon is-small">
<i class="fa fa-trash"></i>
</span>
<span>&nbsp;Delete</span>
</a>
</footer> </footer>
</div> </div>
</template> </template>

17
src/components/CustomerRow.vue
View File

@@ -3,7 +3,22 @@
<td>{{ this.name }}</td> <td>{{ this.name }}</td>
<td>{{ customer.email }}</td> <td>{{ customer.email }}</td>
<td>{{ customer.city }}, {{ customer.state }}</td> <td>{{ customer.city }}, {{ customer.state }}</td>
<td></td> <td>
<div class="control has-addons is-pulled-right">
<a class="button is-outlined is-primary">
<span class="icon is-small">
<i class="fa fa-pencil"></i>
</span>
<span>Edit</span>
</a>
<a class="button is-outlined is-primary">
<span class="icon is-small">
<i class="fa fa-trash"></i>
</span>
<span>Delete</span>
</a>
</div>
</td>
</tr> </tr>
</template> </template>

2
src/components/CustomerTable.vue
View File

@@ -5,7 +5,7 @@
<th>Name</th> <th>Name</th>
<th>Email</th> <th>Email</th>
<th>City</th> <th>City</th>
<th>Actions</th> <th></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>