Просмотр исходного кода

Add checkbox to include subordinated pages in modal

Shun Miyazawa 1 год назад
Родитель
Сommit
254109d97f
1 измененных файлов с 11 добавлено и 3 удалено
  1. 11 3
      apps/app/src/client/components/PageSelectModal/PageSelectModal.tsx

+ 11 - 3
apps/app/src/client/components/PageSelectModal/PageSelectModal.tsx

@@ -90,9 +90,17 @@ const PageSelectModalSubstance: FC = () => {
           </SimpleBar>
         </Suspense>
       </ModalBody>
-      <ModalFooter>
-        <Button color="secondary" onClick={onClickCancel}>{t('Cancel')}</Button>
-        <Button color="primary" onClick={onClickDone}>{t('Done')}</Button>
+      <ModalFooter className="border-top d-flex flex-column">
+        <div className="form-check form-check-info align-self-start ms-4">
+          <input type="checkbox" id="includeSubPages" className="form-check-input" name="fileUpload" />
+          <label className="form-label form-check-label" htmlFor="includeSubPages">
+            {t('Include Subordinated Page')}
+          </label>
+        </div>
+        <div className="d-flex gap-2 align-self-end">
+          <Button color="secondary" onClick={onClickCancel}>{t('Cancel')}</Button>
+          <Button color="primary" onClick={onClickDone}>{t('Done')}</Button>
+        </div>
       </ModalFooter>
     </>
   );