ok
Mini Shell
<div class="row">
<div class="col-sm-12">
<x-form id="save-project-note-data-form">
<div class="add-client bg-white rounded">
<h4 class="mb-0 p-20 f-21 font-weight-normal text-capitalize border-bottom-grey">
@lang('app.project') @lang('app.note') @lang('app.details')</h4>
<input type="hidden" name="project_id" value="{{ $project->id }}">
<input type="hidden" name="client_id" value="{{ $project->client_id }}">
<div class="row p-20">
<div class="col-md-6">
<x-forms.text fieldId="title" :fieldLabel="__('modules.client.noteTitle')" fieldName="title"
fieldRequired="true" :fieldPlaceholder="__('placeholders.note')">
</x-forms.text>
</div>
<div class="col-md-6 col-lg-6">
<div class="form-group my-3">
<x-forms.label fieldId="late_yes" :fieldLabel="__('modules.client.noteType')">
</x-forms.label>
<div class="d-flex">
<x-forms.radio fieldId="public" :fieldLabel="__('app.public')" fieldName="type"
fieldValue="0" checked="true">
</x-forms.radio>
<x-forms.radio fieldId="private" :fieldLabel="__('app.private')" fieldValue="1"
fieldName="type"></x-forms.radio>
</div>
</div>
</div>
</div>
<div class="row p-20 d-none" id="private-note-details">
<div class="col-md-12">
<div class="form-group my-3">
<x-forms.label class="my-3" fieldRequired="true" fieldId="selectEmployee" :fieldLabel="__('app.employee')">
</x-forms.label>
<x-forms.input-group>
<select class="form-control multiple-users" multiple name="user_id[]"
id="selectEmployee" data-live-search="true" data-size="8">
@foreach ($employees as $item)
<x-user-option :user="$item" :pill="true" />
@endforeach
</select>
</x-forms.input-group>
</div>
</div>
<div class="col-lg-6 mb-2">
<x-forms.checkbox :fieldLabel="__('modules.client.visibleToClient')" fieldName="is_client_show"
fieldId="is_client_show" fieldValue="1" fieldRequired="true" />
</div>
<div class="col-lg-6 mb-2">
<x-forms.checkbox :fieldLabel="__('modules.client.askToReenterPassword')"
fieldName="ask_password" fieldId="ask_password" fieldValue="1" fieldRequired="true" />
</div>
</div>
<div class="row p-20">
<div class="col-md-12 col-lg-12">
<div class="form-group my-3">
<x-forms.label class="my-3" fieldId="notes" :fieldLabel="__('modules.client.noteDetail')">
</x-forms.label>
<div id="details"></div>
<textarea name="details" id="details-text" class="d-none"></textarea>
</div>
</div>
</div>
<x-form-actions>
<x-forms.button-primary id="save-project-note-form" class="mr-3" icon="check">@lang('app.save')
</x-forms.button-primary>
<x-forms.button-cancel :link="route('clients.index')" class="border-0">@lang('app.cancel')
</x-forms.button-cancel>
</x-form-actions>
</div>
</x-form>
</div>
</div>
<script>
$(document).ready(function() {
$("#selectEmployee").selectpicker({
actionsBox: true,
selectAllText: "{{ __('modules.permission.selectAll') }}",
deselectAllText: "{{ __('modules.permission.deselectAll') }}",
multipleSeparator: " ",
selectedTextFormat: "count > 8",
countSelectedText: function(selected, total) {
return selected + " {{ __('app.membersSelected') }} ";
}
});
const atValues = @json($userData);
quillMention(atValues, '#details');
$('#save-project-note-form').click(function() {
var comment = document.getElementById('details').children[0].innerHTML;
document.getElementById('details-text').value = comment;
var mention_user_id = $('#details span[data-id]').map(function(){
return $(this).attr('data-id')
}).get();
const url = "{{ route('project-notes.store') }}";
var projectData = $('#save-project-note-data-form').serialize();
var data = projectData+='&mention_user_id=' + mention_user_id;
$.easyAjax({
url: url,
container: '#save-project-note-data-form',
type: "POST",
disableButton: true,
blockUI: true,
buttonSelector: "#save-project-note-form",
data: data,
success: function(response) {
if (response.status == 'success') {
window.location.href = response.redirectUrl;
}
}
})
});
$("input[name=type]").click(function() {
$(this).val() == 1 ? $('#private-note-details').removeClass('d-none') : $(
'#private-note-details').addClass('d-none');
})
init(RIGHT_MODAL);
});
</script>
Zerion Mini Shell 1.0