wizard steps updated to vue

This commit is contained in:
batuhanbas
2020-01-15 19:48:53 +03:00
parent 9405cf4aa2
commit 4eaf60603b
13 changed files with 178 additions and 243 deletions

View File

@ -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> &nbsp;{{ trans('general.skip') }}
</a>
</div>

View File

@ -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> &nbsp;{{ trans('general.skip') }}
</a>
</div>

View File

@ -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> &nbsp;{{ 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> &nbsp;{{ 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

View File

@ -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> &nbsp;{{ trans('general.skip') }}
</a>
</div>