wip: add more field types and deal with Enum in facets

umap/static/umap/css/bar.css

@@ -231,7 +231,7 @@
     width: var(--control-size);
     height: var(--control-size);
 }
-.umap-edit-bar button {
+.umap-edit-bar button[type="button"] {
     padding: 0;
     border-radius: 0;
 }

umap/static/umap/css/form.css

@@ -94,12 +94,19 @@ select {
     border-width: 1px;
 }
 
+.dark select[disabled],
+select[disabled] {
+    background-color: var(--color-mediumGray);
+    color: var(--color-lightGray);
+    cursor: not-allowed;
+}
+
 select[multiple="multiple"] {
     height: auto;
 }
 
 .button,
-[type="button"],
+[type="button"]:not(.icon),
 input[type="submit"] {
     display: flex;
     align-items: center;
@@ -155,16 +162,19 @@ input[type="submit"] {
 }
 
 button.flat,
-[type="button"].flat,
-.dark [type="button"].flat {
-    border: none;
-    background-color: inherit;
+[type="button"].flat {
     padding: 0;
     text-align: start;
     min-height: inherit;
     width: initial;
     display: initial;
-    line-height: inherit;
+}
+
+button.flat,
+[type="button"].flat,
+.dark [type="button"].flat {
+    border: none;
+    background-color: inherit;
     color: var(--text-color);
 }
 
@@ -306,10 +316,14 @@ details summary {
     color: var(--color-light);
 }
 
-.dark details fieldset {
+.dark details fieldset:not(.formbox) {
     border: 1px solid var(--color-darkGray);
 }
 
+summary h4 {
+    display: inline;
+}
+
 fieldset legend {
     font-size: .9rem;
     padding: 0 5px;
@@ -755,3 +769,8 @@ input.highlightable:not(:placeholder-shown) {
 .umap-import [type=url] {
     margin-bottom: 0;
 }
+
+.select-with-actions {
+    display: flex;
+    align-items: center;
+}

umap/static/umap/css/icon.css

@@ -8,13 +8,16 @@
     background-color: initial;
 }
 
+[type=button].icon-16,
+button.icon-16,
 .icon-16 {
     height: 24px;
-    line-height: 24px;
     width: 24px;
     --tile: -24px;
 }
 
+[type=button].icon-24,
+button.icon-24,
 .icon-24 {
     background-image: url('../img/24.svg');
     --tile: -36px;
@@ -120,7 +123,7 @@ html[dir="rtl"] .icon {
 
 .icon-drag {
     background-position: calc(var(--tile) * 3) calc(var(--tile) * 3);
-    cursor: move;
+    cursor: grab;
     float: inline-end;
     visibility: hidden;
 }
@@ -157,6 +160,35 @@ html[dir="rtl"] .icon {
     background-position: calc(var(--tile) * 5) 0;
 }
 
+.icon-field-Boolean {
+    background-position: calc(var(--tile) * 2) calc(var(--tile) * 8);
+}
+
+.icon-field-Date {
+    background-position: calc(var(--tile) * 5) calc(var(--tile) * 8);
+}
+
+.icon-field-Datetime {
+    background-position: calc(var(--tile) * 6) calc(var(--tile) * 8);
+}
+
+.icon-field-Enum {
+    background-position: calc(var(--tile) * 7) calc(var(--tile) * 8);
+}
+
+.icon-field-Number {
+    background-position: calc(var(--tile) * 3) calc(var(--tile) * 8);
+}
+
+.icon-field-String {
+    background-position: var(--tile) calc(var(--tile) * 8);
+}
+
+.icon-field-Text {
+    background-position: 0 calc(var(--tile) * 8);
+}
+
+
 .icon-filters {
     background-position: 0px var(--tile);
 }

umap/static/umap/css/panel.css

@@ -72,6 +72,17 @@
     background-color: var(--color-veryDarkGray);
 }
 
+.panel .umap-filter legend {
+    display: flex;
+    justify-content: space-between;
+}
+
+.panel .filter-toolbox {
+    position: absolute;
+    right: 25px;
+    background-color: var(--background-color);
+}
+
 @media all and (orientation:landscape) {
     .panel {
         top: var(--current-header-height);