Внедрить настраиваемый Календарь Google с помощью React Js?

На моем веб-сайте в настоящее время работает react-big-calendar Calendar с данными, которыми я вручную управляю с помощью graphql / Apollo.

Я решил использовать Календарь Google для управления данными с помощью API Календаря Google вместо того, чтобы управлять всем в своей собственной базе данных.

Однако мне было интересно, есть ли способ напрямую включить пользовательский Календарь Google (имею в виду пользовательский интерфейс) на моем веб-сайте, чтобы интерфейсная часть также была управляется Календарем Google (может находиться в iframe или непосредственно в компоненте Google, если таковой существует).

Таким образом, я бы оставил большую часть логики внешнего и внутреннего интерфейса календаря только Google, вместо того, чтобы вызывать API Google каждый раз, когда я вношу изменения в свой react-big-calendar.

Я говорю обычай, потому что мне все равно нужно будет отредактировать какой-то компонент, например всплывающее окно, открывающееся, когда вы хотите создать событие:

введите здесь описание изображения

Большая часть информации для меня бесполезна, и я хотел бы добавить другие. Я также хотел бы избавиться, например, от поиска людей или кнопки «Создать» на боковой панели.

Есть ли способ включить такой настраиваемый Календарь Google на моем веб-сайте? Или мне нужно продолжать использовать собственный react-big-calendar с данными из Google Calendar API?

Заранее спасибо.


person Virthuss    schedule 20.01.2021    source источник
comment
Поможет ли вам это?   -  person ale13    schedule 20.01.2021
comment
@ ale13 ale13, к сожалению, нет, так как iframe не предоставляет возможности редактировать содержимое календаря (не событие, а другие компоненты, такие как боковая панель) или настраивать всплывающее окно создания события.   -  person Virthuss    schedule 21.01.2021


Ответы (1)


К сожалению, то, что вы хотите, не может быть достигнуто, поскольку Календарь не предлагает возможности редактирования/изменения какого-либо своего содержимого.

Следовательно, единственными доступными вариантами в этой ситуации являются:

  • встроить его, как описано в этой статье здесь;

  • используйте API календаря и создайте для него собственный интерфейс, как вы упомянули выше.

person ale13    schedule 21.01.2021
comment
Вы подтверждаете мою первую мысль. Спасибо. Надеюсь, они предоставят эту функцию в будущем. - person Virthuss; 22.01.2021