debug share_size_with_common_de

Author: JavaScriptMan-for

client/src/components/form_parts/CadastralNumber.tsx

@@ -54,6 +54,10 @@ useEffect(()=> {
                 min: {
                     value: 10,
                     message: "Некорректное значение первого поля"
+                },
+                minLength: {
+                  value: 2,
+                  message: 'Некорректное значение первого поля' 
                 }
             })}
              />
@@ -70,6 +74,10 @@ useEffect(()=> {
                   min: {
                     value: 10,
                     message: "Некорректное значение второго поля"
+                },
+                minLength: {
+                  value: 2,
+                  message: 'Некорректное значение второго поля' 
                 }
             })}
               />
@@ -86,6 +94,10 @@ useEffect(()=> {
                   min: {
                     value: 0,
                     message: "Некорректное значение третьего поля"
+                },
+                minLength: {
+                  value: 7,
+                  message: 'Некорректное значение третьего поля'
                 }
             })}
             />

client/src/components/form_parts/Share_size.tsx

@@ -1,84 +1,99 @@
 import { FC } from 'react';
 import { useFormContext } from 'react-hook-form';
 
+import { useSelector } from 'react-redux';
+import { RootState } from '@slices-my/store';
+
 import { Share } from '@types-my/Form.type';
 
 interface Props {
-    fraction: 'в доле' | 'га'
+  fraction: 'в доле' | 'га';
 }
 
-const FunctionalComponent:FC<Props> = ({ fraction }) => {
-      const { register, formState: { errors }, watch } = useFormContext<Share>();
-  return (
-    <div id='share'>
-        <div className="line">
-            <label>Размер доли в праве</label>
-            <input
-            className='share_size'
-            placeholder={fraction === 'в доле' ? '144' : '10'}
-            type="number"
-            {...register('share_size_ch', {
-                required: "Это поле обязательное",
-                min: {
-                    value: 0,
-                    message: "Слишком малое значение"
-                }
-            })} 
-            />
-            {   fraction === "в доле" &&
-                <>
-                
+const ShareSize: FC<Props> = ({ fraction }) => {
+  const {
+    register,
+    formState: { errors },
+  } = useFormContext<Share>();
+
+  // Получаем объект general_info из Redux.
+  const general_info = useSelector((state: RootState) => state.general_info.general_info);
 
+  // Вычисляем значение прямо в рендере.
+  const isShareSize = general_info?.isShareWithCommon === true;
+
+  return (
+    <div id="share">
+      <div className="line">
+        <label>Размер доли в праве</label>
+        <input
+          className="share_size"
+          placeholder={fraction === 'в доле' ? '144' : '10'}
+          type="number"
+          {...register('share_size_ch', {
+            required: 'Это поле обязательное',
+            min: {
+              value: 0,
+              message: 'Слишком малое значение',
+            },
+          })}
+        />
+        {fraction === 'в доле' && (
+          <>
             <span>/</span>
             <input
-            type="number" 
-            className='share_size'
-            placeholder='256'
-            {...register('share_size_z', {
-                required: "Это поле обязательное",
+              type="number"
+              className="share_size"
+              placeholder="256"
+              {...register('share_size_z', {
+                required: 'Это поле обязательное',
                 min: {
-                    value: 1,
-                    message: "Слишком малый знаменатель"
-                }
-            })}
+                  value: 1,
+                  message: 'Слишком малый знаменатель',
+                },
+              })}
             />
-         </>
-        }
-            <label>Размер доли с общим знаменателеи</label>
+          </>
+        )}
+        {general_info.isShareWithCommon == 'true' && (
+          <>
+            <label>Размер доли с общим знаменателем</label>
             <input
-            className='share_size'
-             type="text"
-             placeholder='1'
-             {...register('share_size_with_common_ch', {
-                required: "Это поле обязательное",
+              className="share_size"
+              type="text"
+              placeholder="1"
+              {...register('share_size_with_common_ch', {
+                required: 'Это поле обязательное',
                 min: {
-                    value: 1,
-                    message: "Слишком малый числитель"
-                }
-             })}
-             />
-             <span>/</span>
+                  value: 1,
+                  message: 'Слишком малый числитель',
+                },
+              })}
+            />
+            <span>/</span>
             <input
-            className='share_size'
-             type="text"
-             placeholder='2'
-             {...register('share_size_with_common_z', {
-                required: "Это поле обязательное",
+              className="share_size"
+              type="text"
+              placeholder="2"
+              {...register('share_size_with_common_z', {
+                required: 'Это поле обязательное',
                 min: {
-                    value: 1,
-                    message: "Слишком малый знаменатель"
-                }
-             })}
-             />
-        </div> 
-        <div className="validate_errors">
-            <p className="validate_error">{errors.share_size_ch && errors.share_size_ch.message}</p>
-            <p className="validate_error">{errors.share_size_z && errors.share_size_z.message}</p>
-            <p className="validate_error">{errors.share_size_with_common_ch && errors.share_size_with_common_ch.message}</p>
-            <p className="validate_error">{errors.share_size_with_common_z && errors.share_size_with_common_z.message}</p>
-        </div>
+                  value: 1,
+                  message: 'Слишком малый знаменатель',
+                },
+              })}
+            />
+          </>
+        )}
+      </div>
+      <div className="validate_errors">
+        <p className="validate_error">{errors.share_size_ch && errors.share_size_ch.message}</p>
+        <p className="validate_error">{errors.share_size_z && errors.share_size_z.message}</p>
+        <p className="validate_error">{errors.share_size_with_common_ch && errors.share_size_with_common_ch.message}</p>
+        <p className="validate_error">{errors.share_size_with_common_z && errors.share_size_with_common_z.message}</p>
+      </div>
     </div>
-  )
-}
+  );
+};
 
-export default FunctionalComponent;
+export default ShareSize;

client/src/components/form_parts/isShareWithCommon.tsx

@@ -0,0 +1,36 @@
+import { isShareWithCommonPartType } from '@types-my/Form.type';
+import { FC, useState, useEffect } from 'react';
+import { useFormContext } from 'react-hook-form';
+
+
+const IsShareWithCommon:FC = () => {
+    const { register, formState: { errors }, watch } = useFormContext<isShareWithCommonPartType>();
+
+
+
+    return (
+        <div className='line'>
+         <label>Нужна ли доля с общим знаменателем?</label>
+                <label className='label-fraction'>
+                    <input
+                    
+                        type="radio"
+                        value="true"
+                        {...register('isShareWithCommon')}
+                    />
+                    да
+                </label>
+
+                <label className='label-fraction'>
+                    <input
+                        type="radio"
+                        value="false"
+                        {...register('isShareWithCommon')}
+                    />
+                    нет
+                </label>
+        </div>
+    )
+}
+
+export default IsShareWithCommon

client/src/pages/Main.page.tsx

@@ -13,7 +13,7 @@ const MainPage:FC = () => {
   return (
     <>
     <main>
-      <h1>Конструктор бюллетеней</h1>
+      <h1 id='main_h'>Конструктор бюллетеней</h1>
       <BlockComponent width='1500px'>
         Конструктор бюллетеней - ваш верный помощник в создании бюллетеней для голосования на общих собраниях. <br />
         P.S. Ни в коем случае не пользуйтесь им, если Вы не цените свое время!

client/src/pages/Redactor.page.tsx

@@ -11,6 +11,7 @@ import DateComponent from "@components/form_parts/Date"
 import CadastralNumber from '@components/form_parts/CadastralNumber';
 import Area from '@components/form_parts/Area';
 import Address from '@components/form_parts/Address';
+import IsShareWithCommon from '@components/form_parts/isShareWithCommon';
 import NumberQuest from '@components/form_parts/NumberQuest';
 
 import { setGeneralInfo } from '@slices-my/general_info.slice';
@@ -21,7 +22,11 @@ const RedactorPage: FC = () => {
     const dispatch = useAppDispatch();
     const navigation = useNavigate();
 
-    const methods = useForm<GeneralInfo>({ mode: 'onBlur' });
+  const ls = localStorage.getItem('isShareWithCommon') || 'false'
+
+    const methods = useForm<GeneralInfo>({ mode: 'onBlur', defaultValues: {
+      isShareWithCommon: ls
+    } });
     const { handleSubmit, reset, formState: {isValid}, watch } = methods;
 
     const save = (data: GeneralInfo) => {
@@ -33,7 +38,8 @@ const RedactorPage: FC = () => {
         localStorage.setItem('c_3', String(data.cadastral_number_3))
         localStorage.setItem('c_y', String(data.cadastral_number_y))
         localStorage.setItem('area', String(data.area))
-        localStorage.setItem('address', String(data.address))
+        localStorage.setItem('address', String(data.address));
+        localStorage.setItem('isShareWithCommon', String(data.isShareWithCommon))
         localStorage.setItem('number_quest', String(data.number_questions))
     }
 
@@ -50,17 +56,21 @@ const RedactorPage: FC = () => {
 
         save(data)
 
+        console.log(data.isShareWithCommon)
+
         const date_izn: string = `${data.day} ${data.mouth} ${data.year} года`
         const cadastral_number_izn: string = `${data.cadastral_number_1}:${data.cadastral_number_2}:${data.cadastral_number_3}:${data.cadastral_number_y}`
         const area_izn: string = `${data.area} кв. м`
-        const n_q_izn: number | '____' = data.number_questions
+        const n_q_izn: number | '____' = data.number_questions;
+        const is_share_size_with_common_izn: boolean | string = data.isShareWithCommon
 
         const generalInfo: GeneralInfoToServer = {
           date: date_izn,
           cadastral_number: cadastral_number_izn,
           area: area_izn,
           address: data.address,
-          number_questions: n_q_izn
+          number_questions: n_q_izn,
+          isShareWithCommon: is_share_size_with_common_izn
         }
         console.log(generalInfo)
         dispatch(setGeneralInfo(generalInfo))
@@ -79,6 +89,7 @@ const RedactorPage: FC = () => {
         localStorage.removeItem('c_y');
         localStorage.removeItem('area');
         localStorage.removeItem('address');
+        localStorage.removeItem('isShareWithCommon')
         localStorage.removeItem('number_quest');
       }
 
@@ -92,6 +103,7 @@ const RedactorPage: FC = () => {
                     <CadastralNumber />
                     <Area />
                     <Address />
+                    <IsShareWithCommon />
                     <NumberQuest />
                     <div className="line">
                     <button onClick={ResetValues} disabled={isFormEmpty} >Сбросить все поля</button>

client/src/pages/Result.page.tsx

@@ -26,7 +26,7 @@ const ResultPage: FC = () => {
 
     for (let i = 0; i < various_info.length; i++) {
       const share_size = various_info[i].fraction === 'в доле' ? `${various_info[i].share_size_ch}/${various_info[i].share_size_z}` : `${various_info[i].share_size_ch} га`;
-      const share_size_with_common_denominator = `${various_info[i].share_size_with_common_ch}/${various_info[i].share_size_with_common_z}`;
+      const share_size_with_common_denominator = general_info.isShareWithCommon ? `${various_info[i].share_size_with_common_ch}/${various_info[i].share_size_with_common_z}` : '';
 
       const obj = {
         name: various_info[i].name,
@@ -136,7 +136,7 @@ const ResultPage: FC = () => {
 
   return (
     <>
-      <h1>Финальный этап</h1>
+      <h1 style={{marginLeft: "30px"}}>Финальный этап</h1>
       <div id="finally">
            <div id="info_file">
         <img width={48} src={wordImg} alt="Word Document" />
@@ -147,7 +147,7 @@ const ResultPage: FC = () => {
       <p className='validate_error'>{mutation.error && mutation.error.message}</p>
       </div>
 
-      {!mutation.isError && <span>Ваши бюллетени успешно сгенерировались. В случае каких-либо неисправностей прошу Вас написать нам 
+      {!mutation.isError && <span style={{marginLeft: '0px', textAlign: 'center'}}>Ваши бюллетени успешно сгенерировались. В случае каких-либо неисправностей прошу Вас написать нам 
       сюда: <code>ivan.minevskiy@yandex.ru</code> .
       </span>}
       <div className='center'><Link onClick={handleBack} to={Links.MAIN_PAGE}>Вернуться назад</Link></div>

client/src/pages/Various.page.tsx

@@ -52,12 +52,11 @@ const Various_page: FC = () => {
   }, [])
 
   useEffect(() => {
-    // Проверяем, все ли формы валидны, когда меняется isValid
     if (isValid.length > 0) {
       const allFormsValid = isValid.every(item => item === true);
       setIsValidForms(allFormsValid);
     } else {
-      setIsValidForms(false); // Если isValid пуст, считаем, что формы не валидны
+      setIsValidForms(false); 
     }
   }, [isValid]);