feat: install and scaffold Tablar theme #6

Merged
rlong merged 139 commits from feature/tablar-theme into master 2026-05-02 16:01:21 -04:00
2 changed files with 99 additions and 440 deletions
Showing only changes of commit a382a434d4 - Show all commits
+71 -413
View File
@@ -1,429 +1,87 @@
@extends('tablar::page')
@section('content')
<!-- Page header -->
<div class="page-header d-print-none">
<div class="container-xl">
<div class="row g-2 align-items-center">
<div class="col">
<!-- Page pre-title -->
<div class="page-pretitle">
Overview
</div>
<h2 class="page-title">
Dashboard
</h2>
</div>
<!-- Page title actions -->
<div class="col-12 col-md-auto ms-auto d-print-none">
<div class="btn-list">
<span class="d-none d-sm-inline">
<a href="#" class="btn btn-white">
New view
</a>
</span>
<a href="#" class="btn btn-primary d-none d-sm-inline-block" data-bs-toggle="modal"
data-bs-target="#modal-report">
<!-- Download SVG icon from http://tabler-icons.io/i/plus -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<line x1="12" y1="5" x2="12" y2="19"/>
<line x1="5" y1="12" x2="19" y2="12"/>
</svg>
Create new report
</a>
<a href="#" class="btn btn-primary d-sm-none btn-icon" data-bs-toggle="modal"
data-bs-target="#modal-report" aria-label="Create new report">
<!-- Download SVG icon from http://tabler-icons.io/i/plus -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<line x1="12" y1="5" x2="12" y2="19"/>
<line x1="5" y1="12" x2="19" y2="12"/>
</svg>
</a>
</div>
</div>
<div class="page-header d-print-none">
<div class="container-xl">
<div class="row g-2 align-items-center">
<div class="col">
<h2 class="page-title">Silent Auction Home</h2>
</div>
</div>
</div>
<!-- Page body -->
<div class="page-body">
<div class="container-xl">
<div class="row row-deck row-cards">
<div class="col-12">
<div class="card">
<div class="card-header">
<h3 class="card-title">Invoices</h3>
</div>
<div class="card-body border-bottom py-3">
<div class="d-flex">
<div class="text-muted">
Show
<div class="mx-2 d-inline-block">
<input type="text" class="form-control form-control-sm" value="8" size="3"
aria-label="Invoices count">
</div>
entries
</div>
<div class="ms-auto text-muted">
Search:
<div class="ms-2 d-inline-block">
<input type="text" class="form-control form-control-sm"
aria-label="Search invoice">
</div>
</div>
</div>
<div class="page-body">
<div class="container-xl">
<div class="row row-cards">
<div class="col-sm-6 col-lg-3">
<div class="card card-sm">
<div class="card-body">
<div class="row align-items-center">
<div class="col-auto">
<span class="bg-primary text-white avatar"><!-- Download SVG icon from http://tabler-icons.io/i/box -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5" /><path d="M12 12l8 -4.5" /><path d="M12 12l0 9" /><path d="M12 12l-8 -4.5" /></svg>
</span>
</div>
<div class="col">
<div class="font-weight-medium">Items</div>
<div class="text-secondary">{{ $item_count_result }} total</div>
</div>
</div>
<div class="table-responsive">
<table class="table card-table table-vcenter text-nowrap datatable">
<thead>
<tr>
<th class="w-1"><input class="form-check-input m-0 align-middle" type="checkbox"
aria-label="Select all invoices"></th>
<th class="w-1">No.
<!-- Download SVG icon from http://tabler-icons.io/i/chevron-up -->
<svg xmlns="http://www.w3.org/2000/svg"
class="icon icon-sm text-dark icon-thick" width="24" height="24"
viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<polyline points="6 15 12 9 18 15"/>
</svg>
</th>
<th>Invoice Subject</th>
<th>Client</th>
<th>VAT No.</th>
<th>Created</th>
<th>Status</th>
<th>Price</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><input class="form-check-input m-0 align-middle" type="checkbox"
aria-label="Select invoice"></td>
<td><span class="text-muted">001401</span></td>
<td><a href="invoice.html" class="text-reset" tabindex="-1">Design Works</a></td>
<td>
<span class="flag flag-country-us"></span>
Carlson Limited
</td>
<td>
87956621
</td>
<td>
15 Dec 2017
</td>
<td>
<span class="badge bg-success me-1"></span> Paid
</td>
<td>$887</td>
<td class="text-end">
<span class="dropdown">
<button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport"
data-bs-toggle="dropdown">Actions</button>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">
Action
</a>
<a class="dropdown-item" href="#">
Another action
</a>
</div>
</span>
</td>
</tr>
<tr>
<td><input class="form-check-input m-0 align-middle" type="checkbox"
aria-label="Select invoice"></td>
<td><span class="text-muted">001402</span></td>
<td><a href="invoice.html" class="text-reset" tabindex="-1">UX Wireframes</a></td>
<td>
<span class="flag flag-country-gb"></span>
Adobe
</td>
<td>
87956421
</td>
<td>
12 Apr 2017
</td>
<td>
<span class="badge bg-warning me-1"></span> Pending
</td>
<td>$1200</td>
<td class="text-end">
<span class="dropdown">
<button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport"
data-bs-toggle="dropdown">Actions</button>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">
Action
</a>
<a class="dropdown-item" href="#">
Another action
</a>
</div>
</span>
</td>
</tr>
<tr>
<td><input class="form-check-input m-0 align-middle" type="checkbox"
aria-label="Select invoice"></td>
<td><span class="text-muted">001403</span></td>
<td><a href="invoice.html" class="text-reset" tabindex="-1">New Dashboard</a></td>
<td>
<span class="flag flag-country-de"></span>
Bluewolf
</td>
<td>
87952621
</td>
<td>
23 Oct 2017
</td>
<td>
<span class="badge bg-warning me-1"></span> Pending
</td>
<td>$534</td>
<td class="text-end">
<span class="dropdown">
<button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport"
data-bs-toggle="dropdown">Actions</button>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">
Action
</a>
<a class="dropdown-item" href="#">
Another action
</a>
</div>
</span>
</td>
</tr>
<tr>
<td><input class="form-check-input m-0 align-middle" type="checkbox"
aria-label="Select invoice"></td>
<td><span class="text-muted">001404</span></td>
<td><a href="invoice.html" class="text-reset" tabindex="-1">Landing Page</a></td>
<td>
<span class="flag flag-country-br"></span>
Salesforce
</td>
<td>
87953421
</td>
<td>
2 Sep 2017
</td>
<td>
<span class="badge bg-secondary me-1"></span> Due in 2 Weeks
</td>
<td>$1500</td>
<td class="text-end">
<span class="dropdown">
<button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport"
data-bs-toggle="dropdown">Actions</button>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">
Action
</a>
<a class="dropdown-item" href="#">
Another action
</a>
</div>
</span>
</td>
</tr>
<tr>
<td><input class="form-check-input m-0 align-middle" type="checkbox"
aria-label="Select invoice"></td>
<td><span class="text-muted">001405</span></td>
<td><a href="invoice.html" class="text-reset" tabindex="-1">Marketing Templates</a>
</td>
<td>
<span class="flag flag-country-pl"></span>
Printic
</td>
<td>
87956621
</td>
<td>
29 Jan 2018
</td>
<td>
<span class="badge bg-danger me-1"></span> Paid Today
</td>
<td>$648</td>
<td class="text-end">
<span class="dropdown">
<button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport"
data-bs-toggle="dropdown">Actions</button>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">
Action
</a>
<a class="dropdown-item" href="#">
Another action
</a>
</div>
</span>
</td>
</tr>
<tr>
<td><input class="form-check-input m-0 align-middle" type="checkbox"
aria-label="Select invoice"></td>
<td><span class="text-muted">001406</span></td>
<td><a href="invoice.html" class="text-reset" tabindex="-1">Sales Presentation</a>
</td>
<td>
<span class="flag flag-country-br"></span>
Tabdaq
</td>
<td>
87956621
</td>
<td>
4 Feb 2018
</td>
<td>
<span class="badge bg-secondary me-1"></span> Due in 3 Weeks
</td>
<td>$300</td>
<td class="text-end">
<span class="dropdown">
<button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport"
data-bs-toggle="dropdown">Actions</button>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">
Action
</a>
<a class="dropdown-item" href="#">
Another action
</a>
</div>
</span>
</td>
</tr>
<tr>
<td><input class="form-check-input m-0 align-middle" type="checkbox"
aria-label="Select invoice"></td>
<td><span class="text-muted">001407</span></td>
<td><a href="invoice.html" class="text-reset" tabindex="-1">Logo & Print</a></td>
<td>
<span class="flag flag-country-us"></span>
Apple
</td>
<td>
87956621
</td>
<td>
22 Mar 2018
</td>
<td>
<span class="badge bg-success me-1"></span> Paid Today
</td>
<td>$2500</td>
<td class="text-end">
<span class="dropdown">
<button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport"
data-bs-toggle="dropdown">Actions</button>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">
Action
</a>
<a class="dropdown-item" href="#">
Another action
</a>
</div>
</span>
</td>
</tr>
<tr>
<td><input class="form-check-input m-0 align-middle" type="checkbox"
aria-label="Select invoice"></td>
<td><span class="text-muted">001408</span></td>
<td><a href="invoice.html" class="text-reset" tabindex="-1">Icons</a></td>
<td>
<span class="flag flag-country-pl"></span>
Tookapic
</td>
<td>
87956621
</td>
<td>
13 May 2018
</td>
<td>
<span class="badge bg-success me-1"></span> Paid Today
</td>
<td>$940</td>
<td class="text-end">
<span class="dropdown">
<button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport"
data-bs-toggle="dropdown">Actions</button>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">
Action
</a>
<a class="dropdown-item" href="#">
Another action
</a>
</div>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="card card-sm">
<div class="card-body">
<div class="row align-items-center">
<div class="col-auto">
<span class="bg-green text-white avatar"><!-- Download SVG icon from http://tabler-icons.io/i/users -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg>
</span>
</div>
<div class="col">
<div class="font-weight-medium">Bidders</div>
<div class="text-secondary">{{ $bidder_count_result }} registered</div>
</div>
</div>
<div class="card-footer d-flex align-items-center">
<p class="m-0 text-muted">Showing <span>1</span> to <span>8</span> of <span>16</span>
entries</p>
<ul class="pagination m-0 ms-auto">
<li class="page-item disabled">
<a class="page-link" href="#" tabindex="-1" aria-disabled="true">
<!-- Download SVG icon from http://tabler-icons.io/i/chevron-left -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<polyline points="15 6 9 12 15 18"/>
</svg>
prev
</a>
</li>
<li class="page-item"><a class="page-link" href="#">1</a></li>
<li class="page-item active"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item"><a class="page-link" href="#">4</a></li>
<li class="page-item"><a class="page-link" href="#">5</a></li>
<li class="page-item">
<a class="page-link" href="#">
next <!-- Download SVG icon from http://tabler-icons.io/i/chevron-right -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<polyline points="9 6 15 12 9 18"/>
</svg>
</a>
</li>
</ul>
{{--
Built In Paginator Component
{!! $modelName->links('tablar::pagination') !!}
--}}
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="card card-sm">
<div class="card-body">
<div class="row align-items-center">
<div class="col-auto">
<span class="bg-yellow text-white avatar"><!-- Download SVG icon from http://tabler-icons.io/i/trophy -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 21h8a2 2 0 0 0 2 -2v-3a3 3 0 0 0 -3 -3h-6a3 3 0 0 0 -3 3v3a2 2 0 0 0 2 2z" /><path d="M12 17v4" /><path d="M10 4h4a1 1 0 0 1 1 1v2a3 3 0 0 1 -6 0v-2a1 1 0 0 1 1 -1z" /><path d="M7 7h-2.5a1.5 1.5 0 0 1 0 -3h1" /><path d="M17 7h2.5a1.5 1.5 0 0 0 0 -3h-1" /></svg>
</span>
</div>
<div class="col">
<div class="font-weight-medium">Winners</div>
<div class="text-secondary">{{ $winner_count_result }} total</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="card card-sm">
<div class="card-body">
<div class="row align-items-center">
<div class="col-auto">
<span class="bg-azure text-white avatar"><!-- Download SVG icon from http://tabler-icons.io/i/car -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M5 17h-2v-6l2 -5h9l4 5h1a2 2 0 0 1 2 2v4h-2m-4 0h-6m-6 -6h15m-6 0v-5" /></svg>
</span>
</div>
<div class="col">
<div class="font-weight-medium">Vehicles</div>
<div class="text-secondary">{{ $vehicle_count_result }} total</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
+28 -27
View File
@@ -1,34 +1,35 @@
@extends('layouts.app')
@extends('tablar::page')
@section('content')
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="panel panel-default">
<div class="panel-heading">Total by Bidder</div>
<div class="panel-body">
<form id="winnertotal_form" required method="post" action="/winnertotal" enctype="multipart/form-data" class=form-horizontal>
{{ csrf_field() }}
<div class=form-group>
<label for=winnerbiddernum class="col-sm-3 col-sm-offset-1 control-label">
Bidder Number:
</label>
<div class=col-sm-4>
<select name="winnerbiddernum" id="winnerbiddernum" required class=form-control>
<?php echo App\Helpers\BidderSelectList::bidderShowNumbers(); ?>
</select>
</div>
<div class="page-header d-print-none">
<div class="container-xl">
<div class="row g-2 align-items-center">
<div class="col">
<h2 class="page-title">Reprint Receipt</h2>
</div>
</div>
</div>
</div>
<div class="page-body">
<div class="container-xl">
<div class="row row-cards">
<div class="col-12">
<div class="card">
<div class="card-body">
<form method="POST" action="/winnertotal" class="row g-3">
{{ csrf_field() }}
<div class="col-md-6">
<label for="biddernum" class="form-label">Bidder Number</label>
<input type="text" name="biddernum" id="biddernum" class="form-control" required>
</div>
<div class="col-12">
<button type="submit" class="btn btn-primary">Get Total</button>
</div>
</form>
</div>
</div>
</div>
<div class=form-group>
<div class="col-sm-offset-5 col-sm-10">
<button type="submit" value="Submit" class="btn btn-primary">Submit</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
@endsection