discoman/python-tdd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

New Post applet: kill #id_text remnant, add OK btn, bolden composer inputs — TDD

Browse Source 
Prep for porting a post composer into room.html. Three changes on the New Game / New Post applets:

1. Renamed the old Percival #id_text → #id_new_post_text. _form.html (the shared post composer) is now parameterized on input_id (default id_new_post_text) + submit_id (default id_new_post_btn); the feedback div + aria-describedby track {{ input_id }}_feedback. _applet-new-post.html includes it with input_id="id_new_post_text". room.html will reuse the same partial with input_id="id_room_post_text". Refs updated: _scripts.html (initialize("#id_new_post_text")), Jasmine Spec.js, FT post_page.py. _form.html has exactly one includer.

2. Added an OK .btn-confirm submit to _form.html (flex .composer-row: line input + OK, validation feedback below), mirroring the New Game applet. ENTER still submits, so the existing add_post_line FTs stay green.

3. Composer-input styling in _applets.scss: #id_new_game_name, #id_new_post_text { font-weight: 700; &:focus { color: --terUser } } — mirrors .sky-form-col input. The duoUser fill / secUser default text / terUser border+glow on focus already come from .form-control; this adds the 700 weight + the focus text-colour shift. room's #id_room_post_text joins this selector list when it lands.

Tests: NewPostTest ITs (conventional id + aria-describedby, OK .btn-confirm). 440 dashboard+billboard ITs green; Jasmine spec green with the renamed id; test_bill_new_post FT green (renamed input + OK btn, ENTER submit).

[[project-room-scroll-of-events]]

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Disco DeDisco
2026-06-01 20:37:52 -04:00
parent 4a4e60f668
commit 39a2a49d7e
8 changed files with 78 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/static_src/scss/_applets.scss
View File

@@ -98,6 +98,20 @@
}
#id_bud_menu { @extend %applet-menu; }
// New Game / New Post composer line-inputs — mirror the My Sky form-col inputs
// (`_sky.scss` .sky-form-col input): bolder text + a terUser focus shift. The
// duoUser fill, secUser default text, and terUser border/glow on focus already
// come from `.form-control`; these only add the 700 weight and the focus
// text-colour. room.html's #id_room_post_text joins this list when it lands.
#id_new_game_name,
#id_new_post_text {
font-weight: 700;
&:focus {
color: rgba(var(--terUser), 1);
}
}
// Page-level gear buttons — fixed to viewport bottom-right
.gameboard-page,
.dashboard-page,