OneBot: Leantime 改造版源码（BOM/Univer 表格/AI 接管/品牌替换等）
This commit is contained in:
wangruiguo
355
app/Domain/Calendar/Templates/showMyCalendar.blade.php
Normal file
355
app/Domain/Calendar/Templates/showMyCalendar.blade.php
Normal file
@@ -0,0 +1,355 @@
|
||||
@extends($layout)
|
||||
|
||||
@section('content')
|
||||
|
||||
@php
|
||||
if (! session()->exists('usersettings.submenuToggle.myCalendarView')) {
|
||||
session(['usersettings.submenuToggle.myCalendarView' => 'dayGridMonth']);
|
||||
}
|
||||
@endphp
|
||||
|
||||
@dispatchEvent('beforePageHeaderOpen')
|
||||
<div class="pageheader">
|
||||
@dispatchEvent('afterPageHeaderOpen')
|
||||
<div class="pageicon"><span class="fa {{ $tpl->getModulePicture() }}"></span></div>
|
||||
<div class="pagetitle">
|
||||
<h5>{!! __('headline.calendar') !!}</h5>
|
||||
<h1>{!! __('headline.my_calendar') !!}</h1>
|
||||
</div>
|
||||
@dispatchEvent('beforePageHeaderClose')
|
||||
</div><!--pageheader-->
|
||||
@dispatchEvent('afterPageHeaderClose')
|
||||
|
||||
{!! $tpl->displayNotification() !!}
|
||||
|
||||
<div class="maincontent">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<div class="maincontentinner">
|
||||
<h5 class="subtitle tw-pb-m">Calendars</h5>
|
||||
|
||||
<ul class="simpleList">
|
||||
<li><span class="indicatorCircle" style="background:var(--accent1)"></span>Events</li>
|
||||
<li><span class="indicatorCircle" style="background:var(--accent2)"></span>Projects & Tasks</li>
|
||||
|
||||
@foreach ($externalCalendars as $calendars)
|
||||
<li>
|
||||
@if (empty($calendars['managedByPlugin']))
|
||||
<div class="inlineDropDownContainer" style="float:right;">
|
||||
<a href="javascript:void(0);" class="dropdown-toggle ticketDropDown editHeadline" data-toggle="dropdown">
|
||||
<i class="fa fa-ellipsis-h" aria-hidden="true"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu">
|
||||
<li>
|
||||
<a href="#/calendar/editExternal/{{ $calendars['id'] }}"><i class="fa-solid fa-pen-to-square"></i> {!! __('links.edit_calendar') !!}</a>
|
||||
</li>
|
||||
<li><a href="#/calendar/delExternalCalendar/{{ $calendars['id'] }}" class="delete"><i class="fa fa-trash"></i> {!! __('links.delete_external_calendar') !!}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
<span class="indicatorCircle" style="background:{{ $calendars['colorClass'] }}"></span>{{ $calendars['name'] }}
|
||||
|
||||
</li>
|
||||
@endforeach
|
||||
|
||||
</ul>
|
||||
<hr />
|
||||
<a href="#/calendar/connectCalendar" class="formModal" style="display:block; margin-bottom:8px; margin-left:-5px;"><i class="fa-regular fa-calendar-plus" style="width:16px;"></i> {!! __('label.connect_calendar') !!}</a>
|
||||
<a href="#/calendar/calendarSettings" class="formModal" style="margin-left:-5px;"><i class="fa fa-cog" style="width:16px;"></i> {!! __('label.calendar_settings') !!}</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
<div class="maincontentinner">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<x-global::forms.button tag="a" link="#/calendar/addEvent" contentRole="primary" class="formModal"><i class='fa fa-plus'></i> {!! __('buttons.add_event') !!}</x-global::forms.button>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="fc-center center" id="calendarTitle" style="padding-top:5px;">
|
||||
<h2>..</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<x-global::forms.button tag="a" link="#/calendar/export" contentRole="default" class="right">Export</x-global::forms.button>
|
||||
<button class="fc-next-button btn btn-default right" type="button" style="margin-right:5px;">
|
||||
<span class="fc-icon fc-icon-chevron-right"></span>
|
||||
</button>
|
||||
<button class="fc-prev-button btn btn-default right" type="button" style="margin-right:5px;">
|
||||
<span class="fc-icon fc-icon-chevron-left"></span>
|
||||
</button>
|
||||
|
||||
<button class="fc-today-button btn btn-default right" style="margin-right:5px;">today</button>
|
||||
|
||||
|
||||
<select id="my-select" style="margin-right:5px;" class="right">
|
||||
<option class="fc-timeGridDay-button fc-button fc-state-default fc-corner-right" value="timeGridDay" {{ session('usersettings.submenuToggle.myCalendarView') == 'timeGridDay' ? 'selected' : '' }}>Day</option>
|
||||
<option class="fc-timeGridWeek-button fc-button fc-state-default fc-corner-right" value="timeGridWeek" {{ session('usersettings.submenuToggle.myCalendarView') == 'timeGridWeek' ? 'selected' : '' }}>Week</option>
|
||||
<option class="fc-dayGridMonth-button fc-button fc-state-default fc-corner-right" value="dayGridMonth" {{ session('usersettings.submenuToggle.myCalendarView') == 'dayGridMonth' ? 'selected' : '' }}>Month</option>
|
||||
<option class="fc-multiMonthYear-button fc-button fc-state-default fc-corner-right" value="multiMonthYear" {{ session('usersettings.submenuToggle.myCalendarView') == 'multiMonthYear' ? 'selected' : '' }}>Year</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div id="calendar"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
@once
|
||||
@push('scripts')
|
||||
<script type='text/javascript'>
|
||||
|
||||
@dispatchEvent('scripts.afterOpen')
|
||||
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
|
||||
//leantime.calendarController.initCalendar(events);
|
||||
leantime.calendarController.initExportModal();
|
||||
|
||||
});
|
||||
var eventSources = [];
|
||||
|
||||
var events = {events: [
|
||||
@foreach ($calendar as $calendarEvent)
|
||||
{
|
||||
title: {!! json_encode($calendarEvent['title']) !!},
|
||||
|
||||
start: new Date({{ format($calendarEvent['dateFrom'])->jsTimestamp() }}),
|
||||
@if (isset($calendarEvent['dateTo']))
|
||||
end: new Date({{ format($calendarEvent['dateTo'])->jsTimestamp() }}),
|
||||
@endif
|
||||
@if (isset($calendarEvent['allDay']) && $calendarEvent['allDay'] === true)
|
||||
allDay: true,
|
||||
@else
|
||||
allDay: false,
|
||||
@endif
|
||||
enitityId: {{ $calendarEvent['id'] }},
|
||||
@if (isset($calendarEvent['eventType']) && $calendarEvent['eventType'] == 'calendar')
|
||||
url: '{{ CURRENT_URL }}#/calendar/editEvent/{{ $calendarEvent['id'] }}',
|
||||
backgroundColor: '{{ $calendarEvent['backgroundColor'] ?? 'var(--accent2)' }}',
|
||||
borderColor: '{{ $calendarEvent['borderColor'] ?? 'var(--accent2)' }}',
|
||||
enitityType: "event",
|
||||
dateContext: '{{ $calendarEvent['dateContext'] ?? 'plan' }}',
|
||||
@else
|
||||
url: '{{ CURRENT_URL }}#/tickets/showTicket/{{ $calendarEvent['id'] }}?projectId={{ $calendarEvent['projectId'] }}',
|
||||
backgroundColor: '{{ $calendarEvent['backgroundColor'] ?? 'var(--accent2)' }}',
|
||||
borderColor: '{{ $calendarEvent['borderColor'] ?? 'var(--accent2)' }}',
|
||||
enitityType: "ticket",
|
||||
dateContext: '{{ $calendarEvent['dateContext'] ?? 'edit' }}',
|
||||
@endif
|
||||
},
|
||||
@endforeach
|
||||
]};
|
||||
|
||||
eventSources.push(events);
|
||||
|
||||
@foreach ($externalCalendars as $externalCalendar)
|
||||
@if (empty($externalCalendar['managedByPlugin']))
|
||||
eventSources.push(
|
||||
{
|
||||
url: '{{ BASE_URL }}/calendar/externalCal/{{ $externalCalendar['id'] }}',
|
||||
format: 'ics',
|
||||
color: '{{ $externalCalendar['colorClass'] }}',
|
||||
editable: false,
|
||||
}
|
||||
);
|
||||
@endif
|
||||
@endforeach
|
||||
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const heightWindow = jQuery("body").height() - 210;
|
||||
|
||||
const calendarEl = document.getElementById('calendar');
|
||||
|
||||
const calendar = new FullCalendar.Calendar(calendarEl, {
|
||||
timeZone: leantime.i18n.__("usersettings.timezone"),
|
||||
height: 'calc(100% - 40px)',
|
||||
stickyHeaderDates: true,
|
||||
initialView: '{{ session('usersettings.submenuToggle.myCalendarView') }}',
|
||||
eventSources:eventSources,
|
||||
editable: true,
|
||||
headerToolbar: false,
|
||||
dayHeaderFormat: leantime.dateHelper.getFormatFromSettings("dateformat", "luxon"),
|
||||
eventTimeFormat: leantime.dateHelper.getFormatFromSettings("timeformat", "luxon"),
|
||||
slotLabelFormat: leantime.dateHelper.getFormatFromSettings("timeformat", "luxon"),
|
||||
firstDay: leantime.i18n.__("language.firstDayOfWeek"),
|
||||
views: {
|
||||
timeGridDay: {
|
||||
|
||||
},
|
||||
timeGridWeek: {
|
||||
|
||||
},
|
||||
dayGridMonth: {
|
||||
dayHeaderFormat: { weekday: 'short' },
|
||||
},
|
||||
multiMonthYear: {
|
||||
showNonCurrentDates: true,
|
||||
multiMonthTitleFormat: { month: 'long', year: 'numeric' },
|
||||
dayHeaderFormat: { weekday: 'short' },
|
||||
},
|
||||
multiMonthOneMonth: {
|
||||
type: 'multiMonth',
|
||||
duration: {months: 1},
|
||||
multiMonthTitleFormat: {month: 'long', year: 'numeric'},
|
||||
dayHeaderFormat: {weekday: 'short'},
|
||||
},
|
||||
listWeek: {
|
||||
listDayFormat: {weekday: 'long'},
|
||||
listDaySideFormat: leantime.dateHelper.getFormatFromSettings("dateformat", "luxon"),
|
||||
}
|
||||
},
|
||||
nowIndicator: true,
|
||||
bootstrapFontAwesome: {
|
||||
close: 'fa-times',
|
||||
prev: 'fa-chevron-left',
|
||||
next: 'fa-chevron-right',
|
||||
prevYear: 'fa-angle-double-left',
|
||||
nextYear: 'fa-angle-double-right'
|
||||
},
|
||||
eventDrop: function (event) {
|
||||
|
||||
if(event.event.extendedProps.enitityType == "ticket") {
|
||||
|
||||
let dataVal = {};
|
||||
|
||||
if(event.event.extendedProps.dateContext == "due") {
|
||||
|
||||
dataVal = {
|
||||
id: event.event.extendedProps.enitityId,
|
||||
dateToFinish: event.event.startStr
|
||||
}
|
||||
|
||||
}else{
|
||||
dataVal = {
|
||||
id: event.event.extendedProps.enitityId,
|
||||
editFrom: event.event.startStr,
|
||||
editTo: event.event.endStr
|
||||
}
|
||||
}
|
||||
|
||||
leantime.rpc('Tickets.Tickets.patchTicket', { id: dataVal.id, values: dataVal })
|
||||
.catch(function (error) {
|
||||
jQuery.growl({ message: (error && error.message) ? error.message : leantime.i18n.__("short_notifications.not_saved"), style: "error" });
|
||||
event.revert();
|
||||
console.error('Could not update ticket dates', error);
|
||||
});
|
||||
|
||||
}else if(event.event.extendedProps.enitityType == "event") {
|
||||
|
||||
leantime.rpc('Calendar.Calendar.patch', {
|
||||
id: event.event.extendedProps.enitityId,
|
||||
params: {
|
||||
dateFrom: event.event.startStr,
|
||||
dateTo: event.event.endStr
|
||||
}
|
||||
}).then(function (success) {
|
||||
// Denied/failed update resolves to false — undo the visual move.
|
||||
if (! success) { event.revert(); }
|
||||
}).catch(function (error) {
|
||||
console.error('Could not update event dates', error);
|
||||
event.revert();
|
||||
})
|
||||
}
|
||||
},
|
||||
eventResize: function (event) {
|
||||
|
||||
if(event.event.extendedProps.enitityType == "ticket") {
|
||||
|
||||
let dataVal = {};
|
||||
|
||||
if(event.event.extendedProps.dateContext == "due") {
|
||||
|
||||
dataVal = {
|
||||
id: event.event.extendedProps.enitityId,
|
||||
dateToFinish: event.event.startStr
|
||||
}
|
||||
|
||||
}else{
|
||||
dataVal = {
|
||||
id: event.event.extendedProps.enitityId,
|
||||
editFrom: event.event.startStr,
|
||||
editTo: event.event.endStr
|
||||
}
|
||||
}
|
||||
|
||||
leantime.rpc('Tickets.Tickets.patchTicket', { id: dataVal.id, values: dataVal })
|
||||
.catch(function (error) {
|
||||
jQuery.growl({ message: (error && error.message) ? error.message : leantime.i18n.__("short_notifications.not_saved"), style: "error" });
|
||||
event.revert();
|
||||
console.error('Could not update ticket dates', error);
|
||||
});
|
||||
|
||||
|
||||
}else if(event.event.extendedProps.enitityType == "event") {
|
||||
|
||||
leantime.rpc('Calendar.Calendar.patch', {
|
||||
id: event.event.extendedProps.enitityId,
|
||||
params: {
|
||||
dateFrom: event.event.startStr,
|
||||
dateTo: event.event.endStr
|
||||
}
|
||||
}).then(function (success) {
|
||||
// Denied/failed update resolves to false — undo the visual move.
|
||||
if (! success) { event.revert(); }
|
||||
}).catch(function (error) {
|
||||
console.error('Could not update event dates', error);
|
||||
event.revert();
|
||||
})
|
||||
}
|
||||
|
||||
},
|
||||
eventMouseEnter: function() {
|
||||
},
|
||||
|
||||
}
|
||||
);
|
||||
calendar.setOption('locale', leantime.i18n.__("language.code"));
|
||||
calendar.render();
|
||||
calendar.scrollToTime( Date.now() );
|
||||
jQuery("#calendarTitle h2").text(calendar.getCurrentData().viewTitle);
|
||||
|
||||
jQuery('.fc-prev-button').click(function() {
|
||||
calendar.prev();
|
||||
calendar.getCurrentData()
|
||||
jQuery("#calendarTitle h2").text(calendar.getCurrentData().viewTitle);
|
||||
});
|
||||
jQuery('.fc-next-button').click(function() {
|
||||
calendar.next();
|
||||
jQuery("#calendarTitle h2").text(calendar.getCurrentData().viewTitle);
|
||||
});
|
||||
jQuery('.fc-today-button').click(function() {
|
||||
calendar.today();
|
||||
jQuery("#calendarTitle h2").text(calendar.getCurrentData().viewTitle);
|
||||
});
|
||||
jQuery("#my-select").on("change", function(e){
|
||||
|
||||
calendar.changeView(jQuery("#my-select option:selected").val());
|
||||
|
||||
leantime.rpc('Api.Api.setSubmenuState', {
|
||||
submenu: "myCalendarView",
|
||||
state: jQuery("#my-select option:selected").val()
|
||||
}).catch(function (e) { console.error('Could not update submenu state', e); });
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
@dispatchEvent('scripts.beforeClose')
|
||||
|
||||
</script>
|
||||
@endpush
|
||||
@endonce
|
||||
|
||||
<style type="text/css">
|
||||
.maincontent .maincontentinner {
|
||||
height:calc(100vh - 165px);
|
||||
}
|
||||
</style>
|
||||
|
||||
@endsection
|
||||
Reference in New Issue
Block a user