GOD's button group can have buttons assign/unassign during create/edit

Fixes https://bugzilla.redhat.com/show_bug.cgi?id=1534529
ManageIQ · Nov 14, 2018 · 80feae4 · 80feae4
1 parent e1e7030
commit 80feae4
Showing 1 changed file with 69 additions and 0 deletions.
diff --git a/app/views/static/generic_object/custom_button_group_form.html.haml b/app/views/static/generic_object/custom_button_group_form.html.haml
@@ -62,3 +62,72 @@
                         '#4d5258',
                         "ng-model" => "vm.model.button_color",
                         :class     => "form-control")
+  .form-horizontal
+    %hr
+    %h3
+      = _('Assign Buttons')
+    #column_lists
+      .col-md-5
+        = _('Unassigned:')
+        = select_tag('available_fields[]',
+          options_for_select([["pepik",2]]),
+          :multiple => true,
+          :class    => "form-control",
+          :style    => "overflow-x: scroll;",
+          :size     => 8,
+          :id       => "available_fields")
+      .col-md-1{:style => "padding: 10px"}
+        .spacer
+        .spacer
+          - t = _("Move selected fields right")
+          %button.btn.btn-default.btn-block{:title           => t,
+                                  :remote          => true,
+                                  "data-submit"    => 'column_lists',
+                                  "data-method"    => :post}
+            %i.fa.fa-angle-right.fa-lg.hidden-xs.hidden-sm
+            %i.fa.fa-lg.fa-angle-right.fa-rotate-90.hidden-md.hidden-lg
+          - t = _("Move selected fields left")
+          %button.btn.btn-default.btn-block{:title           => t,
+                                  :remote          => true,
+                                  "data-submit"    => 'column_lists',
+                                  "data-method"    => :post}
+            %i.fa.fa-angle-left.fa-lg.hidden-xs.hidden-sm
+            %i.fa.fa-lg.fa-angle-left.fa-rotate-90.hidden-md.hidden-lg
+          .spacer
+      .col-md-5
+        = _('Selected:')
+        = select_tag('selected_fields[]',
+          options_for_select([["pepa",1]]),
+          :multiple => true,
+          :class    => "form-control",
+          :style    => "overflow-x: scroll;",
+          :size     => 8,
+          :id       => "selected_fields")
+      .col-md-1{:style => "padding: 10px"}
+        .spacer
+        .spacer
+          - t = _("Move selected fields to top")
+          %button.btn.btn-default.btn-block{:title           => t,
+                                  :remote          => true,
+                                  "data-submit"    => 'column_lists',
+                                  "data-method"    => :post}
+            %i.fa.fa-angle-double-up.fa-lg
+          - t = _("Move selected fields up")
+          %button.btn.btn-default.btn-block{:title           => t,
+                                  :remote          => true,
+                                  "data-submit"    => 'column_lists',
+                                  "data-method"    => :post}
+            %i.fa.fa-angle-up.fa-lg
+          - t = _("Move selected fields down")
+          %button.btn.btn-default.btn-block{:title           => t,
+                                  :remote          => true,
+                                  "data-submit"    => 'column_lists',
+                                  "data-method"    => :post}
+            %i.fa.fa-angle-down.fa-lg
+          - t = _("Move selected fields to bottom")
+          %button.btn.btn-default.btn-block{:title           => t,
+                                  :remote          => true,
+                                  "data-submit"    => 'column_lists',
+                                  "data-method"    => :post}
+            %i.fa.fa-angle-double-down
+          .spacer