From 1c5f208ef1b2b9e9d016b21023f4c0a01e246f5c Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Mon, 8 May 2017 15:20:01 -0400
Subject: [PATCH] enterprise plan signup

---
 src/app/constants.js                          |  8 +++
 .../settingsCreateOrganizationController.js   | 16 ++++--
 .../views/settingsCreateOrganization.html     | 56 ++++++++++++++++---
 src/less/vault.less                           |  2 +-
 4 files changed, 69 insertions(+), 13 deletions(-)

diff --git a/src/app/constants.js b/src/app/constants.js
index 467879b244..bc6fe8b479 100644
--- a/src/app/constants.js
+++ b/src/app/constants.js
@@ -46,6 +46,14 @@ angular.module('bit')
                 monthPlanType: 'teamsMonthly',
                 annualPlanType: 'teamsAnnually',
                 upgradeSortOrder: 2
+            },
+            enterprise: {
+                seatPrice: 3,
+                annualSeatPrice: 36,
+                monthlySeatPrice: 4,
+                monthPlanType: 'enterpriseMonthly',
+                annualPlanType: 'enterpriseAnnually',
+                upgradeSortOrder: 3
             }
         }
     });
diff --git a/src/app/settings/settingsCreateOrganizationController.js b/src/app/settings/settingsCreateOrganizationController.js
index 676d2eaaab..3389ddbe03 100644
--- a/src/app/settings/settingsCreateOrganizationController.js
+++ b/src/app/settings/settingsCreateOrganizationController.js
@@ -14,12 +14,12 @@
 
         $scope.totalPrice = function () {
             if ($scope.model.interval === 'month') {
-                return ($scope.model.additionalSeats || 0) * $scope.plans[$scope.model.plan].monthlySeatPrice +
-                    $scope.plans[$scope.model.plan].monthlyBasePrice;
+                return ($scope.model.additionalSeats || 0) * ($scope.plans[$scope.model.plan].monthlySeatPrice || 0) +
+                    ($scope.plans[$scope.model.plan].monthlyBasePrice || 0);
             }
             else {
-                return ($scope.model.additionalSeats || 0) * $scope.plans[$scope.model.plan].annualSeatPrice +
-                    $scope.plans[$scope.model.plan].annualBasePrice;
+                return ($scope.model.additionalSeats || 0) * ($scope.plans[$scope.model.plan].annualSeatPrice || 0) +
+                    ($scope.plans[$scope.model.plan].annualBasePrice || 0);
             }
         };
 
@@ -27,6 +27,14 @@
             if ($scope.plans[$scope.model.plan].hasOwnProperty('monthPlanType')) {
                 $scope.model.interval = 'year';
             }
+
+            if ($scope.plans[$scope.model.plan].noAdditionalSeats) {
+                $scope.model.additionalSeats = 0;
+            }
+            else if (!$scope.model.additionalSeats && !$scope.plans[$scope.model.plan].baseSeats &&
+                !$scope.plans[$scope.model.plan].noAdditionalSeats) {
+                $scope.model.additionalSeats = 1;
+            }
         };
 
         $scope.changedBusiness = function () {
diff --git a/src/app/settings/views/settingsCreateOrganization.html b/src/app/settings/views/settingsCreateOrganization.html
index ed45d6b75c..eeb4dc34b6 100644
--- a/src/app/settings/views/settingsCreateOrganization.html
+++ b/src/app/settings/views/settingsCreateOrganization.html
@@ -98,6 +98,21 @@
                         </span>
                     </label>
                 </div>
+                <div class="radio radio-block" ng-click="changedPlan()">
+                    <label>
+                        <input type="radio" ng-model="model.plan" name="PlanType" value="enterprise">
+                        Enterprise
+                        <span>For businesses and other large organizations.</span>
+                        <span>- Add and share with unlimited users</span>
+                        <span>- Create unlimited collections</span>
+                        <span>- User groups with optional directory sync</span>
+                        <span>- Priority customer support</span>
+                        <span>- 7 day free trial, cancel anytime</span>
+                        <span class="bottom-line">
+                            {{plans.enterprise.seatPrice | currency:'$'}} per user /month
+                        </span>
+                    </label>
+                </div>
             </div>
             <div class="box-footer" ng-show="plans[model.plan].noPayment">
                 <button type="submit" class="btn btn-primary btn-flat" ng-disabled="createOrgForm.$loading">
@@ -105,7 +120,7 @@
                 </button>
             </div>
         </div>
-        <div class="box box-default" ng-if="!plans[model.plan].noAdditionalSeats">
+        <div class="box box-default" ng-if="!plans[model.plan].noAdditionalSeats && plans[model.plan].baseSeats">
             <div class="box-header with-border">
                 <h3 class="box-title">Additional Users (Seats)</h3>
             </div>
@@ -129,6 +144,27 @@
                 </div>
             </div>
         </div>
+        <div class="box box-default" ng-if="!plans[model.plan].noAdditionalSeats && !plans[model.plan].baseSeats">
+            <div class="box-header with-border">
+                <h3 class="box-title">Users (Seats)</h3>
+            </div>
+            <div class="box-body">
+                <p>
+                    How many user seats do you need?
+                    You can also add additional seats later if needed.
+                </p>
+                <div class="row">
+                    <div class="col-md-4">
+                        <div class="form-group" show-errors style="margin: 0;">
+                            <label for="additionalSeats" class="sr-only">Users</label>
+                            <input type="number" id="additionalSeats" name="AdditionalSeats" ng-model="model.additionalSeats"
+                                   min="1" class="form-control" placeholder="# of users" api-field
+                                   ng-attr-max="{{plans[model.plan].maxAdditionalSeats || 1000000}}" />
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
         <div class="box box-default" ng-if="!plans[model.plan].noPayment">
             <div class="box-header with-border">
                 <h3 class="box-title">Billing Summary</h3>
@@ -138,15 +174,17 @@
                     <label>
                         <input type="radio" ng-model="model.interval" name="BillingInterval" value="year">
                         Annually
-                        <span>
+                        <span ng-if="plans[model.plan].annualBasePrice">
                             Base price:
                             {{plans[model.plan].basePrice | currency:"$":2}} &times;12 mo. =
                             {{plans[model.plan].annualBasePrice | currency:"$":2}} /year
                         </span>
                         <span>
-                            Additional users:
+                            <span ng-if="plans[model.plan].baseSeats">Additional users:</span>
+                            <span ng-if="!plans[model.plan].baseSeats">Users:</span>
                             {{model.additionalSeats || 0}} &times;{{plans[model.plan].seatPrice | currency:"$":2}}
-                            &times;12 mo. = {{(model.additionalSeats * plans[model.plan].annualSeatPrice) | currency:"$":2}} /year
+                            &times;12 mo. =
+                            {{((model.additionalSeats || 0) * plans[model.plan].annualSeatPrice) | currency:"$":2}} /year
                         </span>
                     </label>
                 </div>
@@ -154,14 +192,16 @@
                     <label>
                         <input type="radio" ng-model="model.interval" name="BillingInterval" value="month">
                         Monthly
-                        <span>
+                        <span ng-if="plans[model.plan].monthlyBasePrice">
                             Base price:
                             {{plans[model.plan].monthlyBasePrice | currency:"$":2}} /month
                         </span>
                         <span>
-                            Additional users:
-                            {{model.additionalSeats || 0}} &times;{{plans[model.plan].monthlySeatPrice | currency:"$":2}} =
-                            {{(model.additionalSeats * plans[model.plan].monthlySeatPrice) | currency:"$":2}} /month
+                            <span ng-if="plans[model.plan].baseSeats">Additional users:</span>
+                            <span ng-if="!plans[model.plan].baseSeats">Users:</span>
+                            {{model.additionalSeats || 0}}
+                            &times;{{plans[model.plan].monthlySeatPrice | currency:"$":2}} =
+                            {{((model.additionalSeats || 0) * plans[model.plan].monthlySeatPrice) | currency:"$":2}} /month
                         </span>
                     </label>
                 </div>
diff --git a/src/less/vault.less b/src/less/vault.less
index ed06bf0769..f41f379bd4 100644
--- a/src/less/vault.less
+++ b/src/less/vault.less
@@ -215,7 +215,7 @@ form .btn .loading-icon {
             margin-left: -20px;
         }
 
-        span {
+        > span {
             display: block;
             color: @text-muted;
             font-size: 90%;