README

Y PEF Schedule 模块提供了事件排期的日历功能。它包括一个 Vue.js 组件 fullcalendar-app，用于显示和交互日历。

要求

安装

composer require ycloudyusa/y_pef_schedule
drush en y_pef_schedule lb_simple_schedule

按照通常安装贡献 Drupal 模块的方式进行安装。有关更多信息，请参阅安装 Drupal 模块。
通过导航到您的 Drupal 管理界面中的 Admin > Extend (/admin/modules)，然后启用“Y PEF Schedules Admin tool”和“LB Simple Schedule”来启用该模块。

配置

在 Admin > YMCA Website Services > Settings > Schedules calendar settings (/admin/openy/settings/schedules-calendar) 配置日历设置。
转到 Admin > Content > Schedules Calendar (/admin/openy/branch-schedules) 并选择一个分支。

选择分支后，您可以查看日历。日历功能包括

按周或日格式查看事件。
通过单击事件查看事件的主要信息。
使用会话内容类型创建新事件。
更新现有事件。
以 PDF 格式下载日程安排。
通过类别过滤结果。

在页面上显示日历

一旦将会议添加到日历，您可以将日历块添加到布局构建器页面以在网站上显示。请确保首先启用“LB Simple Schedule”。

编辑布局构建器页面的布局（分支、着陆页等）。
创建或找到部分，然后 添加块。
选择 添加自定义/内容块 然后 Simple Schedule。
添加标题并选择分支以填充日历。
保存块和页面。

自定义

有几个选项可用于日历的高级自定义。

检索事件

该模块提供控制器来处理获取事件的 AJAX 请求。要创建自定义请求，请在您的 JavaScript 代码中使用以下路由

axios.get('/fullcalendar-api/get-event-data-date-range/{location}/{start}/{end}/{category}')
  .then(response => {
    const events = response.data;
    // Process the received events as needed
  })
  .catch(error => {
    console.error('Error fetching events:', error);
  });

将 {location}、{start}、{end} 和 {category} 替换为适当的值。

创建事件

fullcalendar-app 组件允许用户交互式地创建事件。当单击日期时，会显示一个模态表单，让用户输入事件详情，如标题、类别、时间和日期。

要自定义表单或扩展功能，请参阅Vue.js 组件文档，并在 fullcalendar-app 组件中自定义 handleDateClick 和 createEvent 方法。

故障排除

已知问题

在创建一系列事件后，虽然已创建，但日历中只显示了一个事件，必须刷新页面才能看到正确数据
颜色固定在会话上，而不是类别上
PDF 格式为 A3

ycloudyusa / y_pef_schedule

维护者

详细信息