ok
Direktori : /home2/selectio/www/fms-worksuite/resources/views/employees/ajax/ |
Current File : //home2/selectio/www/fms-worksuite/resources/views/employees/ajax/documents.blade.php |
@php $addDocumentPermission = user()->permission('add_documents'); $viewDocumentPermission = user()->permission('view_documents'); $deleteDocumentPermission = user()->permission('delete_documents'); $editDocumentPermission = user()->permission('edit_documents'); @endphp <style> .file-action { visibility: hidden; } .file-card:hover .file-action { visibility: visible; } </style> <!-- TAB CONTENT START --> <div class="tab-pane fade show active mt-5" role="tabpanel" aria-labelledby="nav-email-tab"> <x-cards.data :title="__('app.menu.documents')"> @if ($addDocumentPermission == 'all' || $addDocumentPermission == 'added') <div class="row"> <div class="col-md-12"> <a class="f-15 f-w-500" href="javascript:;" id="add-task-file"><i class="icons icon-plus font-weight-bold mr-1"></i>@lang('app.add') @lang('app.file')</a> </div> </div> <x-form id="save-taskfile-data-form" class="d-none"> <input type="hidden" name="user_id" value="{{ $employee->id }}"> <div class="row"> <div class="col-md-12"> <x-forms.text :fieldLabel="__('modules.projects.fileName')" fieldName="name" fieldRequired="true" fieldId="file_name" /> </div> <div class="col-md-12"> <x-forms.file :fieldLabel="__('modules.projects.uploadFile')" fieldName="file" fieldRequired="true" fieldId="employee_file" allowedFileExtensions="txt pdf doc xls xlsx docx rtf png jpg jpeg svg" :popover="__('messages.fileFormat.multipleImageFile')" /> </div> <div class="col-md-12"> <div class="w-100 justify-content-end d-flex mt-2"> <x-forms.button-cancel id="cancel-document" class="border-0 mr-3">@lang('app.cancel') </x-forms.button-cancel> <x-forms.button-primary id="submit-document" icon="check">@lang('app.submit') </x-forms.button-primary> </div> </div> </div> </x-form> @endif <div class="d-flex flex-wrap mt-3" id="task-file-list"> @php $totalDocuments = ($user->clientDocuments) ? count($user->clientDocuments) : 0; $permission = 0; // assuming we do have permission for all uploaded files @endphp @forelse($employee->documents as $file) @if ($viewDocumentPermission == 'all' || ($viewDocumentPermission == 'added' && $file->added_by == user()->id) || ($viewDocumentPermission == 'owned' && ($file->user_id == user()->id && $file->added_by != user()->id)) || ($viewDocumentPermission == 'both' && ($file->added_by == user()->id || $file->user_id == user()->id))) <x-file-card :fileName="$file->name" :dateAdded="$file->created_at->diffForHumans()"> @if ($file->icon == 'images') <img src="{{ $file->doc_url }}"> @else <i class="fa {{ $file->icon }} text-lightest"></i> @endif <x-slot name="action"> <div class="dropdown ml-auto file-action"> <button class="btn btn-lg f-14 p-0 text-lightest text-capitalize rounded dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-ellipsis-h"></i> </button> <div class="dropdown-menu dropdown-menu-right border-grey rounded b-shadow-4 p-0" aria-labelledby="dropdownMenuLink" tabindex="0"> @if ($viewDocumentPermission == 'all' || ($viewDocumentPermission == 'added' && $file->added_by == user()->id) || ($viewDocumentPermission == 'owned' && ($file->user_id == user()->id && $file->added_by != user()->id)) || ($viewDocumentPermission == 'both' && ($file->added_by == user()->id || $file->user_id == user()->id))) <a class="cursor-pointer d-block text-dark-grey f-13 pt-3 px-3 " target="_blank" href="{{ $file->doc_url }}">@lang('app.view')</a> <a class="cursor-pointer d-block text-dark-grey f-13 py-3 px-3 " href="{{ route('employee-docs.download', md5($file->id)) }}">@lang('app.download')</a> @endif @if ($editDocumentPermission == 'all' || ($editDocumentPermission == 'added' && $file->added_by == user()->id) || ($editDocumentPermission == 'owned' && ($file->user_id == user()->id && $file->added_by != user()->id)) || ($editDocumentPermission == 'both' && ($file->added_by == user()->id || $file->user_id == user()->id))) <a class="cursor-pointer d-block text-dark-grey pb-3 f-13 px-3 edit-file" href="javascript:;" data-file-id="{{ $file->id }}">@lang('app.edit')</a> @endif @if ($deleteDocumentPermission == 'all' || ($deleteDocumentPermission == 'added' && $file->added_by == user()->id) || ($deleteDocumentPermission == 'owned' && ($file->user_id == user()->id && $file->added_by != user()->id)) || ($deleteDocumentPermission == 'both' && ($file->added_by == user()->id || $file->user_id == user()->id))) <a class="cursor-pointer d-block text-dark-grey f-13 pb-3 px-3 delete-file" data-row-id="{{ $file->id }}" href="javascript:;">@lang('app.delete')</a> @endif </div> </div> </x-slot> </x-file-card> @else @php $permission++; @endphp @endif @empty <div class="align-items-center d-flex flex-column text-lightest p-20 w-100"> <i class="fa fa-file f-21 w-100"></i> <div class="f-15 mt-4"> - @lang('messages.noFileUploaded') </div> </div> @endforelse @if (isset($user->clientDocuments) && $totalDocuments > 0 && $totalDocuments == $permission) <div class="align-items-center d-flex flex-column text-lightest p-20 w-100"> <i class="fa fa-file-excel f-21 w-100"></i> <div class="f-15 mt-4"> - @lang('messages.noFileUploaded') - </div> </div> @endif </div> </x-cards.data> </div> <!-- TAB CONTENT END --> <script> $('#add-task-file').click(function() { $(this).closest('.row').addClass('d-none'); $('#save-taskfile-data-form').removeClass('d-none'); }); $('body').on('click', '.edit-file', function() { var fileId = $(this).data('file-id'); var url = "{{ route('employee-docs.edit', ':id') }}"; url = url.replace(':id', fileId); $(MODAL_DEFAULT + ' ' + MODAL_HEADING).html('...'); $.ajaxModal(MODAL_DEFAULT, url); }); $('#cancel-document').click(function() { $('#save-taskfile-data-form').addClass('d-none'); $('#add-task-file').closest('.row').removeClass('d-none'); }); $('#submit-document').click(function() { var url = "{{ route('employee-docs.store') }}"; $.easyAjax({ url: url, container: '#save-taskfile-data-form', type: "POST", disableButton: true, buttonSelector: "#submit-document", file: true, data: $('#editSettings').serialize(), success: function(response) { if (response.status == 'success') { $('#task-file-list').html(response.view); $('#save-taskfile-data-form')[0].reset(); $(".dropify-clear").trigger("click"); $('.invalid-feedback').addClass('d-none'); } } }) }); $('body').on('click', '.delete-file', function() { var id = $(this).data('row-id'); Swal.fire({ title: "@lang('messages.sweetAlertTitle')", text: "@lang('messages.recoverRecord')", icon: 'warning', showCancelButton: true, focusConfirm: false, confirmButtonText: "@lang('messages.confirmDelete')", cancelButtonText: "@lang('app.cancel')", customClass: { confirmButton: 'btn btn-primary mr-3', cancelButton: 'btn btn-secondary' }, showClass: { popup: 'swal2-noanimation', backdrop: 'swal2-noanimation' }, buttonsStyling: false }).then((result) => { if (result.isConfirmed) { var url = "{{ route('employee-docs.destroy', ':id') }}"; url = url.replace(':id', id); var token = "{{ csrf_token() }}"; $.easyAjax({ type: 'POST', url: url, data: { '_token': token, '_method': 'DELETE' }, success: function(response) { if (response.status == "success") { $('#task-file-list').html(response.view); } } }); } }); }); </script>