A little further ahead with the app in Alpine

This commit is contained in:
James Cole
2023-07-12 07:07:06 +02:00
parent 449058dad7
commit d943a5ae9b
24 changed files with 868 additions and 453 deletions

View File

@@ -0,0 +1,11 @@
@if(count($breadcrumbs) > 0)
<ol class="breadcrumb float-sm-end">
@foreach ($breadcrumbs as $bc)
@if($bc->url and !$loop->last)
<li><a href="{{ $bc->url }}">{{ $bc->title }}</a></li>
@else
<li class="active">{{ $bc->title }}</li>
@endif
@endforeach
</ol>
@endif

View File

@@ -1,12 +1,11 @@
<footer class="app-footer">
<!--begin::To the end-->
<div class="float-end d-none d-sm-inline">Anything you want</div>
<div class="float-end d-none d-sm-inline">
v<a href="{{ route('debug') }}">{{ $FF_VERSION }}</a>
</div>
<!--end::To the end-->
<!--begin::Copyright-->
<strong>
Copyright &copy; 2014-2023
<a href="https://adminlte.io">AdminLTE.io</a>.
</strong>
All rights reserved.
<a href="https://github.com/firefly-iii/firefly-iii/">Firefly III</a> &copy; James Cole,
<a href="https://github.com/firefly-iii/firefly-iii/blob/main/LICENSE">AGPL-3.0-or-later</a>
<!--end::Copyright-->
</footer>

View File

@@ -23,12 +23,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--begin::Fonts-->
{{--
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,700;1,400&display=swap"
rel="stylesheet">
--}}
<link href="v4/css/fonts.css" rel="stylesheet">
<!--end::Fonts-->
@@ -49,5 +43,6 @@
<!--end::Required Plugin(AdminLTE)-->
@vite(['resources/assets/v4/sass/app.scss', 'resources/assets/v4/app.js'])
@yield('vite')
</head>

View File

@@ -1,12 +1,16 @@
<!--begin::Required Plugin(popperjs for Bootstrap 5)-->
{{--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js"
integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE"
crossorigin="anonymous"></script>
--}}
<!--end::Required Plugin(popperjs for Bootstrap 5)-->
<!--begin::Required Plugin(Bootstrap 5)-->
{{--
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js"
integrity="sha384-Y4oOpwW3duJdCWv5ly8SCFYWqFDsfob/3GkgExXKV4idmbt98QcxXYs9UoXAB7BZ"
crossorigin="anonymous"></script>
--}}
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
<script src="v4/js/adminlte.js"></script>
<!--end::Required Plugin(AdminLTE)-->

View File

@@ -0,0 +1,232 @@
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
<!--begin::Sidebar Brand-->
<div class="sidebar-brand">
<!--begin::Brand Link-->
<a href="{{route('index') }}" class="brand-link">
<!--begin::Brand Image-->
<img src="v4/i/logo.png" alt="Firefly III Logo"
class="brand-image opacity-75 shadow">
<!--end::Brand Image-->
<!--begin::Brand Text-->
<span class="brand-text fw-light">Firefly III</span>
<!--end::Brand Text-->
</a>
<!--end::Brand Link-->
</div>
<!--end::Sidebar Brand-->
<!--begin::Sidebar Wrapper-->
<div class="sidebar-wrapper">
<nav class="mt-2">
<!--begin::Sidebar Menu-->
<ul class="nav sidebar-menu flex-column" data-lte-toggle="treeview" role="menu"
data-accordion="false">
<li class="nav-item menu-open">
<a href="#" class="nav-link active">
<em class="nav-icon fa-solid fa-gauge-high"></em>
<p>
{{ __('firefly.dashboard') }}
</p>
</a>
</li>
<li class="nav-header">{{ strtoupper(__('firefly.financial_control')) }}</li>
<li class="nav-item">
<a href="{{ route('budgets.index') }}" class="nav-link">
<em class="nav-icon fa-solid fa-chart-pie"></em>
<p>{{ __('firefly.budgets') }}</p>
</a>
</li>
<li class="nav-item">
<a href="{{ route('bills.index') }}" class="nav-link">
<i class="nav-icon fa-regular fa-calendar"></i>
<p>{{ __('firefly.bills') }}</p>
</a>
</li>
<li class="nav-item">
<a href="{{ route('piggy-banks.index') }}" class="nav-link">
<em class="nav-icon fa-solid fa-bullseye"></em>
<p>{{ __('firefly.piggy_banks') }}</p>
</a>
</li>
<li class="nav-header">{{ strtoupper(__('firefly.accounting')) }}</li>
<li class="nav-item">
<a href="#" class="nav-link">
<em class="nav-icon fa-solid fa-arrow-right-arrow-left"></em>
<p>
{{ __('firefly.transactions') }}
<i class="nav-arrow fa-solid fa-chevron-right"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="{{ route('transactions.index',['withdrawal']) }}" class="nav-link">
<em class="nav-icon fa-solid fa-arrow-left"></em>
<p>{{ __('firefly.expenses') }}</p>
</a>
</li>
<li class="nav-item">
<a href="{{ route('transactions.index', ['deposit']) }}" class="nav-link">
<em class="nav-icon fa-solid fa-arrow-right"></em>
<p>{{ __('firefly.income') }}</p>
</a>
</li>
<li class="nav-item">
<a href="{{ route('transactions.index', ['transfers']) }}" class="nav-link">
<i class="nav-icon fa-solid fa-arrows-rotate"></i>
<p>{{ __('firefly.transfers') }}</p>
</a>
</li>
<li class="nav-item">
<a href="{{ route('transactions.index', ['all']) }}" class="nav-link">
<i class="nav-icon fa-solid fa-arrows-turn-to-dots"></i>
<p>{{ __('firefly.all_transactions') }}</p>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="nav-icon fa-solid fa-microchip"></i>
<p>
{{ __('firefly.automation') }}
<i class="nav-arrow fa-solid fa-chevron-right"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="{{ route('rules.index') }}" class="nav-link">
<i class="nav-icon bi bi-circle"></i>
<p>{{ __('firefly.rules') }}</p>
</a>
</li>
<li class="nav-item">
<a href="{{ route('recurring.index') }}" class="nav-link">
<i class="nav-icon bi bi-circle"></i>
<p>{{ __('firefly.recurrences') }}</p>
</a>
</li>
<li class="nav-item">
<a href="{{ route('webhooks.index') }}" class="nav-link">
<i class="nav-icon bi bi-circle"></i>
<p>{{ __('firefly.webhooks') }}</p>
</a>
</li>
</ul>
</li>
<li class="nav-header">{{ strtoupper(__('firefly.others')) }}</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="nav-icon fa-regular fa-credit-card"></i>
<p>
{{ __('firefly.accounts') }}
<i class="nav-arrow fa-solid fa-chevron-right"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="{{ route('accounts.index', ['asset']) }}" class="nav-link">
<i class="nav-icon fa-solid fa-money-bills"></i>
<p>{{ __('firefly.asset_accounts') }}</p>
</a>
</li>
<li class="nav-item">
<a href="{{ route('accounts.index', ['expense']) }}" class="nav-link">
<i class="nav-icon fa-solid fa-cart-shopping"></i>
<p>{{ __('firefly.expense_accounts') }}</p>
</a>
</li>
<li class="nav-item">
<a href="{{ route('accounts.index', ['revenue']) }}" class="nav-link">
<i class="nav-icon fa-solid fa-money-bill-trend-up"></i>
<p>{{ __('firefly.revenue_accounts') }}</p>
</a>
</li>
<li class="nav-item">
<a href="{{ route('accounts.index', ['liabilities']) }}" class="nav-link">
<i class="nav-icon fa-solid fa-landmark"></i>
<p>{{ __('firefly.liabilities') }}</p>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="nav-icon fa-solid fa-tags"></i>
<p>
{{ __('firefly.classification') }}
<i class="nav-arrow fa-solid fa-chevron-right"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="{{ route('categories.index') }}" class="nav-link">
<i class="nav-icon fa-regular fa-bookmark"></i>
<p>{{ __('firefly.categories') }}</p>
</a>
</li>
<li class="nav-item">
<a href="{{ route('tags.index') }}" class="nav-link">
<i class="nav-icon fa-solid fa-tag"></i>
<p>{{ __('firefly.tags') }}</p>
</a>
</li>
<li class="nav-item">
<a href="{{ route('object-groups.index') }}" class="nav-link">
<i class="nav-icon fa-regular fa-envelope"></i>
<p>{{ __('firefly.object_groups') }}</p>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="{{ route('reports.index') }}" class="nav-link">
<i class="nav-icon fa-solid fa-chart-column"></i>
<p>{{ __('firefly.reports') }}</p>
</a>
</li>
<li class="nav-item">
<a href="{{ route('export.index') }}" class="nav-link">
<i class="nav-icon fa-solid fa-upload"></i>
<p>{{ __('firefly.export_data_menu') }}</p>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="nav-icon fa-solid fa-sliders"></i>
<p>
{{ __('firefly.options') }}
<i class="nav-arrow fa-solid fa-chevron-right"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="{{ route('currencies.index') }}" class="nav-link">
<i class="nav-icon fa-solid fa-euro-sign"></i>
<p>{{ __('firefly.currencies') }}</p>
</a>
</li>
<li class="nav-item">
<a href="{{ route('admin.index') }}" class="nav-link">
<i class="nav-icon bi bi-circle"></i>
<p>{{ __('firefly.system_settings') }}</p>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="{{ route('logout') }}" class="nav-link logout-link">
<i class="nav-icon fa-solid fa-arrow-right-from-bracket"></i>
<p>TODO {{ __('firefly.logout') }}</p>
</a>
</li>
</ul>
<!--end::Sidebar Menu-->
</nav>
</div>
<!--end::Sidebar Wrapper-->
</aside>
<!-- simple script for logout thing -->