wizard steps updated to vue
This commit is contained in:
@ -17,49 +17,8 @@
|
||||
]) !!}
|
||||
|
||||
<div id="wizard-loading"></div>
|
||||
<div class="card-header wizard-header pb-0">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<hr class="wizard-line">
|
||||
@include('partials.wizard.steps')
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="text-center">
|
||||
<button href="#step-1" type="button" class="btn btn-default btn-lg wizard-steps rounded-circle">
|
||||
<span class="btn-inner--icon wizard-steps-inner">1</span>
|
||||
</button>
|
||||
<p class="mt-2 after-step-text">{{ trans_choice('general.companies', 1) }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="text-center">
|
||||
<button type="button" class="btn btn-secondary btn-lg wizard-steps rounded-circle steps">
|
||||
<span class="btn-inner--icon wizard-steps-inner wizard-steps-color">2</span>
|
||||
</button>
|
||||
<p class="mt-2 text-muted step-text">{{ trans_choice('general.currencies', 2) }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="text-center">
|
||||
<button type="button" class="btn btn-secondary btn-lg wizard-steps rounded-circle steps">
|
||||
<span class="btn-inner--icon wizard-steps-inner wizard-steps-color">3</span>
|
||||
</button>
|
||||
<p class="mt-2 text-muted step-text">{{ trans_choice('general.taxes', 2) }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="text-center">
|
||||
<button type="button" class="btn btn-secondary btn-lg wizard-steps rounded-circle steps">
|
||||
<span class="btn-inner--icon wizard-steps-inner wizard-steps-color">4</span>
|
||||
</button>
|
||||
<p class="mt-2 text-muted step-text">{{ trans_choice('general.finish', 1) }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div id="wizard-loading"></div>
|
||||
@ -109,7 +68,7 @@
|
||||
'<div v-if="form.loading" class="aka-loader-frame"><div class="aka-loader"></div></div> <span v-if="!form.loading" class="btn-inner--icon"><i class="fas fa-save"></i></span>' . '<span v-if="!form.loading" class="btn-inner--text"> ' . trans('general.save') . '</span>',
|
||||
[':disabled' => 'form.loading', 'type' => 'submit', 'class' => 'btn btn-icon btn-success button-submit header-button-top', 'data-loading-text' => trans('general.loading')]) !!}
|
||||
|
||||
<a href="{{ url('wizard/currencies') }}" id="wizard-skip" class="btn btn-white header-button-top">
|
||||
<a href="{{ url('wizard/currencies') }}" id="wizard-skip" class="btn btn-white header-button-top" @click="next">
|
||||
<span class="fa fa-share"></span> {{ trans('general.skip') }}
|
||||
</a>
|
||||
</div>
|
||||
|
@ -4,51 +4,7 @@
|
||||
|
||||
@section('content')
|
||||
<div class="card">
|
||||
<div class="card-header pb-0">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<hr class="wizard-line">
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="text-center">
|
||||
<a href="{{ url('wizard/companies') }}">
|
||||
<button type="button" class="btn btn-secondary btn-lg wizard-steps wizard-steps-color-active rounded-circle">
|
||||
<span class="btn-inner--icon wizard-steps-inner"><i class="fa fa-check"></i></span>
|
||||
</button>
|
||||
<p class="mt-2 text-muted step-text">{{ trans_choice('general.companies', 1) }}</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="text-center">
|
||||
<button href="#step-2" type="button" class="btn btn-default btn-lg wizard-steps rounded-circle">
|
||||
<span class="btn-inner--icon wizard-steps-inner">2</span>
|
||||
</button>
|
||||
<p class="mt-2 after-step-text">{{ trans_choice('general.currencies', 2) }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="text-center">
|
||||
<button type="button" class="btn btn-secondary btn-lg wizard-steps rounded-circle steps">
|
||||
<span class="btn-inner--icon wizard-steps-inner wizard-steps-color">3</span>
|
||||
</button>
|
||||
<p class="mt-2 text-muted step-text">{{ trans_choice('general.taxes', 2) }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="text-center">
|
||||
<button type="button" class="btn btn-secondary btn-lg wizard-steps rounded-circle steps">
|
||||
<span class="btn-inner--icon wizard-steps-inner wizard-steps-color">4</span>
|
||||
</button>
|
||||
<p class="mt-2 text-muted step-text">{{ trans_choice('general.finish', 1) }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@include('partials.wizard.steps')
|
||||
|
||||
<div class="card-body border-bottom-0">
|
||||
<div class="row">
|
||||
@ -167,7 +123,7 @@
|
||||
<div class="card-footer">
|
||||
<div class="row">
|
||||
<div class="col-12 text-right">
|
||||
<a href="{{ url('wizard/taxes') }}" id="wizard-skip" class="btn btn-white header-button-top">
|
||||
<a href="{{ url('wizard/taxes') }}" id="wizard-skip" class="btn btn-white header-button-top" @click="next">
|
||||
<span class="fa fa-share"></span> {{ trans('general.skip') }}
|
||||
</a>
|
||||
</div>
|
||||
|
@ -4,55 +4,7 @@
|
||||
|
||||
@section('content')
|
||||
<div class="card">
|
||||
<div class="card-header pb-0">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<hr class="wizard-line">
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="text-center">
|
||||
<a href="{{ url('wizard/companies') }}">
|
||||
<button type="button" class="btn btn-secondary btn-lg wizard-steps wizard-steps-color-active rounded-circle">
|
||||
<span class="btn-inner--icon wizard-steps-inner"><i class="fa fa-check"></i></span>
|
||||
</button>
|
||||
<p class="mt-2 text-muted step-text">{{ trans_choice('general.companies', 1) }}</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="text-center">
|
||||
<a href="{{ url('wizard/currencies') }}">
|
||||
<button type="button" class="btn btn-secondary btn-lg wizard-steps wizard-steps-color-active rounded-circle">
|
||||
<span class="btn-inner--icon wizard-steps-inner"><i class="fa fa-check"></i></span>
|
||||
</button>
|
||||
<p class="mt-2 text-muted step-text">{{ trans_choice('general.currencies', 2) }}</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="text-center">
|
||||
<a href="{{ url('wizard/taxes') }}">
|
||||
<button type="button" class="btn btn-secondary btn-lg wizard-steps wizard-steps-color-active rounded-circle">
|
||||
<span class="btn-inner--icon wizard-steps-inner"><i class="fa fa-check"></i></span>
|
||||
</button>
|
||||
<p class="mt-2 text-muted step-text">{{ trans_choice('general.taxes', 2) }}</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="text-center">
|
||||
<button href="#step-4" type="button" class="btn btn-default btn-lg wizard-steps rounded-circle">
|
||||
<span class="btn-inner--icon wizard-steps-inner">4</span>
|
||||
</button>
|
||||
<p class="mt-2 after-step-text">{{ trans_choice('general.finish', 1) }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@include('partials.wizard.steps')
|
||||
|
||||
<div class="card-body bg-default">
|
||||
<div class="row">
|
||||
@ -98,11 +50,15 @@
|
||||
<div class="card-footer">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-right">
|
||||
<a href="{{ url('/') }}" class="btn btn-lg btn-success header-button-top">
|
||||
<span class="fa fa-tachometer-alt"></span> {{ trans('general.go_to', ['name' => trans_choice('general.dashboards', 1)]) }}
|
||||
<a href="{{ url('/') }}" class="btn btn-lg btn-success header-button-top" @click="next">
|
||||
<span class="fa fa-tachometer-alt"></span> {{ trans('general.go_to', ['name' => trans_choice('general.dashboards', 1)]) }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@push('scripts_start')
|
||||
<script src="{{ asset('public/js/wizard/finish.js?v=' . version('short')) }}"></script>
|
||||
@endpush
|
||||
|
@ -4,53 +4,7 @@
|
||||
|
||||
@section('content')
|
||||
<div class="card">
|
||||
<div class="card-header pb-0">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<hr class="wizard-line">
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="text-center">
|
||||
<a href="{{ url('wizard/companies') }}">
|
||||
<button type="button" class="btn btn-secondary btn-lg wizard-steps wizard-steps-color-active rounded-circle">
|
||||
<span class="btn-inner--icon wizard-steps-inner"><i class="fa fa-check"></i></span>
|
||||
</button>
|
||||
<p class="mt-2 text-muted step-text">{{ trans_choice('general.companies', 1) }}</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="text-center">
|
||||
<a href="{{ url('wizard/currencies') }}">
|
||||
<button type="button" class="btn btn-secondary btn-lg wizard-steps wizard-steps-color-active rounded-circle">
|
||||
<span class="btn-inner--icon wizard-steps-inner"><i class="fa fa-check"></i></span>
|
||||
</button>
|
||||
<p class="mt-2 text-muted step-text">{{ trans_choice('general.currencies', 2) }}</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="text-center">
|
||||
<button href="#step-3" type="button" class="btn btn-default btn-lg wizard-steps rounded-circle">
|
||||
<span class="btn-inner--icon wizard-steps-inner">3</span>
|
||||
</button>
|
||||
<p class="mt-2 after-step-text">{{ trans_choice('general.taxes', 2) }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="text-center">
|
||||
<button type="button" class="btn btn-secondary btn-lg wizard-steps rounded-circle steps">
|
||||
<span class="btn-inner--icon wizard-steps-inner wizard-steps-color">4</span>
|
||||
</button>
|
||||
<p class="mt-2 text-muted step-text">{{ trans_choice('general.finish', 1) }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@include('partials.wizard.steps')
|
||||
|
||||
<div class="card-body border-bottom-0">
|
||||
<div class="row">
|
||||
@ -152,7 +106,7 @@
|
||||
<div class="card-footer">
|
||||
<div class="row">
|
||||
<div class="col-12 text-right">
|
||||
<a href="{{ url('wizard/finish') }}" id="wizard-skip" class="btn btn-white header-button-top">
|
||||
<a href="{{ url('wizard/finish') }}" id="wizard-skip" class="btn btn-white header-button-top" @click="next">
|
||||
<span class="fa fa-share"></span> {{ trans('general.skip') }}
|
||||
</a>
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user