bitwarden/src/Admin/Views/Shared/_OrganizationFormScripts.cshtml

@inject IWebHostEnvironment HostingEnvironment
@using Bit.Admin.Utilities
@model OrganizationEditModel

<script>
    (() => {
        document.getElementById('@(nameof(Model.PlanType))').addEventListener('change', () => {
            const selectEl = document.getElementById('@(nameof(Model.PlanType))');
            const selectText = selectEl.options[selectEl.selectedIndex].text;
            document.getElementById('@(nameof(Model.Plan))').value = selectText;
            togglePlanFeatures(selectEl.options[selectEl.selectedIndex].value);
        });
        document.getElementById('gateway-customer-link')?.addEventListener('click', () => {
            const gateway = document.getElementById('@(nameof(Model.Gateway))');
            const customerId = document.getElementById('@(nameof(Model.GatewayCustomerId))');
            if (!gateway || gateway.value === '' || !customerId || customerId.value === '') {
                return;
            }
            if (gateway.value === '@((byte)GatewayType.Stripe)') {
                const url = `@(HostingEnvironment.GetStripeUrl())/customers/${customerId.value}/`;
                window.open(url, '_blank');
            } else if (gateway.value === '@((byte)GatewayType.Braintree)') {
                const url = `@(HostingEnvironment.GetBraintreeMerchantUrl())/@Model.BraintreeMerchantId/${customerId.value}`;
                window.open(url, '_blank');
            }
        });
        document.getElementById('gateway-subscription-link')?.addEventListener('click', () => {
            const gateway = document.getElementById('@(nameof(Model.Gateway))');
            const subId = document.getElementById('@(nameof(Model.GatewaySubscriptionId))');
            if (!gateway || gateway.value === '' || !subId || subId.value === '') {
                return;
            }
            if (gateway.value === '@((byte)GatewayType.Stripe)') {
                const url = `@(HostingEnvironment.GetStripeUrl())/subscriptions/${subId.value}/`;
                window.open(url, '_blank');
            } else if (gateway.value === '@((byte)GatewayType.Braintree)') {
                const url = `@(HostingEnvironment.GetBraintreeMerchantUrl())/@Model.BraintreeMerchantId/subscriptions/${subId.value}`;
                window.open(url, '_blank');
            }
        });
        document.getElementById('@(nameof(Model.UseSecretsManager))').addEventListener('change', (event) => {
            document.getElementById('organization-secrets-configuration').hidden = !event.target.checked;

            if (event.target.checked) {
                setInitialSecretsManagerConfiguration();
                return;
            }

            // SM beta requires SM access
            document.getElementById('@(nameof(Model.SecretsManagerBeta))').checked = false;
            clearSecretsManagerConfiguration();
        });

        document.getElementById('@(nameof(Model.SecretsManagerBeta))').addEventListener('change', (event) => {
            document.getElementById('organization-secrets-configuration').hidden = event.target.checked;

            if (event.target.checked) {
                // SM beta requires SM access
                document.getElementById('@(nameof(Model.UseSecretsManager))').checked = true;
                // SM Beta orgs do not have subscription limits
                clearSecretsManagerConfiguration();
                return;
            }

            setInitialSecretsManagerConfiguration();
        });
    })();

    function togglePlanFeatures(planType) {
        switch(planType) {
            case '@((byte)PlanType.TeamsMonthly2019)':
            case '@((byte)PlanType.TeamsAnnually2019)':
            case '@((byte)PlanType.TeamsMonthly2020)':
            case '@((byte)PlanType.TeamsAnnually2020)':
            case '@((byte)PlanType.TeamsMonthly)':
            case '@((byte)PlanType.TeamsAnnually)':
            case '@((byte)PlanType.TeamsStarter)':
                document.getElementById('@(nameof(Model.UsePolicies))').checked = false;
                document.getElementById('@(nameof(Model.UseSso))').checked = false;
                document.getElementById('@(nameof(Model.UseGroups))').checked = true;
                document.getElementById('@(nameof(Model.UseDirectory))').checked = true;
                document.getElementById('@(nameof(Model.UseEvents))').checked = true;
                document.getElementById('@(nameof(Model.UsersGetPremium))').checked = true;
                document.getElementById('@(nameof(Model.UseCustomPermissions))').checked = false;
                document.getElementById('@(nameof(Model.UseTotp))').checked = true;
                document.getElementById('@(nameof(Model.Use2fa))').checked = true;
                document.getElementById('@(nameof(Model.UseApi))').checked = true;
                document.getElementById('@(nameof(Model.SelfHost))').checked = false;
                document.getElementById('@(nameof(Model.UseResetPassword))').checked = false;
                document.getElementById('@(nameof(Model.UseScim))').checked = false;
            break;

            case '@((byte)PlanType.EnterpriseMonthly2019)':
            case '@((byte)PlanType.EnterpriseAnnually2019)':
            case '@((byte)PlanType.EnterpriseMonthly2020)':
            case '@((byte)PlanType.EnterpriseAnnually2020)':
            case '@((byte)PlanType.EnterpriseMonthly)':
            case '@((byte)PlanType.EnterpriseAnnually)':
                document.getElementById('@(nameof(Model.UsePolicies))').checked = true;
                document.getElementById('@(nameof(Model.UseSso))').checked = true;
                document.getElementById('@(nameof(Model.UseGroups))').checked = true;
                document.getElementById('@(nameof(Model.UseDirectory))').checked = true;
                document.getElementById('@(nameof(Model.UseEvents))').checked = true;
                document.getElementById('@(nameof(Model.UsersGetPremium))').checked = true;
                document.getElementById('@(nameof(Model.UseCustomPermissions))').checked = true;
                document.getElementById('@(nameof(Model.UseTotp))').checked = true;
                document.getElementById('@(nameof(Model.Use2fa))').checked = true;
                document.getElementById('@(nameof(Model.UseApi))').checked = true;
                document.getElementById('@(nameof(Model.SelfHost))').checked = true;
                document.getElementById('@(nameof(Model.UseResetPassword))').checked = true;
                document.getElementById('@(nameof(Model.UseScim))').checked = true;
            break;
        }
    }

    function unlinkProvider(id) {
        if (confirm('Are you sure you want to unlink this organization from its provider?')) {
            $.ajax({
                type: "POST",
                url: `@Url.Action("UnlinkOrganizationFromProvider", "Organizations")?id=${id}`,
                dataType: 'json',
                contentType: false,
                processData: false,
                success: function (response) {
                    alert("Successfully unlinked provider");
                    window.location.href = `@Url.Action("Edit", "Organizations")?id=${id}`;
                },
                error: function (response) {
                    alert("Error!");
                }
            });
        }
        return false;
    }

    /***
    * Set Secrets Manager values based on current usage (for migrating from SM beta or reinstating an old subscription)
    */
    function setInitialSecretsManagerConfiguration() {
        const planType = document.getElementById('@(nameof(Model.PlanType))').value;

        // Seats
        document.getElementById('@(nameof(Model.SmSeats))').value = Math.max(@Model.OccupiedSmSeatsCount, 1);

        // Service accounts
        const baseServiceAccounts = getPlan(planType)?.baseServiceAccount ?? 0;
        if (planType !== '@((byte)PlanType.Free)' && @Model.ServiceAccountsCount > baseServiceAccounts) {
            document.getElementById('@(nameof(Model.SmServiceAccounts))').value = @Model.ServiceAccountsCount;
        } else {
            document.getElementById('@(nameof(Model.SmServiceAccounts))').value = baseServiceAccounts;
        }

        // Clear autoscale values (no defaults)
        document.getElementById('@(nameof(Model.MaxAutoscaleSmSeats))').value = '';
        document.getElementById('@(nameof(Model.MaxAutoscaleSmServiceAccounts))').value = '';
    }

    function clearSecretsManagerConfiguration() {
        document.getElementById('@(nameof(Model.SmSeats))').value = '';
        document.getElementById('@(nameof(Model.SmServiceAccounts))').value = '';
        document.getElementById('@(nameof(Model.MaxAutoscaleSmSeats))').value = '';
        document.getElementById('@(nameof(Model.MaxAutoscaleSmServiceAccounts))').value = '';
    }

    function getPlan(planType) {
        const plans = @Html.Raw(Json.Serialize(Model.GetPlansHelper()));
        return plans.find(p => p.type == planType);
    }
</script>