= render :partial => "layouts/flash_msg"
.container-fluid.container-tiles-pf.ems-infra-dashboard
  .row.row-tile-pf
    %aggregate-status-card{:provider_id => @record.id, :provider_type => 'ems_infra'}
  .row.row-tile-pf
    .col-xs-12.col-sm-12.col-md-6
      = render :partial => "utilization-trend-chart"
    .col-xs-12.col-sm-12.col-md-6
      = render :partial => "heatmap"
  .row.row-tile-pf
    .col-xs-12.col-sm-12.col-md-6
      = render :partial => "recent-hosts-line-chart"
    .col-xs-12.col-sm-12.col-md-6
      = render :partial => "recent-vms-line-chart"

  :javascript
    ManageIQ.angular.app.value('providerId', '#{@record.id}');
    miq_bootstrap('.ems-infra-dashboard');

= render :partial => "layouts/flash_msg"
.container-fluid.container-tiles-pf.ems-infra-dashboard
  .row.row-tile-pf
    = react 'AggregateStatusCard', {:providerId => @record.id.to_s, :providerType => 'ems_infra'}
  .row.row-tile-pf
    .col-xs-12.col-sm-12.col-md-6
      = render :partial => "utilization-trend-chart"
    .col-xs-12.col-sm-12.col-md-6
      = render :partial => "heatmap"
  .row.row-tile-pf
    .col-xs-12.col-sm-12.col-md-6
      = render :partial => "recent-hosts-line-chart"
    .col-xs-12.col-sm-12.col-md-6
      = render :partial => "recent-vms-line-chart"

  :javascript
    ManageIQ.angular.app.value('providerId', '#{@record.id}');
    miq_bootstrap('.ems-infra-dashboard');

Switch to React for part of infra provider dashboard.
Switch to React for part of infra provider dashboard.
