From 17213da5ce60a3da19789cff14544d0a79ee2df1 Mon Sep 17 00:00:00 2001
From: Frederic Guillot <fred@kanboard.net>
Date: Fri, 24 Jun 2016 17:57:26 -0400
Subject: Use the same task form layout everywhere

---
 assets/js/src/Task.js | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

(limited to 'assets/js/src')

diff --git a/assets/js/src/Task.js b/assets/js/src/Task.js
index e19e6b2d..3eef26c7 100644
--- a/assets/js/src/Task.js
+++ b/assets/js/src/Task.js
@@ -33,12 +33,7 @@ Kanboard.Task.prototype.onPopoverOpened = function() {
     var self = this;
     var reloadingProjectId = 0;
 
-    // Change color
-    $(document).on("click", ".color-square", function() {
-        $(".color-square-selected").removeClass("color-square-selected");
-        $(this).addClass("color-square-selected");
-        $("#form-color_id").val($(this).data("color-id"));
-    });
+    self.renderColorPicker();
 
     // Assign to me
     $(document).on("click", ".assign-me", function(e) {
@@ -75,3 +70,20 @@ Kanboard.Task.prototype.onPopoverOpened = function() {
         }
     });
 };
+
+Kanboard.Task.prototype.renderColorPicker = function() {
+    function renderColorOption(color) {
+        return $(
+            '<div class="color-picker-option">' +
+            '<div class="color-picker-square color-' + color.id + '"></div>' +
+            '<div class="color-picker-label">' + color.text + '</div>' +
+            '</div>'
+        );
+    }
+
+    $(".color-picker").select2({
+        minimumResultsForSearch: Infinity,
+        templateResult: renderColorOption,
+        templateSelection: renderColorOption
+    });
+};
-- 
cgit v1.2.3