feat(scheduling): bound public cancellation notices

webui/src/features/scheduling/SchedulingPublicPage.tsx

@@ -33,6 +33,8 @@ const I18N = {
   available: "i18n:govoplan-scheduling.available.7c62a142",
   backToScheduling: "i18n:govoplan-scheduling.open_in_scheduling.48df1541",
   comment: "i18n:govoplan-scheduling.comment.d03495b1",
+  cancelled: "i18n:govoplan-scheduling.this_scheduling_request_was_cancelled.1af3c85e",
+  cancellationNoticeUntil: "i18n:govoplan-scheduling.cancellation_notice_available_until.f840d1e6",
   deadline: "i18n:govoplan-scheduling.response_deadline.7fd9e3aa",
   email: "i18n:govoplan-scheduling.participant_email.2cadfd9e",
   invalidAccess: "i18n:govoplan-scheduling.this_scheduling_link_is_invalid_expired_or_the_access_details.8e7aa197",
@@ -201,14 +203,19 @@ export default function SchedulingPublicPage({ settings, auth }: SchedulingPubli
                 {response.location && <><dt>i18n:govoplan-scheduling.location.d219c681</dt><dd>{response.location}</dd></>}
                 {response.deadline_at && <><dt>{I18N.deadline}</dt><dd>{formatDateTime(response.deadline_at)}</dd></>}
               </dl>
-              {!collecting && <DismissibleAlert tone="info" dismissible={false}>{I18N.noLongerOpen}</DismissibleAlert>}
+              {response.cancellation_notice_only
+                ? <DismissibleAlert tone="warning" dismissible={false}>{I18N.cancelled}</DismissibleAlert>
+                : !collecting && <DismissibleAlert tone="info" dismissible={false}>{I18N.noLongerOpen}</DismissibleAlert>}
               {response.has_response && collecting && <DismissibleAlert tone="info" dismissible={false}>{I18N.alreadySubmitted}</DismissibleAlert>}
+              {response.cancellation_notice_only && response.cancellation_notice_until && (
+                <p className="muted">{I18N.cancellationNoticeUntil}: {formatDateTime(response.cancellation_notice_until)}</p>
+              )}
             </Card>
 
             {error && <DismissibleAlert tone="danger">{error}</DismissibleAlert>}
             {success && <DismissibleAlert tone="success">{success}</DismissibleAlert>}
 
-            <Card title={I18N.response}>
+            {!response.cancellation_notice_only && <Card title={I18N.response}>
               <div className="scheduling-public-slots">
                 {response.slots.map((slot) => (
                   <fieldset className="scheduling-public-slot" key={slot.id} disabled={!collecting || saving}>
@@ -259,7 +266,7 @@ export default function SchedulingPublicPage({ settings, auth }: SchedulingPubli
                   <Button type="submit" variant="primary" disabled={saving}>{I18N.submit}</Button>
                 </div>
               )}
-            </Card>
+            </Card>}
           </form>
         )}
       </LoadingFrame>