Mirrors/invoiceninja
1
0
Fork 0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2024-11-06 03:02:34 +01:00
Code Issues Releases Activity

Merge pull request #4120 from beganovich/v2-portal-primary-color

Browse Source 
Replace blue color with $primary_color in client portal
This commit is contained in:
David Bomba 2020-10-01 07:07:23 +10:00 committed by GitHub
commit 764fede2eb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
47 changed files with 128 additions and 113 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/Helpers/ClientPortal.php
View File

@ -10,6 +10,8 @@
* @license https://opensource.org/licenses/AAL * @license https://opensource.org/licenses/AAL
*/ */
use Illuminate\Support\Facades\Route;
/** /**
* Check if passed page is currently active. * Check if passed page is currently active.
* *
@ -26,7 +28,7 @@ function isActive($page, bool $boolean = false)
} }
if ($page == $current_page) { if ($page == $current_page) {
return 'active-page'; return 'bg-primary-darken';
} }
return false; return false;

2
public/css/app.css vendored
View File

File diff suppressed because one or more lines are too long

2
public/mix-manifest.json
View File

@ -1,6 +1,6 @@
{ {
"/js/app.js": "/js/app.js?id=a33a5a58bfc6e2174841", "/js/app.js": "/js/app.js?id=a33a5a58bfc6e2174841",
"/css/app.css": "/css/app.css?id=52628d49061f3dbade45", "/css/app.css": "/css/app.css?id=b2e7d49a848e3cfb6370",
"/js/clients/invoices/action-selectors.js": "/js/clients/invoices/action-selectors.js?id=b0f29d5fdfa492962c22", "/js/clients/invoices/action-selectors.js": "/js/clients/invoices/action-selectors.js?id=b0f29d5fdfa492962c22",
"/js/clients/invoices/payment.js": "/js/clients/invoices/payment.js?id=d7e708d66a9c769b4c6e", "/js/clients/invoices/payment.js": "/js/clients/invoices/payment.js?id=d7e708d66a9c769b4c6e",
"/js/clients/payment_methods/authorize-ach.js": "/js/clients/payment_methods/authorize-ach.js?id=c73d32c192c36fe44123", "/js/clients/payment_methods/authorize-ach.js": "/js/clients/payment_methods/authorize-ach.js?id=c73d32c192c36fe44123",

4
resources/sass/app.scss vendored
View File

@ -33,9 +33,5 @@
// hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-400 transition ease-in-out duration-150 // hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-400 transition ease-in-out duration-150
} }
.active-page {
@apply bg-blue-900 #{!important};
}
/* purgecss end ignore */ /* purgecss end ignore */
@tailwind utilities; @tailwind utilities;

10
resources/sass/components/buttons.scss vendored
View File

@ -1,5 +1,5 @@
.button { .button {
@apply rounded py-3 px-4 text-sm leading-4 transition duration-150 ease-in-out font-semibold; @apply rounded py-3 px-4 text-sm leading-4 transition duration-150 ease-in-out;
} }
button:disabled { button:disabled {
@ -7,10 +7,10 @@ button:disabled {
} }
.button-primary { .button-primary {
@apply bg-blue-500 text-white; @apply text-white;
&:hover { &:hover {
@apply bg-blue-600; @apply font-semibold;
} }
} }
@ -35,10 +35,8 @@ button:disabled {
} }
.button-link { .button-link {
@apply text-blue-600;
&:hover { &:hover {
@apply text-blue-700 underline; @apply font-semibold underline;
} }
&:focus { &:focus {

2
resources/sass/components/inputs.scss vendored
View File

@ -2,7 +2,7 @@
@apply items-center border border-gray-300 rounded mt-2 py-2 px-4 text-sm; @apply items-center border border-gray-300 rounded mt-2 py-2 px-4 text-sm;
&:focus { &:focus {
@apply outline-none border-blue-500; @apply outline-none bg-gray-50;
} }
} }

2
resources/views/portal/ninja2020/auth/login.blade.php
View File

@ -47,7 +47,7 @@
@enderror @enderror
</div> </div>
<div class="mt-5"> <div class="mt-5">
<button id="loginBtn" class="button button-primary button-block"> <button id="loginBtn" class="button button-primary button-block bg-blue-600">
{{ trans('texts.login') }} {{ trans('texts.login') }}
</button> </button>
</div> </div>

2
resources/views/portal/ninja2020/auth/passwords/request.blade.php
View File

@ -33,7 +33,7 @@
@enderror @enderror
</div> </div>
<div class="mt-5"> <div class="mt-5">
<button class="button button-primary button-block">{{ ctrans('texts.next_step') }}</button> <button class="button button-primary button-block bg-blue-600">{{ ctrans('texts.next_step') }}</button>
</div> </div>
</form> </form>
</div> </div>

2
resources/views/portal/ninja2020/auth/passwords/reset.blade.php
View File

@ -56,7 +56,7 @@
@enderror @enderror
</div> </div>
<div class="mt-5"> <div class="mt-5">
<button class="button button-primary button-block">{{ ctrans('texts.complete') }}</button> <button class="button button-primary button-block bg-blue-600">{{ ctrans('texts.complete') }}</button>
</div> </div>
</form> </form>
</div> </div>

2
resources/views/portal/ninja2020/auth/register.blade.php
View File

@ -36,7 +36,7 @@
</span> </span>
</span> </span>
<button class="button button-primary">{{ ctrans('texts.save') }}</button> <button class="button button-primary bg-blue-600">{{ ctrans('texts.save') }}</button>
</div> </div>
</form> </form>
</div> </div>

8
resources/views/portal/ninja2020/components/general/sidebar/desktop.blade.php
View File

@ -1,20 +1,20 @@
<div class="hidden md:flex md:flex-shrink-0"> <div class="hidden md:flex md:flex-shrink-0">
<div class="flex flex-col w-64"> <div class="flex flex-col w-64">
<div class="flex items-center h-16 flex-shrink-0 px-4 bg-blue-900 justify-center"> <div class="flex items-center h-16 flex-shrink-0 px-4 bg-primary-darken justify-center">
<a href="{{ route('client.dashboard') }}"> <a href="{{ route('client.dashboard') }}">
<img class="h-8 w-auto" src="{!! $settings->company_logo ?: asset('images/invoiceninja-white-logo.png') !!}" alt="{{ config('app.name') }}" /> <img class="h-8 w-auto" src="{!! $settings->company_logo ?: asset('images/invoiceninja-white-logo.png') !!}" alt="{{ config('app.name') }}" />
</a> </a>
</div> </div>
<div class="h-0 flex-1 flex flex-col overflow-y-auto"> <div class="h-0 flex-1 flex flex-col overflow-y-auto">
<nav class="flex-1 py-4 bg-blue-800"> <nav class="flex-1 py-4 bg-primary">
@foreach($sidebar as $row) @foreach($sidebar as $row)
<a class="group flex items-center p-4 text-sm leading-5 font-medium text-white bg-blue-800 hover:bg-blue-900 focus:outline-none focus:bg-blue-900 transition ease-in-out duration-150 {{ isActive($row['url']) }}" href="{{ route($row['url']) }}"> <a class="group flex items-center p-4 text-sm leading-5 font-medium text-white bg-primary hover:font-semibold focus:outline-none focus:bg-primary-darken transition ease-in-out duration-150 {{ isActive($row['url']) }}" href="{{ route($row['url']) }}">
<img src="{{ asset('images/svg/' . $row['icon'] . '.svg') }}" class="w-5 h-5 fill-current text-white mr-3" alt="" /> <img src="{{ asset('images/svg/' . $row['icon'] . '.svg') }}" class="w-5 h-5 fill-current text-white mr-3" alt="" />
{{ $row['title'] }} {{ $row['title'] }}
</a> </a>
@endforeach @endforeach
</nav> </nav>
<div class="flex-shrink-0 flex bg-blue-800 p-4 justify-center"> <div class="flex-shrink-0 flex bg-primary p-4 justify-center">
<div class="flex items-center"> <div class="flex items-center">
<a href="https://www.facebook.com/invoiceninja/"> <a href="https://www.facebook.com/invoiceninja/">
<svg class="text-white hover:text-gray-300 mr-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <svg class="text-white hover:text-gray-300 mr-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">

8
resources/views/portal/ninja2020/components/general/sidebar/mobile.blade.php
View File

@ -1,6 +1,6 @@
<div class="md:hidden"> <div class="md:hidden">
<div @click="sidebarOpen = false" class="fixed inset-0 z-30 bg-gray-600 opacity-0 pointer-events-none transition-opacity ease-linear duration-300" :class="{'opacity-75 pointer-events-auto': sidebarOpen, 'opacity-0 pointer-events-none': !sidebarOpen}"></div> <div @click="sidebarOpen = false" class="fixed inset-0 z-30 bg-gray-600 opacity-0 pointer-events-none transition-opacity ease-linear duration-300" :class="{'opacity-75 pointer-events-auto': sidebarOpen, 'opacity-0 pointer-events-none': !sidebarOpen}"></div>
<div class="fixed inset-y-0 left-0 flex flex-col z-40 max-w-xs w-full pt-5 pb-4 bg-blue-800 transform ease-in-out duration-300 -translate-x-full" :class="{'translate-x-0': sidebarOpen, '-translate-x-full': !sidebarOpen}"> <div class="fixed inset-y-0 left-0 flex flex-col z-40 max-w-xs w-full pt-5 pb-4 bg-primary transform ease-in-out duration-300 -translate-x-full" :class="{'translate-x-0': sidebarOpen, '-translate-x-full': !sidebarOpen}">
<div class="absolute top-0 right-0 -mr-14 p-1"> <div class="absolute top-0 right-0 -mr-14 p-1">
<button x-show="sidebarOpen" @click="sidebarOpen = false" class="flex items-center justify-center h-12 w-12 rounded-full focus:outline-none focus:bg-gray-600"> <button x-show="sidebarOpen" @click="sidebarOpen = false" class="flex items-center justify-center h-12 w-12 rounded-full focus:outline-none focus:bg-gray-600">
<svg class="h-6 w-6 text-white" stroke="currentColor" fill="none" viewBox="0 0 24 24"> <svg class="h-6 w-6 text-white" stroke="currentColor" fill="none" viewBox="0 0 24 24">
@ -12,15 +12,15 @@
<img class="h-6 w-auto" src="{!! $settings->company_logo ?: asset('images/invoiceninja-white-logo.png') !!}" alt="{{ config('app.name') }}" /> <img class="h-6 w-auto" src="{!! $settings->company_logo ?: asset('images/invoiceninja-white-logo.png') !!}" alt="{{ config('app.name') }}" />
</div> </div>
<div class="mt-5 flex-1 h-0 overflow-y-auto"> <div class="mt-5 flex-1 h-0 overflow-y-auto">
<nav class="flex-1 py-4 bg-blue-800"> <nav class="flex-1 py-4 bg-primary">
@foreach($sidebar as $row) @foreach($sidebar as $row)
<a class="group flex items-center p-4 text-sm leading-5 font-medium text-white bg-blue-800 hover:bg-blue-900 focus:outline-none focus:bg-blue-900 transition ease-in-out duration-150 {{ isActive($row['url']) }}" href="{{ route($row['url']) }}"> <a class="group flex items-center p-4 text-sm leading-5 font-medium text-white bg-primary hover:font-semibold focus:outline-none focus:font-semibold transition ease-in-out duration-150 {{ isActive($row['url']) }}" href="{{ route($row['url']) }}">
<img src="{{ asset('images/svg/' . $row['icon'] . '.svg') }}" class="w-5 h-5 fill-current text-white mr-3" alt="" /> <img src="{{ asset('images/svg/' . $row['icon'] . '.svg') }}" class="w-5 h-5 fill-current text-white mr-3" alt="" />
{{ $row['title'] }} {{ $row['title'] }}
</a> </a>
@endforeach @endforeach
</nav> </nav>
<div class="flex-shrink-0 flex bg-blue-800 p-4 justify-center"> <div class="flex-shrink-0 flex bg-primary p-4 justify-center">
<div class="flex items-center"> <div class="flex items-center">
<a href="https://www.facebook.com/invoiceninja/"> <a href="https://www.facebook.com/invoiceninja/">
<svg class="text-white hover:text-gray-300 mr-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <svg class="text-white hover:text-gray-300 mr-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">

12
resources/views/portal/ninja2020/components/livewire/credits-table.blade.php
View File

@ -15,27 +15,27 @@
<table class="min-w-full shadow rounded border border-gray-200 mt-4 credits-table"> <table class="min-w-full shadow rounded border border-gray-200 mt-4 credits-table">
<thead> <thead>
<tr> <tr>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider">
<span role="button" wire:click="sortBy('amount')" class="cursor-pointer"> <span role="button" wire:click="sortBy('amount')" class="cursor-pointer">
{{ ctrans('texts.amount') }} {{ ctrans('texts.amount') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider">
<span role="button" wire:click="sortBy('balance')" class="cursor-pointer"> <span role="button" wire:click="sortBy('balance')" class="cursor-pointer">
{{ ctrans('texts.balance') }} {{ ctrans('texts.balance') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider">
<span role="button" wire:click="sortBy('date')" class="cursor-pointer"> <span role="button" wire:click="sortBy('date')" class="cursor-pointer">
{{ ctrans('texts.credit_date') }} {{ ctrans('texts.credit_date') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider">
<span role="button" wire:click="sortBy('public_notes')" class="cursor-pointer"> <span role="button" wire:click="sortBy('public_notes')" class="cursor-pointer">
{{ ctrans('texts.public_notes') }} {{ ctrans('texts.public_notes') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50"></th> <th class="px-6 py-3 border-b border-gray-200 bg-primary"></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -54,7 +54,7 @@
{{ empty($credit->public_notes) ? '/' : $credit->public_notes }} {{ empty($credit->public_notes) ? '/' : $credit->public_notes }}
</td> </td>
<td class="px-6 py-4 whitespace-no-wrap text-sm leading-5 text-gray-500"> <td class="px-6 py-4 whitespace-no-wrap text-sm leading-5 text-gray-500">
<a href="{{ route('client.credits.show', $credit->hashed_id) }}" class="button-link"> <a href="{{ route('client.credits.show', $credit->hashed_id) }}" class="button-link text-primary">
@lang('texts.view') @lang('texts.view')
</a> </a>
</td> </td>

18
resources/views/portal/ninja2020/components/livewire/documents-table.blade.php
View File

@ -8,7 +8,7 @@
<option>15</option> <option>15</option>
<option>20</option> <option>20</option>
</select> </select>
<button x-on:click="document.getElementById('multiple-downloads').submit()" class="button button-primary py-2 ml-2"> <button x-on:click="document.getElementById('multiple-downloads').submit()" class="button button-primary bg-primary py-2 ml-2">
<span class="hidden md:block"> <span class="hidden md:block">
{{ ctrans('texts.download_selected') }} {{ ctrans('texts.download_selected') }}
</span> </span>
@ -31,31 +31,31 @@
<table class="min-w-full shadow rounded border border-gray-200 mt-4 credits-table"> <table class="min-w-full shadow rounded border border-gray-200 mt-4 credits-table">
<thead> <thead>
<tr> <tr>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider" /> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider" />
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider">
<span role="button" wire:click="sortBy('name')" class="cursor-pointer"> <span role="button" wire:click="sortBy('name')" class="cursor-pointer">
{{ ctrans('texts.name') }} {{ ctrans('texts.name') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider">
<span role="button" wire:click="sortBy('documentable_type')" class="cursor-pointer"> <span role="button" wire:click="sortBy('documentable_type')" class="cursor-pointer">
{{ ctrans('texts.resource') }} {{ ctrans('texts.resource') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider">
<span role="button" wire:click="sortBy('type')" class="cursor-pointer"> <span role="button" wire:click="sortBy('type')" class="cursor-pointer">
{{ ctrans('texts.type') }} {{ ctrans('texts.type') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider">
<span role="button" wire:click="sortBy('size')" class="cursor-pointer"> <span role="button" wire:click="sortBy('size')" class="cursor-pointer">
{{ ctrans('texts.size') }} {{ ctrans('texts.size') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider">
{{ ctrans('texts.download') }} {{ ctrans('texts.download') }}
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider" /> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider" />
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -82,7 +82,7 @@
</a> </a>
</td> </td>
<td class="px-6 py-4 whitespace-no-wrap text-sm leading-5 text-gray-500"> <td class="px-6 py-4 whitespace-no-wrap text-sm leading-5 text-gray-500">
<a href="{{ route('client.documents.show', $document->hashed_id) }}" class="button-link"> <a href="{{ route('client.documents.show', $document->hashed_id) }}" class="button-link text-primary">
{{ ctrans('texts.view') }} {{ ctrans('texts.view') }}
</a> </a>
</td> </td>

18
resources/views/portal/ninja2020/components/livewire/invoices-table.blade.php
View File

@ -29,37 +29,37 @@
<table class="min-w-full mt-4 border border-gray-200 rounded shadow invoices-table"> <table class="min-w-full mt-4 border border-gray-200 rounded shadow invoices-table">
<thead> <thead>
<tr> <tr>
<th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-gray-500 uppercase border-b border-gray-200 bg-gray-50"> <th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-white uppercase border-b border-gray-200 bg-primary">
<label> <label>
<input type="checkbox" class="form-check form-check-parent"> <input type="checkbox" class="form-check form-check-parent">
</label> </label>
</th> </th>
<th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-gray-500 uppercase border-b border-gray-200 bg-gray-50"> <th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-white uppercase border-b border-gray-200 bg-primary">
<span role="button" wire:click="sortBy('number')" class="cursor-pointer"> <span role="button" wire:click="sortBy('number')" class="cursor-pointer">
{{ ctrans('texts.invoice_number') }} {{ ctrans('texts.invoice_number') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-gray-500 uppercase border-b border-gray-200 bg-gray-50"> <th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-white uppercase border-b border-gray-200 bg-primary">
<span role="button" wire:click="sortBy('date')" class="cursor-pointer"> <span role="button" wire:click="sortBy('date')" class="cursor-pointer">
{{ ctrans('texts.invoice_date') }} {{ ctrans('texts.invoice_date') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-gray-500 uppercase border-b border-gray-200 bg-gray-50"> <th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-white uppercase border-b border-gray-200 bg-primary">
<span role="button" wire:click="sortBy('balance')" class="cursor-pointer"> <span role="button" wire:click="sortBy('balance')" class="cursor-pointer">
{{ ctrans('texts.balance') }} {{ ctrans('texts.balance') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-gray-500 uppercase border-b border-gray-200 bg-gray-50"> <th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-white uppercase border-b border-gray-200 bg-primary">
<span role="button" wire:click="sortBy('due_date')" class="cursor-pointer"> <span role="button" wire:click="sortBy('due_date')" class="cursor-pointer">
{{ ctrans('texts.due_date') }} {{ ctrans('texts.due_date') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-gray-500 uppercase border-b border-gray-200 bg-gray-50"> <th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-white uppercase border-b border-gray-200 bg-primary">
<span role="button" wire:click="sortBy('status_id')" class="cursor-pointer"> <span role="button" wire:click="sortBy('status_id')" class="cursor-pointer">
{{ ctrans('texts.status') }} {{ ctrans('texts.status') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50"></th> <th class="px-white-3 border-b border-gray-200 bg-primary"></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -91,12 +91,12 @@
@csrf @csrf
<input type="hidden" name="invoices[]" value="{{ $invoice->hashed_id }}"> <input type="hidden" name="invoices[]" value="{{ $invoice->hashed_id }}">
<input type="hidden" name="action" value="payment"> <input type="hidden" name="action" value="payment">
<button class="px-2 py-1 mr-3 text-xs uppercase button button-primary"> <button class="px-2 py-1 mr-3 text-xs uppercase button button-primary bg-primary">
@lang('texts.pay_now') @lang('texts.pay_now')
</button> </button>
</form> </form>
@endif @endif
<a href="{{ route('client.invoice.show', $invoice->hashed_id) }}" class="button-link"> <a href="{{ route('client.invoice.show', $invoice->hashed_id) }}" class="button-link text-primary">
@lang('texts.view') @lang('texts.view')
</a> </a>
</td> </td>

16
resources/views/portal/ninja2020/components/livewire/payment-methods-table.blade.php
View File

@ -12,7 +12,7 @@
<div class="relative" x-data="{ open: false }" x-on:click.away="open = false"> <div class="relative" x-data="{ open: false }" x-on:click.away="open = false">
<!-- Add payment method button --> <!-- Add payment method button -->
@if($client->getCreditCardGateway() || $client->getBankTransferGateway()) @if($client->getCreditCardGateway() || $client->getBankTransferGateway())
<button x-on:click="open = !open" class="button button-primary">{{ ctrans('texts.add_payment_method') }}</button> <button x-on:click="open = !open" class="button button-primary bg-primary">{{ ctrans('texts.add_payment_method') }}</button>
<div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg"> <div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg">
<div class="py-1 rounded-md bg-white shadow-xs"> <div class="py-1 rounded-md bg-white shadow-xs">
@if($client->getCreditCardGateway()) @if($client->getCreditCardGateway())
@ -35,29 +35,29 @@
<table class="min-w-full shadow rounded border border-gray-200 mt-4 payment-methods-table"> <table class="min-w-full shadow rounded border border-gray-200 mt-4 payment-methods-table">
<thead> <thead>
<tr> <tr>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider">
<span role="button" wire:click="sortBy('created_at')" class="cursor-pointer"> <span role="button" wire:click="sortBy('created_at')" class="cursor-pointer">
{{ ctrans('texts.created_at') }} {{ ctrans('texts.created_at') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider">
<span role="button" wire:click="sortBy('type_id')" class="cursor-pointer"> <span role="button" wire:click="sortBy('type_id')" class="cursor-pointer">
{{ ctrans('texts.payment_type_id') }} {{ ctrans('texts.payment_type_id') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider">
{{ ctrans('texts.type') }} {{ ctrans('texts.type') }}
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider">
{{ ctrans('texts.expires') }} {{ ctrans('texts.expires') }}
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider">
{{ ctrans('texts.card_number') }} {{ ctrans('texts.card_number') }}
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider">
{{ ctrans('texts.default') }} {{ ctrans('texts.default') }}
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50"></th> <th class="px-6 py-3 border-b border-gray-200 bg-primary"></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>

12
resources/views/portal/ninja2020/components/livewire/payments-table.blade.php
View File

@ -14,32 +14,32 @@
<table class="min-w-full shadow rounded border border-gray-200 payments-table"> <table class="min-w-full shadow rounded border border-gray-200 payments-table">
<thead> <thead>
<tr> <tr>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider">
<span role="button" wire:click="sortBy('date')" class="cursor-pointer"> <span role="button" wire:click="sortBy('date')" class="cursor-pointer">
{{ ctrans('texts.payment_date') }} {{ ctrans('texts.payment_date') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider">
<span role="button" wire:click="sortBy('type_id')" class="cursor-pointer"> <span role="button" wire:click="sortBy('type_id')" class="cursor-pointer">
{{ ctrans('texts.payment_type_id') }} {{ ctrans('texts.payment_type_id') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider">
<span role="button" wire:click="sortBy('amount')" class="cursor-pointer"> <span role="button" wire:click="sortBy('amount')" class="cursor-pointer">
{{ ctrans('texts.amount') }} {{ ctrans('texts.amount') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider">
<span role="button" wire:click="sortBy('transaction_reference')" class="cursor-pointer"> <span role="button" wire:click="sortBy('transaction_reference')" class="cursor-pointer">
{{ ctrans('texts.transaction_reference') }} {{ ctrans('texts.transaction_reference') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider">
<span role="button" wire:click="sortBy('status_id')" class="cursor-pointer"> <span role="button" wire:click="sortBy('status_id')" class="cursor-pointer">
{{ ctrans('texts.status') }} {{ ctrans('texts.status') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50"></th> <th class="px-6 py-3 border-b border-gray-200 bg-primary"></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>

16
resources/views/portal/ninja2020/components/livewire/quotes-table.blade.php
View File

@ -33,37 +33,37 @@
<table class="min-w-full mt-4 border border-gray-200 rounded shadow quotes-table"> <table class="min-w-full mt-4 border border-gray-200 rounded shadow quotes-table">
<thead> <thead>
<tr> <tr>
<th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-gray-500 uppercase border-b border-gray-200 bg-gray-50"> <th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-white uppercase border-b border-gray-200 bg-primary">
<label> <label>
<input type="checkbox" class="form-check form-check-parent"> <input type="checkbox" class="form-check form-check-parent">
</label> </label>
</th> </th>
<th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-gray-500 uppercase border-b border-gray-200 bg-gray-50"> <th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-white uppercase border-b border-gray-200 bg-primary">
<span role="button" wire:click="sortBy('number')" class="cursor-pointer"> <span role="button" wire:click="sortBy('number')" class="cursor-pointer">
{{ ctrans('texts.quote_number') }} {{ ctrans('texts.quote_number') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-gray-500 uppercase border-b border-gray-200 bg-gray-50"> <th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-white uppercase border-b border-gray-200 bg-primary">
<span role="button" wire:click="sortBy('date')" class="cursor-pointer"> <span role="button" wire:click="sortBy('date')" class="cursor-pointer">
{{ ctrans('texts.quote_date') }} {{ ctrans('texts.quote_date') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-gray-500 uppercase border-b border-gray-200 bg-gray-50"> <th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-white uppercase border-b border-gray-200 bg-primary">
<span role="button" wire:click="sortBy('balance')" class="cursor-pointer"> <span role="button" wire:click="sortBy('balance')" class="cursor-pointer">
{{ ctrans('texts.balance') }} {{ ctrans('texts.balance') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-gray-500 uppercase border-b border-gray-200 bg-gray-50"> <th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-white uppercase border-b border-gray-200 bg-primary">
<span role="button" wire:click="sortBy('date')" class="cursor-pointer"> <span role="button" wire:click="sortBy('date')" class="cursor-pointer">
{{ ctrans('texts.valid_until') }} {{ ctrans('texts.valid_until') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-gray-500 uppercase border-b border-gray-200 bg-gray-50"> <th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-white uppercase border-b border-gray-200 bg-primary">
<span role="button" wire:click="sortBy('status_id')" class="cursor-pointer"> <span role="button" wire:click="sortBy('status_id')" class="cursor-pointer">
{{ ctrans('texts.quote_status') }} {{ ctrans('texts.quote_status') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50"></th> <th class="px-6 py-3 border-b border-gray-200 bg-primary"></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -90,7 +90,7 @@
{!! App\Models\Quote::badgeForStatus($quote->status_id) !!} {!! App\Models\Quote::badgeForStatus($quote->status_id) !!}
</td> </td>
<td class="flex items-center justify-end px-6 py-4 text-sm font-medium leading-5 whitespace-no-wrap"> <td class="flex items-center justify-end px-6 py-4 text-sm font-medium leading-5 whitespace-no-wrap">
<a href="{{ route('client.quote.show', $quote->hashed_id) }}" class="button-link"> <a href="{{ route('client.quote.show', $quote->hashed_id) }}" class="button-link text-primary">
@lang('texts.view') @lang('texts.view')
</a> </a>
</td> </td>

12
resources/views/portal/ninja2020/components/livewire/recurring-invoices-table.blade.php
View File

@ -15,32 +15,32 @@
<table class="min-w-full shadow rounded border border-gray-200 mt-4 recurring-invoices-table"> <table class="min-w-full shadow rounded border border-gray-200 mt-4 recurring-invoices-table">
<thead> <thead>
<tr> <tr>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider">
<span role="button" wire:click="sortBy('frequency_id')" class="cursor-pointer"> <span role="button" wire:click="sortBy('frequency_id')" class="cursor-pointer">
{{ ctrans('texts.frequency') }} {{ ctrans('texts.frequency') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider">
<span role="button" wire:click="sortBy('date')" class="cursor-pointer"> <span role="button" wire:click="sortBy('date')" class="cursor-pointer">
{{ ctrans('texts.start_date') }} {{ ctrans('texts.start_date') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider">
<span role="button" wire:click="sortBy('next_send_date')" class="cursor-pointer"> <span role="button" wire:click="sortBy('next_send_date')" class="cursor-pointer">
{{ ctrans('texts.next_send_date') }} {{ ctrans('texts.next_send_date') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider">
<span role="button" wire:click="sortBy('remaining_cycles')" class="cursor-pointer"> <span role="button" wire:click="sortBy('remaining_cycles')" class="cursor-pointer">
{{ ctrans('texts.cycles_remaining') }} {{ ctrans('texts.cycles_remaining') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider"> <th class="px-6 py-3 border-b border-gray-200 bg-primary text-left text-xs leading-4 font-medium text-white uppercase tracking-wider">
<span role="button" wire:click="sortBy('amount')" class="cursor-pointer"> <span role="button" wire:click="sortBy('amount')" class="cursor-pointer">
{{ ctrans('texts.amount') }} {{ ctrans('texts.amount') }}
</span> </span>
</th> </th>
<th class="px-6 py-3 border-b border-gray-200 bg-gray-50"></th> <th class="px-6 py-3 border-b border-gray-200 bg-primary"></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>

18
resources/views/portal/ninja2020/components/primary-color.blade.php Normal file
View File

@ -0,0 +1,18 @@
<style>
:root {
--primary-color: {{ $settings->primary_color }};
}
.bg-primary {
background-color: var(--primary-color);
}
.bg-primary-darken {
background-color: vaR(--primary-color);
filter: brightness(90%);
}
.text-primary {
color: var(--primary-color);
}
</style>

2
resources/views/portal/ninja2020/gateways/authorize/add_credit_card.blade.php
View File

@ -59,7 +59,7 @@
</div> </div>
<div class="bg-gray-50 px-4 py-5 flex justify-end"> <div class="bg-gray-50 px-4 py-5 flex justify-end">
<div id="errors"></div> <div id="errors"></div>
<button type="primary" class="button button-primary" id="card_button"> <button type="primary" class="button button-primary bg-primary" id="card_button">
<svg class="animate-spin h-5 w-5 text-white hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <svg class="animate-spin h-5 w-5 text-white hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>

4
resources/views/portal/ninja2020/gateways/authorize/credit_card_payment.blade.php
View File

@ -87,7 +87,7 @@
</dd> </dd>
</div> </div>
<div class="bg-white px-4 py-5 flex justify-end"> <div class="bg-white px-4 py-5 flex justify-end">
<button class="button button-primary" id="card_button"> <button class="button button-primary bg-primary" id="card_button">
<svg class="animate-spin h-5 w-5 text-white hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <svg class="animate-spin h-5 w-5 text-white hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
@ -126,7 +126,7 @@
{{ $token->meta->brand }} : {{ $token->meta->last4 }} {{ $token->meta->brand }} : {{ $token->meta->last4 }}
</dt> </dt>
<dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2"> <dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
<button class="button button-primary pay_now_button" data-id="{{ $token->hashed_id }}">{{ ctrans('texts.pay_now') }}</button> <button class="button button-primary bg-primary pay_now_button" data-id="{{ $token->hashed_id }}">{{ ctrans('texts.pay_now') }}</button>
</dd> </dd>
</div> </div>
@endforeach @endforeach

2
resources/views/portal/ninja2020/gateways/checkout/credit_card.blade.php
View File

@ -79,7 +79,7 @@
</dd> </dd>
</div> </div>
<div class="bg-white px-4 py-5 flex justify-end"> <div class="bg-white px-4 py-5 flex justify-end">
<button class="button button-primary" onclick="document.getElementById('server-response').submit()"> <button class="button button-primary bg-primary" onclick="document.getElementById('server-response').submit()">
{{ ctrans('texts.pay_now') }} {{ ctrans('texts.pay_now') }}
</button> </button>
</div> </div>

2
resources/views/portal/ninja2020/gateways/stripe/ach/authorize.blade.php
View File

@ -104,7 +104,7 @@
</span> </span>
</div> </div>
<div class="bg-white px-4 py-5 flex justify-end"> <div class="bg-white px-4 py-5 flex justify-end">
<button type="submit" class="button button-primary" id="save-button"> <button type="submit" class="button button-primary bg-primary" id="save-button">
<svg class="animate-spin h-5 w-5 text-white hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <svg class="animate-spin h-5 w-5 text-white hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>

4
resources/views/portal/ninja2020/gateways/stripe/ach/pay.blade.php
View File

@ -49,7 +49,7 @@
</dd> </dd>
</div> </div>
<div class="bg-gray-50 px-4 py-5 flex justify-end"> <div class="bg-gray-50 px-4 py-5 flex justify-end">
<button type="button" id="pay-now" class="button button-primary" onclick="document.getElementById('server-response').submit()"> <button type="button" id="pay-now" class="button button-primary bg-primary" onclick="document.getElementById('server-response').submit()">
{{ ctrans('texts.pay_now') }} {{ ctrans('texts.pay_now') }}
</button> </button>
</div> </div>
@ -57,7 +57,7 @@
<div class="bg-gray-50 px-4 py-5 sm:px-6 flex items-center"> <div class="bg-gray-50 px-4 py-5 sm:px-6 flex items-center">
<dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2"> <dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
<span>{{ ctrans('texts.bank_account_not_linked') }}</span> <span>{{ ctrans('texts.bank_account_not_linked') }}</span>
<a class="button button-link" href="{{ route('client.payment_methods.index') }}">{{ ctrans('texts.add_payment_method') }}</a> <a class="button button-link text-primary" href="{{ route('client.payment_methods.index') }}">{{ ctrans('texts.add_payment_method') }}</a>
</dd> </dd>
</div> </div>
@endif @endif

4
resources/views/portal/ninja2020/gateways/stripe/ach/verify.blade.php
View File

@ -16,7 +16,7 @@
<p class="mt-1 max-w-2xl text-sm leading-5 text-gray-500"> <p class="mt-1 max-w-2xl text-sm leading-5 text-gray-500">
{{ ctrans('texts.complete_your_bank_account_verification') }} ({{ ctrans('texts.ach') }}/{{ $token->meta->last4 }}) {{ ctrans('texts.complete_your_bank_account_verification') }} ({{ ctrans('texts.ach') }}/{{ $token->meta->last4 }})
</p> </p>
<a href="#" class="button-link text-sm">{{ __('texts.learn_more') }}</a> <a href="#" class="button-link text-primary text-sm">{{ __('texts.learn_more') }}</a>
</div> </div>
<div> <div>
<form method="post"> <form method="post">
@ -41,7 +41,7 @@
</dd> </dd>
</div> </div>
<div class="bg-gray-50 px-4 py-5 flex justify-end"> <div class="bg-gray-50 px-4 py-5 flex justify-end">
<button id="pay-now" class="button button-primary"> <button id="pay-now" class="button button-primary bg-primary">
{{ ctrans('texts.complete_verification') }} {{ ctrans('texts.complete_verification') }}
</button> </button>
</div> </div>

2
resources/views/portal/ninja2020/gateways/stripe/add_credit_card.blade.php
View File

@ -75,7 +75,7 @@
type="button" type="button"
id="card-button" id="card-button"
data-secret="{{ $intent->client_secret }}" data-secret="{{ $intent->client_secret }}"
class="button button-primary"> class="button button-primary bg-primary">
<svg class="animate-spin h-5 w-5 text-white hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <svg class="animate-spin h-5 w-5 text-white hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>

2
resources/views/portal/ninja2020/gateways/stripe/alipay/pay.blade.php
View File

@ -40,7 +40,7 @@
</dd> </dd>
</div> </div>
<div class="bg-gray-50 px-4 py-5 flex justify-end"> <div class="bg-gray-50 px-4 py-5 flex justify-end">
<button class="button button-primary" id="pay-now-button"> <button class="button button-primary bg-primary" id="pay-now-button">
<svg class="animate-spin h-5 w-5 text-white hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <svg class="animate-spin h-5 w-5 text-white hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>

4
resources/views/portal/ninja2020/gateways/stripe/credit_card.blade.php
View File

@ -68,7 +68,7 @@
data-secret="{{ $intent->client_secret }}" data-secret="{{ $intent->client_secret }}"
data-token="{{ $token->token }}" data-token="{{ $token->token }}"
id="pay-now-with-token" id="pay-now-with-token"
class="button button-primary inline-flex items-center"> class="button button-primary bg-primary inline-flex items-center">
<svg class="animate-spin h-5 w-5 text-white hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <svg class="animate-spin h-5 w-5 text-white hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
@ -130,7 +130,7 @@
type="button" type="button"
id="pay-now" id="pay-now"
data-secret="{{ $intent->client_secret }}" data-secret="{{ $intent->client_secret }}"
class="button button-primary"> class="button button-primary bg-primary">
<svg class="animate-spin h-5 w-5 text-white hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <svg class="animate-spin h-5 w-5 text-white hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>

2
resources/views/portal/ninja2020/gateways/stripe/sofort/pay.blade.php
View File

@ -40,7 +40,7 @@
</dd> </dd>
</div> </div>
<div class="bg-gray-50 px-4 py-5 flex justify-end" id="pay-now-button"> <div class="bg-gray-50 px-4 py-5 flex justify-end" id="pay-now-button">
<button class="button button-primary"> <button class="button button-primary bg-primary">
<svg class="animate-spin h-5 w-5 text-white hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <svg class="animate-spin h-5 w-5 text-white hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>

2
resources/views/portal/ninja2020/invoices/includes/signature.blade.php
View File

@ -34,7 +34,7 @@
</div> </div>
<div class="mt-5 sm:mt-4 sm:flex sm:flex-row-reverse"> <div class="mt-5 sm:mt-4 sm:flex sm:flex-row-reverse">
<div class="flex w-full rounded-md shadow-sm sm:ml-3 sm:w-auto"> <div class="flex w-full rounded-md shadow-sm sm:ml-3 sm:w-auto">
<button type="button" class="button button-primary" id="signature-next-step" <button type="button" class="button button-primary bg-primary" id="signature-next-step"
@click="document.getElementById('displaySignatureModal').style.display = 'none';"> @click="document.getElementById('displaySignatureModal').style.display = 'none';">
{{ ctrans('texts.next_step') }} {{ ctrans('texts.next_step') }}
</button> </button>

2
resources/views/portal/ninja2020/invoices/includes/terms.blade.php
View File

@ -34,7 +34,7 @@
</div> </div>
<div class="mt-5 sm:mt-4 sm:flex sm:flex-row-reverse"> <div class="mt-5 sm:mt-4 sm:flex sm:flex-row-reverse">
<div class="flex w-full rounded-md shadow-sm sm:ml-3 sm:w-auto"> <div class="flex w-full rounded-md shadow-sm sm:ml-3 sm:w-auto">
<button type="button" id="accept-terms-button" class="button button-primary"> <button type="button" id="accept-terms-button" class="button button-primary bg-primary">
{{ ctrans('texts.agree_to_terms', ['terms' => trans('texts.invoice_terms')]) }} {{ ctrans('texts.agree_to_terms', ['terms' => trans('texts.invoice_terms')]) }}
</button> </button>
</div> </div>

4
resources/views/portal/ninja2020/invoices/index.blade.php
View File

@ -15,8 +15,8 @@
<div class="flex items-center"> <div class="flex items-center">
<form action="{{ route('client.invoices.bulk') }}" method="post" id="bulkActions"> <form action="{{ route('client.invoices.bulk') }}" method="post" id="bulkActions">
@csrf @csrf
<button type="submit" class="button button-primary" name="action" value="download">{{ ctrans('texts.download') }}</button> <button type="submit" class="button button-primary bg-primary" name="action" value="download">{{ ctrans('texts.download') }}</button>
<button type="submit" class="button button-primary" name="action" value="payment">{{ ctrans('texts.pay_now') }}</button> <button type="submit" class="button button-primary bg-primary" name="action" value="payment">{{ ctrans('texts.pay_now') }}</button>
</form> </form>
</div> </div>
<div class="flex flex-col mt-4"> <div class="flex flex-col mt-4">

4
resources/views/portal/ninja2020/invoices/payment.blade.php
View File

@ -47,7 +47,7 @@
@else @else
<span class="inline-flex items-center text-sm"> <span class="inline-flex items-center text-sm">
<span>{{ ctrans('texts.to_pay_invoices') }} &nbsp;</span> <span>{{ ctrans('texts.to_pay_invoices') }} &nbsp;</span>
<a class="button-link" href="{{ route('client.payment_methods.index') }}">{{ ctrans('texts.add_payment_method_first') }}.</a> <a class="button-link text-primary" href="{{ route('client.payment_methods.index') }}">{{ ctrans('texts.add_payment_method_first') }}.</a>
</span> </span>
@endif @endif
</div> </div>
@ -59,7 +59,7 @@
<div class="px-4 py-5 border-b border-gray-200 sm:px-6"> <div class="px-4 py-5 border-b border-gray-200 sm:px-6">
<h3 class="text-lg font-medium leading-6 text-gray-900"> <h3 class="text-lg font-medium leading-6 text-gray-900">
{{ ctrans('texts.invoice') }} {{ ctrans('texts.invoice') }}
<a class="button-link" href="{{ route('client.invoice.show', $invoice->hashed_id) }}"> <a class="button-link text-primary" href="{{ route('client.invoice.show', $invoice->hashed_id) }}">
(#{{ $invoice->number }}) (#{{ $invoice->number }})
</a> </a>
</h3> </h3>

2
resources/views/portal/ninja2020/invoices/show.blade.php
View File

@ -47,7 +47,7 @@
<div class="inline-flex rounded-md shadow-sm"> <div class="inline-flex rounded-md shadow-sm">
<input type="hidden" name="invoices[]" value="{{ $invoice->hashed_id }}"> <input type="hidden" name="invoices[]" value="{{ $invoice->hashed_id }}">
<input type="hidden" name="action" value="payment"> <input type="hidden" name="action" value="payment">
<button class="button button-primary">@lang('texts.pay_now')</button> <button class="button button-primary bg-primary">{{ ctrans('texts.pay_now') }}</button>
</div> </div>
</div> </div>
</div> </div>

2
resources/views/portal/ninja2020/invoices/show/fullscreen.blade.php
View File

@ -23,7 +23,7 @@
<div class="inline-flex rounded-md shadow-sm"> <div class="inline-flex rounded-md shadow-sm">
<input type="hidden" name="invoices[]" value="{{ $invoice->hashed_id }}"> <input type="hidden" name="invoices[]" value="{{ $invoice->hashed_id }}">
<input type="hidden" name="action" value="payment"> <input type="hidden" name="action" value="payment">
<button class="button button-primary">@lang('texts.pay_now')</button> <button class="button button-primary bg-primary">{{ ctrans('texts.pay_now') }}</button>
</div> </div>
</div> </div>
</div> </div>

5
resources/views/portal/ninja2020/layout/app.blade.php
View File

@ -68,14 +68,15 @@
{!! $client->getSetting('portal_custom_head') !!} {!! $client->getSetting('portal_custom_head') !!}
</head> </head>
@include('portal.ninja2020.components.primary-color')
<body class="antialiased"> <body class="antialiased">
@if(session()->has('message')) @if(session()->has('message'))
<div class="bg-blue-800 text-sm py-1 text-white text-center disposable-alert"> <div class="bg-primary text-sm py-1 text-white text-center disposable-alert">
{{ session('message') }} {{ session('message') }}
</div> </div>
@endif @endif
@include('portal.ninja2020.components.processing')
@component('portal.ninja2020.components.general.sidebar.main') @component('portal.ninja2020.components.general.sidebar.main')
@yield('body') @yield('body')
@endcomponent @endcomponent

2
resources/views/portal/ninja2020/payments/show.blade.php
View File

@ -88,7 +88,7 @@
{{ ctrans('texts.invoice_number') }} {{ ctrans('texts.invoice_number') }}
</dt> </dt>
<div class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2"> <div class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
<a class="button-link" href="{{ route('client.invoice.show', ['invoice' => $invoice->hashed_id])}}"> <a class="button-link text-primary" href="{{ route('client.invoice.show', ['invoice' => $invoice->hashed_id])}}">
{{ $invoice->number }} {{ $invoice->number }}
</a> </a>
</div> </div>

2
resources/views/portal/ninja2020/profile/settings/general.blade.php
View File

@ -78,7 +78,7 @@
</div> </div>
</div> </div>
<div class="px-4 py-3 bg-gray-50 text-right sm:px-6"> <div class="px-4 py-3 bg-gray-50 text-right sm:px-6">
<button class="button button-primary">{{ $saved }}</button> <button class="button button-primary bg-primary">{{ $saved }}</button>
</div> </div>
</div> </div>
</form> </form>

2
resources/views/portal/ninja2020/profile/settings/name-website-logo.blade.php
View File

@ -37,7 +37,7 @@
</div> </div>
</div> </div>
<div class="px-4 py-3 bg-gray-50 text-right sm:px-6"> <div class="px-4 py-3 bg-gray-50 text-right sm:px-6">
<button class="button button-primary">{{ $saved }}</button> <button class="button button-primary bg-primary">{{ $saved }}</button>
</div> </div>
</div> </div>
</form> </form>

2
resources/views/portal/ninja2020/profile/settings/personal-address.blade.php
View File

@ -76,7 +76,7 @@
</div> </div>
</div> </div>
<div class="px-4 py-3 bg-gray-50 text-right sm:px-6"> <div class="px-4 py-3 bg-gray-50 text-right sm:px-6">
<button class="button button-primary">{{ $saved }}</button> <button class="button button-primary bg-primary">{{ $saved }}</button>
</div> </div>
</div> </div>
</form> </form>

2
resources/views/portal/ninja2020/profile/settings/shipping-address.blade.php
View File

@ -77,7 +77,7 @@
</div> </div>
</div> </div>
<div class="px-4 py-3 bg-gray-50 text-right sm:px-6"> <div class="px-4 py-3 bg-gray-50 text-right sm:px-6">
<button class="button button-primary"> <button class="button button-primary bg-primary">
{{ $saved }} {{ $saved }}
</button> </button>
</div> </div>

2
resources/views/portal/ninja2020/quotes/approve.blade.php
View File

@ -37,7 +37,7 @@
<div class="px-4 py-5 border-b border-gray-200 sm:px-6"> <div class="px-4 py-5 border-b border-gray-200 sm:px-6">
<h3 class="text-lg leading-6 font-medium text-gray-900"> <h3 class="text-lg leading-6 font-medium text-gray-900">
{{ ctrans('texts.invoice') }} {{ ctrans('texts.invoice') }}
<a class="button-link" href="{{ route('client.quote.show', $quote->hashed_id) }}"> <a class="button-link text-primary" href="{{ route('client.quote.show', $quote->hashed_id) }}">
({{ $quote->number }}) ({{ $quote->number }})
</a> </a>
</h3> </h3>

2
resources/views/portal/ninja2020/quotes/includes/signature.blade.php
View File

@ -34,7 +34,7 @@
</div> </div>
<div class="mt-5 sm:mt-4 sm:flex sm:flex-row-reverse"> <div class="mt-5 sm:mt-4 sm:flex sm:flex-row-reverse">
<div class="flex w-full rounded-md shadow-sm sm:ml-3 sm:w-auto"> <div class="flex w-full rounded-md shadow-sm sm:ml-3 sm:w-auto">
<button type="button" class="button button-primary" id="signature-next-step" <button type="button" class="button button-primary bg-primary" id="signature-next-step"
@click="document.getElementById('displaySignatureModal').style.display = 'none';"> @click="document.getElementById('displaySignatureModal').style.display = 'none';">
{{ ctrans('texts.next_step') }} {{ ctrans('texts.next_step') }}
</button> </button>

4
resources/views/portal/ninja2020/quotes/index.blade.php
View File

@ -15,9 +15,9 @@
<div class="flex justify-between items-center"> <div class="flex justify-between items-center">
<form action="{{ route('client.quotes.bulk') }}" method="post" id="bulkActions"> <form action="{{ route('client.quotes.bulk') }}" method="post" id="bulkActions">
@csrf @csrf
<button type="submit" class="button button-primary" name="action" <button type="submit" class="button button-primary bg-primary" name="action"
value="download">{{ ctrans('texts.download') }}</button> value="download">{{ ctrans('texts.download') }}</button>
<button type="submit" class="button button-primary" name="action" <button type="submit" class="button button-primary bg-primary" name="action"
value="approve">{{ ctrans('texts.approve') }}</button> value="approve">{{ ctrans('texts.approve') }}</button>
</form> </form>
</div> </div>

2
resources/views/portal/ninja2020/quotes/show.blade.php
View File

@ -38,7 +38,7 @@
<div class="mt-5 sm:mt-0 sm:ml-6 sm:flex-shrink-0 sm:flex sm:items-center"> <div class="mt-5 sm:mt-0 sm:ml-6 sm:flex-shrink-0 sm:flex sm:items-center">
<div class="inline-flex rounded-md shadow-sm"> <div class="inline-flex rounded-md shadow-sm">
<input type="hidden" name="action" value="payment"> <input type="hidden" name="action" value="payment">
<button class="button button-primary">@lang('texts.approve')</button> <button class="button button-primary bg-primary">{{ ctrans('texts.approve') }}</button>
</div> </div>
</div> </div>
</div> </div>

2
resources/views/portal/ninja2020/quotes/show/fullscreen.blade.php
View File

@ -23,7 +23,7 @@
<div class="mt-5 sm:mt-0 sm:ml-6 sm:flex-shrink-0 sm:flex sm:items-center"> <div class="mt-5 sm:mt-0 sm:ml-6 sm:flex-shrink-0 sm:flex sm:items-center">
<div class="inline-flex rounded-md shadow-sm"> <div class="inline-flex rounded-md shadow-sm">
<input type="hidden" name="action" value="payment"> <input type="hidden" name="action" value="payment">
<button class="button button-primary">@lang('texts.approve')</button> <button class="button button-primary bg-primary">{{ ctrans('texts.approve') }}</button>
</div> </div>
</div> </div>
</div> </div>