Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Start editing a course by clicking its class in a generated timetable

オープン
#292 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

まだ誰も着手していません。

評価

難易度
4/5
見積もり時間
1〜2日
初心者へのやさしさ
48/100
issue の種類
機能追加
明瞭さ
明確に書かれている
活発さ
活発
技術スタック
react, typescript
領域
frontend

調査の方向性

Start by reading ViewTimeTable.tsx and the existing pencil edit flow referenced in #291; check the open changes in #266 and #283 before editing. Trace how timetable blocks expose course and lab codes, including grouped timetables from #267. Done when clicking a class starts editing the matching course, scrolls to the selection box, and saving regenerates the timetable while preserving filters and returning to timetable 1.

索引モデルが issue の本文から書いたものです。

説明

Is your feature request related to a problem? Please describe.

After generating, a student who wants to change a course has to scroll up and find it in Your Courses.

Describe the solution you'd like
  • Clicking a class in a generated timetable starts the same edit as the pencil (#291) for that course.
  • The page scrolls up to the selection box.
  • Save changes then works as in #291: it regenerates, keeps the filters and goes back to timetable 1.
Additional context

Depends on #291.

A timetable block only knows its course code, so lab blocks have to be matched on the lab code (courseCodeLab) too.

Related: #193 asks for clicking the grid on the Slot View page to pick slots. This issue is about generated timetables on the main page, so the two don't overlap.

ViewTimeTable.tsx is changing in other work, so expect merge conflicts:

  • #266 (open): splits ViewTimeTable.tsx into smaller modules.
  • #283 (open PR): changes timetable state in ViewTimeTable.tsx.
  • #267 (merged): groups timetables with the same slot layout. A click should still open the right course.
Design
Example

One way to build it (just an idea):

  • onClick on the class block calls startEdit with the course's id
  • Then scroll to the selection box
onClick={() => {
  startEdit(courseId);
  document.getElementById('start')?.scrollIntoView({ behavior: 'smooth' });
}}
主要言語
TypeScript
スター
6
フォーク
37
平均マージ
14時間 30分
マージ済み PR(30日)
38

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

CodeChefVIT/ffcs のほかの issue

CodeChefVIT/ffcs の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。