ClassHomeworkBoard/.trae/specs/ui-improvements-spec/tasks.md

Tasks

• Task 1: Update Announcement System

  • SubTask 1.1: Fix AnnouncementSettingsDialog.vue:
    • Fix Markdown toolbar layout (flex-wrap).
    • Ensure Preview works (check parseMarkdown usage).
    • Add "Save Success" notification trigger on save.
  • SubTask 1.2: Update AnnouncementWidget.vue:
    • Add logic to hide component if notifications is empty.
    • Add click handler to open detail popup (emit event or call method).
  • SubTask 1.3: Update index.vue to handle widget click and show detail popup.

• Task 2: Update Homework UI

  • SubTask 2.1: Update HomeworkGrid.vue:
    • Change "Self Correction" chip color to success.
  • SubTask 2.2: Update HomeworkEditDialog.vue:
    • Style "Add Item" button (color="white", variant="flat").
    • Style "Submission Time" and "Self Correction" buttons to match v-chip style (height, rounded).
    • Ensure text colors are white where appropriate.

• Task 3: Fix General UI & Feedback

  • SubTask 3.1: Fix FloatingToolbar.vue refresh button loading state (debug loading prop).
  • SubTask 3.2: Implement Global "Save Success" Snackbar in index.vue and expose method/event to trigger it from child components.
  • SubTask 3.3: specific font color adjustments (Grey to White) in AttendanceSidebar and HomeworkGrid as requested.

Task Dependencies

• Task 3.2 (Global Snackbar) should be done before Task 1.1 and 1.3 to ensure feedback works.