From 86de4b721f1c7d955274849635c5a90219430adc Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Wed, 3 May 2017 10:23:01 -0400
Subject: [PATCH] callout when registering for org create

---
 src/app/accounts/accountsRegisterController.js | 1 +
 src/app/accounts/views/accountsRegister.html   | 4 ++++
 src/less/vault.less                            | 3 ++-
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/app/accounts/accountsRegisterController.js b/src/app/accounts/accountsRegisterController.js
index d45399bc6b..3591d54ca7 100644
--- a/src/app/accounts/accountsRegisterController.js
+++ b/src/app/accounts/accountsRegisterController.js
@@ -5,6 +5,7 @@ angular
         $analytics, $state) {
         var params = $location.search();
         var stateParams = $state.params;
+        $scope.createOrg = stateParams.org;
 
         if (!stateParams.returnState && stateParams.org) {
             $scope.returnState = {
diff --git a/src/app/accounts/views/accountsRegister.html b/src/app/accounts/views/accountsRegister.html
index 92d224adc6..9dfae0a6e9 100644
--- a/src/app/accounts/views/accountsRegister.html
+++ b/src/app/accounts/views/accountsRegister.html
@@ -13,6 +13,10 @@
         </div>
         <form name="registerForm" ng-submit="registerForm.$valid && register(registerForm)" ng-show="!success"
               api-form="registerPromise">
+            <div class="callout callout-default" ng-show="createOrg">
+                <h4>Create Organization, Step 1</h4>
+                <p>Before creating your organization, you first need to create a free personal account.</p>
+            </div>
             <div class="callout callout-danger validation-errors" ng-show="registerForm.$errors">
                 <h4>Errors have occured</h4>
                 <ul>
diff --git a/src/less/vault.less b/src/less/vault.less
index 77d18ec53e..ed06bf0769 100644
--- a/src/less/vault.less
+++ b/src/less/vault.less
@@ -278,7 +278,8 @@ form .btn .loading-icon {
     }
 }
 
-.modal .callout.callout-default, .box .callout.callout-default {
+.modal .callout.callout-default, .box .callout.callout-default, .register-box-body .callout.callout-default,
+.login-box-body .callout.callout-default {
     &:extend(.bg-gray-light);
 
     .btn-default:not(:hover) {