Removed ownership_form_controller code.

Author: Hyperkid123

app/assets/javascripts/controllers/ownership/ownership_form_controller.js

@@ -1,71 +1,33 @@
-- @angular_form = true
+- if @ownershipitems.length > 1
+  - user_opts = [["<#{_("Don't change")}>", 'dont-change'], ["<#{_('No Owner')}>"]]
+- else
+  - user_opts =  [["<#{_('No Owner')}>", '']]
+- user_opts += ownership_user_options.sort
 
-%form#form_div.form-horizontal{"name"          => "angularForm",
-                               "ng-controller" => "ownershipFormController as vm",
-                               "ng-show"       => "vm.afterGet",
-                               "miq-form"      => true,
-                               "model"         => "vm.ownershipModel",
-                               "model-copy"    => "vm.modelCopy"}
-  = render :partial => "layouts/flash_msg"
-  %h3
-    = _('Changes')
-  .form-horizontal
-    .form-group{"ng-class" => "{'has-error': angularForm.user.$invalid}"}
-      %label.col-md-2.control-label
-        = _('Select an Owner:')
-      .col-md-8
-        - if @ownershipitems.length > 1
-          - opts = [["<#{_("Don't change")}>", 'dont-change'], ["<#{_('No Owner')}>", '']]
-        - else
-          - opts =  [["<#{_('No Owner')}>", '']]
-        - opts += ownership_user_options.sort
-        = select_tag("user",
-                    options_for_select(opts, @user),
-                      "ng-model"                    => "vm.ownershipModel.user",
-                      "id"                          => "user_name",
-                      "checkchange"                 => "",
-                      "data-container"              => "body",
-                      "selectpicker-for-select-tag" => "")
-      %td{:width => "100"}
-    .form-group{"ng-class" => "{'has-error': angularForm.group.$invalid}"}
-      %label.col-md-2.control-label
-        = _('Select a Group:')
-      .col-md-8
-        - if @ownershipitems.length > 1
-          - opts = [["<#{_("Don't change")}>", 'dont-change'], ["<#{_('No User Group')}>", '']]
-          - user_group = ''
-        - else
-          - user_group = MiqGroup.find_by(:id => @group).tenant_group? ? @group : ''
-          - opts =  [["<#{_('No User Group')}>", user_group]]
-        - opts += @groups.sort
-        = select_tag("group",
-                      options_for_select(opts, user_group),
-                      "ng-model"                    => "vm.ownershipModel.group",
-                      "id"                          => "group_name",
-                      "checkchange"                 => "",
-                      "data-container"              => "body",
-                      "selectpicker-for-select-tag" => "")
+- if @ownershipitems.length > 1
+  - groups_opts = [["<#{_("Don't change")}>", 'dont-change'], ["<#{_('No User Group')}>", '']]
+  - user_group = ''
+- else
+  - user_group = MiqGroup.find_by(:id => @group).tenant_group? ? @group : ''
+  - groups_opts =  [["<#{_('No User Group')}>", user_group]]
+- groups_opts += @groups.sort
 
-  %hr
-  %h3
-    = _('Affected Items')
-  - if @origin_ownership_items.count != @ownershipitems.count
-    %strong
-      = _('Note: Some items might be hidden due to the possibility of an ownership change')
+= render :partial => "layouts/flash_msg"
 
-  %div_for_paging{'ng-controller'                  => "pagingDivButtonGroupController",
-                'paging_div_buttons_state_enabled' => true,
-                'paging_div_buttons_id'            => "angular_paging_div_buttons",
-                'paging_div_buttons_type'          => "Save"}
-  - unless @explorer
-    = render :partial => "layouts/angular/x_edit_buttons_angular"
+%h3
+  = _('Changes')
+
+= react('SetServiceOwnershipForm', { :ownerOptions => user_opts, :groupOptions => groups_opts, :ownershipIds => @ownershipitems.collect(&:id).map(&:to_s) })
+
+%hr
+%h3
+  = _('Affected Items')
+- if @origin_ownership_items.count != @ownershipitems.count
+  %strong
+    = _('Note: Some items might be hidden due to the possibility of an ownership change')
 
 - if @ownershipitems
   - @embedded = true
   - @quadicon_no_url = true
   - @gtl_type = settings(:views, :tagging)
-  = render :partial => "layouts/gtl"
-:javascript
-  ManageIQ.angular.app.value('ownershipFormId', '#{"ownership"}');
-  ManageIQ.angular.app.value('objectIds', #{ @ownershipitems.collect(&:id) });
-  miq_bootstrap('#form_div');
+  = render :partial => "layouts/gtl", :locals => {:no_flash_div => true}