src/data/modalContent.js - master - BillyBones007/Mathposters

src/data/modalContent.js
50 строк3 KB
BillyBones007
Добавлены модальные окна, блоки формул вынесены в отдельный компонент
11 янв 2026, 18:29
11 янв 2026, 18:29e93e789
// Здесь хранится весь контент для модальных окон
export const modalContent = {
  cylinderTheory: {
    title: 'Цилиндр - Теоретические основы',
    content: /*html*/ `
                        <div class="modal-section">
                            <h4><i class="fas fa-shapes"></i> ГЕОМЕТРИЧЕСКОЕ ОПРЕДЕЛЕНИЕ</h4>
                            <p>Цилиндр — поверхность, образованная движением прямой (образующей),
                            параллельной некоторому направлению и пересекающей данную кривую (направляющую).</p>

                            <div class="definition-box">
                                <strong>Прямой круговой цилиндр:</strong>
                                <ul>
                                    <li>Направляющая — окружность</li>
                                    <li>Образующие перпендикулярны плоскости основания</li>
                                    <li>Высота равна длине образующей</li>
                                </ul>
                            </div>
                        </div>

                        <div class="modal-section">
                            <h4><i class="fas fa-history"></i> ИСТОРИЧЕСКАЯ СПРАВКА</h4>
                            <p>Термин "цилиндр" происходит от греческого "κύλινδρος" — каток, валик.
                            Изучение свойств цилиндров началось в древней Греции (Архимед, Евклид).</p>
                        </div>
                        `,
  },
  cylinderVolume: {
    title: 'Цилиндр - Объем цилиндра',
    content: `TODO: Добавить контент. С формулой`,
  },
  cylinderSurface: {
    title: 'Цилиндр - Площадь поверхности цилиндра',
    content: `TODO: Добавить контент. С формулой`,
  },
  cylinderLateral: {
    title: 'Цилиндр - Площадь боковой поверхности цилиндра',
    content: `TODO: Добавить контент. С формулой`,
  },
}

// Хелпер для получения контента по ключу
export function getModalContent(key) {
  return (
    modalContent[key] || {
      title: 'Unknown Content',
      content: 'Content not found for the specified key.',
    }
  )
}