akaunting 3.0 (the last dance)
This commit is contained in:
Burak Civan
13
resources/views/components/index/bulkaction/all.blade.php
Normal file
13
resources/views/components/index/bulkaction/all.blade.php
Normal file
@ -0,0 +1,13 @@
|
||||
@stack('bulk_action_all_input_start')
|
||||
|
||||
<div class="text-left">
|
||||
<input type="checkbox"
|
||||
id="table-check-all"
|
||||
class="rounded-sm text-purple border-gray-300 cursor-pointer disabled:bg-gray-200 focus:outline-none focus:ring-transparent"
|
||||
v-model="{{ !empty($attributes['v-model']) ? $attributes['v-model'] : 'bulk_action.select_all' }}"
|
||||
@click="onSelectAllBulkAction"
|
||||
/>
|
||||
<label class="custom-control-label" for="table-check-all"></label>
|
||||
</div>
|
||||
|
||||
@stack('bulk_action_all_input_end')
|
||||
94
resources/views/components/index/bulkaction/index.blade.php
Normal file
94
resources/views/components/index/bulkaction/index.blade.php
Normal file
@ -0,0 +1,94 @@
|
||||
@stack('bulk_action_row_input_start')
|
||||
|
||||
@if (! empty($actions))
|
||||
<div
|
||||
:class="[{'sm:flex': bulk_action.show}]"
|
||||
class="h-12 bg-purple-lighter items-center rounded-tl-xl rounded-tr-xl px-12 my-5 py-2 hidden"
|
||||
v-if="bulk_action.show"
|
||||
>
|
||||
<div class="mr-6">
|
||||
<span class="text-sm hidden sm:block">
|
||||
<span v-text="bulk_action.count"></span>
|
||||
<span v-if="bulk_action.count === 1">
|
||||
{{ strtolower(trans_choice($text, 1)) }}
|
||||
</span>
|
||||
<span v-else-if="bulk_action.count > 1">
|
||||
{{ strtolower(trans_choice($text, 2)) }}
|
||||
</span>
|
||||
{{ trans('bulk_actions.selected') }}:
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="relative flex items-center ltr:mr-4 rtl:ml-4" v-if="bulk_action.count">
|
||||
@foreach ($actions as $key => $action)
|
||||
@if (! empty($action['icon']))
|
||||
<div>
|
||||
<x-tooltip id="{{ $key }}" placement="top" message="{{ trans($action['name']) }}">
|
||||
<x-button @click="onChangeBulkAction('{{ $key }}')"
|
||||
id="button-bulk-action-{{ $key }}"
|
||||
class="relative w-8 h-8 flex items-center px-2 mr-2 rounded-lg hover:bg-gray-200"
|
||||
override="class"
|
||||
data-message="{{ ! empty($action['message']) ? trans_choice($action['message'], 2, ['type' => strtolower(trans_choice($text, 2))]) : '' }}"
|
||||
data-path="{{ (isset($path) && ! empty($path)) ? $path : '' }}"
|
||||
data-type="{{ (isset($action['type']) && ! empty($action['type'])) ? $action['type'] : '' }}"
|
||||
>
|
||||
<x-icon class="text-lg" :icon="$action['icon']" />
|
||||
</x-button>
|
||||
</x-tooltip>
|
||||
</div>
|
||||
@else
|
||||
<div>
|
||||
<x-tooltip id="{{ $key }}" placement="top" message="{{ trans($action['name']) }}">
|
||||
<x-button @click="onChangeBulkAction('{{ $key }}')"
|
||||
id="button-bulk-action-{{ $key }}"
|
||||
class="w-8 h-8 flex items-center px-2 rounded-lg hover:bg-gray-200"
|
||||
override="class"
|
||||
data-message="{{ ! empty($action['message']) ? trans_choice($action['message'], 2, ['type' => strtolower(trans_choice($text, 2))]) : '' }}"
|
||||
data-path="{{ (isset($path) && ! empty($path)) ? $path : '' }}"
|
||||
data-type="{{ (isset($action['type']) && ! empty($action['type'])) ? $action['type'] : '' }}"
|
||||
>
|
||||
{{ trans($action['name']) }}
|
||||
</x-button>
|
||||
</x-tooltip>
|
||||
</div>
|
||||
@endif
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
<div class="ltr:mr-4 rtl:ml-4" v-if="bulk_action.count">
|
||||
<button type="button" class="text-sm border-b border-transparent transition-all hover:border-black" @click="onClearBulkAction">
|
||||
<span>{{ trans('general.clear') }}</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<akaunting-modal
|
||||
:show="bulk_action.modal"
|
||||
:title="`{{ trans_choice($text, 2) }}`"
|
||||
:message="bulk_action.message"
|
||||
@cancel="onCancelBulkAction"
|
||||
v-if='bulk_action.message && bulk_action.modal'>
|
||||
<template #card-footer>
|
||||
<div class="flex items-center justify-end">
|
||||
<button type="button" @click="onCancelBulkAction" class="px-6 py-1.5 hover:bg-gray-200 rounded-lg ltr:mr-2 rtl:ml-2">
|
||||
<span>{{ trans('general.cancel') }}</span>
|
||||
</button>
|
||||
|
||||
<button type="button"
|
||||
:disabled="bulk_action.loading"
|
||||
@click="onActionBulkAction"
|
||||
class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100"
|
||||
>
|
||||
<i v-if="bulk_action.loading" class="submit-spin absolute w-2 h-2 rounded-full left-0 right-0 -top-3.5 m-auto"></i>
|
||||
<span :class="[{'opacity-0': bulk_action.loading}]">{{ trans('general.confirm') }}</span>
|
||||
</button>
|
||||
</div>
|
||||
</template>
|
||||
</akaunting-modal>
|
||||
@else
|
||||
<div class="text-black hidden" :class="[{'sm:flex': bulk_action.show}]">
|
||||
{{ trans('bulk_actions.no_action') }}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@stack('bulk_action_row_input_end')
|
||||
21
resources/views/components/index/bulkaction/single.blade.php
Normal file
21
resources/views/components/index/bulkaction/single.blade.php
Normal file
@ -0,0 +1,21 @@
|
||||
@props(['id', 'name'])
|
||||
|
||||
@stack($name . '_input_start')
|
||||
|
||||
<div data-bulkaction>
|
||||
<input type="checkbox"
|
||||
id="bulk-action-{{ $id }}"
|
||||
class="rounded-sm text-purple border-gray-300 cursor-pointer disabled:bg-gray-200 focus:outline-none focus:ring-transparent"
|
||||
@if (!empty($attributes['disabled']))
|
||||
:disabled="{{ ($attributes['disabled']) ? true : false }}"
|
||||
@else
|
||||
data-bulk-action="{{ $id }}"
|
||||
@endif
|
||||
:value="{{ $id }}"
|
||||
v-model="{{ !empty($attributes['v-model']) ? $attributes['v-model'] : 'bulk_action.selected' }}"
|
||||
@change="onSelectBulkAction"
|
||||
>
|
||||
<label class="custom-control-label" for="bulk-action-{{ $id }}"></label>
|
||||
</div>
|
||||
|
||||
@stack($name . '_input_end')
|
||||
Reference in New Issue
Block a user