trailguide 0.1.31 → 0.2.0

data/app/views/trail_guide/admin/experiments/_experiment.html.erb

@@ -1,182 +1,78 @@
-<div class="experiment row justify-content-center">
-  <div class="col-sm-12 col-md-10 col-lg-8">
-    <div class="row">
-      <div class="col-sm-12 col-md-6 col-lg-8">
-        <h4 id="<%= experiment.experiment_name %>">
-          <%= link_to experiment.experiment_name.to_s.humanize.titleize, trail_guide_admin.experiments_path(anchor: experiment.experiment_name), class: "text-dark" %>
-        </h4>
-      </div>
-      <div class="col-sm-12 col-md-6 col-lg-4 text-right">
-        <% if experiment.running? %>
-          <% if experiment_peekable?(experiment) %>
-            <% if experiment_peeking?(experiment) %>
-              <%= link_to trail_guide_admin.experiments_path(anchor: experiment.experiment_name), class: 'btn btn-sm btn-outline-primary', method: :put, data: {toggle: :tooltip}, title: "hide this experiment's metrics" do %>
-                <span class="fas fa-eye-slash" />
-              <% end %>
-            <% else %>
-              <%= link_to peek_url(experiment), class: 'btn btn-sm btn-primary', method: :put, data: {toggle: :tooltip}, title: "peek at this experiment's metrics" do %>
-                <span class="fas fa-eye" />
-              <% end %>
-            <% end %>
-          <% end %>
-
-          <% if experiment.configuration.can_resume? %>
-            <%= link_to trail_guide_admin.pause_experiment_path(experiment.experiment_name), class: 'btn btn-sm btn-warning', method: :put, data: {toggle: :tooltip}, title: 'pause this experiment - you will have the option to resume or reset' do %>
-              <span class="fas fa-pause" />
-            <% end %>
-          <% end %>
-
-          <%= link_to trail_guide_admin.stop_experiment_path(experiment.experiment_name), class: 'btn btn-sm btn-danger', method: :put, data: {toggle: :tooltip}, title: 'stop this experiment - once stopped you will need to reset before restarting' do %>
-            <span class="fas fa-stop" />
-          <% end %>
-
-          <%= link_to trail_guide_admin.restart_experiment_path(experiment.experiment_name), class: 'btn btn-sm btn-danger',method: :put, data: {toggle: :tooltip}, title: 'restart this experiment - will reset all data and restart the experiment' do %>
-            <span class="fas fa-redo" />
-          <% end %>
-        <% elsif experiment.paused? %>
-          <% if experiment.configuration.can_resume? %>
-            <%= link_to trail_guide_admin.resume_experiment_path(experiment.experiment_name), class: 'btn btn-sm btn-success',method: :put, data: {toggle: :tooltip}, title: 'resume this experiment to start bucketing users and serving variants again' do %>
-              <span class="fas fa-redo" />
-            <% end %>
-            <%= link_to trail_guide_admin.stop_experiment_path(experiment.experiment_name), class: 'btn btn-sm btn-danger', method: :put, data: {toggle: :tooltip}, title: 'stop this experiment - once stopped you will need to reset before restarting' do %>
-              <span class="fas fa-stop" />
-            <% end %>
-          <% end %>
-          <%= link_to trail_guide_admin.restart_experiment_path(experiment.experiment_name), class: 'btn btn-sm btn-danger',method: :put, data: {toggle: :tooltip}, title: 'restart this experiment - will reset all data and restart the experiment' do %>
-            <span class="fas fa-redo" />
-          <% end %>
-        <% elsif experiment.stopped? %>
-          <%= link_to trail_guide_admin.restart_experiment_path(experiment.experiment_name), class: 'btn btn-sm btn-danger',method: :put, data: {toggle: :tooltip}, title: 'restart this experiment - will reset all data and restart the experiment' do %>
-            <span class="fas fa-redo" />
-          <% end %>
-        <% elsif !experiment.started? %>
-          <%= link_to trail_guide_admin.start_experiment_path(experiment.experiment_name), class: 'btn btn-sm btn-success',method: :put, data: {toggle: :tooltip}, title: 'start this experiment' do %>
-            <span class="fas fa-play" />
-          <% end %>
-        <% end %>
-        <%= link_to trail_guide_admin.reset_experiment_path(experiment.experiment_name), class: 'btn btn-sm btn-outline-danger',method: :put, data: {toggle: :tooltip}, title: "stop this experiment if it's running and reset all data" do %>
-          <span class="fas fa-ban" />
-        <% end %>
-      </div>
-    </div>
-
-    <div class="row">
-      <div class="col-sm-12 col-md-6 col-lg-8">
-        <p><%= experiment.configuration.summary %></p>
-      </div>
-      <div class="col-sm-12 col-md-6 col-lg-4 text-right">
-        <% if experiment.started? %>
-          <small class="text-muted"><%= experiment.started_at.strftime('%b %e %Y @ %l:%M %p') %></small>
-          <span class="text-muted">&mdash;</span>
-          <% if experiment.stopped? %>
-            <small class="text-muted"><%= experiment.stopped_at.strftime('%b %e %Y @ %l:%M %p') %></small>
-          <% elsif experiment.paused? %>
-            <small class="text-muted">paused</small>
-          <% else %>
-            <small class="text-muted">running</small>
-          <% end %>
-        <% else %>
-          <small class="text-muted">not running</small>
-        <% end %>
-      </div>
+<button href="<%= trail_guide_admin.experiment_path(experiment.experiment_name) %>" class="experiment btn btn-outline-<%= experiment_color(experiment) %> rounded-lg text-left">
+  <div class="row align-items-center">
+    <div class="col-11 col-md-5 col-lg-5 experiment-text">
+      <h4 id="<%= experiment.experiment_name %>">
+        <%= experiment.experiment_name.to_s.humanize.titleize %>
+      </h4>
+      <p style="margin: 0; padding: 0;"><%= experiment.configuration.summary %></p>
     </div>
+    <div class="col-10 col-md-6 col-lg-6 text-center text-md-right">
+      <div class="row align-items-center">
+        <div class="col-4 experiment-text text-center">
+          <h5>
+            <span class="fas fa-vials" style="width: 25px;"></span>
+            <span class="text-muted" style="display: inline-block; width: 25px; text-align: center;">&times;</span>
+            <span><%= number_with_delimiter experiment.variants.count %></span>
+          </h5>
+          <h5>
+            <span class="fas fa-fill" style="width: 25px;"></span>
+            <span class="text-muted" style="display: inline-block; width: 25px; text-align: center;">&times;</span>
+            <span><%= number_with_delimiter experiment.goals.count %></span>
+          </h5>
+        </div>
 
-    <table class="table table-hover">
-      <thead class="thead-light">
-        <tr>
-          <th scope="col">&nbsp;</th>
-
-          <th scope="col">Participants</th>
-
-          <% if experiment.goals.empty? %>
-            <th scope="col">Converted</th>
-          <% else %>
-            <% experiment.goals.each do |goal| %>
-              <th scope="col"><%= goal.to_s.humanize.titleize %></th>
-            <% end %>
-          <% end %>
-
-          <th>&nbsp;</th>
-        </tr>
-      </thead>
+        <div class="col-4 experiment-text text-center">
+          <h5>
+            <span class="fas fa-users"></span>
+          </h5>
+          <h5>
+            <span><%= number_with_delimiter experiment.participants %></span>
+          </h5>
+        </div>
 
-      <tbody>
-        <% experiment.variants.each do |variant| %>
-          <tr>
-            <th scope="row">
-              <% if experiment.configuration.preview_url? %>
-                <%= link_to variant.name.to_s.humanize.titleize, preview_url(variant), target: :blank, class: "text-dark" %>
+        <div class="col-4 experiment-text text-center">
+          <h5>
+            <span class="fas fa-fill-drip"></span>
+          </h5>
+          <h5>
+            <%= experiment_metric experiment do %>
+              <% if experiment.combined? %>
+                <% if experiment.goals.empty? %>
+                  <%= number_with_delimiter experiment.combined_experiments.sum(&:converted) %>
+                <% else %>
+                  <%= number_with_delimiter experiment.goals.sum { |goal| experiment.combined_experiments.sum { |e| e.converted(goal) } } %>
+                <% end %>
               <% else %>
-                <%= variant.name.to_s.humanize.titleize %>
-              <% end %>
-
-              <% if experiment.running? && !experiment.winner? && participant.variant(experiment) == variant %>
-                <span class="fas fa-user text-muted" data-toggle="tooltip" title="you are currently in this cohort"></span>
-              <% end %>
-              <% if experiment.winner? && variant == experiment.winner %>
-                <span class="fas fa-star text-primary" data-toggle="tooltip" title="this variant has been promoted as the winner of the experiment"></span>
-              <% end %>
-              <% if variant.control? %>
-                <span class="fas fa-cog text-muted" data-toggle="tooltip" title="this variant is the control group for this experiment"></span>
-              <% end %>
-            </th>
-
-            <td><%= experiment_metric experiment, variant.participants %></td>
-
-            <% if experiment.goals.empty? %>
-              <td><%= experiment_metric experiment, variant.converted %></td>
-            <% else %>
-              <% experiment.goals.each do |goal| %>
-                <td><%= experiment_metric experiment, variant.converted(goal) %></td>
-              <% end %>
-            <% end %>
-
-            <td class="text-right">
-              <% if experiment.running? && !experiment.winner? %>
-                <% if participant.variant(experiment) == variant %>
-                  <%= link_to trail_guide_admin.leave_experiment_path(experiment.experiment_name), class: "btn btn-sm btn-outline-secondary", method: :put, data: {toggle: :tooltip}, title: 'leave this cohort' do %>
-                    <span class="fas fa-sign-out-alt" />
-                  <% end %>
+                <% if experiment.goals.empty? %>
+                  <%= number_with_delimiter experiment.converted %>
                 <% else %>
-                  <%= link_to trail_guide_admin.join_experiment_path(experiment.experiment_name, variant.name), class: "btn btn-sm btn-secondary", method: :put, data: {toggle: :tooltip}, title: 'join this cohort' do %>
-                    <span class="fas fa-sign-in-alt" />
-                  <% end %>
+                  <%= number_with_delimiter experiment.goals.sum { |goal| experiment.converted(goal) } %>
                 <% end %>
               <% end %>
+            <% end %>
+          </h5>
+        </div>
+      </div>
+    </div>
 
-              <% if !experiment.winner? || variant != experiment.winner %>
-                <%= link_to trail_guide_admin.winner_experiment_path(experiment.experiment_name, variant.name), class: "btn btn-sm btn-#{experiment.winner? ? "outline-" : ""}primary", method: :put, data: {toggle: :tooltip}, title: 'rollout this variant as the winner for this experiment' do %>
-                  <span class="fas fa-star" />
-                <% end %>
-              <% elsif experiment.winner? && variant == experiment.winner %>
-                <%= link_to trail_guide_admin.clear_experiment_path(experiment.experiment_name), class: "btn btn-sm btn-warning", method: :put, data: {toggle: :tooltip}, title: 'remove this variant as the selected winner' do %>
-                  <span class="fas fa-window-close" />
-                <% end %>
-              <% end %>
-            </td>
-          </tr>
+    <div class="col-2 col-md-1">
+      <% if experiment.winner? %>
+        <span class="fas fa-flag-checkered fa-2x" data-toggle="tooltip" title="ended"></span>
+      <% elsif experiment.calibrating? %>
+        <span class="fas fa-cogs fa-2x" data-toggle="tooltip" title="calibrating"></span>
+      <% elsif experiment.started? %>
+        <% if experiment.stopped? %>
+          <span class="fas fa-stop fa-2x" data-toggle="tooltip" title="stopped"></span>
+        <% elsif experiment.paused? %>
+          <span class="fas fa-pause fa-2x" data-toggle="tooltip" title="paused"></span>
+        <% else %>
+          <span class="fas fa-play fa-2x" data-toggle="tooltip" title="running"></span>
         <% end %>
-      </tbody>
-
-      <tfoot class="thead-light">
-        <tr>
-          <th scope="row">&nbsp;</th>
-          <th>
-            <span><%= number_with_delimiter experiment.participants %></span>
-            <% if experiment.configuration.target_sample_size %>
-              <span class="text-muted">/ <%= number_with_delimiter experiment.configuration.target_sample_size %></span>
-            <% end %>
-          </th>
-          <% if experiment.goals.empty? %>
-            <th><%= experiment_metric experiment, experiment.converted %></th>
-          <% else %>
-            <% experiment.goals.each do |goal| %>
-              <th><%= experiment_metric experiment, experiment.converted(goal) %></th>
-            <% end %>
-          <% end %>
-          <th>&nbsp;</th>
-        </tr>
-      </tfoot>
-    </table>
+      <% elsif experiment.scheduled? %>
+        <span class="fas fa-clock fa-2x" data-toggle="tooltip" title="scheduled"></span>
+      <% else %>
+        <span class="fas fa-flask fa-2x" data-toggle="tooltip" title="not started"></span>
+      <% end %>
+    </div>
   </div>
-</div>
+</button>

data/app/views/trail_guide/admin/experiments/_header.html.erb

@@ -0,0 +1,87 @@
+<div class="row align-items-center">
+  <div class="col-8 col-lg-10">
+    <h1 id="<%= experiment.experiment_name %>">
+      <%= experiment.experiment_name.to_s.humanize.titleize %>
+    </h1>
+  </div>
+
+  <div class="col-4 col-lg-2 text-right">
+    <% unless experiment.is_combined? %>
+      <div class="btn-group">
+        <% if experiment.combined? %>
+          <%= render partial: 'btn_leave', locals: { experiment: experiment } %>
+          <%= render partial: 'btn_enroll', locals: { experiment: experiment } %>
+          <%= render partial: 'btn_peek', locals: { experiment: experiment } %>
+        <% end %>
+        <%= render partial: 'btn_analyze', locals: { experiment: experiment } %>
+        <%= render partial: 'btn_schedule', locals: { experiment: experiment } %>
+        <%= render partial: 'btn_start', locals: { experiment: experiment } %>
+        <%= render partial: 'btn_pause', locals: { experiment: experiment } %>
+        <%= render partial: 'btn_resume', locals: { experiment: experiment } %>
+        <%= render partial: 'btn_stop', locals: { experiment: experiment } %>
+        <%= render partial: 'btn_restart', locals: { experiment: experiment } %>
+        <%= render partial: 'btn_reset', locals: { experiment: experiment } %>
+      </div>
+    <% end %>
+  </div>
+</div>
+
+<div class="row">
+  <div class="col-6">
+    <% if experiment.groups.count > 0 %>
+      <p class="text-muted" style="padding: 0; margin: 0;">
+        <span class="fas fa-th-large" data-toggle="tooltip" title="experiment groups"></span>
+        <% experiment.groups.each do |group| %>
+          <%= link_to group.to_s.humanize.titleize, trail_guide_admin.group_path(group), class: "text-muted" %>
+        <% end %>
+      </p>
+    <% end %>
+  </div>
+
+  <div class="col-6 text-right">
+    <p class="text-muted" style="padding: 0; margin: 0;">
+      <%= experiment.algorithm.name.demodulize.underscore.humanize.titleize %> Algorithm
+      <span class="fas fa-dice" data-toggle="tooltip" title="configured algorithm"></span>
+    </p>
+  </div>
+</div>
+
+<div class="row">
+  <div class="col-12">
+    <p><%= experiment.configuration.summary %></p>
+  </div>
+</div>
+
+<div class="row">
+  <div class="col-12">
+    <%= render partial: 'alert_state', locals: {experiment: experiment} %>
+
+    <% if experiment.calibrating? %>
+      <div class="alert alert-dark">
+        <h6>
+          <span class="fas fa-cogs"></span>
+          Calibrating
+        </h6>
+        <p><small>This experiment is configured with <code>enable_calibration: true</code> and will track participation and conversion against your control variant until it is started to help you determine a baseline conversion rate.</small></p>
+      </div>
+    <% end %>
+
+    <% if experiment.is_combined? %>
+      <div class="alert alert-dark">
+        <h6>
+          <span class="fas fa-link"></span>
+          Combined Experiment
+        </h6>
+        <p><small>This experiment is part of a combined experiment, and some features must be managed via it's parent experiment <strong><%= link_to experiment.parent.experiment_name.to_s.humanize.titleize, trail_guide_admin.experiment_path(experiment.parent.experiment_name), class: 'text-dark' %></strong></small></p>
+      </div>
+    <% elsif experiment.combined? %>
+      <div class="alert alert-dark">
+        <h6>
+          <span class="fas fa-link"></span>
+          Combined Experiment
+        </h6>
+        <p><small>This experiment is configured as a combined experiment, which means it defines multiple individual experiments. These experiments share a <em>lifecycle and enrollment</em> via the parent, but track <em>independent participation, conversion and winner selection</em>. This means that when you're enrolled in one experiment you'll also be enrolled in the parent, and any sibling experiments you encounter thereafter will always select that same variant.</small></p>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/trail_guide/admin/experiments/_start_modal.html.erb

@@ -0,0 +1,57 @@
+<div id="start-experiment-modal-<%= experiment.experiment_name %>" class="modal start-experiment-modal" tabindex="-1" role="dialog">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <%= form_tag trail_guide_admin.schedule_experiment_path(experiment.experiment_name) do %>
+        <div class="modal-header">
+          <h5 class="modal-title"><%= experiment.experiment_name.to_s.humanize.titleize %></h5>
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+            <span aria-hidden="true">&times;</span>
+          </button>
+        </div>
+        <div class="modal-body text-left">
+          <p class="text-muted">Schedule your experiment to start at a future date and time or click <span class="text-success"><span class="fas fa-play"></span> Start Now</span> to kick it off immediately.</p>
+
+          <div class="form-group row">
+            <label for="start-experiment-at-<%= experiment.experiment_name %>" class="col-sm-3 col-form-label"><strong>Start</strong></label>
+            <div class="col-sm-9">
+              <div class="input-group date datepicker" id="start-experiment-at-<%= experiment.experiment_name %>" data-target-input="nearest">
+                <input type="text" name="experiment[start_at]" value="<%= (experiment.started_at ? Time.at(experiment.started_at).strftime(TrailGuide::SCHEDULE_DATE_FORMAT) : nil) %>" class="form-control datetimepicker-input" data-target="#start-experiment-at-<%= experiment.experiment_name %>"/>
+                <div class="input-group-append" data-target="#start-experiment-at-<%= experiment.experiment_name %>" data-toggle="datetimepicker">
+                  <div class="input-group-text"><i class="fa fa-calendar"></i></div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="form-group row">
+            <label for="stop-experiment-at-<%= experiment.experiment_name %>" class="col-sm-3 col-form-label"><strong>Stop</strong></label>
+            <div class="col-sm-9">
+              <div class="input-group date datepicker" id="stop-experiment-at-<%= experiment.experiment_name %>" data-target-input="nearest">
+                <input type="text" name="experiment[stop_at]" value="<%= (experiment.stopped_at ? Time.at(experiment.stopped_at).strftime(TrailGuide::SCHEDULE_DATE_FORMAT) : nil) %>" class="form-control datetimepicker-input" data-target="#stop-experiment-at-<%= experiment.experiment_name %>"/>
+                <div class="input-group-append" data-target="#stop-experiment-at-<%= experiment.experiment_name %>" data-toggle="datetimepicker">
+                  <div class="input-group-text"><i class="fa fa-calendar"></i></div>
+                </div>
+              </div>
+              <small class="text-muted">You may also optionally schedule your experiment to stop automatically at a date and time after it has started.</small>
+            </div>
+          </div>
+        </div>
+        <div class="modal-footer">
+          <div class="col-sm-4">
+            <%= link_to trail_guide_admin.start_experiment_path(experiment.experiment_name), class: 'btn btn-success', method: :put, data: {toggle: :tooltip}, title: 'start this experiment immediately' do %>
+              <span class="fas fa-play"></span>
+              Start Now
+            <% end %>
+          </div>
+          <div class="col-sm-8">
+            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+            <button type="submit" class="btn btn-info">
+              <span class="fas fa-clock"></span>
+              Schedule Experiment
+            </button>
+          </div>
+        </div>
+      <% end %>
+    </div>
+  </div>
+</div>

data/app/views/trail_guide/admin/experiments/_tbody.html.erb

@@ -0,0 +1,112 @@
+<tbody>
+  <% experiment.variants.sort { |a,b| b.measure(calculator.goal) <=> a.measure(calculator.goal) }.each do |variant| %>
+    <% vcalc = calculator.variants.find { |v| variant == v.name } %>
+    <tr>
+      <td class="text-left btn-col">
+        <%= render partial: 'btn_join', locals: { experiment: experiment, variant: variant } %>
+      </td>
+
+      <th scope="row" class="text-left">
+        <% if variant.control? %>
+          <span class="fas fa-cog text-muted" data-toggle="tooltip" title="this variant is the control group for this experiment"></span>
+        <% else %>
+          <span class="fas fa-vial text-muted" data-toggle="tooltip" title="this variant is an alternate group for this experiment"></span>
+        <% end %>
+
+        <% if experiment.configuration.preview_url? %>
+          <%= link_to preview_url(variant), target: :blank, class: "text-#{variant_analysis_color(vcalc, calculator)}", data: {toggle: :tooltip}, title: "preview this variant (without affecting metrics)" do %>
+            <span><%= variant.name.to_s.humanize.titleize %></span>
+            <small><span class="fas fa-external-link-alt"></span></small>
+          <% end %>
+        <% else %>
+          <span class="text-<%= variant_analysis_color(vcalc, calculator) %>"><%= variant.name.to_s.humanize.titleize %></span>
+        <% end %>
+
+        <% if (experiment.running? || experiment.calibrating?) && participant.variant(experiment) == variant %>
+          <span class="fas fa-user text-secondary" data-toggle="tooltip" title="you are currently in this cohort"></span>
+        <% end %>
+        <% if experiment.winner? && variant == experiment.winner %>
+          <span class="fas fa-flag-checkered text-primary" data-toggle="tooltip" title="this variant has been promoted as the winner of the experiment"></span>
+        <% end %>
+      </th>
+
+      <td>
+        <strong class="text-<%= variant_analysis_color(vcalc, calculator) %>"><%= experiment_metric experiment, variant.participants %></strong>
+      </td>
+
+      <% if experiment.goals.empty? %>
+        <td>
+          <%= experiment_metric experiment do %>
+            <% if @analyzing %>
+              <div class="row">
+                <div class="col-4 text-right">
+                  <strong class="text-<%= variant_analysis_color(vcalc, calculator) %>"><%= number_with_delimiter variant.converted %></strong>
+                </div>
+                <div class="col-8 text-left">
+                  <small class="text-light">&nbsp;</small>
+                  <small class="text-<%= variant_analysis_color(vcalc, calculator) %>" data-toggle="tooltip" title="conversion rate vs all participants">
+                    <span class="fas fa-<%= vcalc.difference == 0 ? "minus" : (vcalc.difference > 0 ? "long-arrow-alt-up" : "long-arrow-alt-down") %>"></span>
+                    <%= number_with_delimiter (variant.measure * 100).round(1) %>%
+                  </small>
+                  <small class="text-light">&nbsp;</small>
+                  <small class="text-<%= variant_analysis_color(vcalc, calculator) %>" data-toggle="tooltip" title="performance vs control">
+                    <%= number_with_delimiter vcalc.difference.round(2) %>%
+                  </small>
+                  <small class="text-light">&nbsp;</small>
+                  <small class="text-<%= variant_analysis_color(vcalc, calculator) %>" data-toggle="tooltip" title="probability of winning">
+                    <%= number_with_delimiter vcalc.probability.round(2) %>%
+                  </small>
+                </div>
+              </div>
+            <% else %>
+              <strong class="text-<%= variant_analysis_color(vcalc, calculator) %>"><%= number_with_delimiter variant.converted %></strong>
+            <% end %>
+          <% end %>
+        </td>
+      <% else %>
+        <% experiment.goals.each_with_index do |goal, g| %>
+          <td>
+            <%= experiment_metric experiment do %>
+              <% if @analyzing && goal == calculator.goal %>
+                <div class="row">
+                  <div class="col-4 text-right">
+                    <strong class="text-<%= variant_analysis_color(vcalc, calculator) %>"><%= number_with_delimiter variant.converted(goal) %></strong>
+                  </div>
+                  <div class="col-8 text-left">
+                    <small class="text-light">&nbsp;</small>
+                    <small class="text-<%= variant_analysis_color(vcalc, calculator) %>" data-toggle="tooltip" title="conversion rate vs all participants">
+                      <span class="fas fa-<%= vcalc.difference == 0 ? "minus" : (vcalc.difference > 0 ? "long-arrow-alt-up" : "long-arrow-alt-down") %>"></span>
+                      <%= number_with_delimiter (variant.measure(goal) * 100).round(1) %>%
+                    </small>
+                    <small class="text-light">&nbsp;</small>
+                    <small class="text-<%= variant_analysis_color(vcalc, calculator) %>" data-toggle="tooltip" title="performance vs control">
+                      <%= number_with_delimiter vcalc.difference.round(2) %>%
+                    </small>
+                    <small class="text-light">&nbsp;</small>
+                    <small class="text-<%= variant_analysis_color(vcalc, calculator) %>" data-toggle="tooltip" title="probability of winning">
+                      <%= number_with_delimiter vcalc.probability.round(2) %>%
+                    </small>
+                  </div>
+                </div>
+              <% else %>
+                <strong class="text-<%= variant_analysis_color(vcalc, calculator) %>"><%= number_with_delimiter variant.converted(goal) %></strong>
+              <% end %>
+            <% end %>
+          </td>
+        <% end %>
+      <% end %>
+
+      <td class="text-right btn-col">
+        <% if !experiment.winner? || variant != experiment.winner %>
+          <%= link_to trail_guide_admin.winner_experiment_path(experiment.experiment_name, variant.name), class: "btn btn-sm btn-#{experiment.winner? ? "outline-" : ""}primary", method: :put, data: {toggle: :tooltip}, title: 'rollout this variant as the winner for this experiment' do %>
+            <span class="fas fa-flag-checkered" />
+          <% end %>
+        <% elsif experiment.winner? && variant == experiment.winner %>
+          <%= link_to trail_guide_admin.clear_experiment_path(experiment.experiment_name), class: "btn btn-sm btn-outline-warning", method: :put, data: {toggle: :tooltip}, title: 'remove this variant as the selected winner' do %>
+            <span class="fas fa-minus-circle" />
+          <% end %>
+        <% end %>
+      </td>
+    </tr>
+  <% end %>
+</tbody>

data/app/views/trail_guide/admin/experiments/_thead.html.erb

@@ -0,0 +1,38 @@
+<thead class="thead-light">
+  <tr>
+    <th class="text-left btn-col">
+      <%= render partial: 'btn_enroll', locals: { experiment: experiment, classname: "btn-sm" } %>
+    </th>
+
+    <th scope="col" class="text-left">
+      <% if experiment <= TrailGuide::CombinedExperiment && (!@experiment || @experiment.combined?) %>
+        <h5 id="<%= experiment.experiment_name %>">
+          <%= link_to experiment.experiment_name.to_s.humanize.titleize, trail_guide_admin.experiment_path(experiment.experiment_name), class: "text-dark" %>
+        </h5>
+      <% else %>
+        &nbsp;
+      <% end %>
+    </th>
+
+    <th scope="col">Participants</th>
+
+    <% if experiment.goals.empty? %>
+      <th scope="col">
+        Converted
+        <%= render partial: 'btn_convert', locals: { experiment: experiment, goal: nil } %>
+      </th>
+    <% else %>
+      <% experiment.goals.each do |goal| %>
+        <th scope="col">
+          <%= render partial: 'btn_analyze_goal', locals: { experiment: experiment, goal: goal } %>
+          <%= goal.to_s.humanize.titleize %>
+          <%= render partial: 'btn_convert', locals: { experiment: experiment, goal: goal } %>
+        </th>
+      <% end %>
+    <% end %>
+
+    <th class="text-right btn-col">
+      <%= render partial: 'btn_peek', locals: { experiment: experiment, classname: "btn-sm" } %>
+    </th>
+  </tr>
+</thead>

data/app/views/trail_guide/admin/experiments/index.html.erb

@@ -1,19 +1,11 @@
-<% if TrailGuide.configuration.disabled %>
-  <div class="row justify-content-center">
-    <div class="col-sm-12 col-md-10 col-lg-8">
-      <div class="alert alert-danger">
-        TrailGuide is globally disabled. Your experiments are not running, and control variants will be returned for all users until it is enabled again.
-      </div>
+<%= render partial: 'trail_guide/admin/orphans/alert' %>
+
+<div class="row justify-content-center">
+  <div class="col-12 col-md-10 col-lg-8">
+    <div class="experiments">
+      <% @experiments.each do |experiment| %>
+        <%= render 'experiment', experiment: experiment %>
+      <% end %>
     </div>
   </div>
-<% end %>
-
-<div class="experiments">
-  <% @experiments.each do |experiment| %>
-    <% if experiment.combined? %>
-      <%= render 'combined_experiment', combined_experiment: experiment %>
-    <% else %>
-      <%= render 'experiment', experiment: experiment %>
-    <% end %>
-  <% end %>
 </div>