nothingworksinc/ticketbeast
1
0
Fork 0
mirror of https://github.com/nothingworksinc/ticketbeast.git synced 2026-01-26 11:14:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

(add order table mockup)

Browse Source
This commit is contained in:
Adam Wathan
2017-08-15 15:34:48 -04:00
parent 9923d23bc3
commit 05bde91aa4
4 changed files with 53 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
resources/assets/less/app.less
View File

@@ -17,6 +17,7 @@
@import "icons";
@import "alerts";
@import "lists";
@import "tables";
// Misc
@import "vue";

2
resources/assets/less/borders.less
View File

@@ -10,6 +10,8 @@
.border-l { border-left: @border-1 solid @border-color; }
.border-r { border-right: @border-1 solid @border-color; }
.border-b-2 { border-bottom: 2px solid @border-color; }
.border-rounded { border-radius: @border-radius; }

20
resources/assets/less/tables.less Normal file
View File

@@ -0,0 +1,20 @@
.table {
width: 100%;
max-width: 100%;
border-collapse: collapse;
td, th {
.text-left;
padding: @spacer-2;
white-space: nowrap;
}
th {
.wt-medium;
.border-b-2;
}
td {
.border-t;
}
}

31
resources/views/backstage/published-concert-orders/index.blade.php
View File

@@ -21,7 +21,7 @@
</div>
<div class="bg-soft p-xs-y-5">
<div class="container m-xs-b-4">
<div>
<div class="m-xs-b-6">
<h2 class="m-xs-b-2 text-lg">Overview</h2>
<div class="card">
<div class="card-section border-b">
@@ -56,6 +56,35 @@
</div>
</div>
</div>
<div>
<h2 class="m-xs-b-2 text-lg">Recent Orders</h2>
<div class="card">
<div class="card-section">
<table class="table">
<thead>
<tr>
<th class="text-left">Email</th>
<th class="text-left">Tickets</th>
<th class="text-left">Amount</th>
<th class="text-left">Card</th>
<th class="text-left">Purchased</th>
</tr>
</thead>
<tbody>
@foreach(range(1, 10) as $i)
<tr>
<td>{{ collect(['john', 'jane', 'dave', 'donna'])->random() }}@example.com</td>
<td>{{ rand(1, 4) }}</td>
<td>${{ number_format(rand(5000, 15000) / 100, 2) }}</td>
<td><span class="text-dark-soft">****</span> 4242</td>
<td class="text-dark-soft">July 18, 2017 @ 12:37pm</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
@endsection