Add chosen-js

Author: Awlex

lib/kaffy/resource_form.ex

@@ -172,14 +172,14 @@ defmodule Kaffy.ResourceForm do
 
         textarea(form, field, [value: value, rows: 4, placeholder: "JSON Content"] ++ opts)
 
-      {:parameterized, Ecto.Enum, %{values: values}} ->
-        values = Enum.map(values, &to_string/1)
+      {:parameterized, Ecto.Enum, %{mappings: mappings}} ->
+        values = Keyword.values(mappings)
         value = Map.get(data, field, nil)
 
         select(form, field, values, [value: value] ++ opts)
 
-      {:array, {:parameterized, Ecto.Enum, %{values: values}}} ->
-        values = Enum.map(values, &to_string/1)
+      {:array, {:parameterized, Ecto.Enum, %{mappings: mappings}}} ->
+        values = Keyword.values(mappings)
         value = Map.get(data, field, nil)
 
         multiple_select(form, field, values, [value: value] ++ opts)

lib/kaffy_web/templates/layout/app.html.eex

@@ -8,6 +8,7 @@
     <link rel="stylesheet" href="/kaffy/assets/vendors/css/vendor.bundle.base.css">
     <link rel="stylesheet" href="/kaffy/assets/scss/style.css">
     <link rel="stylesheet" href="/kaffy/assets/vendors/flatpickr/flatpickr.min.css">
+    <link rel="stylesheet" href="/kaffy/assets/vendors/chosen/component-chosen.min.css">
     <link rel="stylesheet" href="/kaffy/assets/css/kaffy.css">
     <link rel="shortcut icon" href="/kaffy/assets/images/favicon/favicon-32x32.png" />
     <%= for css <- Kaffy.Utils.extensions(@conn).stylesheets do %>
@@ -157,6 +158,7 @@
     <script src="/kaffy/assets/vendors/flatpickr/flatpickr.min.js"></script>
     <script src="/kaffy/assets/vendors/chart.js/Chart.min.js"></script>
     <script src="/kaffy/assets/vendors/js/ckeditor.js"></script>
+    <script src="/kaffy/assets/vendors/chosen/chosen.jquery.min.js"></script>
     <script src="/kaffy/assets/js/off-canvas.js"></script>
     <script src="/kaffy/assets/js/hoverable-collapse.js"></script>
     <script src="/kaffy/assets/js/misc.js"></script>

priv/static/assets/js/dashboard.js

@@ -184,4 +184,6 @@ $(document).ready(function () {
       }
     });
   });
+
+  $("select").chosen();
 });