Allow cards of different colours

[Jeffrey.Ratcliffe@…]

As far as I can see, all cards are currently yellow. When working with many cards, it would be convenient to have cards of different colour to tell them apart more quickly.

[Peter Suter]

Untested patch​.

• Needs Trac 1.2 for the DB upgrade upgrade_tables().
• Supports only yellow, red, green, blue. (Defined as CSS classes and using basic HTML named colors in Javascript / edit screen.)
  • What other colors would be desired? Should the user somehow be able to specify custom colors? (Like e.g. in WeekPlanPlugin.)
• Forgot add default color to migrated pre-existing cards. Should maybe keep yellow as fallback in CSS class trac-card without a color class.

[Ryan J Ollos]

• The PLUGIN_VERSION value needs to be set to 3 in core.py
• I haven't been able to get the Color selector to successfully select a value
• The width of the Color selector should probably be adjusted and blue is used for the currently selected entry, but should probably be transparent (see screen capture where the mouse was positioned over the yellow (first) entry)

[Peter Suter]

Thanks for testing, all good points.

[Peter Suter]

Second patch​ should work better, avoiding the problems mentioned in comment:2 and allows any colors by using the ​HTML color chooser control.

[Peter Suter]

(Small typo in second patch, cards.js line 260 should be color: '#ffffe0', // default: yellow (only four f's, not five). This invalidated the initial selected color of new cards.)

[Ryan J Ollos]

Works well for me.

I looked for a way to close the color picker when the dialog is closed. It might not be possible: ​SO:34028501.

[Peter Suter]

In 16721:

CardsPlugin: Allow selecting card colors.
(see #13248)

Also add "Export" buttons.

[Peter Suter]

Thanks again for testing.

Using the HTML color picker has the downside of less control and all sorts of platform differences, but the upside of being very low effort. For now it seems good enough to me, but feel free to suggest improvements.