Initial Spark Install
This commit is contained in:
Deon George
@@ -0,0 +1,44 @@
|
||||
<spark-redeem-coupon :user="user" :team="team" :billable-type="billableType" inline-template>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Redeem Coupon</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<div class="alert alert-success" v-if="form.successful">
|
||||
Coupon accepted! The discount will be applied to your next invoice.
|
||||
</div>
|
||||
|
||||
<form class="form-horizontal" role="form">
|
||||
<!-- Coupon Code -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('coupon')}">
|
||||
<label class="col-md-4 control-label">Coupon Code</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="coupon" v-model="form.coupon">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('coupon')">
|
||||
@{{ form.errors.get('coupon') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Redeem Button -->
|
||||
<div class="form-group">
|
||||
<div class="col-md-offset-4 col-md-6">
|
||||
<button type="submit" class="btn btn-primary"
|
||||
@click.prevent="redeem"
|
||||
:disabled="form.busy">
|
||||
|
||||
<span v-if="form.busy">
|
||||
<i class="fa fa-btn fa-spinner fa-spin"></i>Redeeming
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
Redeem
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</spark-redeem-coupon>
|
||||
@@ -0,0 +1,78 @@
|
||||
<!-- Address -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('address')}">
|
||||
<label class="col-md-4 control-label">Address</label>
|
||||
|
||||
<div class="col-sm-6">
|
||||
<input type="text" class="form-control" v-model="form.address">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('address')">
|
||||
@{{ form.errors.get('address') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Address Line 2 -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('address_line_2')}">
|
||||
<label class="col-md-4 control-label">Address Line 2</label>
|
||||
|
||||
<div class="col-sm-6">
|
||||
<input type="text" class="form-control" v-model="form.address_line_2">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('address_line_2')">
|
||||
@{{ form.errors.get('address_line_2') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- City -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('city')}">
|
||||
<label class="col-md-4 control-label">City</label>
|
||||
|
||||
<div class="col-sm-6">
|
||||
<input type="text" class="form-control" v-model="form.city">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('city')">
|
||||
@{{ form.errors.get('city') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- State & ZIP Code -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('state')}">
|
||||
<label class="col-md-4 control-label">State & ZIP / Postal Code</label>
|
||||
|
||||
<!-- State -->
|
||||
<div class="col-sm-3">
|
||||
<input type="text" class="form-control" v-model="form.state" placeholder="State">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('state')">
|
||||
@{{ form.errors.get('state') }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- Zip Code -->
|
||||
<div class="col-sm-3">
|
||||
<input type="text" class="form-control" v-model="form.zip" placeholder="Postal Code">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('zip')">
|
||||
@{{ form.errors.get('zip') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Country -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('country')}">
|
||||
<label class="col-md-4 control-label">Country</label>
|
||||
|
||||
<div class="col-sm-6">
|
||||
<select class="form-control" v-model="form.country">
|
||||
@foreach (app(Laravel\Spark\Repositories\Geography\CountryRepository::class)->all() as $key => $country)
|
||||
<option value="{{ $key }}">{{ $country }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('country')">
|
||||
@{{ form.errors.get('country') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,59 @@
|
||||
<spark-update-payment-method-braintree :user="user" :team="team" :billable-type="billableType" inline-template>
|
||||
<div class="panel panel-default">
|
||||
<!-- Update Payment Method Heading -->
|
||||
<div class="panel-heading">
|
||||
<div class="pull-left">
|
||||
Update Payment Method
|
||||
</div>
|
||||
|
||||
<div class="pull-right">
|
||||
<!-- Paypal Indicator -->
|
||||
<span v-if="billable.paypal_email">
|
||||
<i class="fa fa-btn fa-paypal"></i>
|
||||
@{{ billable.paypal_email }}
|
||||
</span>
|
||||
|
||||
<!-- Credit Card Indicator -->
|
||||
<span v-if="billable.card_last_four">
|
||||
<i class="['fa', 'fa-btn', cardIcon]"></i>
|
||||
************@{{ billable.card_last_four }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<!-- Payment Method Update Success Message -->
|
||||
<div class="alert alert-success" v-if="form.successful">
|
||||
Your payment method has been updated.
|
||||
</div>
|
||||
|
||||
<!-- Generic 500 Level Error Message / Braintree Threw Exception -->
|
||||
<div class="alert alert-danger" v-if="form.errors.has('form')">
|
||||
We had trouble updating your payment method. It's possible your payment provider is preventing
|
||||
us from charging the payment method. Please contact your payment provider or customer support.
|
||||
</div>
|
||||
|
||||
<form class="form-horizontal" role="form">
|
||||
<!-- Braintree Container -->
|
||||
<div id="braintree-payment-method-container" class="m-b-md"></div>
|
||||
|
||||
<!-- Update Button -->
|
||||
<div class="form-group m-b-none p-b-none">
|
||||
<div class="col-md-6">
|
||||
<button type="submit" class="btn btn-primary" :disabled="form.busy">
|
||||
<span v-if="form.busy">
|
||||
<i class="fa fa-btn fa-spinner fa-spin"></i>Updating
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
Update
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</spark-update-payment-method-braintree>
|
||||
@@ -0,0 +1,123 @@
|
||||
<spark-update-payment-method-stripe :user="user" :team="team" :billable-type="billableType" inline-template>
|
||||
<div class="panel panel-default">
|
||||
<!-- Update Payment Method Heading -->
|
||||
<div class="panel-heading">
|
||||
<div class="pull-left">
|
||||
Update Payment Method
|
||||
</div>
|
||||
|
||||
<div class="pull-right">
|
||||
<span v-if="billable.card_last_four">
|
||||
<i :class="['fa', 'fa-btn', cardIcon]"></i>
|
||||
************@{{ billable.card_last_four }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<!-- Card Update Success Message -->
|
||||
<div class="alert alert-success" v-if="form.successful">
|
||||
Your card has been updated.
|
||||
</div>
|
||||
|
||||
<!-- Generic 500 Level Error Message / Stripe Threw Exception -->
|
||||
<div class="alert alert-danger" v-if="form.errors.has('form')">
|
||||
We had trouble updating your card. It's possible your card provider is preventing
|
||||
us from charging the card. Please contact your card provider or customer support.
|
||||
</div>
|
||||
|
||||
<form class="form-horizontal" role="form">
|
||||
<!-- Billing Address Fields -->
|
||||
@if (Spark::collectsBillingAddress())
|
||||
<h2><i class="fa fa-btn fa-map-marker"></i>Billing Address</h2>
|
||||
|
||||
@include('spark::settings.payment-method.update-payment-method-address')
|
||||
|
||||
<h2><i class="fa fa-btn fa-credit-card"></i>Credit Card</h2>
|
||||
@endif
|
||||
|
||||
<!-- Cardholder's Name -->
|
||||
<div class="form-group">
|
||||
<label for="name" class="col-md-4 control-label">Cardholder's Name</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" v-model="cardForm.name">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Card Number -->
|
||||
<div class="form-group" :class="{'has-error': cardForm.errors.has('number')}">
|
||||
<label for="number" class="col-md-4 control-label">Card Number</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text"
|
||||
class="form-control"
|
||||
data-stripe="number"
|
||||
:placeholder="placeholder"
|
||||
v-model="cardForm.number">
|
||||
|
||||
<span class="help-block" v-show="cardForm.errors.has('number')">
|
||||
@{{ cardForm.errors.get('number') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Security Code -->
|
||||
<div class="form-group">
|
||||
<label for="cvc" class="col-md-4 control-label">Security Code</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" data-stripe="cvc" v-model="cardForm.cvc">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Expiration Information -->
|
||||
<div class="form-group">
|
||||
<label class="col-md-4 control-label">Expiration</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="row">
|
||||
<!-- Month -->
|
||||
<div class="col-xs-6">
|
||||
<input type="text" class="form-control"
|
||||
placeholder="MM" maxlength="2" data-stripe="exp-month" v-model="cardForm.month">
|
||||
</div>
|
||||
|
||||
<!-- Year -->
|
||||
<div class="col-xs-6">
|
||||
<input type="text" class="form-control"
|
||||
placeholder="YYYY" maxlength="4" data-stripe="exp-year" v-model="cardForm.year">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Zip Code -->
|
||||
<div class="form-group" v-if=" ! spark.collectsBillingAddress">
|
||||
<label for="zip" class="col-md-4 control-label">ZIP / Postal Code</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" v-model="form.zip">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Update Button -->
|
||||
<div class="form-group">
|
||||
<div class="col-md-6 col-md-offset-4">
|
||||
<button type="submit" class="btn btn-primary" @click.prevent="update" :disabled="form.busy">
|
||||
<span v-if="form.busy">
|
||||
<i class="fa fa-btn fa-spinner fa-spin"></i>Updating
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
Update
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</spark-update-payment-method-stripe>
|
||||
@@ -0,0 +1,45 @@
|
||||
<spark-update-vat-id :user="user" :team="team" :billable-type="billableType" inline-template>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Update VAT ID</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<!-- Success Message -->
|
||||
<div class="alert alert-success" v-if="form.successful">
|
||||
Your VAT ID has been updated!
|
||||
</div>
|
||||
|
||||
<form class="form-horizontal" role="form">
|
||||
<!-- VAT ID -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('vat_id')}">
|
||||
<label class="col-md-4 control-label">VAT ID</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="vat_id" v-model="form.vat_id">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('vat_id')">
|
||||
@{{ form.errors.get('vat_id') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Update Button -->
|
||||
<div class="form-group">
|
||||
<div class="col-md-offset-4 col-md-6">
|
||||
<button type="submit" class="btn btn-primary"
|
||||
@click.prevent="update"
|
||||
:disabled="form.busy">
|
||||
|
||||
<span v-if="form.busy">
|
||||
<i class="fa fa-btn fa-spinner fa-spin"></i>Updating
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
Update
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</spark-update-vat-id>
|
||||
Reference in New Issue
Block a user