Added support for external calendars #14
| @@ -125,17 +125,32 @@ pub fn external_calendar_modal(props: &ExternalCalendarModalProps) -> Html { | |||||||
|                         } |                         } | ||||||
|                          |                          | ||||||
|                         <div class="form-help" style="margin-bottom: 1.5rem; padding: 1rem; background: #f8f9fa; border-radius: 8px; border-left: 4px solid #007bff;"> |                         <div class="form-help" style="margin-bottom: 1.5rem; padding: 1rem; background: #f8f9fa; border-radius: 8px; border-left: 4px solid #007bff;"> | ||||||
|                             <h4 style="margin: 0 0 0.5rem 0; font-size: 0.9rem; color: #495057;">{"Setting up Outlook 365 Calendar"}</h4> |                             <h4 style="margin: 0 0 0.5rem 0; font-size: 0.9rem; color: #495057;">{"Setting up External Calendars"}</h4> | ||||||
|                             <p style="margin: 0 0 0.5rem 0; font-size: 0.8rem; line-height: 1.4;"> |                             <p style="margin: 0 0 0.5rem 0; font-size: 0.8rem; line-height: 1.4;"> | ||||||
|                                 {"Currently tested with Outlook 365 calendars. To get your calendar link:"} |                                 {"Currently tested with Outlook 365 and Google Calendar. To get your calendar link:"} | ||||||
|                             </p> |                             </p> | ||||||
|                             <ol style="margin: 0; padding-left: 1.2rem; font-size: 0.8rem; line-height: 1.4;"> |                              | ||||||
|                                 <li>{"Go to Outlook Settings"}</li> |                             <div style="margin-bottom: 1rem;"> | ||||||
|                                 <li>{"Navigate to Calendar → Shared Calendars"}</li> |                                 <strong style="font-size: 0.8rem; color: #495057;">{"Outlook 365:"}</strong> | ||||||
|                                 <li>{"Click \"Publish a calendar\""}</li> |                                 <ol style="margin: 0.3rem 0 0 0; padding-left: 1.2rem; font-size: 0.8rem; line-height: 1.3;"> | ||||||
|                                 <li>{"Select your calendar and choose \"Can view all details\""}</li> |                                     <li>{"Go to Outlook Settings"}</li> | ||||||
|                                 <li>{"Copy the ICS link and paste it below"}</li> |                                     <li>{"Navigate to Calendar → Shared Calendars"}</li> | ||||||
|                             </ol> |                                     <li>{"Click \"Publish a calendar\""}</li> | ||||||
|  |                                     <li>{"Select your calendar and choose \"Can view all details\""}</li> | ||||||
|  |                                     <li>{"Copy the ICS link and paste it below"}</li> | ||||||
|  |                                 </ol> | ||||||
|  |                             </div> | ||||||
|  |                              | ||||||
|  |                             <div> | ||||||
|  |                                 <strong style="font-size: 0.8rem; color: #495057;">{"Google Calendar:"}</strong> | ||||||
|  |                                 <ol style="margin: 0.3rem 0 0 0; padding-left: 1.2rem; font-size: 0.8rem; line-height: 1.3;"> | ||||||
|  |                                     <li>{"Hover over your calendar name in the left sidebar"}</li> | ||||||
|  |                                     <li>{"Click the three dots that appear"}</li> | ||||||
|  |                                     <li>{"Select \"Settings and sharing\""}</li> | ||||||
|  |                                     <li>{"Scroll to \"Integrate calendar\""}</li> | ||||||
|  |                                     <li>{"Copy the \"Public address in iCal format\" link"}</li> | ||||||
|  |                                 </ol> | ||||||
|  |                             </div> | ||||||
|                         </div> |                         </div> | ||||||
|                          |                          | ||||||
|                         <div class="form-group"> |                         <div class="form-group"> | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user