1
0
mirror of https://github.com/bitwarden/browser synced 2025-12-17 00:33:44 +00:00

PM-8045 All Subscription plans can be selected same time (#9185)

This commit is contained in:
KiruthigaManivannan
2024-05-21 03:54:52 +05:30
committed by GitHub
parent e00f3e10c0
commit a7406ab5a0

View File

@@ -51,8 +51,8 @@
</bit-section> </bit-section>
<bit-section> <bit-section>
<h2 bitTypography="h2">{{ "chooseYourPlan" | i18n }}</h2> <h2 bitTypography="h2">{{ "chooseYourPlan" | i18n }}</h2>
<div *ngFor="let selectableProduct of selectableProducts">
<bit-radio-group formControlName="product" [block]="true"> <bit-radio-group formControlName="product" [block]="true">
<div *ngFor="let selectableProduct of selectableProducts" class="tw-mb-3">
<bit-radio-button [value]="selectableProduct.product" (change)="changedProduct()"> <bit-radio-button [value]="selectableProduct.product" (change)="changedProduct()">
<bit-label>{{ selectableProduct.nameLocalizationKey | i18n }}</bit-label> <bit-label>{{ selectableProduct.nameLocalizationKey | i18n }}</bit-label>
<bit-hint class="tw-text-sm" <bit-hint class="tw-text-sm"
@@ -147,7 +147,7 @@
</ng-template> </ng-template>
</bit-hint> </bit-hint>
</bit-radio-button> </bit-radio-button>
<span *ngIf="selectableProduct.product != productTypes.Free"> <span *ngIf="selectableProduct.product != productTypes.Free" class="tw-pl-4">
<ng-container <ng-container
*ngIf="selectableProduct.PasswordManager.basePrice && !acceptingSponsorship" *ngIf="selectableProduct.PasswordManager.basePrice && !acceptingSponsorship"
> >
@@ -176,6 +176,7 @@
!selectableProduct.PasswordManager.basePrice && !selectableProduct.PasswordManager.basePrice &&
selectableProduct.PasswordManager.hasAdditionalSeatsOption selectableProduct.PasswordManager.hasAdditionalSeatsOption
" "
class="tw-pl-4"
> >
{{ {{
"costPerUser" "costPerUser"
@@ -188,11 +189,11 @@
}} }}
/{{ "month" | i18n }} /{{ "month" | i18n }}
</span> </span>
<span *ngIf="selectableProduct.product == productTypes.Free">{{ <span *ngIf="selectableProduct.product == productTypes.Free" class="tw-pl-4">{{
"freeForever" | i18n "freeForever" | i18n
}}</span> }}</span>
</bit-radio-group>
</div> </div>
</bit-radio-group>
</bit-section> </bit-section>
<bit-section *ngIf="formGroup.value.product !== productTypes.Free"> <bit-section *ngIf="formGroup.value.product !== productTypes.Free">
<bit-section <bit-section
@@ -277,9 +278,10 @@
</bit-form-control> </bit-form-control>
</div> </div>
</bit-section> </bit-section>
<bit-section *ngFor="let selectablePlan of selectablePlans"> <bit-section>
<h2 bitTypography="h2">{{ "summary" | i18n }}</h2> <h2 bitTypography="h2">{{ "summary" | i18n }}</h2>
<bit-radio-group formControlName="plan"> <bit-radio-group formControlName="plan">
<div *ngFor="let selectablePlan of selectablePlans">
<bit-radio-button <bit-radio-button
type="radio" type="radio"
id="interval{{ selectablePlan.type }}" id="interval{{ selectablePlan.type }}"
@@ -397,6 +399,7 @@
</p> </p>
</bit-hint> </bit-hint>
</bit-radio-button> </bit-radio-button>
</div>
</bit-radio-group> </bit-radio-group>
</bit-section> </bit-section>
</bit-section> </bit-section>