timetable-app

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README | LICENSE

day-period-excel-to-code.tsx (1624B)


      1 import NavigateNextIcon from '@mui/icons-material/NavigateNext';
      2 import Box from '@mui/material/Box';
      3 import Breadcrumbs from '@mui/material/Breadcrumbs';
      4 import Container from '@mui/material/Container';
      5 import Typography from '@mui/material/Typography';
      6 
      7 import Head from 'client/components/Head';
      8 import Link from 'client/components/Link';
      9 import DayPeriodExcelToCodeForm from 'client/features/tools/dayPeriodExcelToCode';
     10 
     11 export default function DayPeriodExcelToCodePage() {
     12 	return (
     13 		<>
     14 			<Head title='曜日時限時間割表 変換ツール' />
     15 			<Container maxWidth='lg' component={Box} py={2}>
     16 				<Breadcrumbs
     17 					separator={<NavigateNextIcon fontSize='small' />}
     18 					aria-label='breadcrumb'
     19 				>
     20 					<Link underline='hover' color='inherit' href='/'>
     21 						トップ
     22 					</Link>
     23 					<Link underline='hover' color='inherit' href='/tools'>
     24 						ツール
     25 					</Link>
     26 					<Typography color='text.primary' variant='h2'>
     27 						曜日時限時間割表 変換ツール
     28 					</Typography>
     29 				</Breadcrumbs>
     30 
     31 				<p>
     32 					曜日時限時間割(日程)のExcel形式のデータを、アプリ内部でデータを保存している形式に変換するツールです。入力データは以下の構造のtsvテキストに対応しています。
     33 				</p>
     34 				<ul>
     35 					<li>
     36 						1列目: 日付(<code>yyyy-mm-dd</code> 形式)
     37 					</li>
     38 					<li>2~8列目: 1年生の1~7限の曜日時限</li>
     39 					<li>9~15列目: 2年生の1~7限の曜日時限</li>
     40 					<li>16~22列目: 3年生の1~7限の曜日時限</li>
     41 				</ul>
     42 
     43 				<DayPeriodExcelToCodeForm />
     44 			</Container>
     45 		</>
     46 	);
     47 }