From 1405b6b95c20deded7b408dcd5d319dcf93015d2 Mon Sep 17 00:00:00 2001
From: Joseph Schorr <josephschorr@users.noreply.github.com>
Date: Thu, 10 Nov 2016 17:10:08 -0500
Subject: [PATCH] Adjustments to QE plans page for lead-gen feedback

- Adds a start trial button "above the fold" on the right hand side
- Adds back the dialog explaining the redirect to tectonic accounts
---
 static/css/pages/plans.css               |  8 ++++--
 static/directives/plans-display.html     | 32 ++++++++++++++----------
 static/js/directives/ui/plans-display.js |  3 +--
 3 files changed, 26 insertions(+), 17 deletions(-)

diff --git a/static/css/pages/plans.css b/static/css/pages/plans.css
index ad499987b..d1a96d2c2 100644
--- a/static/css/pages/plans.css
+++ b/static/css/pages/plans.css
@@ -134,6 +134,10 @@
     text-align: center;
 }
 
+.co-p-quay-enterprise-tagline button {
+  margin-left: 40px;
+}
+
 .co-p-quay-enterprise-trial {
     text-align: center;
     margin-top: 30px;
@@ -584,8 +588,8 @@
 }
 
 #tectonicManagerDialog .buttons {
-  margin-top: 10px;
-  margin-bottom: 30px;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 
 #tectonicManagerDialog .buttons .btn {
diff --git a/static/directives/plans-display.html b/static/directives/plans-display.html
index 145928305..27bcbd240 100644
--- a/static/directives/plans-display.html
+++ b/static/directives/plans-display.html
@@ -372,7 +372,12 @@
 
   <!-- Enterprise -->
   <div class="tab-pane" id="enterprise">
-      <h2 class="co-p-quay-enterprise-tagline">One container registry for your entire enterprise</h2>
+      <h2 class="co-p-quay-enterprise-tagline">One container registry for your entire enterprise
+        <button class="btn btn-primary btn-lg trial-button hidden-xs hidden-sm" ng-click="qeStartTrial()">
+          Start a free trial
+        </button>
+      </h2>
+
       <div class="flex-wrap top-section">
         <div class="container">
           <div class="co-p-quay-enterprise-values">
@@ -409,7 +414,9 @@
           <div class="co-p-quay-enterprise-top-cta-text">Ready to try Quay Enterprise?</div>
           <div class="co-p-quay-enterprise-top-cta-buttons">
             <div class="co-p-quay-enterprise-top-cta-button-wrap">
-              <a class="btn btn-primary btn-lg trial-button" href="https://account.tectonic.com/signup/summary/quay-enterprise">Start a free trial</a>
+              <button class="btn btn-primary btn-lg trial-button" ng-click="qeStartTrial()">
+                Start a free trial
+              </button>
               <div class="button-subtext co-m-text-light">No credit card required, 30-day trial</div>
             </div>
           </div>
@@ -537,18 +544,17 @@
     <div class="modal-dialog">
       <div class="modal-content">
         <div class="modal-body">
-          <img class="qe-logo" src="/static/img/QuayEnterprise_horizontal_color.svg">
-          <b>To start your trial, please choose an option:</b>
+          <img class="qe-logo" src="/static/img/tectonic-bycoreos-color-sidebyside.svg">
+          <p>
+          Quay Enterprise is powered by <strong>Tectonic</strong>, a collection of enterprise container products.
+          </p>
+
+          <p>
+          Click below to continue to the CoreOS Tectonic Accounts system and sign up for your free Quay Enterprise trial.
+          </p>
+
           <div class="buttons">
-            <a class="btn btn-primary" href="https://account.tectonic.com/signup/summary/quay-enterprise/{{ currentQEPlan }}">Create a new Tectonic account</a>
-            <a class="btn btn-default" href="https://account.tectonic.com/signup/summary/quay-enterprise/{{ currentQEPlan }}">Log in to your Tectonic account</a>
-          </div>
-          <div class="shoutout">
-              <div>
-              Quay Enterprise is powered by Tectonic,
-              a collection of enterprise container products.
-              </div>
-              <img src="/static/img/tectonic-bycoreos-color-sidebyside.svg">
+            <a class="btn btn-primary" href="https://account.tectonic.com/signup/summary/quay-enterprise">Sign up for free trial via Tectonic</a>
           </div>
         </div>
       </div><!-- /.modal-content -->
diff --git a/static/js/directives/ui/plans-display.js b/static/js/directives/ui/plans-display.js
index 6a9bf42ce..8fc927f90 100644
--- a/static/js/directives/ui/plans-display.js
+++ b/static/js/directives/ui/plans-display.js
@@ -23,8 +23,7 @@ angular.module('quay').directive('plansDisplay', function () {
         PlanService.handleNotedPlan();
       };
 
-      $scope.qeStartTrial = function(plan) {
-        $scope.currentQEPlan = plan;
+      $scope.qeStartTrial = function() {
         $('#tectonicManagerDialog').modal('show');
       };