nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-22 17:32:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

- cancel/resume subscription fix

Browse Source 
- upload into root folder fix
- custom color theme part 3
This commit is contained in:
Peter Papp
2021-03-25 10:46:23 +01:00
parent a18ceb1b4f
commit ac6b2b09e1
41 changed files with 591 additions and 348 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
resources/views/vuefilemanager/invoice.blade.php
View File

@@ -17,18 +17,20 @@
vertical-align: top;
}
</style>
@include('vuefilemanager.others.color-template')
</head>
<body>
<div id="toolbar-wrapper">
<button class="button" onclick="window.print();">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
<button class="button group hover-bg-theme-100" onclick="window.print();">
<svg class="icon group-hover-text-theme" 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" class="feather feather-printer">
<polyline points="6 9 6 2 18 2 18 9"></polyline>
<path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path>
<rect x="6" y="14" width="12" height="8"></rect>
</svg>
<span class="label">@lang('vuefilemanager.print_button')</span>
<span class="label group-hover-text-theme">@lang('vuefilemanager.print_button')</span>
</button>
</div>
<div id="invoice-wrapper">
@@ -42,7 +44,7 @@
@endif
</div>
<div class="title">
<h1>@lang('vuefilemanager.invoice_title')</h1>
<h1 class="text-theme">@lang('vuefilemanager.invoice_title')</h1>
</div>
</header>
<section class="invoice-subject">
@@ -71,7 +73,7 @@
</section>
<div class="invoice-partners">
<div class="partner">
<h2 class="partner-title">@lang('vuefilemanager.seller'):</h2>
<h2 class="partner-title text-theme">@lang('vuefilemanager.seller'):</h2>
<ul class="list">
@isset($settings->billing_vat_number)
<li class="list-item">
@@ -132,7 +134,7 @@
</ul>
</div>
<div class="partner">
<h2 class="partner-title">@lang('vuefilemanager.client'):</h2>
<h2 class="partner-title text-theme">@lang('vuefilemanager.client'):</h2>
<ul class="list">
@isset($invoice->customer_name)
@@ -246,12 +248,12 @@
<table width="100%" class="table" border="0">
<thead class="table-header">
<tr>
<td>@lang('vuefilemanager.col_description')</td>
<td>@lang('vuefilemanager.col_date')</td>
<td class="text-theme">@lang('vuefilemanager.col_description')</td>
<td class="text-theme">@lang('vuefilemanager.col_date')</td>
@if ($invoice->hasTax())
<td align="right">@lang('vuefilemanager.vat')</td>
<td class="text-theme" align="right">@lang('vuefilemanager.vat')</td>
@endif
<td>@lang('vuefilemanager.col_amount')</td>
<td class="text-theme">@lang('vuefilemanager.col_amount')</td>
</tr>
</thead>

95
resources/views/vuefilemanager/others/color-template.blade.php
View File

@@ -1,74 +1,85 @@
<style>
{{-- Group options --}}
.group:hover .group-hover-text-theme {color: #FF8200}
.group:hover .group-hover-text-theme {color: {{ $settings->app_color }} !important;}
{{-- Single option --}}
.svg-color-theme {fill: #FF8200}
.svg-color-theme {fill: {{ $settings->app_color }}}
.svg-stroke-theme {stroke: #FF8200}
.hover-svg-stroke-theme:hover {stroke: #FF8200}
.svg-stroke-theme {stroke: {{ $settings->app_color }}}
.hover-svg-stroke-theme:hover {stroke: {{ $settings->app_color }}}
.hover-svg-stroke-theme:hover rect {stroke: #FF8200}
.hover-svg-stroke-theme:hover line {stroke: #FF8200}
.hover-svg-stroke-theme:hover rect {stroke: {{ $settings->app_color }}}
.hover-svg-stroke-theme:hover line {stroke: {{ $settings->app_color }}}
.bg-theme {background: #FF8200}
.bg-theme-50 {background: #FF820005}
.bg-theme-100 {background: #FF820010}
.bg-theme-800 {background: #FF820080}
.hover-bg-theme:hover {background: #FF8200}
.bg-theme {background: {{ $settings->app_color }}}
.bg-theme-50 {background: {{ $settings->app_color }}05}
.bg-theme-100 {background: {{ $settings->app_color }}10}
.bg-theme-800 {background: {{ $settings->app_color }}80}
.hover-bg-theme:hover {background: {{ $settings->app_color }}}
.hover-bg-theme-100:hover {background: {{ $settings->app_color }}10 !important;}
.text-theme {color: #FF8200}
.hover-text-theme:hover {color: #FF8200}
.text-theme {color: {{ $settings->app_color }}}
.hover-text-theme:hover {color: {{ $settings->app_color }}}
.shadow-theme {box-shadow: 0 7px 16px 2px #FF820040}
.shadow-theme {box-shadow: 0 7px 16px 2px {{ $settings->app_color }}40}
.border-theme {border-color: #FF8200}
.border-top-theme {border-top-color: #FF8200 !important;}
.border-left-theme {border-left-color: #FF8200 !important;}
.hover-border-theme:hover {border-color: #FF8200}
.border-theme {border-color: {{ $settings->app_color }}}
.border-top-theme {border-top-color: {{ $settings->app_color }} !important;}
.border-left-theme {border-left-color: {{ $settings->app_color }} !important;}
.hover-border-theme:hover {border-color: {{ $settings->app_color }}}
.focus-within-border-theme:focus-within {border-color: #FF8200 !important;}
.focus-within-border-theme:focus-within {border-color: {{ $settings->app_color }} !important;}
.focus-border-theme:focus {border-color: #FF8200}
.focus-border-theme:focus[type='email'] {border-color: #FF8200}
.focus-border-theme:focus[type='text'] {border-color: #FF8200}
.focus-border-theme:focus[type='password'] {border-color: #FF8200}
.focus-border-theme:focus[type='number'] {border-color: #FF8200}
.focus-border-theme:focus {border-color: {{ $settings->app_color }}}
.focus-border-theme:focus[type='email'] {border-color: {{ $settings->app_color }}}
.focus-border-theme:focus[type='text'] {border-color: {{ $settings->app_color }}}
.focus-border-theme:focus[type='password'] {border-color: {{ $settings->app_color }}}
.focus-border-theme:focus[type='number'] {border-color: {{ $settings->app_color }}}
{{-- Global Active Class --}}
.active.active-bg-theme-100 {background: #FF820010 !important;}
.active.active-border-theme {border-color: #FF8200 !important;}
.active .active-text-theme {color: #FF8200}
.active.active-bg-theme-100 {background: {{ $settings->app_color }}10 !important;}
.active.active-border-theme {border-color: {{ $settings->app_color }} !important;}
.active .active-text-theme {color: {{ $settings->app_color }}}
{{-- Emoji Picker --}}
.active-menu.focus-border-theme {border-color: #FF8200 !important;}
.active-menu.focus-border-theme {border-color: {{ $settings->app_color }} !important;}
{{-- Menubar --}}
.router-link-active.home .button-icon {background: #FF820010}
.router-link-active.home .button-icon {background: {{ $settings->app_color }}10}
{{-- Content Panel --}}
.router-link-active .text-theme {color: #FF8200 !important}
.router-link-active .text-theme svg {color: #FF8200 !important}
.router-link-active.border-bottom-theme {border-bottom-color: #FF8200 !important;}
.router-link-active .text-theme {color: {{ $settings->app_color }} !important}
.router-link-active .text-theme svg {color: {{ $settings->app_color }} !important}
.router-link-active.border-bottom-theme {border-bottom-color: {{ $settings->app_color }} !important;}
.is-active .text-theme {color: #FF8200 !important}
.is-active .text-theme svg {color: #FF8200 !important}
.is-active .text-theme {color: {{ $settings->app_color }} !important}
.is-active .text-theme svg {color: {{ $settings->app_color }} !important}
.menu-list-item.link:hover {color: #FF8200}
.menu-list-item.link:hover .text-theme svg {color: #FF8200}
.menu-list-item.link:hover {color: {{ $settings->app_color }}}
.menu-list-item.link:hover .text-theme svg {color: {{ $settings->app_color }}}
{{-- Select Input --}}
.input-area.is-active {border-color: #FF8200 !important}
.input-area.is-active {border-color: {{ $settings->app_color }} !important}
{{-- ButtonBase --}}
.button-base.theme-solid {background: #FF8200}
.button-base.theme {background: #FF820010}
.button-base.theme .content {color: #FF8200}
.button-base.theme-solid {background: {{ $settings->app_color }}}
.button-base.theme {background: {{ $settings->app_color }}10}
.button-base.theme {color: {{ $settings->app_color }}}
.button-base.theme .content {color: {{ $settings->app_color }}}
.button-base.theme polyline,
.button-base.theme path {
color: #FF8200
color: {{ $settings->app_color }}
}
.switch.active {background: #FF8200 !important;}
.switch.active {background: {{ $settings->app_color }} !important;}
{{-- Dragged borders --}}
.file-item.is-dragenter {border-color: {{ $settings->app_color }} !important;}
.folder-item.is-dragenter {border-color: {{ $settings->app_color }} !important;}
.favourites.is-dragenter .menu-list {border-color: {{ $settings->app_color }} !important;}
</style>