Pilot Flight Log Profile Block for React

Edit FLIGHTS and AIRCRAFT. A flight has a date, the two airfields, the aircraft, the hours in tenths (14 is 1.4 hours, so every total is exact), the conditions (day, night or instrument) and the role (command or dual). An aircraft has a name and its number of engines. The totals, the four slices of the bar, the shares and the status line are all worked out from the flights shown, so nothing is typed twice. Keep FLIGHTS in the order of the logbook, newest first: it is what a third press on a head returns to.

Each head is a button. A column starts in the order that suits it (dates newest first, hours most first, names A to Z), a second press reverses it and a third puts the book back in logbook order. The sorted head carries aria-sort, the others say none, ties fall back to the newest date, and a polite line says what the order is, such as 8 of 8 flights, by hours, most first. On a phone the aircraft and conditions columns fold under the route, so their heads are not shown: sort them on a larger screen.

Every flight lands in exactly one slice, so the slices add up to the total: instrument and night flights keep their own slice whatever the aircraft, and day flights split by the number of engines. The legend gives each slice's hours and its share of the total, rounded by the largest remainder so the shares add up to exactly 100. The bar changes with the aircraft menu, because it is drawn from the same flights as the table.

No. The pilot, the aircraft, the airfields and every number are invented, and nothing is checked against a real logbook or an authority. The menu and the sorting only change what the page shows. To make it real, load the flights from your own logbook store and say who signed each entry.

It is a native table with a hidden caption, column heads, the date as each row's header and a totals row in the foot. The blank lines are marked as presentational, so a screen reader skips them. Conditions are written out with an icon, role is a word, and the hours keep their order in a right-to-left layout. The wrapper is a labelled region that can be scrolled with the keyboard.

The table drops the aircraft and conditions columns and writes them under the route, in a second line, so the four that remain fit without sideways scrolling. The stacked bar is the same on every width, and its legend goes two by two.