trailguide 0.1.31 → 0.2.0

data/app/views/layouts/trail_guide/admin/_calculator.erb

@@ -0,0 +1,24 @@
+<div id="calculator-modal" class="modal calculator-modal" tabindex="-1" role="dialog">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <form>
+        <div class="modal-header">
+          <h5 class="modal-title">Sample Size Calculator</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"><small>Choosing the right sample size up front is crucial to properly analyzing your experiments and avoiding Type I and Type II errors. The wrong sample size can lead to extended experiment runs, a lack of confidence in results, or other unknown errors. <a href="http://www.evanmiller.org/how-not-to-run-an-ab-test.html" target="_blank">Read more here.</a></small></p>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+          <button type="submit" class="btn btn-info">
+            <span class="fas fa-calculator"></span>
+            Calculate
+          </button>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>

data/app/views/layouts/trail_guide/admin/_footer.html.erb

@@ -0,0 +1,27 @@
+<div class="footer container-fluid bg-light">
+  <div class="row">
+    <div class="col-sm-3 text-left">
+      <%= link_to "v#{TrailGuide::Version::VERSION}", "https://github.com/markrebec/trailguide", target: :blank, class: "text-muted" %>
+    </div>
+    <div class="col-sm-6 text-center">
+      <strong><%= number_with_delimiter TrailGuide.catalog.sum(&:participants) %></strong>
+      <span class="fas fa-users" data-toggle="tooltip" title="participants"></span> generating
+      <strong><%= number_with_delimiter TrailGuide.catalog.all.sum(&:converted) %></strong>
+      <span class="fas fa-fill-drip" data-toggle="tooltip" title="conversions"></span> against
+      <strong><%= number_with_delimiter TrailGuide.catalog.all.sum { |exp| exp.variants.count } %></strong>
+      <span class="fas fa-vials" data-toggle="tooltip" title="variants"></span> and
+      <strong><%= number_with_delimiter TrailGuide.catalog.all.sum { |exp| exp.goals.empty? ? 1 : exp.goals.count } %></strong>
+      <span class="fas fa-fill" data-toggle="tooltip" title="goals"></span> across
+      <strong><%= number_with_delimiter TrailGuide.catalog.all.count %></strong>
+      <span class="fas fa-flask" data-toggle="tooltip" title="experiments"></span>
+    </div>
+    <div class="col-sm-3 text-right">
+      <small class="text-muted"><%= TrailGuide.redis._client.id %><%= "/#{TrailGuide.redis.namespace}" if TrailGuide.redis.respond_to?(:namespace) %></small>
+      <button type="button" class="btn btn-link text-muted" style="font-size: 80%; margin: 0; padding: 0;" data-toggle="modal" data-target="#import-modal" data-tooltip="tooltip" title="Import/Export">
+        <span class="fas fa-file-download"></span>
+      </button>
+    </div>
+  </div>
+</div>
+
+<%= render partial: 'layouts/trail_guide/admin/import_modal' %>

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

@@ -0,0 +1,147 @@
+<nav class="navbar navbar-expanded-sm navbar-light bg-light fixed-top">
+  <%= link_to trail_guide_admin.experiments_path, class: "navbar-brand d-none d-sm-inline-block" do %>
+    <%= image_tag "trail_guide/trailguide.png" %>
+    <%= TrailGuide::Admin.configuration.title %>
+  <% end %>
+  <div class="col-sm text-center">
+    <div class="btn-group">
+      <%= link_to trail_guide_admin.experiments_path, class: "btn btn-light text-dark", data: {toggle: :tooltip}, title: "Experiment".pluralize(TrailGuide.catalog.count) do %>
+        <span class="fas fa-flask"></span>
+        &nbsp;
+        <strong class="total"><%= TrailGuide.catalog.count %></strong>
+      <% end %>
+
+      <button type="button" class="btn btn-light text-dark dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+        <span class="sr-only">Toggle Dropdown</span>
+      </button>
+
+      <div class="dropdown-menu">
+        <% if TrailGuide.catalog.unstarted.count > 0 %>
+          <%= link_to trail_guide_admin.scoped_experiments_path(scope: :unstarted), class: "dropdown-item text-secondary" do %>
+            <span class="fas fa-flask"></span>
+            <small>&times;</small>
+            <strong class="total"><%= TrailGuide.catalog.unstarted.count %></strong>
+            &nbsp;
+            <span>Unstarted</span>
+          <% end %>
+        <% end %>
+
+        <% if TrailGuide.catalog.calibrating.count > 0 %>
+          <%= link_to trail_guide_admin.scoped_experiments_path(scope: :calibrating), class: "dropdown-item text-secondary" do %>
+            <span class="fas fa-cog"></span>
+            <small>&times;</small>
+            <strong class="total"><%= TrailGuide.catalog.calibrating.count %></strong>
+            &nbsp;
+            <span>Calibrating</span>
+          <% end %>
+        <% end %>
+
+        <% if TrailGuide.catalog.running.count > 0 %>
+          <%= link_to trail_guide_admin.scoped_experiments_path(scope: :running), class: "dropdown-item text-success" do %>
+            <span class="fas fa-play"></span>
+            <small>&times;</small>
+            <strong class="total"><%= TrailGuide.catalog.running.count %></strong>
+            &nbsp;
+            <span>Running</span>
+          <% end %>
+        <% end %>
+
+        <% if TrailGuide.catalog.paused.count > 0 %>
+          <%= link_to trail_guide_admin.scoped_experiments_path(scope: :paused), class: "dropdown-item text-warning" do %>
+            <span class="fas fa-pause"></span>
+            <small>&times;</small>
+            <strong class="total"><%= TrailGuide.catalog.paused.count %></strong>
+            &nbsp;
+            <span>Paused</span>
+          <% end %>
+        <% end %>
+
+        <% if TrailGuide.catalog.scheduled.count > 0 %>
+          <%= link_to trail_guide_admin.scoped_experiments_path(scope: :scheduled), class: "dropdown-item text-info" do %>
+            <span class="fas fa-calendar"></span>
+            <small>&times;</small>
+            <strong class="total"><%= TrailGuide.catalog.scheduled.count %></strong>
+            &nbsp;
+            <span>Scheduled</span>
+          <% end %>
+        <% end %>
+
+        <% if TrailGuide.catalog.stopped.count > 0 %>
+          <%= link_to trail_guide_admin.scoped_experiments_path(scope: :stopped), class: "dropdown-item text-danger" do %>
+            <span class="fas fa-stop"></span>
+            <small>&times;</small>
+            <strong class="total"><%= TrailGuide.catalog.stopped.count %></strong>
+            &nbsp;
+            <span>Stopped</span>
+          <% end %>
+        <% end %>
+
+        <% if TrailGuide.catalog.ended.count > 0 %>
+          <%= link_to trail_guide_admin.scoped_experiments_path(scope: :ended), class: "dropdown-item text-primary" do %>
+            <span class="fas fa-flag-checkered"></span>
+            <small>&times;</small>
+            <strong class="total"><%= TrailGuide.catalog.ended.count %></strong>
+            &nbsp;
+            <span>Ended</span>
+          <% end %>
+        <% end %>
+      </div>
+    </div>
+
+    <% unless TrailGuide.catalog.groups.empty? %>
+      <div class="btn-group">
+        <%= link_to trail_guide_admin.groups_path, class: "btn btn-light text-dark", data: {toggle: :tooltip}, title: "Group".pluralize(TrailGuide.catalog.groups.count) do %>
+          <span class="fas fa-th-large"></span>
+          &nbsp;
+          <strong class="total">
+            <%= TrailGuide.catalog.groups.count %>
+          </strong>
+        <% end %>
+
+        <button type="button" class="btn btn-light text-dark dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+          <span class="sr-only">Toggle Dropdown</span>
+        </button>
+
+        <div class="dropdown-menu">
+
+          <% TrailGuide.catalog.groups.each do |group| %>
+            <%= link_to trail_guide_admin.group_path(group), class: "dropdown-item text-secondary" do %>
+              <span class="fas fa-flask"></span>
+              <small>&times;</small>
+              <strong class="total">
+                <%= TrailGuide.catalog.select(group).count %>
+              </strong>
+              &nbsp;
+              <span><%= group.to_s.humanize.titleize %></span>
+            <% end %>
+          <% end %>
+        </div>
+      </div>
+    <% end %>
+
+    <button type="button" class="btn btn-light text-dark" style="display: none;" data-toggle="modal" data-target="#calculator-modal" data-tooltip="tooltip" title="sample size calculator">
+      <span class="fas fa-calculator"></span>
+    </button>
+  </div>
+  <span class="navbar-brand d-none d-md-inline-block"><small class="text-muted"><%= TrailGuide::Admin.configuration.subtitle %></small></span>
+</nav>
+
+<%= render partial: 'layouts/trail_guide/admin/calculator' %>
+
+<div class="toasts">
+  <% flash.each do |key, message| %>
+    <div class="toast" role="alert" aria-live="assertive" aria-atomic="true" data-autohide="true" data-delay="5000">
+      <div class="toast-header">
+        <%= image_tag "trail_guide/trailguide.png", class: "rounded mr-2", style: "width: 25px; height: 25px;" %>
+        <strong class="mr-auto">TrailGuide</strong>
+        <small class="text-muted">just now</small>
+        <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="toast-body">
+        <%= raw message %>
+      </div>
+    </div>
+  <% end %>
+</div>

data/app/views/layouts/trail_guide/admin/_import_modal.html.erb

@@ -0,0 +1,45 @@
+<div id="import-modal" class="modal import-modal" tabindex="-1" role="dialog">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <%= form_tag trail_guide_admin.import_experiments_path, multipart: true, method: :put do %>
+        <div class="modal-header">
+          <h5 class="modal-title">Import or Export Experiment State</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><small>You can export the current state of all experiments using the <strong class="text-info" style="white-space: nowrap;"><span class="fas fa-file-download"></span> Export JSON</strong> button below. The downloaded JSON file will include participation counts, conversion counts, winner selection, and the current state of each experiment (i.e. running, stopped).</small></p>
+
+          <p><small>If you already have an export file from another trailguide instance, you can import it using the form below. This can be useful to replicate state locally if you're trying to debug complex experiment behavior or interactions between experiments reported in another environment (like production).</small></p>
+
+          <div class="form-group row">
+            <label for="import-file" class="col-sm-3 col-form-label"><strong>File</strong></label>
+            <div class="col-sm-9">
+              <div class="custom-file">
+                <input type="file" name="file" class="custom-file-input" id="import-file">
+                <label class="custom-file-label" for="import-file">Choose file</label>
+              </div>
+            </div>
+          </div>
+
+        </div>
+        <div class="modal-footer">
+          <div class="col-sm-5">
+            <%= link_to trail_guide_admin.export_experiments_path(format: :json), class: "btn btn-info", data: {toggle: :tooltip}, title: "download a JSON export of the current state of all experiments" do %>
+              <span class="fas fa-file-download"></span>
+              Export JSON
+            <% end %>
+          </div>
+          <div class="col-sm-7 text-right">
+            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+            <button type="submit" class="btn btn-success">
+              <span class="fas fa-file-upload"></span>
+              Import JSON
+            </button>
+          </div>
+        </div>
+      <% end %>
+    </div>
+  </div>
+</div>

data/app/views/layouts/trail_guide/admin/application.html.erb

@@ -7,15 +7,26 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
-  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
-  <%= stylesheet_link_tag    "trail_guide/admin/application", media: "all" %>
+  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.1/css/tempusdominus-bootstrap-4.min.css" crossorigin="anonymous" />
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous" />
+  <%= stylesheet_link_tag "trail_guide/admin/application", media: "all" %>
 </head>
 <body>
   <%= render 'layouts/trail_guide/admin/header' %>
 
   <main>
     <div class="container-fluid">
+      <% 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>
+          </div>
+        </div>
+      <% end %>
+
       <%= yield %>
     </div>
   </main>
@@ -23,8 +34,11 @@
   <%= render 'layouts/trail_guide/admin/footer' %>
 
   <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js" crossorigin="anonymous"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
   <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/bs-custom-file-input/dist/bs-custom-file-input.min.js"></script>
+  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.1/js/tempusdominus-bootstrap-4.min.js"></script>
   <%= javascript_include_tag "trail_guide/admin/application" %>
 </body>
 </html>

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

@@ -0,0 +1,19 @@
+<% if experiment_peekable?(experiment) %>
+  <% if experiment_peeking?(experiment) %>
+    <div class="alert alert-primary">
+      <h6>
+        <span class="fas fa-eye"></span>
+        Peeking at Results
+      </h6>
+      <p><small>You are currently peeking at this experiment's results. Use the <span class="fas fa-eye-slash"></span> button to stop peeking.</small></p>
+    </div>
+  <% else %>
+    <div class="alert alert-primary">
+      <h6>
+        <span class="fas fa-eye-slash"></span>
+        Target Sample Size
+      </h6>
+      <p><small>This experiment has been configured with <code>target_sample_size: <%= experiment.configuration.target_sample_size %></code>, which prevents variant metrics from being displayed until the experiment has ended. You may peek at the current results by clicking the <span class="fas fa-eye"></span> button.</small></p>
+    </div>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,49 @@
+<div class="alert alert-<%= experiment_color(experiment) %>">
+  <h6 class="text-<%= experiment_color(experiment) %>">
+    <span class="fas <%= experiment_icon(experiment) %> text-<%= experiment_color(experiment) %>"></span>
+    &nbsp;
+    <% if experiment.winner? %>
+      Winner Promoted
+    <% elsif experiment.started? %>
+      <% if experiment.stopped? %>
+        Stopped
+      <% elsif experiment.paused? %>
+        Paused
+      <% else %>
+        Running
+      <% end %>
+    <% elsif experiment.scheduled? %>
+      Scheduled
+    <% else %>
+      Not Started
+    <% end %>
+  </h6>
+
+  <p><small>
+    <% if experiment.winner? %>
+      A winning variant has been selected for this experiment and will be returned to all participants.
+      <% if experiment.running? && experiment.configuration.track_winner_conversions %>
+        This experiment is configured with <code>track_winner_conversions: true</code>, so as long as your experiment is still running you will be able to continue tracking conversions against the winner. You can stop your experiment to stop tracking conversions.
+      <% end %>
+    <% elsif experiment.started? %>
+      <% if experiment.stopped? %>
+        This experiment has been stopped and he control variant will be returned to all participants until it is restarted or a winner is selected. It ran from <strong><%= experiment.started_at.strftime(TrailGuide::Admin::DISPLAY_DATE_FORMAT) %></strong> to <strong><%= experiment.stopped_at.strftime(TrailGuide::Admin::DISPLAY_DATE_FORMAT) %></strong>.
+      <% elsif experiment.paused? %>
+        This experiment was paused on <strong><%= experiment.paused_at.strftime(TrailGuide::Admin::DISPLAY_DATE_FORMAT) %></strong> paused. The control variant will be returned to all participants until it is resumed, restarted or a winner is selected.
+      <% else %>
+        This experiment was started on <strong><%= experiment.started_at.strftime(TrailGuide::Admin::DISPLAY_DATE_FORMAT) %></strong> and is currently running. Participants will be enrolled and served a variant based on the configured alrogithm.
+      <% end %>
+    <% elsif experiment.scheduled? %>
+      This experiment has been scheduled to start on <strong><%= experiment.started_at.strftime(TrailGuide::Admin::DISPLAY_DATE_FORMAT) %></strong>
+      <% if experiment.stopped_at.present? %>
+        and stop on <strong><%= experiment.stopped_at.strftime(TrailGuide::Admin::DISPLAY_DATE_FORMAT) %></strong>
+      <% end %>
+    <% else %>
+      This experiment is not running, and the control variant will be returned to all participants until it is started. You may use the controls above to start or schedule your experiment.
+      <% if !experiment.start_manually? %>
+        <br /><br />
+        This experiment is configured with <code>start_manually: false</code> and will start automatically the first time a participant encounters it.
+      <% end %>
+    <% end %>
+  </small></p>
+</div>

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

@@ -0,0 +1,11 @@
+<% if experiment.started? || experiment.calibrating? %>
+  <% if @analyzing %>
+    <%= link_to trail_guide_admin.experiment_path(experiment.experiment_name), class: "btn btn-info #{classname if defined?(classname)}", method: :put, data: {toggle: :tooltip}, title: "hide this experiment's analysis" do %>
+      <span class="fas fa-chart-line"></span>
+    <% end %>
+  <% else %>
+    <%= link_to trail_guide_admin.experiment_path(experiment.experiment_name, analyze: true, peek: true), class: "btn btn-outline-info #{classname if defined?(classname)}", method: :put, data: {toggle: :tooltip}, title: "analyze this experiment's metrics" do %>
+      <span class="fas fa-chart-line"></span>
+    <% end %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,5 @@
+<% if @analyzing && (@analyze_goal.present? && @analyze_goal != goal.name) %>
+  <%= link_to trail_guide_admin.experiment_path(experiment.experiment_name, analyze: true, peek: true, goal: goal.to_s), class: "btn btn-sm btn-outline-dark border-0", method: :put, data: {toggle: :tooltip}, title: 'analyze this metric' do %>
+    <span class="fas fa-search"></span>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,33 @@
+<% if experiment.running? || experiment.calibrating? %>
+  <% if participant.participating?(experiment) %>
+    <% if participant.converted?(experiment, goal) %>
+      <% if (goal.nil? && experiment.allow_multiple_conversions?) || (goal.present? && goal.allow_multiple_conversions?) %>
+        <%= link_to trail_guide_admin.convert_experiment_path(experiment.experiment_name, goal || "converted"), class: "btn btn-sm btn-outline-primary border-0", method: :put, data: {toggle: :tooltip}, title: 'convert this metric' do %>
+          <span class="fas fa-fill-drip"></span>
+        <% end %>
+      <% else %>
+        <span data-toggle="tooltip" title="you may not convert this metric because this experiment does not allow multiple conversions">
+          <%= link_to "#", class: "btn btn-sm btn-link disabled", method: :put do %>
+            <span class="fas fa-fill-drip"></span>
+          <% end %>
+        </span>
+      <% end %>
+    <% elsif participant.converted?(experiment) %>
+      <% if experiment.allow_multiple_goals? %>
+        <%= link_to trail_guide_admin.convert_experiment_path(experiment.experiment_name, goal || "converted"), class: "btn btn-sm btn-outline-primary border-0", method: :put, data: {toggle: :tooltip}, title: 'convert this metric' do %>
+          <span class="fas fa-fill-drip"></span>
+        <% end %>
+      <% else %>
+        <span data-toggle="tooltip" title="you may not convert this metric because this experiment does not allow multiple goals to be converted">
+          <%= link_to "#", class: "btn btn-sm btn-link disabled", method: :put do %>
+            <span class="fas fa-fill-drip"></span>
+          <% end %>
+        </span>
+      <% end %>
+    <% else %>
+      <%= link_to trail_guide_admin.convert_experiment_path(experiment.experiment_name, goal || "converted"), class: "btn btn-sm btn-outline-primary border-0", method: :put, data: {toggle: :tooltip}, title: 'convert this metric' do %>
+        <span class="fas fa-fill-drip"></span>
+      <% end %>
+    <% end %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,3 @@
+<%= link_to trail_guide_admin.enroll_experiment_path(experiment.experiment_name), class: "btn btn-secondary #{classname if defined?(classname)}", method: :put, data: {toggle: :tooltip}, title: 'enroll yourself in this experiment using the configured algorithm' do %>
+  <span class="fas fa-dice" />
+<% end %>

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

@@ -0,0 +1,11 @@
+<% if experiment.running? || experiment.calibrating? %>
+  <% 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 fa-flip-horizontal" />
+    <% end %>
+  <% elsif !experiment.calibrating? && !experiment.winner? && experiment.configuration.store_participation? && (!experiment.is_combined? || (!participant.participating?(experiment.parent) || participant.variant(experiment.parent).name == variant.name)) %>
+    <%= 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 %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,7 @@
+<% if experiment.running? || experiment.calibrating? %>
+  <% if participant.participating?(experiment) %>
+    <%= link_to trail_guide_admin.leave_experiment_path(experiment.experiment_name), class: "btn btn-outline-secondary", method: :put, data: {toggle: :tooltip}, title: 'leave your cohort' do %>
+      <span class="fas fa-sign-out-alt fa-flip-horizontal" />
+    <% end %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,5 @@
+<% if experiment.running? && experiment.configuration.can_resume? %>
+  <%= link_to trail_guide_admin.pause_experiment_path(experiment.experiment_name), class: 'btn 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"></span>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,13 @@
+<% if experiment.started? && !experiment.stopped? %>
+  <% if experiment_peekable?(experiment) %>
+    <% if experiment_peeking?(experiment) %>
+      <%= link_to trail_guide_admin.experiment_path(experiment.experiment_name), class: "btn btn-primary #{classname if defined?(classname)}", method: :put, data: {toggle: :tooltip}, title: "hide this experiment's metrics" do %>
+        <span class="fas fa-eye-slash"></span>
+      <% end %>
+    <% else %>
+      <%= link_to peek_url(experiment), class: "btn btn-primary #{classname if defined?(classname)}", method: :put, data: {toggle: :tooltip}, title: "peek at this experiment's metrics" do %>
+        <span class="fas fa-eye"></span>
+      <% end %>
+    <% end %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,5 @@
+<% if experiment.started? || experiment.scheduled? || experiment.winner? %>
+  <%= link_to trail_guide_admin.reset_experiment_path(experiment.experiment_name), class: 'btn 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"></span>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,5 @@
+<% if experiment.stopped? %>
+  <%= link_to trail_guide_admin.restart_experiment_path(experiment.experiment_name), class: 'btn 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 fa-flip-horizontal"></span>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,5 @@
+<% if !experiment.stopped? && experiment.paused? && experiment.configuration.can_resume? %>
+  <%= link_to trail_guide_admin.resume_experiment_path(experiment.experiment_name), class: 'btn 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"></span>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,6 @@
+<% if !experiment.started? %>
+  <button type="button" class="btn btn-info" data-toggle="modal" data-target="#start-experiment-modal-<%= experiment.experiment_name %>" data-tooltip="tooltip" title="schedule this experiment to start in the future">
+    <span class="fas fa-clock"></span>
+  </button>
+  <%= render partial: 'start_modal', locals: { experiment: experiment } %>
+<% end %>

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

@@ -0,0 +1,5 @@
+<% if !experiment.started? %>
+  <%= link_to trail_guide_admin.start_experiment_path(experiment.experiment_name), class: 'btn btn-success',method: :put, data: {toggle: :tooltip}, title: 'start this experiment now' do %>
+    <span class="fas fa-play"></span>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,5 @@
+<% if experiment.running? || (experiment.paused? && !experiment.stopped?) %>
+  <%= link_to trail_guide_admin.stop_experiment_path(experiment.experiment_name), class: 'btn 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"></span>
+  <% end %>
+<% end %>