close #2312 Enhancement: Apps page pricing re-desging

This commit is contained in:
Cüneyt Şentürk
2021-11-17 12:34:09 +03:00
parent c045980862
commit 26858c92df
8 changed files with 220 additions and 86 deletions

View File

@@ -0,0 +1,23 @@
@if ($module->price != '0.0000')
<span style="position: absolute; right: 120px; top: -15px;">
<img src="{{ asset('public/img/modules/save30arrow3.png') }}" alt="{{ trans('modules.yearly_pricing') }}"/>
</span>
@endif
@if ($module->price != '0.0000')
<div id="app-pricing" class="nav-wrapper pt-0">
<ul class="nav nav-pills nav-fill flex-column flex-md-row" role="tablist">
<li class="nav-item">
<a class="nav-link mb-sm-2 mb-md-0 active" id="tab-pricing-monthly" href="#monthly" data-toggle="tab" aria-selected="false">
{{ trans('modules.monthly') }}
</a>
</li>
<li class="nav-item">
<a class="nav-link mb-sm-2 mb-md-0" href="#yearly" id="tab-pricing-yearly" data-toggle="tab" aria-selected="false">
{{ trans('modules.yearly') }}
</a>
</li>
</ul>
</div>
@endif

View File

@@ -0,0 +1,51 @@
@if ($installed)
@can('delete-modules-item')
<a href="{{ route('apps.app.uninstall', $module->slug) }}" class="btn btn-block btn-danger">
{{ trans('modules.button.uninstall') }}
</a>
@endcan
@can('update-modules-item')
@if ($enable)
<a href="{{ route('apps.app.disable', $module->slug) }}" class="btn btn-block btn-warning">
{{ trans('modules.button.disable') }}
</a>
@else
<a href="{{ route('apps.app.enable', $module->slug) }}" class="btn btn-block btn-success">
{{ trans('modules.button.enable') }}
</a>
@endif
@endcan
@else
@can('create-modules-item')
@if ($module->install)
@if (!empty($module->isPurchase) && (!empty($module->purchase_type) && $module->purchase_type == 'monthly'))
<el-tooltip placement="right">
<div slot="content">{!! trans('modules.can_not_install') !!}</div>
<button type="button" class="btn btn-success btn-block btn-tooltip disabled">
<span class="text-disabled">{{ trans('modules.install') }}</span>
</button>
</el-tooltip>
@else
<button type="button"
id="install-module"
class="btn btn-success btn-block"
@click="onInstall('{{ $module->action_url }}', '{{ $module->slug }}', '{{ $module->name }}', '{{ $module->version }}')"
>
{{ trans('modules.install') }}
</button>
@endif
@else
<a href="{{ $module->action_url }}" class="btn btn-success btn-block" target="_blank">
{{ trans('modules.buy_now') }}
</a>
@endif
@endcan
@endif
@if (!empty($module->purchase_desc))
<div class="text-center mt-3 d-none">
{!! $module->purchase_desc !!}
</div>
@endif

View File

@@ -0,0 +1,73 @@
@if ($module->price != '0.0000')
<div class="tab-content">
<div class="tab-pane fade" id="yearly">
<div class="text-center">
<strong>
<div class="text-xl">
@if ($module->price == '0.0000')
{{ trans('modules.free') }}
@else
{!! $module->yearly_per_monthly_price !!} <span class="small">{{ trans('modules.per_month') }}</span>
@endif
</div>
</strong>
</div>
<div class="text-center text-sm mt-3 mb--2" onclick="document.getElementById('tab-pricing-monthly').click();">
<span style="cursor: pointer;">
{{ trans('modules.billed_yearly') }}
</span>
</div>
<div class="text-center text-sm mt-3 mb--2">
<span style="font-size: 12px;">
{!! trans('modules.save_year', ['price' => '$' . $module->raw_monthly_price * 4]) !!}
</span>
</div>
<div class="text-center text-sm mt-3 mb--2">
<span style="height: 18px;display: block;"></span>
</div>
</div>
<div class="tab-pane fade show active" id="monthly">
<div class="text-center">
<strong>
<div class="text-xl">
@if ($module->price == '0.0000')
{{ trans('modules.free') }}
@else
{!! $module->monthly_price !!} <span class="small">{{ trans('modules.per_month') }}</span>
@endif
</div>
</strong>
</div>
<div class="text-center text-sm mt-3 mb--2" onclick="document.getElementById('tab-pricing-yearly').click();">
<span style="cursor: pointer;">
{{ trans('modules.billed_monthly') }}
</span>
</div>
<div class="text-center text-sm mt-3 mb--2">
<span style="font-size: 12px;">
{!! trans('modules.if_paid_year', ['price' => $module->yearly_per_monthly_price]) !!}
</span>
</div>
<div class="text-center text-sm mt-3 mb--2">
<span style="font-size: 12px;">
<span class="text-danger">*</span> {!! trans('modules.information_monthly') !!}
</span>
</div>
</div>
</div>
@else
<div class="text-center">
<strong>
<div class="text-xl">
{{ trans('modules.free') }}
</div>
</strong>
</div>
@endif