94 lines
3.6 KiB
PHP
Executable File
94 lines
3.6 KiB
PHP
Executable File
@extends('layout.master')
|
|
|
|
@section('content')
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="row">
|
|
<div class="col-md-3 d-none d-md-block">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h6 class="card-title mb-4">Full calendar</h6>
|
|
<div id='external-events' class='external-events'>
|
|
<h6 class="mb-2 text-muted">Draggable Events</h6>
|
|
<div class='fc-event fc-h-event fc-daygrid-event fc-daygrid-block-event'>
|
|
<div class='fc-event-main'>Birth Day</div>
|
|
</div>
|
|
<div class='fc-event fc-h-event fc-daygrid-event fc-daygrid-block-event'>
|
|
<div class='fc-event-main'>New Project</div>
|
|
</div>
|
|
<div class='fc-event fc-h-event fc-daygrid-event fc-daygrid-block-event'>
|
|
<div class='fc-event-main'>Anniversary</div>
|
|
</div>
|
|
<div class='fc-event fc-h-event fc-daygrid-event fc-daygrid-block-event'>
|
|
<div class='fc-event-main'>Clent Meeting</div>
|
|
</div>
|
|
<div class='fc-event fc-h-event fc-daygrid-event fc-daygrid-block-event'>
|
|
<div class='fc-event-main'>Office Trip</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-9">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div id='fullcalendar'></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="fullCalModal" class="modal fade">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h4 id="modalTitle1" class="modal-title"></h4>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"><span class="visually-hidden">close</span></button>
|
|
</div>
|
|
<div id="modalBody1" class="modal-body"></div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
|
|
<button class="btn btn-primary">Event Page</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="createEventModal" class="modal fade">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h4 id="modalTitle2" class="modal-title">Add event</h4>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"><span class="visually-hidden">close</span></button>
|
|
</div>
|
|
<div id="modalBody2" class="modal-body">
|
|
<form>
|
|
<div class="mb-3">
|
|
<label for="formGroupExampleInput" class="form-label">Example label</label>
|
|
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input">
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="formGroupExampleInput2" class="form-label">Another label</label>
|
|
<input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
|
|
<button class="btn btn-primary">Add</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
@push('plugin-scripts')
|
|
<script src="{{ asset('assets/plugins/moment/moment.min.js') }}"></script>
|
|
<script src="{{ asset('assets/plugins/fullcalendar/index.global.min.js') }}"></script>
|
|
@endpush
|
|
|
|
@push('custom-scripts')
|
|
<script src="{{ asset('assets/js/fullcalendar.js') }}"></script>
|
|
@endpush |