MAINHACK

Viewing / Editing File: taskCreate.blade.php

@if ($project && $currentWorkspace)
    <form class="needs-validation" novalidate method="post"
        action="@auth('web'){{ route('tasks.store', [$currentWorkspace->slug, $project->id]) }}@elseauth{{ route('client.tasks.store', [$currentWorkspace->slug, $project->id]) }}@endauth">
        @csrf
        <div class="modal-body">
            <div class="row">
                @if ($currentWorkspace->is_chagpt_enable())
                    <div class="text-end col-12">
                        <a href="#" data-size="lg" data-ajax-popup-over="true" class="btn btn-sm btn-primary"
                            data-url="{{ route('generate', ['task']) }}" data-bs-toggle="tooltip"
                            data-bs-placement="top" title="{{ __('Generate with AI') }}"
                            data-title="{{ __('Generate Task Title & Description') }}">
                            <i class="fas fa-robot px-1"></i>{{ __('Generate with AI') }}
                        </a>
                    </div>
                @endif

<div class="form-group col-md-8">
                    <label class="col-form-label">{{ __('Project') }}</label><x-required></x-required>
                    <select class="form-control form-control-light" name="project_id" required>

<option value="{{ $project->id }}">{{ $project->name }}</option>

</select>
                </div>
                <div class="form-group col-md-4">
                    <label class="col-form-label">{{ __('Milestone') }}</label><x-required></x-required>
                    <select class="form-control form-control-light" name="milestone_id" id="task-milestone" required>
                        <option value="">{{ __('Select Milestone') }}</option>
                        @foreach ($project->milestones as $milestone)
                            <option value="{{ $milestone->id }}">{{ $milestone->title }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group col-md-8">
                    <label class="col-form-label">{{ __('Title') }}</label><x-required></x-required>
                    <input type="text" class="form-control form-control-light" id="task-title"
                        placeholder="{{ __('Enter Title') }}" name="title" required>
                </div>
                <div class="form-group col-md-4">
                    <label class="col-form-label">{{ __('Priority') }}</label><x-required></x-required>
                    <select class="form-control form-control-light" name="priority" id="task-priority" required>
                        <option value="Low">{{ __('Low') }}</option>
                        <option value="Medium">{{ __('Medium') }}</option>
                        <option value="High">{{ __('High') }}</option>
                    </select>
                </div>
                <div class="form-group col-md-12">
                    <label class="col-form-label">{{ __('Assign To') }}</label><x-required></x-required>
                    <select class=" multi-select" id="assign_to" name="assign_to[]" data-toggle="select2"
                        multiple="multiple" data-placeholder="{{ __('Select Users ...') }}" required>
                        @foreach ($users as $u)
                            <option value="{{ $u->id }}">{{ $u->name }} - {{ $u->email }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-12">
                    <label class="col-form-label">{{ __('Duration') }}</label><x-required></x-required>
                    <div class='input-group form-group'>
                        <input type='text' class=" form-control form-control-light" id="duration" name="duration"
                            required autocomplete="off" placeholder="Select date range" />
                        <input type="hidden" name="start_date">
                        <input type="hidden" name="due_date">
                        <span class="input-group-text"><i class="feather icon-calendar"></i></span>
                    </div>
                </div>
                <div class="form-group col-md-12">
                    <label class="col-form-label">{{ __('Description') }}</label><x-required></x-required>
                    <textarea class="form-control form-control-light" id="task-description" rows="3" name="description" required></textarea>
                </div>
                @if ($currentWorkspace->is_googlecalendar_enabled == 'on')
                    <div class="form-group col-md-6">
                        {{ Form::label('synchronize_type', __('Synchroniz in Google Calendar ?'), ['class' => 'col-form-label']) }}
                        <div class=" form-switch">
                            <input type="checkbox" class="form-check-input mt-2" name="synchronize_type"
                                id="switch-shadow" value="google_calender">
                            <label class="form-check-label" for="switch-shadow"></label>
                        </div>
                    </div>
                @endif
            </div>
        </div>
        <div class="modal-footer">
            <input type="button" value="{{ __('Cancel') }}" class="btn  btn-secondary" data-bs-dismiss="modal">
            <input type="submit" value="{{ __('Create') }}" class="btn  btn-primary">
        </div>
    </form>
    <link rel="stylesheet" href="{{ asset('assets/custom/libs/bootstrap-daterangepicker/daterangepicker.css') }}">
    <script src="{{ asset('assets/custom/libs/bootstrap-daterangepicker/daterangepicker.js') }}"></script>
    <script>
        if ($(".multi-select").length > 0) {
            $($(".multi-select")).each(function(index, element) {
                var id = $(element).attr('id');
                var multipleCancelButton = new Choices(
                    '#' + id, {
                        removeItemButton: true,
                    }
                );
            });
        }

$(function() {
            var start = moment('{{ date('Y-m-d') }}', 'YYYY-MM-DD HH:mm:ss');
            var end = moment('{{ date('Y-m-d') }}', 'YYYY-MM-DD HH:mm:ss');

function cb(start, end) {
                $("form #duration").val(start.format('MMM D, YY hh:mm A') + ' - ' + end.format(
                    'MMM D, YY hh:mm A'));
                $('form input[name="start_date"]').val(start.format('YYYY-MM-DD HH:mm:ss'));
                $('form input[name="due_date"]').val(end.format('YYYY-MM-DD HH:mm:ss'));
            }

$('form #duration').daterangepicker({
                /*autoApply: true,
                autoclose: true,*/
                autoApply: true,
                timePicker: true,
                autoUpdateInput: false,
                startDate: start,
                endDate: end,
                /*startDate: start,
                endDate: end,
                autoApply: true,
                autoclose: true,
                autoUpdateInput: false,*/
                locale: {
                    format: 'MMMM D, YYYY hh:mm A',
                    applyLabel: "{{ __('Apply') }}",
                    cancelLabel: "{{ __('Cancel') }}",
                    fromLabel: "{{ __('From') }}",
                    toLabel: "{{ __('To') }}",
                    daysOfWeek: [
                        "{{ __('Sun') }}",
                        "{{ __('Mon') }}",
                        "{{ __('Tue') }}",
                        "{{ __('Wed') }}",
                        "{{ __('Thu') }}",
                        "{{ __('Fri') }}",
                        "{{ __('Sat') }}"
                    ],
                    monthNames: [
                        "{{ __('January') }}",
                        "{{ __('February') }}",
                        "{{ __('March') }}",
                        "{{ __('April') }}",
                        "{{ __('May') }}",
                        "{{ __('June') }}",
                        "{{ __('July') }}",
                        "{{ __('August') }}",
                        "{{ __('September') }}",
                        "{{ __('October') }}",
                        "{{ __('November') }}",
                        "{{ __('December') }}"
                    ],
                }
            }, cb);

cb(start, end);
        });
        $(document).on('change', "select[name=project_id]", function() {
            $.get('@auth('web'){{ route('home') }}@elseauth{{ route('client.home') }}@endauth' +
                '/userProjectJson/' + $(this).val(),
                function(data) {
                    $('select[name=assign_to]').html('');
                    data = JSON.parse(data);
                    $(data).each(function(i, d) {
                        $('select[name=assign_to]').append('<option value="' + d.id + '">' + d.name +
                            ' - ' + d.email + '</option>');
                    });
                });
            $.get('@auth('web'){{ route('home') }}@elseauth{{ route('client.home') }}@endauth' +
                '/projectMilestoneJson/' + $(this).val(),
                function(data) {
                    $('select[name=milestone_id]').html(
                        '<option value="">{{ __('Select Milestone') }}</option>');
                    data = JSON.parse(data);
                    $(data).each(function(i, d) {
                        $('select[name=milestone_id]').append('<option value="' + d.id + '">' + d
                            .title + '</option>');
                    });
                })
        })
    </script>
@else
    <div class="container mt-5">
        <div class="card">
            <div class="card-body p-4">
                <div class="page-error">
                    <div class="page-inner">
                        <h1>404</h1>
                        <div class="page-description">
                            {{ __('Page Not Found') }}
                        </div>
                        <div class="page-search">
                            <p class="text-muted mt-3">
                                {{ __("It's looking like you may have taken a wrong turn. Don't worry... it happens to the best of us. Here's a little tip that might help you get back on track.") }}
                            </p>
                            <div class="mt-3">
                                <a class="btn-return-home badge-blue" href="{{ route('home') }}"><i
                                        class="fas fa-reply"></i> {{ __('Return Home') }}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: taskCreate.blade.php

Server Info

System Features

User Info