mirror of
https://github.com/bitwarden/browser
synced 2025-12-16 08:13:42 +00:00
payment page UI updates
This commit is contained in:
@@ -66,12 +66,20 @@
|
|||||||
<option value="22">2022</option>
|
<option value="22">2022</option>
|
||||||
<option value="23">2023</option>
|
<option value="23">2023</option>
|
||||||
<option value="24">2024</option>
|
<option value="24">2024</option>
|
||||||
|
<option value="25">2025</option>
|
||||||
|
<option value="26">2026</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-4">
|
<div class="col-sm-4">
|
||||||
<div class="form-group" show-errors>
|
<div class="form-group" show-errors>
|
||||||
<label for="cvc">CVC <i class="fa fa-question-circle"></i></label>
|
<label for="cvc">
|
||||||
|
CVC
|
||||||
|
<a href="https://www.cvvnumber.com/cvv.html" target="_blank" title="What is this?"
|
||||||
|
rel="noopener noreferrer">
|
||||||
|
<i class="fa fa-question-circle"></i>
|
||||||
|
</a>
|
||||||
|
</label>
|
||||||
<input type="text" id="cvc" ng-model="card.cvc" class="form-control" name="cvc"
|
<input type="text" id="cvc" ng-model="card.cvc" class="form-control" name="cvc"
|
||||||
cc-type="number.$ccType" cc-cvc required api-field />
|
cc-type="number.$ccType" cc-cvc required api-field />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -167,11 +167,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="box-footer">
|
<div class="box-footer">
|
||||||
<p>
|
<h4>
|
||||||
<b>Total:</b>
|
<b>Total:</b>
|
||||||
{{totalPrice() | currency:"USD $":2}} /{{model.interval}}
|
{{totalPrice() | currency:"USD $":2}} /{{model.interval}}
|
||||||
</p>
|
</h4>
|
||||||
Note: Your plan comes with a free 7 day trial. Your card will not be charged until the trial has ended.
|
Your plan comes with a free 7 day trial. Your card will not be charged until the trial has ended.
|
||||||
You may cancel at any time.
|
You may cancel at any time.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -236,12 +236,20 @@
|
|||||||
<option value="22">2022</option>
|
<option value="22">2022</option>
|
||||||
<option value="23">2023</option>
|
<option value="23">2023</option>
|
||||||
<option value="24">2024</option>
|
<option value="24">2024</option>
|
||||||
|
<option value="25">2025</option>
|
||||||
|
<option value="26">2026</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-4">
|
<div class="col-sm-4">
|
||||||
<div class="form-group" show-errors>
|
<div class="form-group" show-errors>
|
||||||
<label for="cvc">CVC <i class="fa fa-question-circle"></i></label>
|
<label for="cvc">
|
||||||
|
CVC
|
||||||
|
<a href="https://www.cvvnumber.com/cvv.html" target="_blank" title="What is this?"
|
||||||
|
rel="noopener noreferrer">
|
||||||
|
<i class="fa fa-question-circle"></i>
|
||||||
|
</a>
|
||||||
|
</label>
|
||||||
<input type="text" id="cvc" ng-model="model.card.cvc" class="form-control" name="cvc"
|
<input type="text" id="cvc" ng-model="model.card.cvc" class="form-control" name="cvc"
|
||||||
cc-type="number.$ccType" cc-cvc required api-field />
|
cc-type="number.$ccType" cc-cvc required api-field />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user