ok
Direktori : /home2/selectio/www/fms-worksuite/resources/views/projects/ajax/ |
Current File : //home2/selectio/www/fms-worksuite/resources/views/projects/ajax/edit.blade.php |
@php $addProjectCategoryPermission = user()->permission('manage_project_category'); $addClientPermission = user()->permission('add_clients'); $editProjectMemberPermission = user()->permission('edit_project_members'); $addEmployeePermission = user()->permission('add_employees'); $addProjectMemberPermission = user()->permission('add_project_members'); $addProjectMemberPermission = user()->permission('add_project_members'); $createPublicProjectPermission = user()->permission('create_public_project'); @endphp <link rel="stylesheet" href="{{ asset('vendor/css/dropzone.min.css') }}"> <div class="row"> <div class="col-sm-12"> <x-form id="save-project-data-form" method="PUT"> <div class="add-client bg-white rounded"> <h4 class="mb-0 p-20 f-21 font-weight-normal text-capitalize border-bottom-grey"> @lang('modules.projects.projectInfo')</h4> <div class="row p-20"> <div class="col-lg-6 col-md-6"> <x-forms.text class="mr-0 mr-lg-2 mr-md-2" :fieldLabel="__('modules.taskShortCode')" fieldName="project_code" fieldRequired="true" fieldId="project_code" :fieldPlaceholder="__('placeholders.writeshortcode')" :fieldValue="$project->project_short_code" /> </div> <div class="col-lg-4 col-md-6"> <x-forms.text class="mr-0 mr-lg-2 mr-md-2" :fieldLabel="__('modules.projects.projectName')" fieldName="project_name" fieldRequired="true" fieldId="project_name" :fieldValue="$project->project_name" :fieldPlaceholder="__('placeholders.project')" /> </div> <input type="hidden" name="project_id" value="{{ $project->id }}"> <div class="col-md-6 col-lg-4"> <x-forms.datepicker fieldId="start_date" fieldRequired="true" :fieldLabel="__('modules.projects.startDate')" fieldName="start_date" :fieldValue="$project->start_date->format(company()->date_format)" :fieldPlaceholder="__('placeholders.date')" /> </div> <div class="col-md-6 col-lg-4" id="deadlineBox"> <x-forms.datepicker fieldId="deadline" fieldRequired="true" :fieldLabel="__('modules.projects.deadline')" fieldName="deadline" :fieldValue="($project->deadline ? $project->deadline->format(company()->date_format) : '')" :fieldPlaceholder="__('placeholders.date')" /> </div> <div class="col-md-6 col-lg-3"> <div class="form-group"> <div class="d-flex mt-5"> <x-forms.checkbox fieldId="without_deadline" :checked="($project->deadline == null) ? true : false" :fieldLabel="__('modules.projects.withoutDeadline')" fieldName="without_deadline" /> </div> </div> </div> <div class="col-md-4"> <x-forms.label class="my-3" fieldId="category_id" :fieldLabel="__('modules.projects.projectCategory')"> </x-forms.label> <x-forms.input-group> <select class="form-control select-picker" name="category_id" id="project_category_id" data-live-search="true"> <option value="">--</option> @foreach ($categories as $category) <option @if ($project->category_id == $category->id) selected @endif value="{{ $category->id }}"> {{ mb_ucwords($category->category_name) }}</option> @endforeach </select> @if ($addProjectCategoryPermission == 'all' || $addProjectCategoryPermission == 'added') <x-slot name="append"> <button id="addProjectCategory" type="button" class="btn btn-outline-secondary border-grey" data-toggle="tooltip" data-original-title="{{__('modules.projectCategory.addProjectCategory') }}">@lang('app.add')</button> </x-slot> @endif </x-forms.input-group> </div> @if (!in_array('client', user_roles())) <div class="col-md-4"> <x-forms.label class="my-3" fieldId="department" :fieldLabel="__('app.department')"> </x-forms.label> <x-forms.input-group> <select class="form-control select-picker" name="team_id" id="employee_department" data-live-search="true"> <option value="">--</option> @foreach ($teams as $team) <option @if ($project->team_id === $team->id) selected @endif value="{{ $team->id }}"> {{ mb_ucfirst($team->team_name) }} </option> @endforeach </select> </x-forms.input-group> </div> @endif <div class="col-md-4"> <x-forms.label class="my-3" fieldId="client_id" :fieldLabel="__('app.client')"> </x-forms.label> <x-forms.input-group> <select class="form-control select-picker" name="client_id" id="client_id" data-live-search="true" data-size="8"> <option value="">--</option> @foreach ($clients as $client) <x-user-option :user="$client" :selected="$project->client_id == $client->id"/> @endforeach </select> @if ($addClientPermission == 'all' || $addClientPermission == 'added') <x-slot name="append"> <button id="add-client" type="button" class="btn btn-outline-secondary border-grey" data-toggle="tooltip" data-original-title="{{__('modules.client.addNewClient') }}">@lang('app.add')</button> </x-slot> @endif </x-forms.input-group> </div> <div class="col-md-12 col-lg-12"> <div class="form-group my-3"> <x-forms.label class="my-3" fieldId="project_summary" :fieldLabel="__('modules.projects.projectSummary')"> </x-forms.label> <div id="project_summary">{!! $project->project_summary !!}</div> <textarea name="project_summary" id="project_summary-text" class="d-none">{!! $project->project_summary !!}</textarea> </div> </div> @if ($project->public == 1 && $createPublicProjectPermission == 'all') <div class="col-sm-12"> <div class="form-group"> <div class="d-flex mt-2"> <x-forms.checkbox fieldId="is_private" :fieldLabel="__('modules.projects.createPrivateProject')" fieldName="private" /> </div> </div> </div> @endif @if ($project->public == 0 && $createPublicProjectPermission == 'all') <div class="col-sm-12"> <div class="form-group"> <div class="d-flex mt-2"> <x-forms.checkbox fieldId="is_public" :fieldLabel="__('modules.projects.changeToPublicProject')" fieldName="public" /> </div> </div> </div> @endif @if ($editProjectMembersPermission == 'all' || $editPermission == 'all') <div class="col-md-12 @if ($project->public == 1) d-none @endif" id="edit_members"> <div class="form-group my-3"> <x-forms.label fieldId="selectAssignee" :fieldLabel="__('modules.tasks.assignTo')"> </x-forms.label> <x-forms.input-group> <select class="form-control multiple-users" multiple name="member_id[]" id="selectEmployee" data-live-search="true" data-size="8"> @foreach ($employees as $item) @php $selected = ''; @endphp @foreach ($project->members as $member) @if ($member->user->id == $item->id) @php $selected = 'selected'; @endphp @endif @endforeach <x-user-option :user="$item" :selected="$selected" :pill="true"/> @endforeach </select> @if ($addEmployeePermission == 'all' || $addEmployeePermission == 'added') <x-slot name="append"> <button id="add-employee" type="button" class="btn btn-outline-secondary border-grey">@lang('app.add')</button> </x-slot> @endif </x-forms.input-group> </div> </div> @endif @if ($project->public == 1 && $editProjectMembersPermission || $editPermission == 'all') <div class="col-md-12 d-none" id="add_members"> <div class="form-group my-3"> <x-forms.label class="my-3" fieldId="selectEmployee" fieldRequired="true" :fieldLabel="__('modules.projects.addMemberTitle')"> </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"> @if ($employees != '') @foreach ($employees as $item) <x-user-option :user="$item" :pill="true" :selected="request()->has('default_assign') && request('default_assign') == $item->id ||(isset($projectTemplateMembers) && in_array($item->id, $projectTemplateMembers))" /> @endforeach @endif </select> @if ($addEmployeePermission == 'all' || $addEmployeePermission == 'added') <x-slot name="append"> <button id="add-employee" type="button" class="btn btn-outline-secondary border-grey">@lang('app.add')</button> </x-slot> @endif </x-forms.input-group> </div> </div> @elseif(in_array('employee', user_roles())) <input type="hidden" name="user_id[]" value="{{ user()->id }}"> @endif <div class="col-md-12 col-lg-4"> <x-forms.select fieldId="project_status" :fieldLabel="__('app.project') . ' ' . __('app.status')" fieldName="status" search="true"> @foreach ($projectStatus as $status) <option data-content="<i class='fa fa-circle mr-1 f-15' style='color:{{$status->color}}'></i>{{ ucfirst($status->status_name) }}" @if ($project->status == $status->status_name) selected @endif value="{{$status->status_name}}"> </option> @endforeach </x-forms.select> </div> <div class="col-md-12 col-lg-4"> <x-forms.range class="mr-0 mr-lg-2 mr-md-2" :disabled="($project->calculate_task_progress == 'true' ? 'true' : 'false')" :fieldLabel="__('modules.projects.projectCompletionStatus')" fieldName="completion_percent" fieldId="completion_percent" :fieldValue="$project->completion_percent" /> </div> <div class="col-md-12 col-lg-4"> <div class="form-group"> <div class="d-flex mt-5"> <x-forms.checkbox fieldId="calculate-task-progress" :checked="($project->calculate_task_progress == 'true') ? true : false" :fieldLabel="__('modules.projects.calculateTasksProgress')" fieldName="calculate_task_progress" /> <i class="fa fa-question-circle mt-2" title="{{__('messages.calculateTaskProgress')}}" data-toggle="tooltip"></i> </div> </div> </div> </div> <h4 class="mb-0 p-20 f-21 font-weight-normal text-capitalize border-top-grey"> @lang('modules.client.clientOtherDetails')</h4> <div class="row p-20"> <div class="col-lg-4"> <x-forms.select fieldId="currency_id" :fieldLabel="__('modules.invoices.currency')" fieldName="currency_id" search="true"> @foreach ($currencies as $currency) <option @if ($currency->id == $project->currency_id) selected @endif value="{{ $currency->id }}"> {{ $currency->currency_symbol . ' (' . $currency->currency_code . ')' }} </option> @endforeach </x-forms.select> </div> <div class="col-lg-4 col-md-6"> <x-forms.number class="mr-0 mr-lg-2 mr-md-2" :fieldLabel="__('modules.projects.projectBudget')" fieldName="project_budget" fieldId="project_budget" :fieldValue="$project->project_budget" :fieldPlaceholder="__('placeholders.price')" /> </div> <div class="col-lg-4 col-md-6"> <x-forms.number class="mr-0 mr-lg-2 mr-md-2" :fieldLabel="__('modules.projects.hours_allocated')" fieldName="hours_allocated" fieldId="hours_allocated" :fieldValue="$project->hours_allocated" :fieldPlaceholder="__('placeholders.hourEstimate')" /> </div> <div class="col-md-6 col-lg-4"> <div class="form-group"> <div class="d-flex mt-5"> <x-forms.checkbox fieldId="manual_timelog" :fieldLabel="__('modules.projects.manualTimelog')" :checked="($project->manual_timelog == 'enable')" fieldName="manual_timelog" /> </div> </div> </div> <div class="col-md-6 col-lg-4" id="clientNotification"> <div class="form-group"> <div class="d-flex mt-5"> <x-forms.checkbox fieldId="client_task_notification" :checked="($project->allow_client_notification == 'enable')" :fieldLabel="__('modules.projects.clientTaskNotification')" fieldName="client_task_notification" /> </div> </div> </div> @if ($editPermission == 'all') <div class="col-lg-3 col-md-6"> <x-forms.select fieldId="added_by" :fieldLabel="__('app.added').' '.__('app.by')" fieldName="added_by"> <option value="">--</option> @foreach ($employees as $item) <x-user-option :user="$item" :selected="$project->added_by == $item->id" /> @endforeach </x-forms.select> </div> @endif </div> <div class="row p-20"> <div class="col-md-6 col-lg-3"> <div class="form-group"> <div class="d-flex mt-5"> <x-forms.checkbox fieldId="miroboard_checkbox" :fieldLabel="__('modules.projects.enableMiroboard')" fieldName="miroboard_checkbox" :checked="$project ? $project->enable_miroboard : ''"/> </div> </div> </div> <input type = "hidden" name = "mention_user_ids" id = "mentionUserId" class ="mention_user_ids"> <div class="col-md-6 col-lg-6 {{!is_null($project) && $project->enable_miroboard ? '' : 'd-none'}}" id="miroboard_detail"> <div class="form-group my-3"> <div class="row"> <div class="col-md-6 mt-6"> <x-forms.text class="mr-0 mr-lg-2 mr-md-2" :fieldLabel="__('modules.projects.miroBoardId')" fieldName="miro_board_id" fieldRequired="true" fieldId="miro_board_id" :fieldValue="$project->miro_board_id"/> </div> <div class="col-md-6 col-lg-6"> <div class="form-group"> <div class="d-flex mt-5"> <x-forms.checkbox fieldId="client_access" :fieldLabel="__('modules.projects.clientMiroAccess')" fieldName="client_access" :checked="$project ? $project->client_access : ''"/> </div> </div> </div> </div> </div> </div> </div> <x-forms.custom-field :fields="$fields" :model="$project"></x-forms.custom-field> <x-form-actions> <x-forms.button-primary id="save-project-form" class="mr-3" icon="check">@lang('app.save') </x-forms.button-primary> <x-forms.button-cancel :link="route('projects.index')" class="border-0">@lang('app.cancel') </x-forms.button-cancel> </x-form-actions> </div> </x-form> </div> </div> <script src="{{ asset('vendor/jquery/dropzone.min.js') }}"></script> <script> $(document).ready(function() { $('.custom-date-picker').each(function(ind, el) { datepicker(el, { position: 'bl', ...datepickerConfig }); }); $(".multiple-users").selectpicker({ actionsBox: true, selectAllText: "{{ __('modules.permission.selectAll') }}", deselectAllText: "{{ __('modules.permission.deselectAll') }}", multipleSeparator: " ", selectedTextFormat: "count > 8", countSelectedText: function(selected, total) { return selected + " {{ __('app.membersSelected') }} "; } }); const dp1 = datepicker('#start_date', { position: 'bl', dateSelected: new Date("{{ str_replace('-', '/', $project->start_date) }}"), onSelect: (instance, date) => { dp2.setMin(date); }, ...datepickerConfig }); const dp2 = datepicker('#deadline', { position: 'bl', dateSelected: new Date("{{ $project->deadline ? str_replace('-', '/', $project->deadline) : str_replace('-', '/', now(company()->timezone)) }}"), onSelect: (instance, date) => { dp1.setMax(date); }, ...datepickerConfig }); @if ($project->deadline == null) $('#deadlineBox').hide(); @endif $('#without_deadline').click(function() { var check = $('#without_deadline').is(":checked") ? true : false; if (check == true) { $('#deadlineBox').hide(); } else { $('#deadlineBox').show(); } }); const atValues = @json($userData); quillMention(atValues, '#project_summary'); $('#save-project-form').click(function() { var note = document.getElementById('project_summary').children[0].innerHTML; document.getElementById('project_summary-text').value = note; var user = $('#project_summary span[data-id]').map(function(){ return $(this).attr('data-id') }).get(); var mention_user_id = $.makeArray(user); $('#mentionUserId').val(mention_user_id.join(',')); const url = "{{ route('projects.update', $project->id) }}"; $.easyAjax({ url: url, container: '#save-project-data-form', type: "POST", disableButton: true, blockUI: true, file:true, buttonSelector: "#save-project-form", data: $('#save-project-data-form').serialize(), success: function(response) { if (response.status == 'success') { window.location.href = response.redirectUrl; } } }); }); $('#addProjectCategory').click(function() { const url = "{{ route('projectCategory.create') }}"; $(MODAL_LG + ' ' + MODAL_HEADING).html('...'); $.ajaxModal(MODAL_LG, url); }); $('#department-setting').click(function() { const url = "{{ route('departments.create') }}"; $(MODAL_LG + ' ' + MODAL_HEADING).html('...'); $.ajaxModal(MODAL_LG, url); }); $('#client_view_task').change(function() { $('#clientNotification').toggleClass('d-none'); }); $('#is_private').change(function() { $('#add_members').toggleClass('d-none'); $('#edit_members').addClass('d-none'); }); $('#is_public').change(function() { $('#edit_members').toggleClass('d-none'); $('#add_members').addClass('d-none'); }); $('#miroboard_checkbox').change(function() { $('#miroboard_detail').toggleClass('d-none'); }); $('#add-client').click(function() { $(MODAL_XL).modal('show'); const url = "{{ route('clients.create') }}"; $.easyAjax({ url: url, blockUI: true, container: MODAL_XL, success: function(response) { if (response.status == "success") { $(MODAL_XL + ' .modal-body').html(response.html); $(MODAL_XL + ' .modal-title').html(response.title); init(MODAL_XL); } } }); }); $('#add-employee').click(function() { $(MODAL_XL).modal('show'); const url = "{{ route('employees.create') }}"; $.easyAjax({ url: url, blockUI: true, container: MODAL_XL, success: function(response) { if (response.status == "success") { $(MODAL_XL + ' .modal-body').html(response.html); $(MODAL_XL + ' .modal-title').html(response.title); init(MODAL_XL); } } }); }); $('#calculate-task-progress').change(function() { if ($(this).is(':checked')) { $('#completion_percent').attr('disabled', 'true'); } else { $('#completion_percent').removeAttr('disabled'); } }); <x-forms.custom-field-filejs/> init(RIGHT_MODAL); }); function checkboxChange(parentClass, id){ var checkedData = ''; $('.'+parentClass).find("input[type= 'checkbox']:checked").each(function () { checkedData = (checkedData !== '') ? checkedData+', '+$(this).val() : $(this).val(); }); $('#'+id).val(checkedData); } $('#save-project-data-form').on('change', '#employee_department', function () { let id = $(this).val(); if (id === '') { id = 0; } let url = "{{ route('departments.members', ':id') }}"; url = url.replace(':id', id); $.easyAjax({ url: url, type: "GET", container: '#save-project-data-form', blockUI: true, redirect: true, success: function (data) { $('#selectEmployee').html(data.data); $('#selectEmployee').selectpicker('refresh'); } }) }); </script>