feat: Support configurable priority colors

Improve accessibility and UX by giving administrators an option to
configure the colors used for issue priorities on the dashboard. This
allows admins to choose colors according to their issue priority order
and the need of their team members.

Furthermore, enhance accessibility by giving overdue issues a distinct
shape too, not only color. This ensures that users with color vision
deficiencies can easily identify overdue issues on the dashboard.

The colors can be chosen from a palette of 10 colors with 5 shades each,
so that themes can adjust these colors e.g. for dark mode, high
contrast, or matching the theme better. All colors are defined as CSS
variables, and chosen based on a oklch color palette for visual
distinction.

Note: This is first feature that heavily patches into Redmine's core and
requires a database migration. This will need some serious testing and
feedback to ensure it works well across different Redmine versions and
setups, including other plugins.

Closes #802

Author: jgraichen

.editorconfig-checker.json

@@ -1,11 +1,11 @@
 {
   "Exclude": [
-    "LICENSE",
+    ".husky/",
+    ".ruby-lsp/",
     "assets/javascripts/jquery.total-storage.js",
-    "^vendor/",
-    "^node_modules/",
-    "^.husky/_/",
-    "^.ruby-lsp/"
+    "LICENSE",
+    "node_modules/",
+    "vendor/redmine/"
   ],
   "Disable": {
     "IndentSize": true

.husky/pre-commit

@@ -1 +1 @@
-bun lint-staged
+lint-staged

README.md

@@ -13,7 +13,7 @@ This [Redmine](http://redmine.org) plugin adds an issue dashboard that supports
 
 ## Features List
 
-- Drag-n-drop of issues
+- Drag-and-drop of issues
 - Configurable columns
 - Grouping & Filtering
 - Group folding
@@ -32,7 +32,8 @@ Please ask your questions, or tell us your stories or experience on [GitHub Disc
 1. Download the [latest release](https://github.com/jgraichen/redmine_dashboard/releases).
 2. Extract archive to `<redmine>/plugins`.
    Make **sure** the plugin directory is called `<redmine>/plugins/redmine_dashboard/` ([#11](https://github.com/jgraichen/redmine_dashboard/issues/11)).
-3. A database migration is not needed. Restart Redmine.
+3. Run database migrations with `bundle exec rake redmine:plugins:migrate RAILS_ENV=production`.
+4. Restart Redmine.
 
 ### Configure Redmine
 
@@ -46,11 +47,11 @@ Please ask your questions, or tell us your stories or experience on [GitHub Disc
 
 ## Contribute
 
-I appreciate any help and like Pull Requests. The `main` branch is the current stable branch for v2. The next version, Redmine Dashboard 3, a complete rewrite had been under development on the `develop` branch. Due to limited available time the project is in maintenance only mode but open to new contributors.
+I appreciate any help and like Pull Requests. The `main` branch is the current stable branch for v2. Due to limited available time the project is in maintenance-only mode but open to new contributions and bug fixes.
 
 I gladly accept new translations or language additions for any version of Redmine Dashboard. I would prefer new translations via [Transifex](https://www.transifex.com/projects/p/redmine-dashboard/), but you can also send a Pull Request. Feel free to request new languages or to join the team directly on Transifex.
 
 ## License
 
-Redmine dashboard is licensed under the Apache License, Version 2.0.
+Redmine Dashboard is licensed under the Apache License, Version 2.0.
 See LICENSE for more information.

app/views/enumerations/_form.html.erb

@@ -0,0 +1,32 @@
+<%= error_messages_for 'enumeration' %>
+
+<div class="box tabular">
+  <p><%= f.text_field :name %></p>
+  <p><%= f.check_box :active %></p>
+  <p><%= f.check_box :is_default %></p>
+
+  <% @enumeration.custom_field_values.each do |value| %>
+    <p><%= custom_field_tag_with_label :enumeration, value %></p>
+  <% end %>
+</div>
+
+<% if @enumeration.respond_to?(:dashboard_color_css_class) && @enumeration.respond_to?(:dashboard_color) %>
+  <fieldset class="box">
+    <legend><%= I18n.t('rdb.enumeration.dashboard_color') %></legend>
+
+    <span class="rdb-enumeration-color-palettes">
+      <% RedmineDashboard::Color::PALETTE.each do |_, colors| %>
+        <ol>
+          <% colors.each do |color| %>
+            <li>
+              <label class="rdb-enumeration-color-label rdb-color-<%= color %>">
+                <%= f.radio_button :dashboard_color, color %>
+                <span><%= color %></span>
+              </label>
+            </li>
+          <% end %>
+        </ol>
+      <% end %>
+    </span>
+  </fieldset>
+<% end %>

app/views/rdb_dashboard/_footer.html.erb

@@ -9,16 +9,17 @@
       <p><%= t(:rdb_legend_priorities) %></p>
 
       <% IssuePriority.all.sort_by(&:position).each do |priority| %>
-        <span class="rdb-priority rdb-priority-<%= priority.position %>">
+        <%= tag.span(class: class_names("rdb-priority", priority.dashboard_color_css_class)) do %>
           <%= priority %>
-        </span>
+        <% end %>
       <% end %>
     </div>
 
     <div>
       <p><%= t(:rdb_legend_warnings) %></p>
-      <span class="rdb-overdue"><span>&nbsp;</span></span>
-      <%= t(:rdb_issue_overdue) %>
+      <span class="rdb-overdue">
+        <%= t(:rdb_issue_overdue) %>
+      </span>
     </div>
   </div>
 

app/views/rdb_dashboard/issues/_card.html.erb

@@ -1,5 +1,5 @@
 <div class="rdb-card">
-  <div class="rdb-priority rdb-priority-<%= issue.priority.position %>">
+  <%= tag.div(class: class_names("rdb-priority", issue.priority.dashboard_color_css_class)) do %>
     <header class="rdb-card-header">
       <div class="rdb-card-title">
         <%= render partial: 'rdb_dashboard/issues/issue_menu', locals: {issue: issue} %>
@@ -22,5 +22,5 @@
 
       <%= render partial: 'rdb_dashboard/issues/issue_properties', locals: {issue: issue} %>
     </div>
-  </div>
+  <% end %>
 </div>

app/views/rdb_dashboard/issues/_compact.html.erb

@@ -1,5 +1,5 @@
 <div class="rdb-compact">
-  <div class="rdb-priority rdb-priority-<%= issue.priority.position %>">
+  <%= tag.div(class: class_names("rdb-priority", issue.priority.dashboard_color_css_class)) do %>
     <div class="rdb-compact-progress">
       <div
         class="rdb-compact-progress-bar"
@@ -22,5 +22,5 @@
         <%= issue.subject %>
       </div>
     </div>
-  </div>
+  <% end %>
 </div>

app/views/rdb_dashboard/issues/_compact.html.slim

@@ -0,0 +1,15 @@
+/ ISSUE COMPACT
+.rdb-compact
+  .rdb-priority class=issue.priority.dashboard_color_css_class
+
+    .rdb-compact-progress
+      .rdb-compact-progress-bar style="width: #{issue.done_ratio}%"
+    header.rdb-compact-header
+      .rdb-compact-title
+        = render partial: 'rdb_dashboard/issues/issue_menu', locals: {issue: issue}
+      .rdb-compact-header-data
+        = render partial: 'rdb_dashboard/issues/issue_properties', locals: {issue: issue}
+
+    .rdb-compact-content
+      .rdb-compact-subject.rdb-property-subject = issue.subject
+/ ISSUE COMPACT END

app/views/rdb_dashboard/taskboard/_column_dialog.html.erb

@@ -1,6 +1,6 @@
 <div>
   <div class="rdb-card rdb-card-dialog">
-    <div class="rdb-priority rdb-priority-<%= @issue.priority.position %>">
+    <%= tag.div(class: class_names("rdb-priority", @issue.priority.dashboard_color_css_class)) do %>
       <header class="rdb-card-header">
         <span class="rdb-card-title">
           <%= link_to "#{@board.abbreviation(@issue.project_id)}#{@issue.id}", @issue %>
@@ -31,6 +31,6 @@
           <% end %>
         </ul>
       </div>
-    </div>
+    <% end %>
   </div>
 </div>

assets/stylesheets/dashboard.css

@@ -195,7 +195,7 @@ a#rdb-reset {
 }
 
 #rdb-legend div {
-  padding: 0 0 4px;
+  padding: 0 0 0.75em;
 }
 
 #rdb-legend p {
@@ -214,12 +214,11 @@ a#rdb-reset {
 }
 
 #rdb-legend .rdb-overdue {
-  padding: 0;
-}
-
-#rdb-legend .rdb-overdue span {
-  border: 1px solid red;
-  padding: 0;
+  padding: 1px 0.25em;
+  margin: 0 3px 0 0;
+  border: 1px solid var(--rdb-overdue-color);
+  border-radius: 3px;
+  outline: 1px dotted var(--rdb-overdue-color);
 }
 
 #rdb-footer {