Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-24 09:28:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 52

replace billing form with cloud-error (#4039)

Browse source
This commit is contained in:
eashaw 2022-02-07 17:00:09 -06:00 committed by GitHub
parent bc86591b14
commit 55ed92291a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
website/views/pages/customers/new-license.ejs vendored
View file

@ -41,18 +41,22 @@
</div>
<div class="card card-body mt-3" v-if="showBillingForm">
<h3 class="pb-3">Billing information</h3>
<ajax-form action="saveBillingInfoAndSubscribe" :syncing.sync="syncing" :cloud-error.sync="cloudError" :form-errors.sync="formErrors" :form-data="formData" :form-rules="billingFormRules" @submitted="submittedPaymentForm()">
<ajax-form action="saveBillingInfoAndSubscribe" :syncing.sync="syncing" :cloud-error.sync="cloudError" :form-errors.sync="formErrors" :form-data="formData" :form-rules="billingFormRules" @submitted="submittedPaymentForm()" v-if="!cloudError || cloudError === 'couldNotSaveBillingInfo'">
<div class="form-group">
<label for="card">Billing Card</label>
<stripe-card-element class="mb-3" id="card" :is-errored.sync="formErrors.paymentSource" :stripe-publishable-key="stripePublishableKey"
<stripe-card-element class="mb-3" id="card" busy.sync="syncing" :is-errored.sync="formErrors.paymentSource" :stripe-publishable-key="stripePublishableKey"
v-model="formData.paymentSource" key="billing-card" ref="paymentcardref"></stripe-card-element>
</div>
<cloud-error purpose="cloud-error" v-if="cloudError === 'couldNotSaveBillingInfo'">
<p>The billing card provided could not be used. Please use another card or <a href="/contact" target="_blank">contact support</a></p>
</cloud-error>
<cloud-error purpose="cloud-error" v-else-if="cloudError"></cloud-error>
<ajax-button style="height: 40px;" purpose="submit-button" spinner="true" :syncing="syncing" class="btn btn-block btn-lg btn-info mt-4">Get license key</ajax-button>
</ajax-form>
<cloud-error purpose="cloud-error" v-else-if="cloudError">
<p class="mb-3 text-bold text-strong">An error has occurred while processing your request.</p>
<p class="mb-2">We're sorry that this happened. A human has been informed of this error and is looking into it.</p>
<p>Feel free to <a href="/customers/new-license">reload the page</a> and try again. A team member at Fleet will investigate and correct duplicate charges, if any occurred.</p>
</cloud-error>
</div>
</div>