wizard interface updated
This commit is contained in:
batuhanbas
parent
ffda0d3ffd
commit
c5edd42df8
6
public/css/custom.css
vendored
6
public/css/custom.css
vendored
@ -73,6 +73,12 @@
|
||||
|
||||
|
||||
/*--------Wizard Steps--------*/
|
||||
.wizard-header
|
||||
{
|
||||
border-radius: calc(0.375rem - 1px) calc(0.375rem - 1px) 0 0;
|
||||
}
|
||||
|
||||
|
||||
.wizard-steps
|
||||
{
|
||||
width: 3.375rem;
|
||||
|
||||
@ -4,9 +4,20 @@
|
||||
|
||||
@section('content')
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
{!! Form::model($company, [
|
||||
'method' => 'PATCH',
|
||||
'route' => ['wizard.companies.update'],
|
||||
'id' => 'company',
|
||||
'@submit.prevent' => 'onSubmit',
|
||||
'@keydown' => 'form.errors.clear($event.target.name)',
|
||||
'files' => true,
|
||||
'role' => 'form',
|
||||
'class' => 'form-loading-button mb-0',
|
||||
'novalidate' => true
|
||||
]) !!}
|
||||
<div class="card-header wizard-header pb-0">
|
||||
<div class="container-fluid">
|
||||
<div class="row mb--4">
|
||||
<div class="row">
|
||||
<hr class="wizard-line">
|
||||
<div class="col-md-3">
|
||||
<div class="text-center">
|
||||
@ -46,27 +57,9 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
{!! Form::model($company, [
|
||||
'method' => 'PATCH',
|
||||
'route' => ['wizard.companies.update'],
|
||||
'id' => 'company',
|
||||
'@submit.prevent' => 'onSubmit',
|
||||
'@keydown' => 'form.errors.clear($event.target.name)',
|
||||
'files' => true,
|
||||
'role' => 'form',
|
||||
'class' => 'form-loading-button mb-0',
|
||||
'novalidate' => true
|
||||
]) !!}
|
||||
<div id="wizard-loading"></div>
|
||||
|
||||
<div class="card-header">
|
||||
<h3 class="mb-0">{{ trans_choice('general.companies', 1) }}</h3>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div id="wizard-loading"></div>
|
||||
<div class="row mb--4">
|
||||
<div class="col-md-12 {!! (!setting('apps.api_key', null)) ?: 'hidden' !!}">
|
||||
<div class="form-group {{ $errors->has('api_key') ? 'has-error' : ''}}"
|
||||
@ -112,12 +105,14 @@
|
||||
<div class="row">
|
||||
<div class="col-12 text-right">
|
||||
{!! Form::button(
|
||||
'<div v-if="form.loading" :class="(form.loading) ? \'show \' : \'\'" class="aka-loader-frame d-none"><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', 'data-loading-text' => trans('general.loading')]) !!}
|
||||
<a href="{{ url('wizard/currencies') }}" id="wizard-skip" class="btn btn-white"><span class="fa fa-share"></span> {{ trans('general.skip') }}</a>
|
||||
'<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"><span class="fa fa-share"></span> {{ trans('general.skip') }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{!! Form::close() !!}
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@ -4,9 +4,9 @@
|
||||
|
||||
@section('content')
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="card-header pb-0">
|
||||
<div class="container-fluid">
|
||||
<div class="row mb--4">
|
||||
<div class="row">
|
||||
<hr class="wizard-line">
|
||||
<div class="col-md-3">
|
||||
<div class="text-center">
|
||||
@ -48,15 +48,10 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header border-bottom-0">
|
||||
<div class="card-body border-bottom-0">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3 class="mb-0">{{ trans_choice('general.currencies', 2) }}</h3>
|
||||
</div>
|
||||
<div class="col-6 text-right">
|
||||
<div class="col-12 text-right">
|
||||
<span class="new-button">
|
||||
<button type="button" @click="onAddCurrency" class="btn btn-success btn-sm">
|
||||
<span class="fa fa-plus"></span> {{ trans('general.add_new') }}
|
||||
@ -129,13 +124,13 @@
|
||||
|
||||
<tr class="row align-items-center border-top-1" v-show="show">
|
||||
<td class="col-xs-4 col-sm-3 currency-name">
|
||||
{{ Form::textGroup('name', trans('general.name'), 'id-card-o', [], null, '') }}
|
||||
{{ Form::textGroup('name', trans('general.name'), 'font', [], null, '') }}
|
||||
</td>
|
||||
<td class="col-sm-3 hidden-sm currency-code">
|
||||
{{ Form::selectGroup('code', trans('currencies.code'), 'code', $codes, null, ['required' => 'required', 'change' => 'onChangeCode'], '') }}
|
||||
</td>
|
||||
<td class="col-sm-2 hidden-sm currency-rate">
|
||||
{{ Form::textGroup('rate', trans('currencies.rate'), 'money', ['required' => 'required'], null, '') }}
|
||||
{{ Form::textGroup('rate', trans('currencies.rate'), 'percentage', ['required' => 'required'], null, '') }}
|
||||
</td>
|
||||
<td class="col-xs-4 col-sm-2 currency-status">
|
||||
{{ Form::radioGroup('enabled', trans('general.enabled')) }}
|
||||
@ -172,7 +167,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">
|
||||
<a href="{{ url('wizard/taxes') }}" id="wizard-skip" class="btn btn-white header-button-top">
|
||||
<span class="fa fa-share"></span> {{ trans('general.skip') }}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@ -4,9 +4,9 @@
|
||||
|
||||
@section('content')
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="card-header pb-0">
|
||||
<div class="container-fluid">
|
||||
<div class="row mb--4">
|
||||
<div class="row">
|
||||
<hr class="wizard-line">
|
||||
<div class="col-md-3">
|
||||
<div class="text-center">
|
||||
@ -52,14 +52,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-4">
|
||||
<div class="col-md-12 text-center">
|
||||
<a href="{{ url('/') }}" class="btn btn-lg btn-success"><span class="fa fa-home"></span> {{ trans('general.go_to', ['name' => trans('general.dashboard')]) }}</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-body bg-secondary">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-12 col-lg-12 col-xl-12">
|
||||
<div class="content-header">
|
||||
@ -98,4 +92,14 @@
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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('general.dashboard')]) }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@ -4,9 +4,9 @@
|
||||
|
||||
@section('content')
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="card-header pb-0">
|
||||
<div class="container-fluid">
|
||||
<div class="row mb--4">
|
||||
<div class="row">
|
||||
<hr class="wizard-line">
|
||||
<div class="col-md-3">
|
||||
<div class="text-center">
|
||||
@ -50,15 +50,10 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header border-bottom-0">
|
||||
<div class="card-body border-bottom-0">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3 class="mb-0">{{ trans_choice('general.taxes', 2) }}</h3>
|
||||
</div>
|
||||
<div class="col-6 text-right">
|
||||
<div class="col-12 text-right">
|
||||
<span class="new-button">
|
||||
<button type="button" @click="onAddTax" class="btn btn-success btn-sm">
|
||||
<span class="fa fa-plus"></span> {{ trans('general.add_new') }}
|
||||
@ -129,10 +124,10 @@
|
||||
|
||||
<tr class="row align-items-center border-top-1" v-show="show">
|
||||
<td class="col-xs-4 col-sm-3 tax-name">
|
||||
{{ Form::textGroup('name', trans('general.name'), 'id-card-o', [], null, '') }}
|
||||
{{ Form::textGroup('name', trans('general.name'), 'font', [], null, '') }}
|
||||
</td>
|
||||
<td class="col-sm-3 hidden-sm tax-rate">
|
||||
{{ Form::textGroup('rate', trans('currencies.rate'), 'money', ['required' => 'required'], null, '') }}
|
||||
{{ Form::textGroup('rate', trans('currencies.rate'), 'percentage', ['required' => 'required'], null, '') }}
|
||||
</td>
|
||||
<td class="col-xs-4 col-sm-3 tax-status">
|
||||
{{ Form::radioGroup('enabled', trans('general.enabled')) }}
|
||||
@ -157,7 +152,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">
|
||||
<a href="{{ url('wizard/finish') }}" id="wizard-skip" class="btn btn-white header-button-top">
|
||||
<span class="fa fa-share"></span> {{ trans('general.skip') }}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user