Файловый менеджер

Файловый менеджер - Редактировать - /home/kckglobal/public_html/portal/resources/views/attendance-settings/ajax/create.blade.php

Назад
<link rel="stylesheet" href="{{ asset('vendor/css/daterangepicker.css') }}"> <link rel="stylesheet" href="{{ asset('vendor/css/bootstrap-colorpicker.css') }}" /> <!-- for sortable content --> <link rel="stylesheet" href="{{ asset('vendor/css/jquery-ui.css') }}"> <style> .preloader-container { margin-left: 260px !important; width: calc(100% - 260px) !important; } </style> <div class="row"> <div class="col-sm-12"> <x-form id="store-rotation-data-form"> <div class="add-client bg-white rounded"> <h4 class="mb-0 p-20 f-21 font-weight-normal border-bottom-grey"> @lang('app.addRotation')</h4> <div class="row p-20"> <div class="col-md-3"> <x-forms.text fieldId="rotation_name" :fieldLabel="__('app.rotationName')" fieldName="rotation_name" fieldRequired="true"> </x-forms.text> </div> <div class="col-md-3"> <x-forms.select fieldId="rotation_frequency" :fieldLabel="__('app.rotationFrequency')" fieldName="rotation_frequency" fieldRequired="true" search="true"> <option value="">--</option> <option value="weekly">@lang('app.weekly')</option> <option value="bi-weekly">@lang('app.bi-weekly')</option> <option value="monthly">@lang('app.monthly')</option> </x-forms.select> </div> <div class="col-md-3 d-none" id="scheduleOnDiv"> <x-forms.select fieldId="schedule_on" :fieldLabel="__('app.scheduleOn')" fieldName="schedule_on" fieldRequired="true" search="true"> <option value="">--</option> <option value="every-monday">@lang('app.every') @lang('app.monday')</option> <option value="every-tuesday">@lang('app.every') @lang('app.tuesday')</option> <option value="every-wednesday">@lang('app.every') @lang('app.wednesday')</option> <option value="every-thursday">@lang('app.every') @lang('app.thursday')</option> <option value="every-friday">@lang('app.every') @lang('app.friday')</option> <option value="every-saturday">@lang('app.every') @lang('app.saturday')</option> <option value="every-sunday">@lang('app.every') @lang('app.sunday')</option> </x-forms.select> </div> <div class="col-md-3 d-none" id="dateDiv"> <x-forms.select fieldId="rotation_date" :fieldLabel="__('app.scheduleDate')" fieldName="rotation_date" fieldRequired="true" search="true"> <option value="">--</option> @foreach ($dates as $date) <option value="{{ $date }}">{{ $date }}</option> @endforeach </x-forms.select> </div> <div class="col-md-3 mt-3"> <div id="colorpicker" class="input-group"> <div class="form-group w-100"> <x-forms.label fieldId="color_code" :fieldLabel="__('app.colorCode')" fieldRequired="true"> </x-forms.label> <x-forms.input-group> <input type="text" name="color_code" id="color_code" value="#7EE7F9" class="form-control height-35 f-15 light_text"> <x-slot name="append"> <span class="input-group-text colorpicker-input-addon height-35"><i></i></span> </x-slot> </x-forms.input-group> </div> </div> </div> </div> <div class="row pl-20 pr-20"> <div class="col-md-3"> <x-forms.select fieldId="rotation_sequence" :fieldLabel="__('app.selectShift')" fieldName="rotation_sequence" fieldRequired="true" search="true"> <option value="">--</option> @foreach ($employeeShifts as $item) @if ($item->shift_type == 'strict') <option data-content="<i class='fa fa-circle mr-2' style='color: {{ $item->color }}'></i> {{ $item->shift_name != 'Day Off' ? $item->shift_name : __('modules.attendance.' . str($item->shift_name)->camel()) }}{{ $item->shift_name != 'Day Off' ? ' [' . $item->office_start_time . ' - ' . $item->office_end_time . ']' : '' }}" value="{{ $item->id }}" data-name="{{ $item->shift_name }}" data-color="{{ $item->color }}"> {{ $item->shift_name != 'Day Off' ? $item->shift_name : __('modules.attendance.' . str($item->shift_name)->camel()) }}{{ $item->shift_name != 'Day Off' ? ' [' . $item->office_start_time . ' - ' . $item->office_end_time . ']' : '' }} </option> @else <option data-content="<i class='fa fa-circle mr-2' style='color: {{ $item->color }}'></i> {{ ($item->shift_name != 'Day Off') ? $item->shift_name : __('modules.attendance.' . str($item->shift_name)->camel()) }} {{ ($item->shift_name != 'Day Off') ? ' ['.$item->flexible_total_hours.' '.__('app.hrs').']' : ''}}" value="{{ $item->id }}">{{ ($item->shift_name != 'Day Off') ? $item->shift_name : __('modules.attendance.' . str($item->shift_name)->camel()) }} {{ ($item->shift_name != 'Day Off') ? ' ['.$item->office_start_time.' - '.$item->office_end_time.']' : ''}}</option> @endif @endforeach </x-forms.select> </div> <div class="col-md-3 mt-5 " id="add-shift-btn"> <div class="pl-1 pt-0 pb-3 mt-2 row"> <div class="col-md-12"> <a class="f-15 f-w-500" href="javascript:;" id="add-shift"><i class="fa fa-plus mr-2"></i>@lang('app.clickToAdd')</a> </div> </div> </div> <div class="col-md-3 mt-5"> <x-forms.checkbox :fieldLabel="__('app.replacePreAssignedShift')" fieldName="override_shift" fieldId="override_shift" fieldValue="yes"/> </div> <div class="col-md-3 mt-5"> <x-forms.checkbox :fieldLabel="__('app.sendRotationNotification')" fieldName="send_mail" fieldId="send_mail" fieldValue="yes" :checked="true" /> </div> </div> <div class="row p-20"> <div class="col-md-6"> <x-forms.label fieldId="shiftContainer" :fieldLabel="__('app.rotationSequence')"> </x-forms.label> <div id="shiftContainer" class="border p-3" style="min-height: 150px;"></div> </div> </div> <x-form-actions> <x-forms.button-primary class="mr-3" id="save-rotation-form" icon="check">@lang('app.save') </x-forms.button-primary> <x-forms.button-cancel :link="route('attendance-settings.index', ['tab' => 'shift-rotation'])" class="border-0"> @lang('app.cancel') </x-forms.button-cancel> </x-form-actions> </div> </x-form> </div> </div> <script src="{{ asset('vendor/jquery/daterangepicker.min.js') }}" defer=""></script> <!-- script for sortable content start--> <script src="{{ asset('vendor/jquery/jquery-ui.min.js') }}"></script> <script> $(document).ready(function() { const redirectUrl = "{{ route('attendance-settings.index') }}?tab=shift-rotation"; $('a.text-lightest[href="/account/settings/shift-rotations"]').attr('href', redirectUrl); $('#colorpicker').colorpicker({ "color": "#16813D" }); $('body').on('change', '#rotation_frequency', function() { let rotation = $(this).val(); $('#scheduleOnDiv').toggleClass('d-none', !(rotation == 'weekly' \|\| rotation == 'bi-weekly')); $('#dateDiv').toggleClass('d-none', rotation != 'monthly'); }); $('#save-rotation-form').click(function() { const url = "{{ route('shift-rotations.store') }}"; $.easyAjax({ url: url, container: '#store-rotation-data-form', type: "POST", disableButton: true, blockUI: true, buttonSelector: "#store-rotation-data-form", file: true, data: $('#store-rotation-data-form').serialize(), success: function(response) { if (response.status == 'success') { let url = "{{ route('attendance-settings.index') }}?tab=shift-rotation"; window.location.href = url; } } }); }); $(document).ready(function() { $('#rotation_sequence').change(function() { if ($(this).val() === "") { $('#add-shift-btn').hide(); } else { $('#add-shift-btn').show(); } }); // Trigger the change event on page load to set the initial state $('#rotation_sequence').trigger('change'); }); var sequenceNumber = 1; $('#add-shift').on('click', function() { var selectedOption = $('#rotation_sequence option:selected'); var shiftId = selectedOption.val(); var shiftName = selectedOption.data('content'); if (shiftId) { var shiftItem = `<div class="shift-item border p-2 mb-2" data-id="${shiftId}" data-name="${shiftName}" data-sequence="${sequenceNumber}"> <input type="hidden" name="sort_order[]" value="${sequenceNumber}"> <input type="hidden" name="shifts[]" value="${shiftId}"> <span class="ui-icon ui-icon-arrowthick-2-n-s"></span> ${shiftName} <span class="remove-shift text-danger float-right" style="cursor: pointer;">×</span> </div>`; $('#shiftContainer').append(shiftItem); sequenceNumber++; } }); // Enable drag-and-drop $('#shiftContainer').sortable({ placeholder: "ui-state-highlight", update: function(event, ui) { updateSequenceNumbers(); } }); // Remove shift item $('body').on('click', '.remove-shift', function() { $(this).parent().remove(); updateSequenceNumbers(); }); function updateSequenceNumbers() { var items = $('#shiftContainer .shift-item'); let colorCode = $('#color_code').val(); items.each(function(index) { var shiftId = $(this).data('id'); var shiftName = $(this).data('name'); $(this).attr('data-sequence', index + 1); $(this).html(` <input type="hidden" name="sort_order[]" value="${index + 1}"> <input type="hidden" name="shifts[]" value="${shiftId}"> <span class="ui-icon ui-icon-arrowthick-2-n-s"></span> ${shiftName} <span class="remove-shift text-danger float-right" style="cursor: pointer;">×</span>`); }); } init(RIGHT_MODAL); }); </script>

| ver. 1.4 | Github | . | PHP 8.2.28 | Генерация страницы: 0 | proxy | phpinfo | Настройка