Изменен заголовок и добавлено описание в index.html. Обновлены стили и разметка в компоненте LegendSection для улучшения отображения ролей. Исправлены формулировки в компонентах ContributionResultsSection и MonthlyResultsTable для единообразия. Обновлены размеры колонок в AppProvider.
This commit is contained in:
Alex Ant
+2
-1
@@ -4,7 +4,8 @@
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Vite + React</title>
|
||||
<title>C9S Калькулятор Выгоды</title>
|
||||
<meta name="description" content="Калькулятор выгоды для кооперативной экономики: расчет доходности, доли и выплат при участии трудочасами и/или инвестициями. Прозрачные формулы, учет премий, возвратов и членских взносов." />
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
|
||||
@@ -15,7 +15,7 @@ export const AppProvider: FC<AppProviderProps> = () => {
|
||||
<Layout style={{ minHeight: '100vh', background: 'transparent' }}>
|
||||
<Content style={{ padding: 0, width: '100%', margin: 0 }}>
|
||||
<Row justify="center" gutter={[0, 0]} style={{ margin: 0, width: '100%' }}>
|
||||
<Col xs={24} sm={24} md={22} lg={20} xl={18} style={{ padding: 0 }}>
|
||||
<Col xs={24} sm={24} md={22} lg={22} xl={22} style={{ padding: 0 }}>
|
||||
<AppRouter />
|
||||
</Col>
|
||||
</Row>
|
||||
|
||||
@@ -45,7 +45,7 @@ export const ContributionResultsSection: FC<ContributionResultsSectionProps> = (
|
||||
|
||||
// Метки для графика
|
||||
const pieLabels = [
|
||||
'Себестоимость Вашего результата',
|
||||
'Себестоимость вашего результата',
|
||||
'Ваш взнос деньгами',
|
||||
'Себестоимость труда авторов результата',
|
||||
'Ваша премия как создателя',
|
||||
@@ -139,7 +139,7 @@ export const ContributionResultsSection: FC<ContributionResultsSectionProps> = (
|
||||
<Col xs={24} lg={24} className='mt-lg'>
|
||||
<div className="result-item">
|
||||
<Text>
|
||||
Себестоимость Вашего результата:
|
||||
Себестоимость вашего результата:
|
||||
<SharedTooltip text="Стоимость вашего результата труда, который вы внесли в систему. Это то, за что вы можете получить возврат, в зависимости от процента возврата себестоимости." />
|
||||
</Text>
|
||||
<Text strong>{creatorBaseValue.toLocaleString('ru-RU')} ₽</Text>
|
||||
@@ -155,14 +155,14 @@ export const ContributionResultsSection: FC<ContributionResultsSectionProps> = (
|
||||
<div className="result-item">
|
||||
<Text>
|
||||
Ваша премия как создателя в результате:
|
||||
<SharedTooltip text="Дополнительная сумма, которую система начисляет Вам как создателю результата (100% от себестоимости Вашего результата). Премия всегда капитализируется и увеличивает вашу долю в складочном капитале." />
|
||||
<SharedTooltip text="Дополнительная сумма, которую система начисляет Вам как создателю результата (100% от себестоимости вашего результата). Премия всегда капитализируется и увеличивает вашу долю в складочном капитале." />
|
||||
</Text>
|
||||
<Text strong>{creatorBonus.toLocaleString('ru-RU')} ₽</Text>
|
||||
</div>
|
||||
<div className="result-item">
|
||||
<Text>
|
||||
Себестоимость труда авторов в результате:
|
||||
<SharedTooltip text="Себестоимость труда автора или соавторов, которые внесли вклад в создание Вашего результата (61.8% от себестоимости Вашего результата). Авторы также могут получить возврат части своей себестоимости труда при внесении Вами результата." />
|
||||
<SharedTooltip text="Себестоимость труда автора или соавторов, которые внесли вклад в создание вашего результата (61.8% от себестоимости вашего результата). Авторы также могут получить возврат части своей себестоимости труда при внесении Вами результата." />
|
||||
</Text>
|
||||
<Text strong>{authorBaseValue.toLocaleString('ru-RU')} ₽</Text>
|
||||
</div>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import { FC } from 'react';
|
||||
import { Typography, Divider } from 'antd';
|
||||
import { Typography, Divider, Row, Col } from 'antd';
|
||||
import { BaseCard } from '../../../shared';
|
||||
import '../styles/legend.css';
|
||||
import { UserOutlined, BulbOutlined, DollarCircleOutlined, TeamOutlined } from '@ant-design/icons';
|
||||
@@ -12,30 +12,33 @@ export const LegendSection: FC = () => {
|
||||
title="Легенда"
|
||||
className="mb-md"
|
||||
>
|
||||
<div className="legend-roles">
|
||||
<div className="legend-role">
|
||||
<Text className="legend-role-title"><UserOutlined style={{ fontSize: 24, marginRight: 8 }} />Создатель</Text>
|
||||
<Text>Участник, который создаёт результат, вкладывая своё время.</Text>
|
||||
</div>
|
||||
|
||||
<div className="legend-role">
|
||||
<Text className="legend-role-title"><BulbOutlined style={{ fontSize: 24, marginRight: 8 }} />Автор</Text>
|
||||
<Text>Участник, который предложил идею проекта результата.</Text>
|
||||
</div>
|
||||
|
||||
<div className="legend-role">
|
||||
<Text className="legend-role-title"><DollarCircleOutlined style={{ fontSize: 24, marginRight: 8 }} />Инвестор</Text>
|
||||
<Text>Участник, который инвестирует денежные средства в результат.</Text>
|
||||
</div>
|
||||
|
||||
<div className="legend-role">
|
||||
<Text className="legend-role-title"><TeamOutlined style={{ fontSize: 24, marginRight: 8 }} />Вкладчик</Text>
|
||||
<Text>Любой участник системы, получающий выгоду от капитализации вклада.</Text>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Row gutter={[16, 16]}>
|
||||
<Col xs={24} sm={12} lg={6}>
|
||||
<div className="legend-role">
|
||||
<Text className="legend-role-title"><UserOutlined style={{ fontSize: 24, marginRight: 8 }} />Создатель</Text>
|
||||
<Text>Участник, который создаёт результат, вкладывая своё время.</Text>
|
||||
</div>
|
||||
</Col>
|
||||
<Col xs={24} sm={12} lg={6}>
|
||||
<div className="legend-role">
|
||||
<Text className="legend-role-title"><BulbOutlined style={{ fontSize: 24, marginRight: 8 }} />Автор</Text>
|
||||
<Text>Участник, который предложил идею проекта результата.</Text>
|
||||
</div>
|
||||
</Col>
|
||||
<Col xs={24} sm={12} lg={6}>
|
||||
<div className="legend-role">
|
||||
<Text className="legend-role-title"><DollarCircleOutlined style={{ fontSize: 24, marginRight: 8 }} />Инвестор</Text>
|
||||
<Text>Участник, который инвестирует денежные средства в результат.</Text>
|
||||
</div>
|
||||
</Col>
|
||||
<Col xs={24} sm={12} lg={6}>
|
||||
<div className="legend-role">
|
||||
<Text className="legend-role-title"><TeamOutlined style={{ fontSize: 24, marginRight: 8 }} />Вкладчик</Text>
|
||||
<Text>Любой участник системы, получающий выгоду от капитализации вклада.</Text>
|
||||
</div>
|
||||
</Col>
|
||||
</Row>
|
||||
<Divider />
|
||||
|
||||
<div className="legend-description">
|
||||
<Text>
|
||||
<strong>Как это работает:</strong> в основе модели лежит принцип капитализации результатов интеллектуальной деятельности
|
||||
|
||||
@@ -25,7 +25,7 @@ export const MonthlyResultsTable: FC<MonthlyResultsTableProps> = ({
|
||||
// Колонки для таблицы результатов
|
||||
const allColumns = [
|
||||
{
|
||||
title: columnTitle('Месяц', 'Номер месяца от начала участия. Месяц 1 - момент вступления, месяц 2 - первый месяц после внесения Вашего вклада'),
|
||||
title: columnTitle('Месяц', 'Номер месяца от начала участия. Месяц 1 - момент вступления, месяц 2 - первый месяц после внесения вашего вклада'),
|
||||
dataIndex: 'month',
|
||||
key: 'month',
|
||||
render: (value: number) => value + 1
|
||||
@@ -80,7 +80,7 @@ export const MonthlyResultsTable: FC<MonthlyResultsTableProps> = ({
|
||||
render: (value: number) => value.toLocaleString('ru-RU') + ' RUB'
|
||||
},
|
||||
{
|
||||
title: columnTitle('Предполагаемая стоимость Вашего вклада', 'Общая сумма Вашего вклада на конец месяца, включая первоначальный взнос и накопленную долю в премиях вкладчиков'),
|
||||
title: columnTitle('Предполагаемая стоимость вашего вклада', 'Общая сумма вашего вклада на конец месяца, включая первоначальный взнос и накопленную долю в премиях вкладчиков'),
|
||||
dataIndex: 'initialContribution',
|
||||
key: 'initialContribution',
|
||||
render: (value: number) => value.toLocaleString('ru-RU') + ' RUB'
|
||||
|
||||
Reference in New Issue
Block a user