Преглед изворни кода

Add checkbox to include subordinated pages in modal

Shun Miyazawa пре 1 година
родитељ
комит
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>
           </SimpleBar>
         </Suspense>
         </Suspense>
       </ModalBody>
       </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>
       </ModalFooter>
     </>
     </>
   );
   );