Skip to content

feat: add standard-seasons theme with 6 view modes and full edit/view UX#140

Closed
Copilot wants to merge 2 commits intomainfrom
copilot/fix-standard-seasons-edit-mode
Closed

feat: add standard-seasons theme with 6 view modes and full edit/view UX#140
Copilot wants to merge 2 commits intomainfrom
copilot/fix-standard-seasons-edit-mode

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Mar 31, 2026

Adds a new standard-seasons theme with multiple calendar/list view modes and polished edit-mode interactions, addressing a set of UX requirements around schedule editing, view switching, and drag-and-drop.

New Theme: standard-seasons

View Modes

  • 日カード — Day carousel; drag-and-drop between drop zones to reorder steps (zones highlight on hover)
  • 週カード / 月カード — Week/month grouped cards; drag a step onto a date header to change its date
  • リスト — Flat list with date+weekday separator rows inserted on date change (not a column)
  • 週 / 月 — Traditional grid calendar views; month view uses a fixed-width CSS grid so all cells are uniform width, step titles truncated with ellipsis

Edit Mode Behavior

  • Clicking a step in any view opens a StepDetailDialog; in edit mode the dialog includes an "編集" button that opens StepEditForm inline — editing stays within the current view
  • Switching from edit → view mode while a step is being edited triggers a confirmation dialog to prevent data loss
  • Settings button opens a modal overlay (SettingsDialog) instead of a popup menu

Responsive Memo Dialog

Textarea width uses min(90vw, 600px) so it expands on desktop while staying usable on mobile.

Files Added

apps/web/src/lib/themes/standard-seasons/
├── config.ts, index.ts, demo-data.ts
├── ItineraryView.svelte
├── components/  Dialog, MemoDialog, SettingsDialog, StepDetailDialog, StepEditForm
├── views/       DayCardView, WeekCardView, MonthCardView, ListView, WeekView, MonthView
└── styles/      index.css, base.css  (ss- prefix throughout)

Registration

catalog.ts and themes/index.ts updated to expose standard-seasons as a selectable theme.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

  • workers.cloudflare.com
    • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/work/tabitabi/tabitabi/apps/web/node_modules/.bin/../vite/bin/vite.js build git abi/�� --global user.email p/bin/git HooksPath (dns block)
    • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/work/tabitabi/tabitabi/apps/web/node_modules/.bin/../vite/bin/vite.js build bash --no�� /standard-seasons/index.ts (dns block)
    • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/work/tabitabi/tabitabi/apps/web/node_modules/.bin/../vite/bin/vite.js build git -com�� /standard-season--irreversible-delete HEAD /snap/bin/git unset --global .25.4/node_modul26ae02b00cebdfd52a3ef9a23378cdb61fbc9eaf:apps/web/src/lib/themes/standard-seasons/demo-data.ts git show�� /standard-seasons/ItineraryView.svelte git (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

Original prompt

standard-seasonsの予定の表示と編集に関する要望です。以下の点を修正して欲しいです。

  • 編集モードで予定を編集しようとした時に、閲覧モードのボタンを押すと、編集途中で閲覧モードになるので、それを修正してほしい
  • 月ビュー、週ビュー、リストビューで、閲覧モードの時は予定をクリックすると詳細ダイアログが表示されるようにしました。編集モードの時は、予定をクリックして詳細ダイアログが表示され、ダイアログ内の編集ボタンをクリックすると、予定の編集フォームが表示されるようにして欲しい。そのビュー内で編集は完結させて。現在は、月ビューとかで編集モードで予定をクリックすると、詳細ダイアログが表示されずに、何も変わらず、日カードビューにしたらその予定が編集されるようになっている。
  • 全体のメモの編集画面は、デバイスに応じて、編集するメモの幅を変えて欲しい。pcならもう少し幅が大きくて良い。
  • settingだが、これについてもこのボタンを押したら、モーダルで設定画面が表示されるようにして。
  • リストビューにおいて、日付と曜日は、列のカラムに入れるというよりかは、日付が変わったところで日付と曜日を表示する行を挿入する感じにしてほしい。
  • 編集モードでの予定のドラッグにおいて
    • 日カードビューにおいて、予定をドラッグして、予定の間(もしくは最初または最後)の部分にドロップすると、予定の順番を入れ替えることができるようにしてほしい。ドラッグしている時は、ドロップできる部分(予定の間、最初、最後)がハイライトされるようにしてほしい。
    • 月カードビューにおいて、予定をドラッグして、日付の部分にドロップすると、予定の日付を変更できるようにしてほしい。
    • 週カードビューにおいて、予定をドラッグして、日付の部分にドロップすると、予定の日付を変更できるようにしてほしい。
  • 月ビューの日付の幅と曜日の幅を統一して。予定のタイトル文字数などが多い時は最後の部分きれて省略されて良い。

コミットまではしなくて良いです。
実際に動かして、UI/UX的におかしなところがあれば、そこも修正して欲しいです。

The user has attached the following file paths as relevant context:

  • .github/copilot-instructions.md

VS Code から作成されました。

- Day card carousel with dot indicators and drag-to-reorder steps
- Week card view with 7 columns and drag-to-change-date
- Month card view grouped by day with drag-to-change-date
- List view with date separator rows
- Week calendar grid (Mon-Sun)
- Month calendar grid (Sun-Sat) with other-month cells
- Dialog, MemoDialog, StepDetailDialog, StepEditForm, SettingsDialog components
- Auth handling matching standard-autumn pattern
- Demo data: Tokyo/Nikko/Kamakura itinerary
- Pure CSS with ss- prefix variables
- Updated catalog.ts and index.ts to register theme

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Copilot AI changed the title [WIP] Fix editing behavior in standard seasons schedule feat: add standard-seasons theme with 6 view modes and full edit/view UX Mar 31, 2026
Copilot AI requested a review from soranjiro March 31, 2026 20:07
@soranjiro
Copy link
Copy Markdown
Owner

/deploy-preview

@github-actions
Copy link
Copy Markdown

github-actions Bot commented Apr 1, 2026

🚀 Preview Environment Ready

Your preview environment has been deployed:

The Web app is configured to access the preview API automatically.
To update this preview, comment /deploy-preview again.

Note: Preview environments share the same database as production.

@soranjiro soranjiro closed this Apr 1, 2026
@soranjiro soranjiro deleted the copilot/fix-standard-seasons-edit-mode branch April 3, 2026 16:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants