Initial Spark Install
This commit is contained in:
Deon George
1
spark/resources/views/auth/emails/password.blade.php
Normal file
1
spark/resources/views/auth/emails/password.blade.php
Normal file
@@ -0,0 +1 @@
|
||||
Click here to reset your password: <a href="{{ $link = url('password/reset', $token).'?email='.urlencode($user->getEmailForPasswordReset()) }}"> {{ $link }} </a>
|
||||
@@ -0,0 +1,46 @@
|
||||
@extends('spark::layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Login Via Emergency Token</div>
|
||||
|
||||
<div class="panel-body">
|
||||
@include('spark::shared.errors')
|
||||
|
||||
<!-- Warning Message -->
|
||||
<div class="alert alert-warning">
|
||||
After logging in via your emergency token, two-factor authentication will be
|
||||
disabled for your account. If you would like to maintain two-factor
|
||||
authentication security, you should re-enable it after logging in.
|
||||
</div>
|
||||
|
||||
<form class="form-horizontal" role="form" method="POST" action="/login-via-emergency-token">
|
||||
{{ csrf_field() }}
|
||||
|
||||
<!-- Emergency Token -->
|
||||
<div class="form-group">
|
||||
<label class="col-md-4 control-label">Emergency Token</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="password" class="form-control" name="token" autofocus>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Emergency Token Login Button -->
|
||||
<div class="form-group">
|
||||
<div class="col-md-8 col-md-offset-4">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="fa fa-btn fa-sign-in"></i>Login
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
61
spark/resources/views/auth/login.blade.php
Normal file
61
spark/resources/views/auth/login.blade.php
Normal file
@@ -0,0 +1,61 @@
|
||||
@extends('spark::layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Login</div>
|
||||
|
||||
<div class="panel-body">
|
||||
@include('spark::shared.errors')
|
||||
|
||||
<form class="form-horizontal" role="form" method="POST" action="/login">
|
||||
{{ csrf_field() }}
|
||||
|
||||
<!-- E-Mail Address -->
|
||||
<div class="form-group">
|
||||
<label class="col-md-4 control-label">E-Mail Address</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="email" class="form-control" name="email" value="{{ old('email') }}" autofocus>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Password -->
|
||||
<div class="form-group">
|
||||
<label class="col-md-4 control-label">Password</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="password" class="form-control" name="password">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Remember Me -->
|
||||
<div class="form-group">
|
||||
<div class="col-md-6 col-md-offset-4">
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="remember"> Remember Me
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Login Button -->
|
||||
<div class="form-group">
|
||||
<div class="col-md-8 col-md-offset-4">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="fa m-r-xs fa-sign-in"></i>Login
|
||||
</button>
|
||||
|
||||
<a class="btn btn-link" href="{{ url('/password/reset') }}">Forgot Your Password?</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
50
spark/resources/views/auth/passwords/email.blade.php
Normal file
50
spark/resources/views/auth/passwords/email.blade.php
Normal file
@@ -0,0 +1,50 @@
|
||||
@extends('spark::layouts.app')
|
||||
|
||||
<!-- Main Content -->
|
||||
@section('content')
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Reset Password</div>
|
||||
|
||||
<div class="panel-body">
|
||||
@if (session('status'))
|
||||
<div class="alert alert-success">
|
||||
{{ session('status') }}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<form class="form-horizontal" role="form" method="POST" action="{{ url('/password/email') }}">
|
||||
{!! csrf_field() !!}
|
||||
|
||||
<!-- E-Mail Address -->
|
||||
<div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
|
||||
<label class="col-md-4 control-label">E-Mail Address</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="email" class="form-control" name="email" value="{{ old('email') }}" autofocus>
|
||||
|
||||
@if ($errors->has('email'))
|
||||
<span class="help-block">
|
||||
{{ $errors->first('email') }}
|
||||
</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Send Password Reset Link Button -->
|
||||
<div class="form-group">
|
||||
<div class="col-md-6 col-md-offset-4">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="fa fa-btn fa-envelope"></i>Send Password Reset Link
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
74
spark/resources/views/auth/passwords/reset.blade.php
Normal file
74
spark/resources/views/auth/passwords/reset.blade.php
Normal file
@@ -0,0 +1,74 @@
|
||||
@extends('spark::layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Reset Password</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<form class="form-horizontal" role="form" method="POST" action="{{ url('/password/reset') }}">
|
||||
{!! csrf_field() !!}
|
||||
|
||||
<input type="hidden" name="token" value="{{ $token }}">
|
||||
|
||||
<!-- E-Mail Address -->
|
||||
<div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
|
||||
<label class="col-md-4 control-label">E-Mail Address</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="email" class="form-control" name="email" value="{{ $email or old('email') }}" autofocus>
|
||||
|
||||
@if ($errors->has('email'))
|
||||
<span class="help-block">
|
||||
{{ $errors->first('email') }}
|
||||
</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Password -->
|
||||
<div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
|
||||
<label class="col-md-4 control-label">Password</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="password" class="form-control" name="password">
|
||||
|
||||
@if ($errors->has('password'))
|
||||
<span class="help-block">
|
||||
{{ $errors->first('password') }}
|
||||
</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Password Confirmation -->
|
||||
<div class="form-group{{ $errors->has('password_confirmation') ? ' has-error' : '' }}">
|
||||
<label class="col-md-4 control-label">Confirm Password</label>
|
||||
<div class="col-md-6">
|
||||
<input type="password" class="form-control" name="password_confirmation">
|
||||
|
||||
@if ($errors->has('password_confirmation'))
|
||||
<span class="help-block">
|
||||
{{ $errors->first('password_confirmation') }}
|
||||
</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Reset Button -->
|
||||
<div class="form-group">
|
||||
<div class="col-md-6 col-md-offset-4">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="fa fa-btn fa-refresh"></i>Reset Password
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
91
spark/resources/views/auth/register-address.blade.php
Normal file
91
spark/resources/views/auth/register-address.blade.php
Normal file
@@ -0,0 +1,91 @@
|
||||
<!-- Address -->
|
||||
<div class="form-group" :class="{'has-error': registerForm.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="registerForm.address" lazy>
|
||||
|
||||
<span class="help-block" v-show="registerForm.errors.has('address')">
|
||||
@{{ registerForm.errors.get('address') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Address Line 2 -->
|
||||
<div class="form-group" :class="{'has-error': registerForm.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="registerForm.address_line_2" lazy>
|
||||
|
||||
<span class="help-block" v-show="registerForm.errors.has('address_line_2')">
|
||||
@{{ registerForm.errors.get('address_line_2') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- City -->
|
||||
<div class="form-group" :class="{'has-error': registerForm.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.lazy="registerForm.city">
|
||||
|
||||
<span class="help-block" v-show="registerForm.errors.has('city')">
|
||||
@{{ registerForm.errors.get('city') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- State & ZIP Code -->
|
||||
<div class="form-group" :class="{'has-error': registerForm.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" placeholder="State" v-model.lazy="registerForm.state">
|
||||
|
||||
<span class="help-block" v-show="registerForm.errors.has('state')">
|
||||
@{{ registerForm.errors.get('state') }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- Zip Code -->
|
||||
<div class="col-sm-3">
|
||||
<input type="text" class="form-control" placeholder="Postal Code" v-model.lazy="registerForm.zip">
|
||||
|
||||
<span class="help-block" v-show="registerForm.errors.has('zip')">
|
||||
@{{ registerForm.errors.get('zip') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Country -->
|
||||
<div class="form-group" :class="{'has-error': registerForm.errors.has('country')}">
|
||||
<label class="col-md-4 control-label">Country</label>
|
||||
|
||||
<div class="col-sm-6">
|
||||
<select class="form-control" v-model.lazy="registerForm.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="registerForm.errors.has('country')">
|
||||
@{{ registerForm.errors.get('country') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- European VAT ID -->
|
||||
<div class="form-group" :class="{'has-error': registerForm.errors.has('vat_id')}" v-if="countryCollectsVat">
|
||||
<label class="col-md-4 control-label">VAT ID</label>
|
||||
|
||||
<div class="col-sm-6">
|
||||
<input type="text" class="form-control" v-model.lazy="registerForm.vat_id">
|
||||
|
||||
<span class="help-block" v-show="registerForm.errors.has('vat_id')">
|
||||
@{{ registerForm.errors.get('vat_id') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
85
spark/resources/views/auth/register-braintree.blade.php
Normal file
85
spark/resources/views/auth/register-braintree.blade.php
Normal file
@@ -0,0 +1,85 @@
|
||||
@extends('spark::layouts.app')
|
||||
|
||||
@section('scripts')
|
||||
<script src="https://js.braintreegateway.com/v2/braintree.js"></script>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<spark-register-braintree inline-template>
|
||||
<div>
|
||||
<div class="spark-screen container">
|
||||
<!-- Common Register Form Contents -->
|
||||
@include('spark::auth.register-common')
|
||||
|
||||
<!-- Billing Information -->
|
||||
<div class="row" v-show="selectedPlan && selectedPlan.price > 0">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading"><i class="fa fa-btn fa-credit-card"></i>Billing</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<!-- Generic 500 Level Error Message / Stripe Threw Exception -->
|
||||
<div class="alert alert-danger" v-if="registerForm.errors.has('form')">
|
||||
We had trouble validating 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">
|
||||
<!-- Braintree Container -->
|
||||
<div id="braintree-container" class="m-b-sm"></div>
|
||||
|
||||
<!-- Coupon Code -->
|
||||
<div class="form-group" :class="{'has-error': registerForm.errors.has('coupon')}" v-if="query.coupon">
|
||||
<label for="number" class="col-md-4 control-label">Coupon Code</label>
|
||||
|
||||
<div class="col-sm-6">
|
||||
<input type="text" class="form-control" name="coupon" v-model="registerForm.coupon">
|
||||
|
||||
<span class="help-block" v-show="registerForm.errors.has('coupon')">
|
||||
@{{ registerForm.errors.get('coupon') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Terms And Conditions -->
|
||||
<div class="form-group" :class="{'has-error': registerForm.errors.has('terms')}">
|
||||
<div class="col-sm-6 col-sm-offset-4">
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" v-model="registerForm.terms">
|
||||
I Accept The <a href="/terms" target="_blank">Terms Of Service</a>
|
||||
|
||||
<span class="help-block" v-show="registerForm.errors.has('terms')">
|
||||
<strong>@{{ registerForm.errors.get('terms') }}</strong>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Register Button -->
|
||||
<div class="form-group">
|
||||
<div class="col-sm-6 col-sm-offset-4">
|
||||
<button type="submit" class="btn btn-primary" :disabled="registerForm.busy">
|
||||
<span v-if="registerForm.busy">
|
||||
<i class="fa fa-btn fa-spinner fa-spin"></i>Registering
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
<i class="fa fa-btn fa-check-circle"></i>Register
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Plan Features Modal -->
|
||||
@include('spark::modals.plan-details')
|
||||
</div>
|
||||
</spark-register-braintree>
|
||||
@endsection
|
||||
119
spark/resources/views/auth/register-common-form.blade.php
Normal file
119
spark/resources/views/auth/register-common-form.blade.php
Normal file
@@ -0,0 +1,119 @@
|
||||
<form class="form-horizontal" role="form">
|
||||
@if (Spark::usesTeams() && Spark::onlyTeamPlans())
|
||||
<!-- Team Name -->
|
||||
<div class="form-group" :class="{'has-error': registerForm.errors.has('team')}" v-if=" ! invitation">
|
||||
<label class="col-md-4 control-label">{{ ucfirst(Spark::teamString()) }} Name</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="team" v-model="registerForm.team" autofocus>
|
||||
|
||||
<span class="help-block" v-show="registerForm.errors.has('team')">
|
||||
@{{ registerForm.errors.get('team') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if (Spark::teamsIdentifiedByPath())
|
||||
<!-- Team Slug (Only Shown When Using Paths For Teams) -->
|
||||
<div class="form-group" :class="{'has-error': registerForm.errors.has('team_slug')}" v-if=" ! invitation">
|
||||
<label class="col-md-4 control-label">{{ ucfirst(Spark::teamString()) }} Slug</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="team_slug" v-model="registerForm.team_slug" autofocus>
|
||||
|
||||
<p class="help-block" v-show=" ! registerForm.errors.has('team_slug')">
|
||||
This slug is used to identify your {{ Spark::teamString() }} in URLs.
|
||||
</p>
|
||||
|
||||
<span class="help-block" v-show="registerForm.errors.has('team_slug')">
|
||||
@{{ registerForm.errors.get('team_slug') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
|
||||
<!-- Name -->
|
||||
<div class="form-group" :class="{'has-error': registerForm.errors.has('name')}">
|
||||
<label class="col-md-4 control-label">Name</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="name" v-model="registerForm.name" autofocus>
|
||||
|
||||
<span class="help-block" v-show="registerForm.errors.has('name')">
|
||||
@{{ registerForm.errors.get('name') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- E-Mail Address -->
|
||||
<div class="form-group" :class="{'has-error': registerForm.errors.has('email')}">
|
||||
<label class="col-md-4 control-label">E-Mail Address</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="email" class="form-control" name="email" v-model="registerForm.email">
|
||||
|
||||
<span class="help-block" v-show="registerForm.errors.has('email')">
|
||||
@{{ registerForm.errors.get('email') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Password -->
|
||||
<div class="form-group" :class="{'has-error': registerForm.errors.has('password')}">
|
||||
<label class="col-md-4 control-label">Password</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="password" class="form-control" name="password" v-model="registerForm.password">
|
||||
|
||||
<span class="help-block" v-show="registerForm.errors.has('password')">
|
||||
@{{ registerForm.errors.get('password') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Password Confirmation -->
|
||||
<div class="form-group" :class="{'has-error': registerForm.errors.has('password_confirmation')}">
|
||||
<label class="col-md-4 control-label">Confirm Password</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="password" class="form-control" name="password_confirmation" v-model="registerForm.password_confirmation">
|
||||
|
||||
<span class="help-block" v-show="registerForm.errors.has('password_confirmation')">
|
||||
@{{ registerForm.errors.get('password_confirmation') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Terms And Conditions -->
|
||||
<div v-if=" ! selectedPlan || selectedPlan.price == 0">
|
||||
<div class="form-group" :class="{'has-error': registerForm.errors.has('terms')}">
|
||||
<div class="col-md-6 col-md-offset-4">
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="terms" v-model="registerForm.terms">
|
||||
I Accept The <a href="/terms" target="_blank">Terms Of Service</a>
|
||||
</label>
|
||||
|
||||
<span class="help-block" v-show="registerForm.errors.has('terms')">
|
||||
@{{ registerForm.errors.get('terms') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<div class="col-md-6 col-md-offset-4">
|
||||
<button class="btn btn-primary" @click.prevent="register" :disabled="registerForm.busy">
|
||||
<span v-if="registerForm.busy">
|
||||
<i class="fa fa-btn fa-spinner fa-spin"></i>Registering
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
<i class="fa fa-btn fa-check-circle"></i>Register
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
175
spark/resources/views/auth/register-common.blade.php
Normal file
175
spark/resources/views/auth/register-common.blade.php
Normal file
@@ -0,0 +1,175 @@
|
||||
<!-- Coupon -->
|
||||
<div class="row" v-if="coupon">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">Discount</div>
|
||||
|
||||
<div class="panel-body">
|
||||
The coupon's @{{ discount }} discount will be applied to your subscription!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Invalid Coupon -->
|
||||
<div class="row" v-if="invalidCoupon">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<div class="alert alert-danger">
|
||||
Whoops! This coupon code is invalid.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Invitation -->
|
||||
<div class="row" v-if="invitation">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<div class="alert alert-success">
|
||||
We found your invitation to the <strong>@{{ invitation.team.name }}</strong> {{ Spark::teamString() }}!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Invalid Invitation -->
|
||||
<div class="row" v-if="invalidInvitation">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<div class="alert alert-danger">
|
||||
Whoops! This invitation code is invalid.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Plan Selection -->
|
||||
<div class="row" v-if="paidPlans.length > 0">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<div class="pull-left" :class="{'btn-table-align': hasMonthlyAndYearlyPlans}">
|
||||
Subscription
|
||||
</div>
|
||||
|
||||
<!-- Interval Selector Button Group -->
|
||||
<div class="pull-right">
|
||||
<div class="btn-group" v-if="hasMonthlyAndYearlyPlans" style="padding-top: 2px;">
|
||||
<!-- Monthly Plans -->
|
||||
<button type="button" class="btn btn-default"
|
||||
@click="showMonthlyPlans"
|
||||
:class="{'active': showingMonthlyPlans}">
|
||||
|
||||
Monthly
|
||||
</button>
|
||||
|
||||
<!-- Yearly Plans -->
|
||||
<button type="button" class="btn btn-default"
|
||||
@click="showYearlyPlans"
|
||||
:class="{'active': showingYearlyPlans}">
|
||||
|
||||
Yearly
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
|
||||
<div class="panel-body spark-row-list">
|
||||
<!-- Plan Error Message - In General Will Never Be Shown -->
|
||||
<div class="alert alert-danger" v-if="registerForm.errors.has('plan')">
|
||||
@{{ registerForm.errors.get('plan') }}
|
||||
</div>
|
||||
|
||||
<!-- European VAT Notice -->
|
||||
@if (Spark::collectsEuropeanVat())
|
||||
<p class="p-b-md">
|
||||
All subscription plan prices are excluding applicable VAT.
|
||||
</p>
|
||||
@endif
|
||||
|
||||
<table class="table table-borderless m-b-none">
|
||||
<thead></thead>
|
||||
<tbody>
|
||||
<tr v-for="plan in plansForActiveInterval">
|
||||
<!-- Plan Name -->
|
||||
<td>
|
||||
<div class="btn-table-align" @click="showPlanDetails(plan)">
|
||||
<span style="cursor: pointer;">
|
||||
<strong>@{{ plan.name }}</strong>
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Plan Features Button -->
|
||||
<td>
|
||||
<button class="btn btn-default m-l-sm" @click="showPlanDetails(plan)">
|
||||
<i class="fa fa-btn fa-star-o"></i>Plan Features
|
||||
</button>
|
||||
</td>
|
||||
|
||||
<!-- Plan Price -->
|
||||
<td>
|
||||
<div class="btn-table-align">
|
||||
<span v-if="plan.price == 0">
|
||||
Free
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
@{{ plan.price | currency }} / @{{ plan.interval | capitalize }}
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Trial Days -->
|
||||
<td>
|
||||
<div class="btn-table-align" v-if="plan.trialDays">
|
||||
@{{ plan.trialDays}} Day Trial
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Plan Select Button -->
|
||||
<td class="text-right">
|
||||
<button class="btn btn-primary btn-plan" v-if="isSelected(plan)" disabled>
|
||||
<i class="fa fa-btn fa-check"></i>Selected
|
||||
</button>
|
||||
|
||||
<button class="btn btn-primary-outline btn-plan" @click="selectPlan(plan)" v-else>
|
||||
Select
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Basic Profile -->
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<span v-if="paidPlans.length > 0">
|
||||
Profile
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
Register
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<!-- Generic Error Message -->
|
||||
<div class="alert alert-danger" v-if="registerForm.errors.has('form')">
|
||||
@{{ registerForm.errors.get('form') }}
|
||||
</div>
|
||||
|
||||
<!-- Invitation Code Error -->
|
||||
<div class="alert alert-danger" v-if="registerForm.errors.has('invitation')">
|
||||
@{{ registerForm.errors.get('invitation') }}
|
||||
</div>
|
||||
|
||||
<!-- Registration Form -->
|
||||
@include('spark::auth.register-common-form')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
166
spark/resources/views/auth/register-stripe.blade.php
Normal file
166
spark/resources/views/auth/register-stripe.blade.php
Normal file
@@ -0,0 +1,166 @@
|
||||
@extends('spark::layouts.app')
|
||||
|
||||
@section('scripts')
|
||||
<script src="https://js.stripe.com/v2/"></script>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<spark-register-stripe inline-template>
|
||||
<div>
|
||||
<div class="spark-screen container">
|
||||
<!-- Common Register Form Contents -->
|
||||
@include('spark::auth.register-common')
|
||||
|
||||
<!-- Billing Information -->
|
||||
<div class="row" v-if="selectedPlan && selectedPlan.price > 0">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Billing Information</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<!-- Generic 500 Level Error Message / Stripe Threw Exception -->
|
||||
<div class="alert alert-danger" v-if="registerForm.errors.has('form')">
|
||||
We had trouble validating 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::auth.register-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" name="name" v-model="cardForm.name">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Card Number -->
|
||||
<div class="form-group" :class="{'has-error': cardForm.errors.has('number')}">
|
||||
<label class="col-md-4 control-label">Card Number</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="number" data-stripe="number" 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 class="col-md-4 control-label">Security Code</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="cvc" data-stripe="cvc" v-model="cardForm.cvc">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Expiration -->
|
||||
<div class="form-group">
|
||||
<label class="col-md-4 control-label">Expiration</label>
|
||||
|
||||
<!-- Month -->
|
||||
<div class="col-md-3">
|
||||
<input type="text" class="form-control" name="month"
|
||||
placeholder="MM" maxlength="2" data-stripe="exp-month" v-model="cardForm.month">
|
||||
</div>
|
||||
|
||||
<!-- Year -->
|
||||
<div class="col-md-3">
|
||||
<input type="text" class="form-control" name="year"
|
||||
placeholder="YYYY" maxlength="4" data-stripe="exp-year" v-model="cardForm.year">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ZIP Code -->
|
||||
<div class="form-group" :class="{'has-error': registerForm.errors.has('zip')}" v-if=" ! spark.collectsBillingAddress">
|
||||
<label class="col-md-4 control-label">ZIP / Postal Code</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="zip" v-model="registerForm.zip">
|
||||
|
||||
<span class="help-block" v-show="registerForm.errors.has('zip')">
|
||||
@{{ registerForm.errors.get('zip') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Coupon Code -->
|
||||
<div class="form-group" :class="{'has-error': registerForm.errors.has('coupon')}" v-if="query.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="registerForm.coupon">
|
||||
|
||||
<span class="help-block" v-show="registerForm.errors.has('coupon')">
|
||||
@{{ registerForm.errors.get('coupon') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Terms And Conditions -->
|
||||
<div class="form-group" :class="{'has-error': registerForm.errors.has('terms')}">
|
||||
<div class="col-md-6 col-md-offset-4">
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" v-model="registerForm.terms">
|
||||
I Accept The <a href="/terms" target="_blank">Terms Of Service</a>
|
||||
|
||||
<span class="help-block" v-show="registerForm.errors.has('terms')">
|
||||
<strong>@{{ registerForm.errors.get('terms') }}</strong>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Tax / Price Information -->
|
||||
<div class="form-group" v-if="spark.collectsEuropeanVat && countryCollectsVat && selectedPlan">
|
||||
<label class="col-md-4 control-label"> </label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="alert alert-info" style="margin: 0;">
|
||||
<strong>Tax:</strong> @{{ taxAmount(selectedPlan) | currency }}
|
||||
<br><br>
|
||||
<strong>Total Price Including Tax:</strong>
|
||||
@{{ priceWithTax(selectedPlan) | currency }} / @{{ selectedPlan.interval | capitalize }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Register Button -->
|
||||
<div class="form-group">
|
||||
<div class="col-md-6 col-md-offset-4">
|
||||
<button type="submit" class="btn btn-primary" @click.prevent="register" :disabled="registerForm.busy">
|
||||
<span v-if="registerForm.busy">
|
||||
<i class="fa fa-btn fa-spinner fa-spin"></i>Registering
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
<i class="fa fa-btn fa-check-circle"></i>Register
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Plan Features Modal -->
|
||||
@include('spark::modals.plan-details')
|
||||
</div>
|
||||
</spark-register-stripe>
|
||||
@endsection
|
||||
5
spark/resources/views/auth/register.blade.php
Normal file
5
spark/resources/views/auth/register.blade.php
Normal file
@@ -0,0 +1,5 @@
|
||||
@if (Spark::billsUsingStripe())
|
||||
@include('spark::auth.register-stripe')
|
||||
@else
|
||||
@include('spark::auth.register-braintree')
|
||||
@endif
|
||||
43
spark/resources/views/auth/token.blade.php
Normal file
43
spark/resources/views/auth/token.blade.php
Normal file
@@ -0,0 +1,43 @@
|
||||
@extends('spark::layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Two-Factor Authentication</div>
|
||||
|
||||
<div class="panel-body">
|
||||
@include('spark::shared.errors')
|
||||
|
||||
<form class="form-horizontal" role="form" method="POST" action="/login/token">
|
||||
{{ csrf_field() }}
|
||||
|
||||
<!-- Token -->
|
||||
<div class="form-group">
|
||||
<label class="col-md-4 control-label">Authentication Token</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="token" autofocus>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Verify Button -->
|
||||
<div class="form-group">
|
||||
<div class="col-md-6 col-md-offset-4">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
Verify
|
||||
</button>
|
||||
|
||||
<a class="btn btn-link" href="{{ url('login-via-emergency-token') }}">
|
||||
Lost Your Device?
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
70
spark/resources/views/kiosk.blade.php
Normal file
70
spark/resources/views/kiosk.blade.php
Normal file
@@ -0,0 +1,70 @@
|
||||
@extends('spark::layouts.app')
|
||||
|
||||
@section('scripts')
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/mousetrap/1.4.6/mousetrap.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<spark-kiosk :user="user" inline-template>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<!-- Tabs -->
|
||||
<div class="col-md-4">
|
||||
<div class="panel panel-default panel-flush">
|
||||
<div class="panel-heading">
|
||||
Kiosk
|
||||
</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<div class="spark-settings-tabs">
|
||||
<ul class="nav spark-settings-stacked-tabs" role="tablist">
|
||||
<!-- Announcements Link -->
|
||||
<li role="presentation" class="active">
|
||||
<a href="#announcements" aria-controls="announcements" role="tab" data-toggle="tab">
|
||||
<i class="fa fa-fw fa-btn fa-bullhorn"></i>Announcements
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<!-- Metrics Link -->
|
||||
<li role="presentation">
|
||||
<a href="#metrics" aria-controls="metrics" role="tab" data-toggle="tab">
|
||||
<i class="fa fa-fw fa-btn fa-bar-chart"></i>Metrics
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<!-- Users Link -->
|
||||
<li role="presentation">
|
||||
<a href="#users" aria-controls="users" role="tab" data-toggle="tab">
|
||||
<i class="fa fa-fw fa-btn fa-user"></i>Users
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Tab Panels -->
|
||||
<div class="col-md-8">
|
||||
<div class="tab-content">
|
||||
<!-- Announcements -->
|
||||
<div role="tabpanel" class="tab-pane active" id="announcements">
|
||||
@include('spark::kiosk.announcements')
|
||||
</div>
|
||||
|
||||
<!-- Metrics -->
|
||||
<div role="tabpanel" class="tab-pane" id="metrics">
|
||||
@include('spark::kiosk.metrics')
|
||||
</div>
|
||||
|
||||
<!-- User Management -->
|
||||
<div role="tabpanel" class="tab-pane" id="users">
|
||||
@include('spark::kiosk.users')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</spark-kiosk>
|
||||
@endsection
|
||||
212
spark/resources/views/kiosk/announcements.blade.php
Normal file
212
spark/resources/views/kiosk/announcements.blade.php
Normal file
@@ -0,0 +1,212 @@
|
||||
<spark-kiosk-announcements inline-template>
|
||||
<div>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Create Announcement</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<div class="alert alert-info">
|
||||
Announcements you create here will be sent to the "Product Announcements" section of
|
||||
the notifications modal window, informing your users about new features and improvements
|
||||
to your application.
|
||||
</div>
|
||||
|
||||
<form class="form-horizontal" role="form">
|
||||
<!-- Announcement -->
|
||||
<div class="form-group" :class="{'has-error': createForm.errors.has('body')}">
|
||||
<label class="col-md-4 control-label">Announcement</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<textarea class="form-control" name="announcement" rows="7" v-model="createForm.body" style="font-family: monospace;">
|
||||
</textarea>
|
||||
|
||||
<span class="help-block" v-show="createForm.errors.has('body')">
|
||||
@{{ createForm.errors.get('body') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Action Text -->
|
||||
<div class="form-group" :class="{'has-error': createForm.errors.has('action_text')}">
|
||||
<label class="col-md-4 control-label">Action Button Text</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="action_text" v-model="createForm.action_text">
|
||||
|
||||
<span class="help-block" v-show="createForm.errors.has('action_text')">
|
||||
@{{ createForm.errors.get('action_text') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Action URL -->
|
||||
<div class="form-group" :class="{'has-error': createForm.errors.has('action_url')}">
|
||||
<label class="col-md-4 control-label">Action Button URL</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="action_url" v-model="createForm.action_url">
|
||||
|
||||
<span class="help-block" v-show="createForm.errors.has('action_url')">
|
||||
@{{ createForm.errors.get('action_url') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Create Button -->
|
||||
<div class="form-group">
|
||||
<div class="col-md-offset-4 col-md-6">
|
||||
<button type="submit" class="btn btn-primary"
|
||||
@click.prevent="create"
|
||||
:disabled="createForm.busy">
|
||||
|
||||
Create
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Recent Announcements List -->
|
||||
<div class="panel panel-default" v-if="announcements.length > 0">
|
||||
<div class="panel-heading">Recent Announcements</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<table class="table table-borderless m-b-none">
|
||||
<thead>
|
||||
<th></th>
|
||||
<th>Date</th>
|
||||
<th></th>
|
||||
<th></th>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr v-for="announcement in announcements">
|
||||
<!-- Photo -->
|
||||
<td>
|
||||
<img :src="announcement.creator.photo_url" class="spark-profile-photo">
|
||||
</td>
|
||||
|
||||
<!-- Date -->
|
||||
<td>
|
||||
<div class="btn-table-align">
|
||||
@{{ announcement.created_at | datetime }}
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Edit Button -->
|
||||
<td>
|
||||
<button class="btn btn-primary" @click="editAnnouncement(announcement)">
|
||||
<i class="fa fa-pencil"></i>
|
||||
</button>
|
||||
</td>
|
||||
|
||||
<!-- Delete Button -->
|
||||
<td>
|
||||
<button class="btn btn-danger-outline" @click="approveAnnouncementDelete(announcement)">
|
||||
<i class="fa fa-times"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Edit Announcement Modal -->
|
||||
<div class="modal fade" id="modal-update-announcement" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog modal-lg" v-if="updatingAnnouncement">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button " class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
|
||||
<h4 class="modal-title">
|
||||
Update Announcement
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
<!-- Update Announcement -->
|
||||
<form class="form-horizontal" role="form">
|
||||
<!-- Announcement -->
|
||||
<div class="form-group" :class="{'has-error': updateForm.errors.has('body')}">
|
||||
<label class="col-md-4 control-label">Announcement</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<textarea class="form-control" rows="7" v-model="updateForm.body" style="font-family: monospace;">
|
||||
</textarea>
|
||||
|
||||
<span class="help-block" v-show="updateForm.errors.has('body')">
|
||||
@{{ updateForm.errors.get('body') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Action Text -->
|
||||
<div class="form-group" :class="{'has-error': updateForm.errors.has('action_text')}">
|
||||
<label class="col-md-4 control-label">Action Button Text</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="action_text" v-model="updateForm.action_text">
|
||||
|
||||
<span class="help-block" v-show="updateForm.errors.has('action_text')">
|
||||
@{{ updateForm.errors.get('action_text') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Action URL -->
|
||||
<div class="form-group" :class="{'has-error': updateForm.errors.has('action_url')}">
|
||||
<label class="col-md-4 control-label">Action Button URL</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="action_url" v-model="updateForm.action_url">
|
||||
|
||||
<span class="help-block" v-show="updateForm.errors.has('action_url')">
|
||||
@{{ updateForm.errors.get('action_url') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Modal Actions -->
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
|
||||
<button type="button" class="btn btn-primary" @click="update" :disabled="updateForm.busy">
|
||||
Update
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Delete Announcement Modal -->
|
||||
<div class="modal fade" id="modal-delete-announcement" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog" v-if="deletingAnnouncement">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button " class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
|
||||
<h4 class="modal-title">
|
||||
Delete Announcement
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
Are you sure you want to delete this announcement?
|
||||
</div>
|
||||
|
||||
<!-- Modal Actions -->
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">No, Go Back</button>
|
||||
|
||||
<button type="button" class="btn btn-danger" @click="deleteAnnouncement" :disabled="deleteForm.busy">
|
||||
Yes, Delete
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</spark-kiosk-announcements>
|
||||
197
spark/resources/views/kiosk/metrics.blade.php
Normal file
197
spark/resources/views/kiosk/metrics.blade.php
Normal file
@@ -0,0 +1,197 @@
|
||||
<spark-kiosk-metrics :user="user" inline-template>
|
||||
<!-- The Landsman™ -->
|
||||
<div>
|
||||
<div class="row">
|
||||
<!-- Monthly Recurring Revenue -->
|
||||
<div class="col-md-6">
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading text-center">Monthly Recurring Revenue</div>
|
||||
|
||||
<div class="panel-body text-center">
|
||||
<div style="font-size: 24px;">
|
||||
@{{ monthlyRecurringRevenue | currency }}
|
||||
</div>
|
||||
|
||||
<!-- Compared To Last Month -->
|
||||
<div v-if="monthlyChangeInMonthlyRecurringRevenue" style="font-size: 12px;">
|
||||
@{{ monthlyChangeInMonthlyRecurringRevenue }}% From Last Month
|
||||
</div>
|
||||
|
||||
<!-- Compared To Last Year -->
|
||||
<div v-if="yearlyChangeInMonthlyRecurringRevenue" style="font-size: 12px;">
|
||||
@{{ yearlyChangeInMonthlyRecurringRevenue }}% From Last Year
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Yearly Recurring Revenue -->
|
||||
<div class="col-md-6">
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading text-center">Yearly Recurring Revenue</div>
|
||||
|
||||
<div class="panel-body text-center">
|
||||
<div style="font-size: 24px;">
|
||||
@{{ yearlyRecurringRevenue | currency }}
|
||||
</div>
|
||||
|
||||
<!-- Compared To Last Month -->
|
||||
<div v-if="monthlyChangeInYearlyRecurringRevenue" style="font-size: 12px;">
|
||||
@{{ monthlyChangeInYearlyRecurringRevenue }}% From Last Month
|
||||
</div>
|
||||
|
||||
<!-- Compared To Last Year -->
|
||||
<div v-if="yearlyChangeInYearlyRecurringRevenue" style="font-size: 12px;">
|
||||
@{{ yearlyChangeInYearlyRecurringRevenue }}% From Last Year
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<!-- Total Volume -->
|
||||
<div class="col-md-6">
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading text-center">Total Volume</div>
|
||||
|
||||
<div class="panel-body text-center">
|
||||
<span style="font-size: 24px;">
|
||||
@{{ totalVolume | currency }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Total Trials -->
|
||||
<div class="col-md-6">
|
||||
<div class="panel panel-info">
|
||||
@if(Spark::teamTrialDays())
|
||||
<div class="panel-heading text-center">Teams Currently Trialing</div>
|
||||
@else
|
||||
<div class="panel-heading text-center">Users Currently Trialing</div>
|
||||
@endif
|
||||
|
||||
<div class="panel-body text-center">
|
||||
<span style="font-size: 24px;">
|
||||
@{{ totalTrialUsers }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Monthly Recurring Revenue Chart -->
|
||||
<div class="row" v-show="indicators.length > 0">
|
||||
<div class="col-md-12">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Monthly Recurring Revenue</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<canvas id="monthlyRecurringRevenueChart" height="100"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Yearly Recurring Revenue Chart -->
|
||||
<div class="row" v-show="indicators.length > 0">
|
||||
<div class="col-md-12">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Yearly Recurring Revenue</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<canvas id="yearlyRecurringRevenueChart" height="100"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row" v-show="indicators.length > 0">
|
||||
<!-- Daily Volume Chart -->
|
||||
<div class="col-md-6">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Daily Volume</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<canvas id="dailyVolumeChart" height="100"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Daily New Users Chart -->
|
||||
<div class="col-md-6">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">New Users</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<canvas id="newUsersChart" height="100"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Subscribers Per Plan -->
|
||||
<div class="row" v-if="plans.length > 0">
|
||||
<div class="col-md-12">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Subscribers</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<table class="table table-borderless m-b-none">
|
||||
<thead>
|
||||
<th>Name</th>
|
||||
<th>Subscribers</th>
|
||||
<th>Trialing</th>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr v-if="genericTrialUsers">
|
||||
<td>
|
||||
<div class="btn-table-align">
|
||||
On Generic Trial
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="btn-table-align">
|
||||
N/A
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="btn-table-align">
|
||||
@{{ genericTrialUsers }}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-for="plan in plans">
|
||||
<!-- Plan Name -->
|
||||
<td>
|
||||
<div class="btn-table-align">
|
||||
@{{ plan.name }} (@{{ plan.interval | capitalize }})
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Subscriber Count -->
|
||||
<td>
|
||||
<div class="btn-table-align">
|
||||
@{{ plan.count }}
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Trialing Count -->
|
||||
<td>
|
||||
<div class="btn-table-align">
|
||||
@{{ plan.trialing }}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</spark-kiosk-metrics>
|
||||
127
spark/resources/views/kiosk/modals/add-discount.blade.php
Normal file
127
spark/resources/views/kiosk/modals/add-discount.blade.php
Normal file
@@ -0,0 +1,127 @@
|
||||
<spark-kiosk-add-discount inline-template>
|
||||
<div>
|
||||
<div class="modal fade" id="modal-add-discount" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog" v-if="discountingUser">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button " class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
|
||||
<h4 class="modal-title">
|
||||
Add Discount (@{{ discountingUser.name }})
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
<!-- Current Discount -->
|
||||
<div class="alert alert-success" v-if="currentDiscount">
|
||||
This user has a discount of @{{ formattedDiscount(currentDiscount) }}
|
||||
for @{{ formattedDiscountDuration(currentDiscount) }}.
|
||||
</div>
|
||||
|
||||
<!-- Add Discount Form -->
|
||||
<form class="form-horizontal" role="form">
|
||||
<!-- Discount Type -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('type')}">
|
||||
<label class="col-sm-4 control-label">Discount Type</label>
|
||||
|
||||
<div class="col-sm-6">
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" value="amount" v-model="form.type"> Amount
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" value="percent" v-model="form.type"> Percentage
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('type')">
|
||||
@{{ form.errors.get('type') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Discount Value -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('value')}">
|
||||
<label class="col-md-4 control-label">
|
||||
<span v-if="form.type == 'percent'">Percentage</span>
|
||||
|
||||
<span v-if="form.type == 'amount'">Amount</span>
|
||||
</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" v-model="form.value">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('value')">
|
||||
@{{ form.errors.get('value') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Discount Duration -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('duration')}">
|
||||
<label class="col-sm-4 control-label">Discount Duration</label>
|
||||
|
||||
<div class="col-sm-6">
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" value="once" v-model="form.duration"> Once
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" value="forever" v-model="form.duration"> Forever
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" value="repeating" v-model="form.duration"> Multiple Months
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('duration')">
|
||||
@{{ form.errors.get('duration') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Duration Months -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('months')}" v-if="form.duration == 'repeating'">
|
||||
<label class="col-md-4 control-label">
|
||||
Months
|
||||
</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" v-model="form.months">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('months')">
|
||||
@{{ form.errors.get('months') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Modal Actions -->
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
|
||||
|
||||
<button type="button" class="btn btn-primary" @click="applyDiscount" :disabled="form.busy">
|
||||
<span v-if="form.busy">
|
||||
<i class="fa fa-btn fa-spinner fa-spin"></i>Applying
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
Apply Discount
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</spark-kiosk-add-discount>
|
||||
148
spark/resources/views/kiosk/profile.blade.php
Normal file
148
spark/resources/views/kiosk/profile.blade.php
Normal file
@@ -0,0 +1,148 @@
|
||||
<spark-kiosk-profile :user="user" :plans="plans" inline-template>
|
||||
<div>
|
||||
<!-- Loading Indicator -->
|
||||
<div class="row" v-if="loading">
|
||||
<div class="col-md-12">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-body">
|
||||
<i class="fa fa-btn fa-spinner fa-spin"></i>Loading
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- User Profile -->
|
||||
<div v-if=" ! loading && profile">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<!-- User Name -->
|
||||
<div class="pull-left">
|
||||
<div class="btn-table-align">
|
||||
<i class="fa fa-btn fa-times" style="cursor: pointer;" @click="showSearch"></i>
|
||||
@{{ profile.name }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Profile Actions -->
|
||||
<div class="pull-right" style="padding-top: 2px;">
|
||||
<div class="btn-group" role="group">
|
||||
<!-- Apply Discount -->
|
||||
<button class="btn btn-default" v-if="spark.usesStripe && profile.stripe_id" @click="addDiscount(profile)">
|
||||
<i class="fa fa-gift"></i>
|
||||
</button>
|
||||
|
||||
<!-- Impersonate Button -->
|
||||
<button class="btn btn-default" @click="impersonate(profile)" :disabled="user.id === profile.id">
|
||||
<i class="fa fa-user-secret"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<div class="row">
|
||||
<!-- Profile Photo -->
|
||||
<div class="col-md-3 text-center">
|
||||
<img :src="profile.photo_url" class="spark-profile-photo-xl">
|
||||
</div>
|
||||
|
||||
<div class="col-md-9">
|
||||
<!-- Email Address -->
|
||||
<p>
|
||||
<strong>Email Address:</strong> <a :href="'mailto:'+profile.email">@{{ profile.email }}</a>
|
||||
</p>
|
||||
|
||||
<!-- Joined Date -->
|
||||
<p>
|
||||
<strong>Joined:</strong> @{{ profile.created_at | datetime }}
|
||||
</p>
|
||||
|
||||
<!-- Subscription -->
|
||||
<p>
|
||||
<strong>Subscription:</strong>
|
||||
|
||||
<span v-if="activePlan(profile)">
|
||||
<a :href="customerUrlOnBillingProvider(profile)" target="_blank">
|
||||
@{{ activePlan(profile).name }} (@{{ activePlan(profile).interval | capitalize }})
|
||||
</a>
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
None
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<!-- Total Revenue -->
|
||||
<p>
|
||||
<strong>Total Revenue:</strong> @{{ revenue | currency(spark.currencySymbol) }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Teams -->
|
||||
<div class="row" v-if="spark.usesTeams && profile.owned_teams.length > 0">
|
||||
<div class="col-md-12">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
{{ ucfirst(str_plural(Spark::teamString())) }}
|
||||
</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<table class="table table-borderless m-b-none">
|
||||
<thead>
|
||||
<th></th>
|
||||
<th>Name</th>
|
||||
<th>Subscription</th>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr v-for="team in profile.owned_teams">
|
||||
<!-- Photo -->
|
||||
<td>
|
||||
<img :src="team.photo_url" class="spark-team-photo">
|
||||
</td>
|
||||
|
||||
<!-- Team Name -->
|
||||
<td>
|
||||
<div class="btn-table-align">
|
||||
@{{ team.name }}
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Subscription -->
|
||||
<td>
|
||||
<div class="btn-table-align">
|
||||
<span v-if="activePlan(team)">
|
||||
<a :href="customerUrlOnBillingProvider(team)" target="_blank">
|
||||
@{{ activePlan(team).name }} (@{{ activePlan(team).interval | capitalize }})
|
||||
</a>
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
None
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Apply Discount Modal -->
|
||||
<div>
|
||||
@include('spark::kiosk.modals.add-discount')
|
||||
</div>
|
||||
</div>
|
||||
</spark-kiosk-profile>
|
||||
92
spark/resources/views/kiosk/users.blade.php
Normal file
92
spark/resources/views/kiosk/users.blade.php
Normal file
@@ -0,0 +1,92 @@
|
||||
<spark-kiosk-users :user="user" inline-template>
|
||||
<div>
|
||||
<div v-show=" ! showingUserProfile">
|
||||
<!-- Search Field Panel -->
|
||||
<div class="panel panel-default panel-flush" style="border: 0;">
|
||||
<div class="panel-body">
|
||||
<form class="form-horizontal p-b-none" role="form" @submit.prevent>
|
||||
<!-- Search Field -->
|
||||
<div class="form-group m-b-none">
|
||||
<div class="col-md-12">
|
||||
<input type="text" id="kiosk-users-search" class="form-control"
|
||||
name="search"
|
||||
placeholder="Search By Name Or E-Mail Address..."
|
||||
v-model="searchForm.query"
|
||||
@keyup.enter="search">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Searching -->
|
||||
<div class="panel panel-default" v-if="searching">
|
||||
<div class="panel-heading">Search Results</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<i class="fa fa-btn fa-spinner fa-spin"></i>Searching
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- No Search Results -->
|
||||
<div class="panel panel-warning" v-if=" ! searching && noSearchResults">
|
||||
<div class="panel-heading">Search Results</div>
|
||||
|
||||
<div class="panel-body">
|
||||
No users matched the given criteria.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- User Search Results -->
|
||||
<div class="panel panel-default" v-if=" ! searching && searchResults.length > 0">
|
||||
<div class="panel-heading">Search Results</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<table class="table table-borderless m-b-none">
|
||||
<thead>
|
||||
<th></th>
|
||||
<th>Name</th>
|
||||
<th>E-Mail Address</th>
|
||||
<th></th>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr v-for="searchUser in searchResults">
|
||||
<!-- Profile Photo -->
|
||||
<td>
|
||||
<img :src="searchUser.photo_url" class="spark-profile-photo">
|
||||
</td>
|
||||
|
||||
<!-- Name -->
|
||||
<td>
|
||||
<div class="btn-table-align">
|
||||
@{{ searchUser.name }}
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- E-Mail Address -->
|
||||
<td>
|
||||
<div class="btn-table-align">
|
||||
@{{ searchUser.email }}
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<!-- View User Profile -->
|
||||
<button class="btn btn-default" @click="showUserProfile(searchUser)">
|
||||
<i class="fa fa-search"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- User Profile Detail -->
|
||||
<div v-show="showingUserProfile">
|
||||
@include('spark::kiosk.profile')
|
||||
</div>
|
||||
</div>
|
||||
</spark-kiosk-users>
|
||||
53
spark/resources/views/layouts/app.blade.php
Normal file
53
spark/resources/views/layouts/app.blade.php
Normal file
@@ -0,0 +1,53 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!-- Meta Information -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>@yield('title', config('app.name'))</title>
|
||||
|
||||
<!-- Fonts -->
|
||||
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600' rel='stylesheet' type='text/css'>
|
||||
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'>
|
||||
|
||||
<!-- CSS -->
|
||||
<link href="/css/sweetalert.css" rel="stylesheet">
|
||||
<link href="{{ mix('css/app.css') }}" rel="stylesheet">
|
||||
|
||||
<!-- Scripts -->
|
||||
@yield('scripts', '')
|
||||
|
||||
<!-- Global Spark Object -->
|
||||
<script>
|
||||
window.Spark = <?php echo json_encode(array_merge(
|
||||
Spark::scriptVariables(), []
|
||||
)); ?>;
|
||||
</script>
|
||||
</head>
|
||||
<body class="with-navbar">
|
||||
<div id="spark-app" v-cloak>
|
||||
<!-- Navigation -->
|
||||
@if (Auth::check())
|
||||
@include('spark::nav.user')
|
||||
@else
|
||||
@include('spark::nav.guest')
|
||||
@endif
|
||||
|
||||
<!-- Main Content -->
|
||||
@yield('content')
|
||||
|
||||
<!-- Application Level Modals -->
|
||||
@if (Auth::check())
|
||||
@include('spark::modals.notifications')
|
||||
@include('spark::modals.support')
|
||||
@include('spark::modals.session-expired')
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<!-- JavaScript -->
|
||||
<script src="{{ mix('js/app.js') }}"></script>
|
||||
<script src="/js/sweetalert.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
44
spark/resources/views/layouts/blade/app.blade.php
Normal file
44
spark/resources/views/layouts/blade/app.blade.php
Normal file
@@ -0,0 +1,44 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!-- Meta Information -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>@yield('title', config('app.name'))</title>
|
||||
|
||||
<!-- Fonts -->
|
||||
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600' rel='stylesheet' type='text/css'>
|
||||
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'>
|
||||
|
||||
<!-- CSS -->
|
||||
<link href="/css/app.css" rel="stylesheet">
|
||||
|
||||
<!-- Scripts -->
|
||||
@yield('scripts', '')
|
||||
|
||||
<!-- Global Spark Object -->
|
||||
<script>
|
||||
window.Spark = <?php echo json_encode(array_merge(
|
||||
Spark::scriptVariables(), []
|
||||
)); ?>;
|
||||
</script>
|
||||
</head>
|
||||
<body class="with-navbar">
|
||||
<div>
|
||||
<!-- Navigation -->
|
||||
@if (Auth::check())
|
||||
@include('spark::nav.blade.user')
|
||||
@else
|
||||
@include('spark::nav.guest')
|
||||
@endif
|
||||
|
||||
<!-- Main Content -->
|
||||
@yield('content')
|
||||
|
||||
<!-- JavaScript -->
|
||||
<script src="/js/app.js"></script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
18
spark/resources/views/missing-team.blade.php
Normal file
18
spark/resources/views/missing-team.blade.php
Normal file
@@ -0,0 +1,18 @@
|
||||
@extends('spark::layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<div class="panel panel-warning">
|
||||
<div class="panel-heading">Where's Your {{ ucfirst(Spark::teamString()) }}?</div>
|
||||
|
||||
<div class="panel-body">
|
||||
It looks like you're not part of any {{ Spark::teamString() }}! You can create one in your
|
||||
<a href="/settings#/{{ str_plural(Spark::teamString()) }}">settings</a>.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
118
spark/resources/views/modals/notifications.blade.php
Normal file
118
spark/resources/views/modals/notifications.blade.php
Normal file
@@ -0,0 +1,118 @@
|
||||
<!-- Notifications Modal -->
|
||||
<spark-notifications
|
||||
:notifications="notifications"
|
||||
:has-unread-announcements="hasUnreadAnnouncements"
|
||||
:loading-notifications="loadingNotifications" inline-template>
|
||||
|
||||
<div>
|
||||
<div class="modal docked docked-right" id="modal-notifications" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header text-center">
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-default" :class="{'active': showingNotifications}" @click="showNotifications" style="width: 50%;">
|
||||
Notifications
|
||||
</button>
|
||||
|
||||
<button class="btn btn-default" :class="{'active': showingAnnouncements}" @click="showAnnouncements" style="width: 50%;">
|
||||
Announcements <i class="fa fa-circle text-danger p-l-xs" v-if="hasUnreadAnnouncements"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
<!-- Informational Messages -->
|
||||
<div class="notification-container" v-if="loadingNotifications">
|
||||
<i class="fa fa-btn fa-spinner fa-spin"></i>Loading Notifications
|
||||
</div>
|
||||
|
||||
<div class="notification-container" v-if=" ! loadingNotifications && activeNotifications.length == 0">
|
||||
<div class="alert alert-warning m-b-none">
|
||||
We don't have anything to show you right now! But when we do,
|
||||
we'll be sure to let you know. Talk to you soon!
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- List Of Notifications -->
|
||||
<div class="notification-container" v-if="showingNotifications && hasNotifications">
|
||||
<div class="notification" v-for="notification in notifications.notifications">
|
||||
|
||||
<!-- Notification Icon -->
|
||||
<figure>
|
||||
<img v-if="notification.creator" :src="notification.creator.photo_url" class="spark-profile-photo">
|
||||
|
||||
<span v-else class="fa-stack fa-2x">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i :class="['fa', 'fa-stack-1x', 'fa-inverse', notification.icon]"></i>
|
||||
</span>
|
||||
</figure>
|
||||
|
||||
<!-- Notification -->
|
||||
<div class="notification-content">
|
||||
<div class="meta">
|
||||
<p class="title">
|
||||
<span v-if="notification.creator">
|
||||
@{{ notification.creator.name }}
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
{{ Spark::product() }}
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<div class="date">
|
||||
@{{ notification.created_at | relative }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="notification-body" v-html="notification.parsed_body"></div>
|
||||
|
||||
<!-- Notification Action -->
|
||||
<a :href="notification.action_url" class="btn btn-primary" v-if="notification.action_text">
|
||||
@{{ notification.action_text }}
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- List Of Announcements -->
|
||||
<div class="notification-container" v-if="showingAnnouncements && hasAnnouncements">
|
||||
<div class="notification" v-for="announcement in notifications.announcements">
|
||||
|
||||
<!-- Notification Icon -->
|
||||
<figure>
|
||||
<img :src="announcement.creator.photo_url" class="spark-profile-photo">
|
||||
</figure>
|
||||
|
||||
<!-- Announcement -->
|
||||
<div class="notification-content">
|
||||
<div class="meta">
|
||||
<p class="title">@{{ announcement.creator.name }}</p>
|
||||
|
||||
<div class="date">
|
||||
@{{ announcement.created_at | relative }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="notification-body" v-html="announcement.parsed_body"></div>
|
||||
|
||||
<!-- Announcement Action -->
|
||||
<a :href="announcement.action_url" class="btn btn-primary" v-if="announcement.action_text">
|
||||
@{{ announcement.action_text }}
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal Actions -->
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</spark-notifications>
|
||||
26
spark/resources/views/modals/plan-details.blade.php
Normal file
26
spark/resources/views/modals/plan-details.blade.php
Normal file
@@ -0,0 +1,26 @@
|
||||
<div class="modal fade" id="modal-plan-details" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog modal-sm">
|
||||
<div class="modal-content" v-if="detailingPlan">
|
||||
<!-- Modal Header -->
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title">
|
||||
@{{ detailingPlan.name }}
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<!-- Modal Body -->
|
||||
<div class="modal-body">
|
||||
<ul class="plan-feature-list p-b-none m-b-none">
|
||||
<li v-for="feature in detailingPlan.features">
|
||||
@{{ feature }}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Modal Actions -->
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
25
spark/resources/views/modals/session-expired.blade.php
Normal file
25
spark/resources/views/modals/session-expired.blade.php
Normal file
@@ -0,0 +1,25 @@
|
||||
<!-- Session Expired Modal -->
|
||||
<div class="modal fade" id="modal-session-expired" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title">
|
||||
Session Expired
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
Your session has expired. Please login again to continue.
|
||||
</div>
|
||||
|
||||
<!-- Modal Actions -->
|
||||
<div class="modal-footer">
|
||||
<a href="/login">
|
||||
<button type="button" class="btn btn-default">
|
||||
<i class="fa fa-btn fa-sign-in"></i>Go To Login
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
50
spark/resources/views/modals/support.blade.php
Normal file
50
spark/resources/views/modals/support.blade.php
Normal file
@@ -0,0 +1,50 @@
|
||||
<!-- Customer Support -->
|
||||
<div class="modal fade" id="modal-support" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body p-b-none">
|
||||
<form class="form-horizontal p-b-none m-b-none" role="form">
|
||||
<!-- From -->
|
||||
<div class="form-group" :class="{'has-error': supportForm.errors.has('from')}">
|
||||
<div class="col-md-12">
|
||||
<input id="support-from" type="text" class="form-control" v-model="supportForm.from" placeholder="Your Email Address">
|
||||
|
||||
<span class="help-block" v-show="supportForm.errors.has('from')">
|
||||
@{{ supportForm.errors.get('from') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Subject -->
|
||||
<div class="form-group" :class="{'has-error': supportForm.errors.has('subject')}">
|
||||
<div class="col-md-12">
|
||||
<input id="support-subject" type="text" class="form-control" v-model="supportForm.subject" placeholder="Subject">
|
||||
|
||||
<span class="help-block" v-show="supportForm.errors.has('subject')">
|
||||
@{{ supportForm.errors.get('subject') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Message -->
|
||||
<div class="form-group m-b-none" :class="{'has-error': supportForm.errors.has('message')}">
|
||||
<div class="col-md-12">
|
||||
<textarea class="form-control" rows="7" v-model="supportForm.message" placeholder="Message"></textarea>
|
||||
|
||||
<span class="help-block" v-show="supportForm.errors.has('message')">
|
||||
@{{ supportForm.errors.get('message') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Modal Actions -->
|
||||
<div class="modal-footer border-none">
|
||||
<button type="button" class="btn btn-primary" @click.prevent="sendSupportRequest" :disabled="supportForm.busy">
|
||||
<i class="fa fa-btn fa-paper-plane"></i>Send
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
28
spark/resources/views/nav/blade/teams.blade.php
Normal file
28
spark/resources/views/nav/blade/teams.blade.php
Normal file
@@ -0,0 +1,28 @@
|
||||
<li class="divider"></li>
|
||||
|
||||
<!-- Teams -->
|
||||
<li class="dropdown-header">{{ ucfirst(str_plural(Spark::teamString())) }}</li>
|
||||
|
||||
<!-- Create Team -->
|
||||
@if (Spark::createsAdditionalTeams())
|
||||
<li>
|
||||
<a href="/settings#/{{ str_plural(Spark::teamString()) }}">
|
||||
<i class="fa fa-fw fa-btn fa-plus"></i>Create {{ ucfirst(Spark::teamString()) }}
|
||||
</a>
|
||||
</li>
|
||||
@endif
|
||||
|
||||
<!-- Switch Current Team -->
|
||||
@if (Spark::showsTeamSwitcher())
|
||||
@foreach (Auth::user()->teams as $team)
|
||||
<li>
|
||||
<a href="/{{ str_plural(Spark::teamString()) }}/{{ $team->id }}/switch">
|
||||
@if (Auth::user()->current_team_id === $team->id)
|
||||
<i class="fa fa-fw fa-btn fa-check text-success"></i>{{ $team->name }}
|
||||
@else
|
||||
<img src="{{ $team->photo_url }}" class="spark-team-photo-xs"><i class="fa fa-btn"></i>{{ $team->name }}
|
||||
@endif
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
90
spark/resources/views/nav/blade/user.blade.php
Normal file
90
spark/resources/views/nav/blade/user.blade.php
Normal file
@@ -0,0 +1,90 @@
|
||||
<!-- NavBar For Authenticated Users -->
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="container" v-if="user">
|
||||
<div class="navbar-header">
|
||||
<!-- Collapsed Hamburger -->
|
||||
<div class="hamburger">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#spark-navbar-collapse">
|
||||
<span class="sr-only">Toggle Navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Branding Image -->
|
||||
<a class="navbar-brand" href="/home">
|
||||
<!-- Spark -->
|
||||
<img src="/img/mono-logo.png" style="height: 32px;">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="collapse navbar-collapse" id="spark-navbar-collapse">
|
||||
<!-- Left Side Of Navbar -->
|
||||
<ul class="nav navbar-nav">
|
||||
@includeIf('spark::nav.user-left')
|
||||
</ul>
|
||||
|
||||
<!-- Right Side Of Navbar -->
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
@includeIf('spark::nav.user-right')
|
||||
|
||||
<li class="dropdown">
|
||||
<!-- User Photo / Name -->
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
|
||||
<img src="{{ Auth::user()->photo_url }}" class="spark-nav-profile-photo m-r-xs">
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<!-- Impersonation -->
|
||||
@if (session('spark:impersonator'))
|
||||
<li class="dropdown-header">Impersonation</li>
|
||||
|
||||
<!-- Stop Impersonating -->
|
||||
<li>
|
||||
<a href="/spark/kiosk/users/stop-impersonating">
|
||||
<i class="fa fa-fw fa-btn fa-user-secret"></i>Back To My Account
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="divider"></li>
|
||||
@endif
|
||||
|
||||
<!-- Developer -->
|
||||
@if (Spark::developer(Auth::user()->email))
|
||||
@include('spark::nav.developer')
|
||||
@endif
|
||||
|
||||
<!-- Subscription Reminders -->
|
||||
@include('spark::nav.subscriptions')
|
||||
|
||||
<!-- Settings -->
|
||||
<li class="dropdown-header">Settings</li>
|
||||
|
||||
<!-- Your Settings -->
|
||||
<li>
|
||||
<a href="/settings">
|
||||
<i class="fa fa-fw fa-btn fa-cog"></i>Your Settings
|
||||
</a>
|
||||
</li>
|
||||
|
||||
@if (Spark::usesTeams() && (Spark::createsAdditionalTeams() || Spark::showsTeamSwitcher()))
|
||||
<!-- Team Settings -->
|
||||
@include('spark::nav.blade.teams')
|
||||
@endif
|
||||
|
||||
<li class="divider"></li>
|
||||
|
||||
<!-- Logout -->
|
||||
<li>
|
||||
<a href="/logout">
|
||||
<i class="fa fa-fw fa-btn fa-sign-out"></i>Logout
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
3
spark/resources/views/nav/brand.blade.php
Normal file
3
spark/resources/views/nav/brand.blade.php
Normal file
@@ -0,0 +1,3 @@
|
||||
<a class="navbar-brand" href="/home">
|
||||
<img src="/img/mono-logo.png" style="height: 32px;">
|
||||
</a>
|
||||
10
spark/resources/views/nav/developer.blade.php
Normal file
10
spark/resources/views/nav/developer.blade.php
Normal file
@@ -0,0 +1,10 @@
|
||||
<li class="dropdown-header">Developer</li>
|
||||
|
||||
<!-- Kiosk -->
|
||||
<li>
|
||||
<a href="/spark/kiosk">
|
||||
<i class="fa fa-fw fa-btn fa-fort-awesome"></i>Kiosk
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="divider"></li>
|
||||
31
spark/resources/views/nav/guest.blade.php
Normal file
31
spark/resources/views/nav/guest.blade.php
Normal file
@@ -0,0 +1,31 @@
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<!-- Collapsed Hamburger -->
|
||||
<div class="hamburger">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#spark-navbar-collapse">
|
||||
<span class="sr-only">Toggle Navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Branding Image -->
|
||||
@include('spark::nav.brand')
|
||||
</div>
|
||||
|
||||
<div class="collapse navbar-collapse" id="spark-navbar-collapse">
|
||||
<!-- Left Side Of Navbar -->
|
||||
<ul class="nav navbar-nav">
|
||||
|
||||
</ul>
|
||||
|
||||
<!-- Right Side Of Navbar -->
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="/login" class="navbar-link">Login</a></li>
|
||||
<li><a href="/register" class="navbar-link">Register</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
25
spark/resources/views/nav/subscriptions.blade.php
Normal file
25
spark/resources/views/nav/subscriptions.blade.php
Normal file
@@ -0,0 +1,25 @@
|
||||
@if (Auth::user()->onTrial())
|
||||
<!-- Trial Reminder -->
|
||||
<li class="dropdown-header">Trial</li>
|
||||
|
||||
<li>
|
||||
<a href="/settings#/subscription">
|
||||
<i class="fa fa-fw fa-btn fa-shopping-bag"></i>Subscribe
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="divider"></li>
|
||||
@endif
|
||||
|
||||
@if (Spark::usesTeams() && Auth::user()->currentTeamOnTrial())
|
||||
<!-- Team Trial Reminder -->
|
||||
<li class="dropdown-header">{{ ucfirst(Spark::teamString()) }} Trial</li>
|
||||
|
||||
<li>
|
||||
<a href="/settings/{{ str_plural(Spark::teamString()) }}/{{ Auth::user()->currentTeam()->id }}#/subscription">
|
||||
<i class="fa fa-fw fa-btn fa-shopping-bag"></i>Subscribe
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="divider"></li>
|
||||
@endif
|
||||
10
spark/resources/views/nav/support.blade.php
Normal file
10
spark/resources/views/nav/support.blade.php
Normal file
@@ -0,0 +1,10 @@
|
||||
<li class="dropdown-header">Support</li>
|
||||
|
||||
<!-- Support -->
|
||||
<li>
|
||||
<a @click.prevent="showSupportForm" style="cursor: pointer;">
|
||||
<i class="fa fa-fw fa-btn fa-paper-plane"></i>Email Us
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="divider"></li>
|
||||
28
spark/resources/views/nav/teams.blade.php
Normal file
28
spark/resources/views/nav/teams.blade.php
Normal file
@@ -0,0 +1,28 @@
|
||||
<!-- Teams -->
|
||||
<li class="dropdown-header">{{ ucfirst(str_plural(Spark::teamString())) }}</li>
|
||||
|
||||
<!-- Create Team -->
|
||||
@if (Spark::createsAdditionalTeams())
|
||||
<li>
|
||||
<a href="/settings#/{{str_plural(Spark::teamString())}}">
|
||||
<i class="fa fa-fw fa-btn fa-plus"></i>Create {{ ucfirst(Spark::teamString()) }}
|
||||
</a>
|
||||
</li>
|
||||
@endif
|
||||
|
||||
<!-- Switch Current Team -->
|
||||
@if (Spark::showsTeamSwitcher())
|
||||
<li v-for="team in teams">
|
||||
<a :href="'/{{ str_plural(Spark::teamString()) }}/'+ team.id +'/switch'">
|
||||
<span v-if="user.current_team_id == team.id">
|
||||
<i class="fa fa-fw fa-btn fa-check text-success"></i>@{{ team.name }}
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
<img :src="team.photo_url" class="spark-team-photo-xs"><i class="fa fa-btn"></i>@{{ team.name }}
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
@endif
|
||||
|
||||
<li class="divider"></li>
|
||||
1
spark/resources/views/nav/user-left.blade.php
Normal file
1
spark/resources/views/nav/user-left.blade.php
Normal file
@@ -0,0 +1 @@
|
||||
<!-- Left Side Of Navbar -->
|
||||
1
spark/resources/views/nav/user-right.blade.php
Normal file
1
spark/resources/views/nav/user-right.blade.php
Normal file
@@ -0,0 +1 @@
|
||||
<!-- Right Side Of Navbar -->
|
||||
111
spark/resources/views/nav/user.blade.php
Normal file
111
spark/resources/views/nav/user.blade.php
Normal file
@@ -0,0 +1,111 @@
|
||||
<!-- NavBar For Authenticated Users -->
|
||||
<spark-navbar
|
||||
:user="user"
|
||||
:teams="teams"
|
||||
:current-team="currentTeam"
|
||||
:has-unread-notifications="hasUnreadNotifications"
|
||||
:has-unread-announcements="hasUnreadAnnouncements"
|
||||
inline-template>
|
||||
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="container" v-if="user">
|
||||
<div class="navbar-header">
|
||||
<!-- Collapsed Hamburger -->
|
||||
<div class="hamburger">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#spark-navbar-collapse">
|
||||
<span class="sr-only">Toggle Navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Branding Image -->
|
||||
@include('spark::nav.brand')
|
||||
</div>
|
||||
|
||||
<div class="collapse navbar-collapse" id="spark-navbar-collapse">
|
||||
<!-- Left Side Of Navbar -->
|
||||
<ul class="nav navbar-nav">
|
||||
@includeIf('spark::nav.user-left')
|
||||
</ul>
|
||||
|
||||
<!-- Right Side Of Navbar -->
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
@includeIf('spark::nav.user-right')
|
||||
|
||||
<!-- Notifications -->
|
||||
<li>
|
||||
<a @click="showNotifications" class="has-activity-indicator">
|
||||
<div class="navbar-icon">
|
||||
<i class="activity-indicator" v-if="hasUnreadNotifications || hasUnreadAnnouncements"></i>
|
||||
<i class="icon fa fa-bell"></i>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="dropdown">
|
||||
<!-- User Photo / Name -->
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
|
||||
<img :src="user.photo_url" class="spark-nav-profile-photo m-r-xs">
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<!-- Impersonation -->
|
||||
@if (session('spark:impersonator'))
|
||||
<li class="dropdown-header">Impersonation</li>
|
||||
|
||||
<!-- Stop Impersonating -->
|
||||
<li>
|
||||
<a href="/spark/kiosk/users/stop-impersonating">
|
||||
<i class="fa fa-fw fa-btn fa-user-secret"></i>Back To My Account
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="divider"></li>
|
||||
@endif
|
||||
|
||||
<!-- Developer -->
|
||||
@if (Spark::developer(Auth::user()->email))
|
||||
@include('spark::nav.developer')
|
||||
@endif
|
||||
|
||||
<!-- Subscription Reminders -->
|
||||
@include('spark::nav.subscriptions')
|
||||
|
||||
<!-- Settings -->
|
||||
<li class="dropdown-header">Settings</li>
|
||||
|
||||
<!-- Your Settings -->
|
||||
<li>
|
||||
<a href="/settings">
|
||||
<i class="fa fa-fw fa-btn fa-cog"></i>Your Settings
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="divider"></li>
|
||||
|
||||
@if (Spark::usesTeams() && (Spark::createsAdditionalTeams() || Spark::showsTeamSwitcher()))
|
||||
<!-- Team Settings -->
|
||||
@include('spark::nav.teams')
|
||||
@endif
|
||||
|
||||
@if (Spark::hasSupportAddress())
|
||||
<!-- Support -->
|
||||
@include('spark::nav.support')
|
||||
@endif
|
||||
|
||||
<!-- Logout -->
|
||||
<li>
|
||||
<a href="/logout">
|
||||
<i class="fa fa-fw fa-btn fa-sign-out"></i>Logout
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</spark-navbar>
|
||||
155
spark/resources/views/settings.blade.php
Normal file
155
spark/resources/views/settings.blade.php
Normal file
@@ -0,0 +1,155 @@
|
||||
@extends('spark::layouts.app')
|
||||
|
||||
@section('scripts')
|
||||
@if (Spark::billsUsingStripe())
|
||||
<script src="https://js.stripe.com/v2/"></script>
|
||||
@else
|
||||
<script src="https://js.braintreegateway.com/v2/braintree.js"></script>
|
||||
@endif
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<spark-settings :user="user" :teams="teams" inline-template>
|
||||
<div class="spark-screen container">
|
||||
<div class="row">
|
||||
<!-- Tabs -->
|
||||
<div class="col-md-4">
|
||||
<div class="panel panel-default panel-flush">
|
||||
<div class="panel-heading">
|
||||
Settings
|
||||
</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<div class="spark-settings-tabs">
|
||||
<ul class="nav spark-settings-stacked-tabs" role="tablist">
|
||||
<!-- Profile Link -->
|
||||
<li role="presentation">
|
||||
<a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">
|
||||
<i class="fa fa-fw fa-btn fa-edit"></i>Profile
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<!-- Teams Link -->
|
||||
@if (Spark::usesTeams())
|
||||
<li role="presentation">
|
||||
<a href="#{{str_plural(Spark::teamString())}}" aria-controls="teams" role="tab" data-toggle="tab">
|
||||
<i class="fa fa-fw fa-btn fa-users"></i>{{ ucfirst(str_plural(Spark::teamString())) }}
|
||||
</a>
|
||||
</li>
|
||||
@endif
|
||||
|
||||
<!-- Security Link -->
|
||||
<li role="presentation">
|
||||
<a href="#security" aria-controls="security" role="tab" data-toggle="tab">
|
||||
<i class="fa fa-fw fa-btn fa-lock"></i>Security
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<!-- API Link -->
|
||||
@if (Spark::usesApi())
|
||||
<li role="presentation">
|
||||
<a href="#api" aria-controls="api" role="tab" data-toggle="tab">
|
||||
<i class="fa fa-fw fa-btn fa-cubes"></i>API
|
||||
</a>
|
||||
</li>
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Billing Tabs -->
|
||||
@if (Spark::canBillCustomers())
|
||||
<div class="panel panel-default panel-flush">
|
||||
<div class="panel-heading">
|
||||
Billing
|
||||
</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<div class="spark-settings-tabs">
|
||||
<ul class="nav spark-settings-stacked-tabs" role="tablist">
|
||||
@if (Spark::hasPaidPlans())
|
||||
<!-- Subscription Link -->
|
||||
<li role="presentation">
|
||||
<a href="#subscription" aria-controls="subscription" role="tab" data-toggle="tab">
|
||||
<i class="fa fa-fw fa-btn fa-shopping-bag"></i>Subscription
|
||||
</a>
|
||||
</li>
|
||||
@endif
|
||||
|
||||
<!-- Payment Method Link -->
|
||||
<li role="presentation">
|
||||
<a href="#payment-method" aria-controls="payment-method" role="tab" data-toggle="tab">
|
||||
<i class="fa fa-fw fa-btn fa-credit-card"></i>Payment Method
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<!-- Invoices Link -->
|
||||
<li role="presentation">
|
||||
<a href="#invoices" aria-controls="invoices" role="tab" data-toggle="tab">
|
||||
<i class="fa fa-fw fa-btn fa-history"></i>Invoices
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<!-- Tab Panels -->
|
||||
<div class="col-md-8">
|
||||
<div class="tab-content">
|
||||
<!-- Profile -->
|
||||
<div role="tabpanel" class="tab-pane active" id="profile">
|
||||
@include('spark::settings.profile')
|
||||
</div>
|
||||
|
||||
<!-- Teams -->
|
||||
@if (Spark::usesTeams())
|
||||
<div role="tabpanel" class="tab-pane" id="{{str_plural(Spark::teamString())}}">
|
||||
@include('spark::settings.teams')
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<!-- Security -->
|
||||
<div role="tabpanel" class="tab-pane" id="security">
|
||||
@include('spark::settings.security')
|
||||
</div>
|
||||
|
||||
<!-- API -->
|
||||
@if (Spark::usesApi())
|
||||
<div role="tabpanel" class="tab-pane" id="api">
|
||||
@include('spark::settings.api')
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<!-- Billing Tab Panes -->
|
||||
@if (Spark::canBillCustomers())
|
||||
@if (Spark::hasPaidPlans())
|
||||
<!-- Subscription -->
|
||||
<div role="tabpanel" class="tab-pane" id="subscription">
|
||||
<div v-if="user">
|
||||
@include('spark::settings.subscription')
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<!-- Payment Method -->
|
||||
<div role="tabpanel" class="tab-pane" id="payment-method">
|
||||
<div v-if="user">
|
||||
@include('spark::settings.payment-method')
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Invoices -->
|
||||
<div role="tabpanel" class="tab-pane" id="invoices">
|
||||
@include('spark::settings.invoices')
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</spark-settings>
|
||||
@endsection
|
||||
13
spark/resources/views/settings/api.blade.php
Normal file
13
spark/resources/views/settings/api.blade.php
Normal file
@@ -0,0 +1,13 @@
|
||||
<spark-api inline-template>
|
||||
<div>
|
||||
<!-- Create API Token -->
|
||||
<div>
|
||||
@include('spark::settings.api.create-token')
|
||||
</div>
|
||||
|
||||
<!-- API Tokens -->
|
||||
<div>
|
||||
@include('spark::settings.api.tokens')
|
||||
</div>
|
||||
</div>
|
||||
</spark-api>
|
||||
112
spark/resources/views/settings/api/create-token.blade.php
Normal file
112
spark/resources/views/settings/api/create-token.blade.php
Normal file
@@ -0,0 +1,112 @@
|
||||
<spark-create-token :available-abilities="availableAbilities" inline-template>
|
||||
<div>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
Create API Token
|
||||
</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<form class="form-horizontal" role="form">
|
||||
<!-- Token Name -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('name')}">
|
||||
<label class="col-md-4 control-label">Token Name</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="name" v-model="form.name">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('name')">
|
||||
@{{ form.errors.get('name') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mass Ability Assignment / Removal -->
|
||||
<div class="form-group" v-if="availableAbilities.length > 0">
|
||||
<label class="col-md-4 control-label"> </label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<button class="btn btn-default" @click.prevent="assignAllAbilities" v-if=" ! allAbilitiesAssigned">
|
||||
<i class="fa fa-btn fa-check"></i>Assign All Abilities
|
||||
</button>
|
||||
|
||||
<button class="btn btn-default" @click.prevent="removeAllAbilities" v-if="allAbilitiesAssigned">
|
||||
<i class="fa fa-btn fa-times"></i>Remove All Abilities
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Token Abilities -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('abilities')}" v-if="availableAbilities.length > 0">
|
||||
<label class="col-md-4 control-label">Token Can</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<div v-for="ability in availableAbilities">
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox"
|
||||
@click="toggleAbility(ability.value)"
|
||||
:checked="abilityIsAssigned(ability.value)">
|
||||
|
||||
@{{ ability.name }}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('abilities')">
|
||||
@{{ form.errors.get('abilities') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Create Button -->
|
||||
<div class="form-group">
|
||||
<div class="col-md-offset-4 col-md-6">
|
||||
<button type="submit" class="btn btn-primary"
|
||||
@click.prevent="create"
|
||||
:disabled="form.busy">
|
||||
|
||||
Create
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Show Token Modal -->
|
||||
<div class="modal fade" id="modal-show-token" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog" v-if="showingToken">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button " class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
|
||||
<h4 class="modal-title">
|
||||
API Token
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
<div class="alert alert-warning">
|
||||
Here is your new API token. <strong>This is the only time the token will ever
|
||||
be displayed, so be sure not to lose it!</strong> You may revoke the token
|
||||
at any time from your API settings.
|
||||
</div>
|
||||
|
||||
<textarea id="api-token" class="form-control"
|
||||
@click="selectToken"
|
||||
rows="5">@{{ showingToken }}</textarea>
|
||||
</div>
|
||||
|
||||
<!-- Modal Actions -->
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-primary" @click="selectToken">
|
||||
<span v-if="copyCommandSupported">Copy To Clipboard</span>
|
||||
<span v-else>Select All</span>
|
||||
</button>
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</spark-create-token>
|
||||
152
spark/resources/views/settings/api/tokens.blade.php
Normal file
152
spark/resources/views/settings/api/tokens.blade.php
Normal file
@@ -0,0 +1,152 @@
|
||||
<spark-tokens :tokens="tokens" :available-abilities="availableAbilities" inline-template>
|
||||
<div>
|
||||
<div>
|
||||
<div class="panel panel-default" v-if="tokens.length > 0">
|
||||
<div class="panel-heading">API Tokens</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<table class="table table-borderless m-b-none">
|
||||
<thead>
|
||||
<th>Name</th>
|
||||
<th>Last Used</th>
|
||||
<th></th>
|
||||
<th></th>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr v-for="token in tokens">
|
||||
<!-- Name -->
|
||||
<td>
|
||||
<div class="btn-table-align">
|
||||
@{{ token.name }}
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Last Used At -->
|
||||
<td>
|
||||
<div class="btn-table-align">
|
||||
<span v-if="token.last_used_at">
|
||||
@{{ token.last_used_at | datetime }}
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
Never
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Edit Button -->
|
||||
<td>
|
||||
<button class="btn btn-primary" @click="editToken(token)">
|
||||
<i class="fa fa-pencil"></i>
|
||||
</button>
|
||||
</td>
|
||||
|
||||
<!-- Delete Button -->
|
||||
<td>
|
||||
<button class="btn btn-danger-outline" @click="approveTokenDelete(token)">
|
||||
<i class="fa fa-times"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Update Token Modal -->
|
||||
<div class="modal fade" id="modal-update-token" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog" v-if="updatingToken">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button " class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
|
||||
<h4 class="modal-title">
|
||||
Edit Token (@{{ updatingToken.name }})
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
<!-- Update Token Form -->
|
||||
<form class="form-horizontal" role="form">
|
||||
<!-- Token Name -->
|
||||
<div class="form-group" :class="{'has-error': updateTokenForm.errors.has('name')}">
|
||||
<label class="col-md-4 control-label">Token Name</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="name" v-model="updateTokenForm.name">
|
||||
|
||||
<span class="help-block" v-show="updateTokenForm.errors.has('name')">
|
||||
@{{ updateTokenForm.errors.get('name') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Token Abilities -->
|
||||
<div class="form-group" :class="{'has-error': updateTokenForm.errors.has('abilities')}" v-if="availableAbilities.length > 0">
|
||||
<label class="col-md-4 control-label">Token Can</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<div v-for="ability in availableAbilities">
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox"
|
||||
@click="toggleAbility(ability.value)"
|
||||
:checked="abilityIsAssigned(ability.value)">
|
||||
|
||||
@{{ ability.name }}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<span class="help-block" v-show="updateTokenForm.errors.has('abilities')">
|
||||
@{{ updateTokenForm.errors.get('abilities') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Modal Actions -->
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
|
||||
<button type="button" class="btn btn-primary" @click="updateToken" :disabled="updateTokenForm.busy">
|
||||
Update
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Delete Token Modal -->
|
||||
<div class="modal fade" id="modal-delete-token" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog" v-if="deletingToken">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button " class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
|
||||
<h4 class="modal-title">
|
||||
Delete Token (@{{ deletingToken.name }})
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
Are you sure you want to delete this token? If deleted, API requests that attempt to
|
||||
authenticate using this token will no longer be accepted.
|
||||
</div>
|
||||
|
||||
<!-- Modal Actions -->
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">No, Go Back</button>
|
||||
|
||||
<button type="button" class="btn btn-danger" @click="deleteToken" :disabled="deleteTokenForm.busy">
|
||||
Yes, Delete
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</spark-tokens>
|
||||
13
spark/resources/views/settings/invoices.blade.php
Normal file
13
spark/resources/views/settings/invoices.blade.php
Normal file
@@ -0,0 +1,13 @@
|
||||
<spark-invoices :user="user" :team="team" :billable-type="billableType" inline-template>
|
||||
<div>
|
||||
<!-- Update Extra Billing Information -->
|
||||
<div v-if="billable">
|
||||
@include('spark::settings.invoices.update-extra-billing-information')
|
||||
</div>
|
||||
|
||||
<!-- Invoice List -->
|
||||
<div v-if="invoices.length > 0">
|
||||
@include('spark::settings.invoices.invoice-list')
|
||||
</div>
|
||||
</div>
|
||||
</spark-invoices>
|
||||
@@ -0,0 +1,19 @@
|
||||
@if ($billable instanceof Laravel\Spark\Team)
|
||||
Hi {{ $billable->name }}!
|
||||
@else
|
||||
Hi {{ explode(' ', $billable->name)[0] }}!
|
||||
@endif
|
||||
|
||||
<br><br>
|
||||
|
||||
Thanks for your continued support. We've attached a copy of your invoice for your records.
|
||||
Please let us know if you have any questions or concerns!
|
||||
|
||||
<br><br>
|
||||
|
||||
Thanks!
|
||||
|
||||
<br>
|
||||
|
||||
{{ $invoiceData['product'] }}
|
||||
|
||||
@@ -0,0 +1,38 @@
|
||||
<spark-invoice-list :user="user" :team="team"
|
||||
:invoices="invoices" :billable-type="billableType" inline-template>
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Invoices</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<table class="table table-borderless m-b-none">
|
||||
<thead>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="invoice in invoices">
|
||||
<!-- Invoice Date -->
|
||||
<td>
|
||||
<div class="btn-table-align">
|
||||
<strong>@{{ invoice.created_at | date }}</strong>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Invoice Total -->
|
||||
<td>
|
||||
<div class="btn-table-align">@{{ invoice.total | currency }}</div>
|
||||
</td>
|
||||
|
||||
<!-- Invoice Download Button -->
|
||||
<td class="text-right">
|
||||
<a :href="downloadUrlFor(invoice)">
|
||||
<button class="btn btn-default">
|
||||
<i class="fa fa-btn fa-file-pdf-o"></i>Download PDF
|
||||
</button>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</spark-invoice-list>
|
||||
@@ -0,0 +1,41 @@
|
||||
<spark-update-extra-billing-information :user="user" :team="team" :billable-type="billableType" inline-template>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Extra Billing Information</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<!-- Information Message -->
|
||||
<div class="alert alert-info">
|
||||
This information will appear on all of your receipts, and is a great place to add your full
|
||||
business name, VAT number, or address of record. Do not include any confidential or
|
||||
financial information such as credit card numbers.
|
||||
</div>
|
||||
|
||||
<!-- Success Message -->
|
||||
<div class="alert alert-success" v-if="form.successful">
|
||||
Your billing information has been updated!
|
||||
</div>
|
||||
|
||||
<!-- Extra Billing Information -->
|
||||
<form class="form-horizontal" role="form">
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('information')}">
|
||||
<div class="col-md-12">
|
||||
<textarea class="form-control" rows="7" v-model="form.information" style="font-family: monospace;"></textarea>
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('information')">
|
||||
@{{ form.errors.get('information') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Update Button -->
|
||||
<div class="form-group m-b-none">
|
||||
<div class="col-md-offset-4 col-md-8 text-right">
|
||||
<button type="submit" class="btn btn-primary" @click.prevent="update" :disabled="form.busy">
|
||||
Update
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</spark-update-extra-billing-information>
|
||||
@@ -0,0 +1,23 @@
|
||||
<spark-payment-method-braintree :user="user" :team="team" :billable-type="billableType" inline-template>
|
||||
<div>
|
||||
<!-- Current Discount -->
|
||||
<div class="panel panel-success" v-if="currentDiscount">
|
||||
<div class="panel-heading">Current Discount</div>
|
||||
|
||||
<div class="panel-body">
|
||||
You currently receive a discount of @{{ formattedDiscount(currentDiscount) }}
|
||||
for @{{ formattedDiscountDuration(currentDiscount) }}.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Update Card -->
|
||||
@include('spark::settings.payment-method.update-payment-method-braintree')
|
||||
|
||||
<div>
|
||||
<div v-if="billable.current_billing_plan">
|
||||
<!-- Redeem Coupon -->
|
||||
@include('spark::settings.payment-method.redeem-coupon')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</spark-payment-method-braintree>
|
||||
@@ -0,0 +1,28 @@
|
||||
<spark-payment-method-stripe :user="user" :team="team" :billable-type="billableType" inline-template>
|
||||
<div>
|
||||
<!-- Current Discount -->
|
||||
<div class="panel panel-success" v-if="currentDiscount">
|
||||
<div class="panel-heading">Current Discount</div>
|
||||
|
||||
<div class="panel-body">
|
||||
You currently receive a discount of @{{ formattedDiscount(currentDiscount) }}
|
||||
for @{{ formattedDiscountDuration(currentDiscount) }}.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Update VAT ID -->
|
||||
@if (Spark::collectsEuropeanVat())
|
||||
@include('spark::settings.payment-method.update-vat-id')
|
||||
@endif
|
||||
|
||||
<!-- Update Card -->
|
||||
@include('spark::settings.payment-method.update-payment-method-stripe')
|
||||
|
||||
<div>
|
||||
<div v-if="billable.stripe_id">
|
||||
<!-- Redeem Coupon -->
|
||||
@include('spark::settings.payment-method.redeem-coupon')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</spark-payment-method-stripe>
|
||||
5
spark/resources/views/settings/payment-method.blade.php
Normal file
5
spark/resources/views/settings/payment-method.blade.php
Normal file
@@ -0,0 +1,5 @@
|
||||
@if (Spark::billsUsingStripe())
|
||||
@include('spark::settings.payment-method-stripe')
|
||||
@else
|
||||
@include('spark::settings.payment-method-braintree')
|
||||
@endif
|
||||
@@ -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>
|
||||
9
spark/resources/views/settings/profile.blade.php
Normal file
9
spark/resources/views/settings/profile.blade.php
Normal file
@@ -0,0 +1,9 @@
|
||||
<spark-profile :user="user" inline-template>
|
||||
<div>
|
||||
<!-- Update Profile Photo -->
|
||||
@include('spark::settings.profile.update-profile-photo')
|
||||
|
||||
<!-- Update Contact Information -->
|
||||
@include('spark::settings.profile.update-contact-information')
|
||||
</div>
|
||||
</spark-profile>
|
||||
@@ -0,0 +1,52 @@
|
||||
<spark-update-contact-information :user="user" inline-template>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Contact Information</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<!-- Success Message -->
|
||||
<div class="alert alert-success" v-if="form.successful">
|
||||
Your contact information has been updated!
|
||||
</div>
|
||||
|
||||
<form class="form-horizontal" role="form">
|
||||
<!-- Name -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('name')}">
|
||||
<label class="col-md-4 control-label">Name</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="name" v-model="form.name">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('name')">
|
||||
@{{ form.errors.get('name') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- E-Mail Address -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('email')}">
|
||||
<label class="col-md-4 control-label">E-Mail Address</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="email" class="form-control" name="email" v-model="form.email">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('email')">
|
||||
@{{ form.errors.get('email') }}
|
||||
</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">
|
||||
|
||||
Update
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</spark-update-contact-information>
|
||||
@@ -0,0 +1,39 @@
|
||||
<spark-update-profile-photo :user="user" inline-template>
|
||||
<div>
|
||||
<div class="panel panel-default" v-if="user">
|
||||
<div class="panel-heading">Profile Photo</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<div class="alert alert-danger" v-if="form.errors.has('photo')">
|
||||
@{{ form.errors.get('photo') }}
|
||||
</div>
|
||||
|
||||
<form class="form-horizontal" role="form">
|
||||
<!-- Photo Preview-->
|
||||
<div class="form-group">
|
||||
<label class="col-md-4 control-label"> </label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<span role="img" class="profile-photo-preview"
|
||||
:style="previewStyle">
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Update Button -->
|
||||
<div class="form-group">
|
||||
<label class="col-md-4 control-label"> </label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label type="button" class="btn btn-primary btn-upload" :disabled="form.busy">
|
||||
<span>Select New Photo</span>
|
||||
|
||||
<input ref="photo" type="file" class="form-control" name="photo" @change="update">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</spark-update-profile-photo>
|
||||
20
spark/resources/views/settings/security.blade.php
Normal file
20
spark/resources/views/settings/security.blade.php
Normal file
@@ -0,0 +1,20 @@
|
||||
<spark-security :user="user" inline-template>
|
||||
<div>
|
||||
<!-- Update Password -->
|
||||
@include('spark::settings.security.update-password')
|
||||
|
||||
<!-- Two-Factor Authentication -->
|
||||
@if (Spark::usesTwoFactorAuth())
|
||||
<div v-if="user && ! user.uses_two_factor_auth">
|
||||
@include('spark::settings.security.enable-two-factor-auth')
|
||||
</div>
|
||||
|
||||
<div v-if="user && user.uses_two_factor_auth">
|
||||
@include('spark::settings.security.disable-two-factor-auth')
|
||||
</div>
|
||||
|
||||
<!-- Two-Factor Reset Code Modal -->
|
||||
@include('spark::settings.security.modals.two-factor-reset-code')
|
||||
@endif
|
||||
</div>
|
||||
</spark-security>
|
||||
@@ -0,0 +1,15 @@
|
||||
<spark-disable-two-factor-auth :user="user" inline-template>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-body">
|
||||
<button class="btn btn-danger-outline" @click="disable" :disabled="form.busy">
|
||||
<span v-if="form.busy">
|
||||
<i class="fa fa-btn fa-spinner fa-spin"></i>Disabling
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
Disable Two-Factor Authentication
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</spark-disable-two-factor-auth>
|
||||
@@ -0,0 +1,60 @@
|
||||
<spark-enable-two-factor-auth :user="user" inline-template>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Two-Factor Authentication</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<!-- Information Message -->
|
||||
<div class="alert alert-info">
|
||||
In order to use two-factor authentication, you <strong>must</strong> install the
|
||||
<strong><a href="https://authy.com" target="_blank">Authy</a></strong> application
|
||||
on your smartphone. Authy is available for iOS and Android.
|
||||
</div>
|
||||
|
||||
<form class="form-horizontal" role="form">
|
||||
<!-- Country Code -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('country_code')}">
|
||||
<label class="col-md-4 control-label">Country Code</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="number" class="form-control" name="country_code" v-model="form.country_code">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('country_code')">
|
||||
@{{ form.errors.get('country_code') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Phone Number -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('phone')}">
|
||||
<label class="col-md-4 control-label">Phone Number</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="tel" class="form-control" name="phone" v-model="form.phone">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('phone')">
|
||||
@{{ form.errors.get('phone') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Enable Button -->
|
||||
<div class="form-group">
|
||||
<div class="col-md-offset-4 col-md-6">
|
||||
<button type="submit" class="btn btn-primary"
|
||||
@click.prevent="enable"
|
||||
:disabled="form.busy">
|
||||
|
||||
<span v-if="form.busy">
|
||||
<i class="fa fa-btn fa-spinner fa-spin"></i>Enabling
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
Enable
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</spark-enable-two-factor-auth>
|
||||
@@ -0,0 +1,29 @@
|
||||
<div class="modal fade" id="modal-show-two-factor-reset-code" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button " class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
|
||||
<h4 class="modal-title">
|
||||
Two-Factor Authentication Reset Code
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
<div class="alert alert-warning">
|
||||
If you lose your two-factor authentication device, you may use this
|
||||
emergency reset token to disable two-factor authentication on your account.
|
||||
<strong>This is the only time this token will be displayed, so be sure not
|
||||
to lose it!</strong>
|
||||
</div>
|
||||
|
||||
<pre><code>@{{ twoFactorResetCode }}</code></pre>
|
||||
</div>
|
||||
|
||||
<!-- Modal Actions -->
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,65 @@
|
||||
<spark-update-password inline-template>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Update Password</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<!-- Success Message -->
|
||||
<div class="alert alert-success" v-if="form.successful">
|
||||
Your password has been updated!
|
||||
</div>
|
||||
|
||||
<form class="form-horizontal" role="form">
|
||||
<!-- Current Password -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('current_password')}">
|
||||
<label class="col-md-4 control-label">Current Password</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="password" class="form-control" name="current_password" v-model="form.current_password">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('current_password')">
|
||||
@{{ form.errors.get('current_password') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- New Password -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('password')}">
|
||||
<label class="col-md-4 control-label">Password</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="password" class="form-control" name="password" v-model="form.password">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('password')">
|
||||
@{{ form.errors.get('password') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- New Password Confirmation -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('password_confirmation')}">
|
||||
<label class="col-md-4 control-label">Confirm Password</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="password" class="form-control" name="password_confirmation" v-model="form.password_confirmation">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('password_confirmation')">
|
||||
@{{ form.errors.get('password_confirmation') }}
|
||||
</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">
|
||||
|
||||
Update
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</spark-update-password>
|
||||
31
spark/resources/views/settings/subscription.blade.php
Normal file
31
spark/resources/views/settings/subscription.blade.php
Normal file
@@ -0,0 +1,31 @@
|
||||
<spark-subscription :user="user" :team="team" :billable-type="billableType" inline-template>
|
||||
<div>
|
||||
<div v-if="plans.length > 0">
|
||||
<!-- Trial Expiration Notice -->
|
||||
@include('spark::settings.subscription.trial-expiration-notice')
|
||||
|
||||
<!-- New Subscription -->
|
||||
<div v-if="needsSubscription">
|
||||
@include('spark::settings.subscription.subscribe')
|
||||
</div>
|
||||
|
||||
<!-- Update Subscription -->
|
||||
<div v-if="subscriptionIsActive">
|
||||
@include('spark::settings.subscription.update-subscription')
|
||||
</div>
|
||||
|
||||
<!-- Resume Subscription -->
|
||||
<div v-if="subscriptionIsOnGracePeriod">
|
||||
@include('spark::settings.subscription.resume-subscription')
|
||||
</div>
|
||||
|
||||
<!-- Cancel Subscription -->
|
||||
<div v-if="subscriptionIsActive">
|
||||
@include('spark::settings.subscription.cancel-subscription')
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Plan Features Modal -->
|
||||
@include('spark::modals.plan-details')
|
||||
</div>
|
||||
</spark-subscription>
|
||||
@@ -0,0 +1,48 @@
|
||||
<spark-cancel-subscription :user="user" :team="team" :billable-type="billableType" inline-template>
|
||||
<div>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-body">
|
||||
<button class="btn btn-danger-outline"
|
||||
@click="confirmCancellation"
|
||||
:disabled="form.busy">
|
||||
|
||||
Cancel Subscription
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Confirm Cancellation Modal -->
|
||||
<div class="modal fade" id="modal-confirm-cancellation" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button " class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
|
||||
<h4 class="modal-title">
|
||||
Cancel Subscription
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
Are you sure you want to cancel your subscription?
|
||||
</div>
|
||||
|
||||
<!-- Modal Actions -->
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">No, Go Back</button>
|
||||
|
||||
<button type="button" class="btn btn-danger" @click="cancel" :disabled="form.busy">
|
||||
<span v-if="form.busy">
|
||||
<i class="fa fa-btn fa-spinner fa-spin"></i>Cancelling
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
Yes, Cancel
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</spark-cancel-subscription>
|
||||
@@ -0,0 +1,111 @@
|
||||
<spark-resume-subscription :user="user" :team="team"
|
||||
:plans="plans" :billable-type="billableType" inline-template>
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<div class="pull-left" :class="{'btn-table-align': hasMonthlyAndYearlyPlans}">
|
||||
Resume Subscription
|
||||
</div>
|
||||
|
||||
<!-- Interval Selector Button Group -->
|
||||
<div class="pull-right">
|
||||
<div class="btn-group" v-if="hasMonthlyAndYearlyPlans">
|
||||
<!-- Monthly Plans -->
|
||||
<button type="button" class="btn btn-default"
|
||||
@click="showMonthlyPlans"
|
||||
:class="{'active': showingMonthlyPlans}">
|
||||
|
||||
Monthly
|
||||
</button>
|
||||
|
||||
<!-- Yearly Plans -->
|
||||
<button type="button" class="btn btn-default"
|
||||
@click="showYearlyPlans"
|
||||
:class="{'active': showingYearlyPlans}">
|
||||
|
||||
Yearly
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
|
||||
<div class="panel-body table-responsive">
|
||||
<!-- Plan Error Message - In General Will Never Be Shown -->
|
||||
<div class="alert alert-danger" v-if="planForm.errors.has('plan')">
|
||||
@{{ planForm.errors.get('plan') }}
|
||||
</div>
|
||||
|
||||
<!-- Cancellation Information -->
|
||||
<div class="p-b-lg">
|
||||
You have cancelled your subscription to the
|
||||
<strong>@{{ activePlan.name }} (@{{ activePlan.interval | capitalize }})</strong> plan.
|
||||
</div>
|
||||
|
||||
<div class="p-b-lg">
|
||||
The benefits of your subscription will continue until your current billing period ends on
|
||||
<strong>@{{ activeSubscription.ends_at | date }}</strong>. You may resume your subscription at no
|
||||
extra cost until the end of the billing period.
|
||||
</div>
|
||||
|
||||
<!-- European VAT Notice -->
|
||||
@if (Spark::collectsEuropeanVat())
|
||||
<p class="p-b-lg">
|
||||
All subscription plan prices include applicable VAT.
|
||||
</p>
|
||||
@endif
|
||||
|
||||
<table class="table table-borderless m-b-none">
|
||||
<thead></thead>
|
||||
<tbody>
|
||||
<tr v-for="plan in paidPlansForActiveInterval">
|
||||
<!-- Plan Name -->
|
||||
<td>
|
||||
<div class="btn-table-align" @click="showPlanDetails(plan)">
|
||||
<span style="cursor: pointer;">
|
||||
<strong>@{{ plan.name }}</strong>
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Plan Features Button -->
|
||||
<td>
|
||||
<button class="btn btn-default m-l-sm" @click="showPlanDetails(plan)">
|
||||
<i class="fa fa-btn fa-star-o"></i>Plan Features
|
||||
</button>
|
||||
</td>
|
||||
|
||||
<!-- Plan Price -->
|
||||
<td>
|
||||
<div class="btn-table-align">
|
||||
@{{ priceWithTax(plan) | currency }} / @{{ plan.interval | capitalize }}
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Plan Select Button -->
|
||||
<td class="text-right">
|
||||
<button class="btn btn-plan"
|
||||
v-bind:class="{'btn-warning-outline': ! isActivePlan(plan), 'btn-warning': isActivePlan(plan)}"
|
||||
@click="updateSubscription(plan)"
|
||||
:disabled="selectingPlan">
|
||||
|
||||
<span v-if="selectingPlan === plan">
|
||||
<i class="fa fa-btn fa-spinner fa-spin"></i>Resuming
|
||||
</span>
|
||||
|
||||
<span v-if="! isActivePlan(plan) && selectingPlan !== plan">
|
||||
Switch
|
||||
</span>
|
||||
|
||||
<span v-if="isActivePlan(plan) && selectingPlan !== plan">
|
||||
Resume
|
||||
</span>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</spark-resume-subscription>
|
||||
@@ -0,0 +1,91 @@
|
||||
<!-- 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>
|
||||
|
||||
<!-- European VAT ID -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('vat_id')}" v-if="countryCollectsVat">
|
||||
<label class="col-md-4 control-label">VAT ID</label>
|
||||
|
||||
<div class="col-sm-6">
|
||||
<input type="text" class="form-control" v-model="form.vat_id">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('vat_id')">
|
||||
@{{ form.errors.get('vat_id') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,41 @@
|
||||
<spark-subscribe-braintree :user="user" :team="team"
|
||||
:plans="plans" :billable-type="billableType" inline-template>
|
||||
|
||||
<div>
|
||||
<!-- Common Subscribe Form Contents -->
|
||||
@include('spark::settings.subscription.subscribe-common')
|
||||
|
||||
<!-- Billing Information -->
|
||||
<div class="panel panel-default" v-show="selectedPlan">
|
||||
<div class="panel-heading"><i class="fa fa-btn fa-credit-card"></i>Billing Information</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<!-- Generic 500 Level Error Message / Stripe Threw Exception -->
|
||||
<div class="alert alert-danger" v-if="form.errors.has('form')">
|
||||
We had trouble validating 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">
|
||||
<!-- Braintree Container -->
|
||||
<div id="braintree-subscribe-container" class="m-b-md"></div>
|
||||
|
||||
<!-- Subscribe Button -->
|
||||
<div class="form-group m-b-none p-b-none">
|
||||
<div class="col-sm-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>Subscribing
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
Subscribe
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</spark-subscribe-braintree>
|
||||
@@ -0,0 +1,104 @@
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<div class="pull-left" :class="{'btn-table-align': hasMonthlyAndYearlyPlans}">
|
||||
Subscribe
|
||||
</div>
|
||||
|
||||
<!-- Interval Selector Button Group -->
|
||||
<div class="pull-right">
|
||||
<div class="btn-group" v-if="hasMonthlyAndYearlyPaidPlans">
|
||||
<!-- Monthly Plans -->
|
||||
<button type="button" class="btn btn-default"
|
||||
@click="showMonthlyPlans"
|
||||
:class="{'active': showingMonthlyPlans}">
|
||||
|
||||
Monthly
|
||||
</button>
|
||||
|
||||
<!-- Yearly Plans -->
|
||||
<button type="button" class="btn btn-default"
|
||||
@click="showYearlyPlans"
|
||||
:class="{'active': showingYearlyPlans}">
|
||||
|
||||
Yearly
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
|
||||
<div class="panel-body table-responsive">
|
||||
<!-- Subscription Notice -->
|
||||
<div class="p-b-lg">
|
||||
You are not subscribed to a plan. Choose from the plans below to get started.
|
||||
</div>
|
||||
|
||||
<!-- European VAT Notice -->
|
||||
@if (Spark::collectsEuropeanVat())
|
||||
<p class="p-b-lg">
|
||||
All subscription plan prices are excluding applicable VAT.
|
||||
</p>
|
||||
@endif
|
||||
|
||||
<!-- Plan Error Message -->
|
||||
<div class="alert alert-danger" v-if="form.errors.has('plan')">
|
||||
@{{ form.errors.get('plan') }}
|
||||
</div>
|
||||
|
||||
<table class="table table-borderless m-b-none">
|
||||
<thead></thead>
|
||||
<tbody>
|
||||
<tr v-for="plan in paidPlansForActiveInterval">
|
||||
<!-- Plan Name -->
|
||||
<td>
|
||||
<div class="btn-table-align" @click="showPlanDetails(plan)">
|
||||
<span style="cursor: pointer;">
|
||||
<strong>@{{ plan.name }}</strong>
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Plan Features Button -->
|
||||
<td>
|
||||
<button class="btn btn-default m-l-sm" @click="showPlanDetails(plan)">
|
||||
<i class="fa fa-btn fa-star-o"></i>Plan Features
|
||||
</button>
|
||||
</td>
|
||||
|
||||
<!-- Plan Price -->
|
||||
<td>
|
||||
<div class="btn-table-align">
|
||||
@{{ plan.price | currency }} / @{{ plan.interval | capitalize }}
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Trial Days -->
|
||||
<td>
|
||||
<div class="btn-table-align" v-if="plan.trialDays && ! hasSubscribed(plan)">
|
||||
@{{ plan.trialDays}} Day Trial
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Plan Select Button -->
|
||||
<td class="text-right">
|
||||
<button class="btn btn-primary-outline btn-plan"
|
||||
v-if="selectedPlan !== plan"
|
||||
@click="selectPlan(plan)"
|
||||
:disabled="form.busy">
|
||||
|
||||
Select
|
||||
</button>
|
||||
|
||||
<button class="btn btn-primary btn-plan"
|
||||
v-if="selectedPlan === plan"
|
||||
disabled>
|
||||
|
||||
<i class="fa fa-btn fa-check"></i>Selected
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,135 @@
|
||||
<spark-subscribe-stripe :user="user" :team="team"
|
||||
:plans="plans" :billable-type="billableType" inline-template>
|
||||
|
||||
<div>
|
||||
<!-- Common Subscribe Form Contents -->
|
||||
@include('spark::settings.subscription.subscribe-common')
|
||||
|
||||
<!-- Billing Information -->
|
||||
<div class="panel panel-default" v-show="selectedPlan">
|
||||
<div class="panel-heading">Billing Information</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<!-- Generic 500 Level Error Message / Stripe Threw Exception -->
|
||||
<div class="alert alert-danger" v-if="form.errors.has('form')">
|
||||
We had trouble validating 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.subscription.subscribe-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" name="name" 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" name="number" data-stripe="number" 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="number" class="col-md-4 control-label">Security Code</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="cvc" data-stripe="cvc" v-model="cardForm.cvc">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Expiration -->
|
||||
<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" name="month"
|
||||
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" name="year"
|
||||
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="number" class="col-md-4 control-label">ZIP / Postal Code</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="zip" v-model="form.zip">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Coupon -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('coupon')}">
|
||||
<label class="col-md-4 control-label">Coupon</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" v-model="form.coupon">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('coupon')">
|
||||
@{{ form.errors.get('coupon') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Tax / Price Information -->
|
||||
<div class="form-group" v-if="spark.collectsEuropeanVat && countryCollectsVat && selectedPlan">
|
||||
<label class="col-md-4 control-label"> </label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="alert alert-info" style="margin: 0;">
|
||||
<strong>Tax:</strong> @{{ taxAmount(selectedPlan) | currency }}
|
||||
<br><br>
|
||||
<strong>Total Price Including Tax:</strong>
|
||||
@{{ priceWithTax(selectedPlan) | currency }} / @{{ selectedPlan.interval | capitalize }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Subscribe Button -->
|
||||
<div class="form-group">
|
||||
<div class="col-md-6 col-md-offset-4">
|
||||
<button type="submit" class="btn btn-primary" @click.prevent="subscribe" :disabled="form.busy">
|
||||
<span v-if="form.busy">
|
||||
<i class="fa fa-btn fa-spinner fa-spin"></i>Subscribing
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
Subscribe
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</spark-subscribe-stripe>
|
||||
@@ -0,0 +1,5 @@
|
||||
@if (Spark::billsUsingStripe())
|
||||
@include('spark::settings.subscription.subscribe-stripe')
|
||||
@else
|
||||
@include('spark::settings.subscription.subscribe-braintree')
|
||||
@endif
|
||||
@@ -0,0 +1,9 @@
|
||||
<div class="panel panel-warning" v-if="subscriptionIsOnTrial">
|
||||
<div class="panel-heading">
|
||||
<i class="fa fa-btn fa-clock-o"></i>Free Trial
|
||||
</div>
|
||||
|
||||
<div class="panel-body">
|
||||
You are currently within your free trial period. Your trial will expire on <strong>@{{ trialEndsAt }}</strong>.
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,151 @@
|
||||
<spark-update-subscription :user="user" :team="team"
|
||||
:plans="plans" :billable-type="billableType" inline-template>
|
||||
<div>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<div class="pull-left" :class="{'btn-table-align': hasMonthlyAndYearlyPlans}">
|
||||
Update Subscription
|
||||
</div>
|
||||
|
||||
<!-- Interval Selector Button Group -->
|
||||
<div class="pull-right">
|
||||
<div class="btn-group" v-if="hasMonthlyAndYearlyPlans">
|
||||
<!-- Monthly Plans -->
|
||||
<button type="button" class="btn btn-default"
|
||||
@click="showMonthlyPlans"
|
||||
:class="{'active': showingMonthlyPlans}">
|
||||
|
||||
Monthly
|
||||
</button>
|
||||
|
||||
<!-- Yearly Plans -->
|
||||
<button type="button" class="btn btn-default"
|
||||
@click="showYearlyPlans"
|
||||
:class="{'active': showingYearlyPlans}">
|
||||
|
||||
Yearly
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
|
||||
<div class="panel-body table-responsive">
|
||||
<!-- Plan Error Message - In General Will Never Be Shown -->
|
||||
<div class="alert alert-danger" v-if="planForm.errors.has('plan')">
|
||||
@{{ planForm.errors.get('plan') }}
|
||||
</div>
|
||||
|
||||
<!-- Current Subscription (Active) -->
|
||||
<div class="p-b-lg" v-if="activePlan.active">
|
||||
You are currently subscribed to the
|
||||
<strong>@{{ activePlan.name }} (@{{ activePlan.interval | capitalize }})</strong> plan.
|
||||
</div>
|
||||
|
||||
<!-- Current Subscription (Archived) -->
|
||||
<div class="alert alert-warning m-b-lg" v-if=" ! activePlan.active">
|
||||
You are currently subscribed to the
|
||||
<strong>@{{ activePlan.name }} (@{{ activePlan.interval | capitalize }})</strong> plan.
|
||||
This plan has been discontinued, but you may continue your subscription to this plan as long as you wish.
|
||||
If you cancel your subscription and later want to begin a new subscription, you will need to choose
|
||||
from one of the active plans listed below.
|
||||
</div>
|
||||
|
||||
<!-- European VAT Notice -->
|
||||
@if (Spark::collectsEuropeanVat())
|
||||
<p class="p-b-lg">
|
||||
All subscription plan prices include applicable VAT.
|
||||
</p>
|
||||
@endif
|
||||
|
||||
<table class="table table-borderless m-b-none">
|
||||
<thead></thead>
|
||||
<tbody>
|
||||
<tr v-for="plan in plansForActiveInterval">
|
||||
<!-- Plan Name -->
|
||||
<td>
|
||||
<div class="btn-table-align" @click="showPlanDetails(plan)">
|
||||
<span style="cursor: pointer;">
|
||||
<strong>@{{ plan.name }}</strong>
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Plan Features Button -->
|
||||
<td>
|
||||
<button class="btn btn-default m-l-sm" @click="showPlanDetails(plan)">
|
||||
<i class="fa fa-btn fa-star-o"></i>Plan Features
|
||||
</button>
|
||||
</td>
|
||||
|
||||
<!-- Plan Price -->
|
||||
<td>
|
||||
<div class="btn-table-align">
|
||||
<span v-if="plan.price == 0">
|
||||
Free
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
@{{ priceWithTax(plan) | currency }} / @{{ plan.interval | capitalize }}
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Plan Select Button -->
|
||||
<td class="text-right">
|
||||
<button class="btn btn-primary btn-plan" v-if="isActivePlan(plan)" disabled>
|
||||
<i class="fa fa-btn fa-check"></i>Current Plan
|
||||
</button>
|
||||
|
||||
<button class="btn btn-primary-outline btn-plan"
|
||||
v-if=" ! isActivePlan(plan) && selectingPlan !== plan"
|
||||
@click="confirmPlanUpdate(plan)"
|
||||
:disabled="selectingPlan">
|
||||
|
||||
Switch
|
||||
</button>
|
||||
|
||||
<button class="btn btn-primary btn-plan"
|
||||
v-if="selectingPlan && selectingPlan === plan"
|
||||
disabled>
|
||||
|
||||
<i class="fa fa-btn fa-spinner fa-spin"></i>Updating
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Confirm Plan Update Modal -->
|
||||
<div class="modal fade" id="modal-confirm-plan-update" tabindex="-2" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content" v-if="confirmingPlan">
|
||||
<!-- Modal Header -->
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title">
|
||||
Update Subscription
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<!-- Modal Body -->
|
||||
<div class="modal-body">
|
||||
<p>
|
||||
Are you sure you want to switch to the
|
||||
<strong>@{{ confirmingPlan.name }} (@{{ confirmingPlan.interval | capitalize }})</strong> plan?
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Modal Actions -->
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">No, Go Back</button>
|
||||
|
||||
<button type="button" class="btn btn-primary" @click="approvePlanUpdate">Yes, I'm Sure</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</spark-update-subscription>
|
||||
16
spark/resources/views/settings/teams.blade.php
Normal file
16
spark/resources/views/settings/teams.blade.php
Normal file
@@ -0,0 +1,16 @@
|
||||
<spark-teams :user="user" :teams="teams" inline-template>
|
||||
<div>
|
||||
<!-- Create Team -->
|
||||
@if (Spark::createsAdditionalTeams())
|
||||
@include('spark::settings.teams.create-team')
|
||||
@endif
|
||||
|
||||
<!-- Pending Invitations -->
|
||||
@include('spark::settings.teams.pending-invitations')
|
||||
|
||||
<!-- Current Teams -->
|
||||
<div v-if="user && teams.length > 0">
|
||||
@include('spark::settings.teams.current-teams')
|
||||
</div>
|
||||
</div>
|
||||
</spark-teams>
|
||||
63
spark/resources/views/settings/teams/create-team.blade.php
Normal file
63
spark/resources/views/settings/teams/create-team.blade.php
Normal file
@@ -0,0 +1,63 @@
|
||||
<spark-create-team inline-template>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Create {{ucfirst(Spark::teamString())}}</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<form class="form-horizontal" role="form" v-if="canCreateMoreTeams">
|
||||
<!-- Name -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('name')}">
|
||||
<label class="col-md-4 control-label">{{ ucfirst(Spark::teamString()) }} Name</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" id="create-team-name" class="form-control" name="name" v-model="form.name">
|
||||
|
||||
<span class="help-block" v-if="hasTeamLimit">
|
||||
You currently have @{{ remainingTeams }} {{ str_plural(Spark::teamString()) }} remaining.
|
||||
</span>
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('name')">
|
||||
@{{ form.errors.get('name') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if (Spark::teamsIdentifiedByPath())
|
||||
<!-- Slug (Only Shown When Using Paths For Teams) -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('slug')}">
|
||||
<label class="col-md-4 control-label">{{ ucfirst(Spark::teamString()) }} Slug</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" id="create-team-slug" class="form-control" name="slug" v-model="form.slug">
|
||||
|
||||
<p class="help-block" v-show=" ! form.errors.has('slug')">
|
||||
This slug is used to identify your team in URLs.
|
||||
</p>
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('slug')">
|
||||
@{{ form.errors.get('slug') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<!-- Create Button -->
|
||||
<div class="form-group">
|
||||
<div class="col-md-offset-4 col-md-6">
|
||||
<button type="submit" class="btn btn-primary"
|
||||
@click.prevent="create"
|
||||
:disabled="form.busy">
|
||||
|
||||
Create
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div v-else>
|
||||
<span class="text-danger">
|
||||
Your current plan doesn't allow you to create more teams, please <a href="{{ url('/settings#/subscription') }}">upgrade your subscription</a>.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</spark-create-team>
|
||||
138
spark/resources/views/settings/teams/current-teams.blade.php
Normal file
138
spark/resources/views/settings/teams/current-teams.blade.php
Normal file
@@ -0,0 +1,138 @@
|
||||
<spark-current-teams :user="user" :teams="teams" inline-template>
|
||||
<div>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Current {{ ucfirst(str_plural(Spark::teamString())) }}</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<table class="table table-borderless m-b-none">
|
||||
<thead>
|
||||
<th></th>
|
||||
<th>Name</th>
|
||||
<th>Owner</th>
|
||||
<th></th>
|
||||
<th></th>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr v-for="team in teams">
|
||||
<!-- Photo -->
|
||||
<td>
|
||||
<img :src="team.photo_url" class="spark-team-photo">
|
||||
</td>
|
||||
|
||||
<!-- Team Name -->
|
||||
<td>
|
||||
<div class="btn-table-align">
|
||||
@{{ team.name }}
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Owner Name -->
|
||||
<td>
|
||||
<div class="btn-table-align">
|
||||
<span v-if="user.id == team.owner.id">
|
||||
You
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
@{{ team.owner.name }}
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Edit Button -->
|
||||
<td>
|
||||
<a :href="'/settings/{{str_plural(Spark::teamString())}}/'+team.id">
|
||||
<button class="btn btn-primary">
|
||||
<i class="fa fa-cog"></i>
|
||||
</button>
|
||||
</a>
|
||||
</td>
|
||||
|
||||
<!-- Leave Button -->
|
||||
<td>
|
||||
<button class="btn btn-warning" @click="approveLeavingTeam(team)"
|
||||
data-toggle="tooltip" title="Leave Team"
|
||||
v-if="user.id !== team.owner_id">
|
||||
<i class="fa fa-sign-out"></i>
|
||||
</button>
|
||||
</td>
|
||||
|
||||
@if (Spark::createsAdditionalTeams())
|
||||
<!-- Delete Button -->
|
||||
<td>
|
||||
<button class="btn btn-danger-outline" @click="approveTeamDelete(team)" v-if="user.id === team.owner_id">
|
||||
<i class="fa fa-times"></i>
|
||||
</button>
|
||||
</td>
|
||||
@endif
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Leave Team Modal -->
|
||||
<div class="modal fade" id="modal-leave-team" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog" v-if="leavingTeam">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button " class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
|
||||
<h4 class="modal-title">
|
||||
Leave {{ ucfirst(Spark::teamString()) }} (@{{ leavingTeam.name }})
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
Are you sure you want to leave this {{ Spark::teamString() }}?
|
||||
</div>
|
||||
|
||||
<!-- Modal Actions -->
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">No, Go Back</button>
|
||||
|
||||
<button type="button" class="btn btn-warning" @click="leaveTeam" :disabled="leaveTeamForm.busy">
|
||||
Yes, Leave
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Delete Team Modal -->
|
||||
<div class="modal fade" id="modal-delete-team" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog" v-if="deletingTeam">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button " class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
|
||||
<h4 class="modal-title">
|
||||
Delete {{ ucfirst(Spark::teamString()) }} (@{{ deletingTeam.name }})
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
Are you sure you want to delete this {{ Spark::teamString() }}? If you choose to delete the {{ Spark::teamString() }}, all of the
|
||||
{{ Spark::teamString() }}'s data will be permanently deleted.
|
||||
</div>
|
||||
|
||||
<!-- Modal Actions -->
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">No, Go Back</button>
|
||||
|
||||
<button type="button" class="btn btn-danger" @click="deleteTeam" :disabled="deleteTeamForm.busy">
|
||||
<span v-if="deleteTeamForm.busy">
|
||||
<i class="fa fa-btn fa-spinner fa-spin"></i>Deleting
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
Yes, Delete
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</spark-current-teams>
|
||||
@@ -0,0 +1,14 @@
|
||||
Hi!
|
||||
|
||||
<br><br>
|
||||
|
||||
{{ $invitation->team->owner->name }} has invited you to join their {{ Spark::teamString() }}!
|
||||
|
||||
<br><br>
|
||||
|
||||
Since you already have an account, you may accept the invitation from your
|
||||
account settings screen.
|
||||
|
||||
<br><br>
|
||||
|
||||
See you soon!
|
||||
@@ -0,0 +1,14 @@
|
||||
Hi!
|
||||
|
||||
<br><br>
|
||||
|
||||
{{ $invitation->team->owner->name }} has invited you to join their {{ Spark::teamString() }}! If you do not already have an account,
|
||||
you may click the following link to get started:
|
||||
|
||||
<br><br>
|
||||
|
||||
<a href="{{ url('register?invitation='.$invitation->token) }}">{{ url('register?invitation='.$invitation->token) }}</a>
|
||||
|
||||
<br><br>
|
||||
|
||||
See you soon!
|
||||
@@ -0,0 +1,34 @@
|
||||
<spark-mailed-invitations :invitations="invitations" inline-template>
|
||||
<div>
|
||||
<div class="panel panel-default" v-if="invitations.length > 0">
|
||||
<div class="panel-heading">Mailed Invitations</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<table class="table table-borderless m-b-none">
|
||||
<thead>
|
||||
<th>E-Mail Address</th>
|
||||
<th></th>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr v-for="invitation in invitations">
|
||||
<!-- E-Mail Address -->
|
||||
<td>
|
||||
<div class="btn-table-align">
|
||||
@{{ invitation.email }}
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Delete Button -->
|
||||
<td>
|
||||
<button class="btn btn-danger-outline" @click="cancel(invitation)">
|
||||
<i class="fa fa-times"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</spark-mailed-invitations>
|
||||
@@ -0,0 +1,42 @@
|
||||
<spark-pending-invitations inline-template>
|
||||
<div>
|
||||
<div class="panel panel-default" v-if="invitations.length > 0">
|
||||
<div class="panel-heading">Pending Invitations</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<table class="table table-borderless m-b-none">
|
||||
<thead>
|
||||
<th>{{ ucfirst(Spark::teamString()) }}</th>
|
||||
<th></th>
|
||||
<th></th>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr v-for="invitation in invitations">
|
||||
<!-- Team Name -->
|
||||
<td>
|
||||
<div class="btn-table-align">
|
||||
@{{ invitation.team.name }}
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Accept Button -->
|
||||
<td>
|
||||
<button class="btn btn-success" @click="accept(invitation)">
|
||||
<i class="fa fa-check"></i>
|
||||
</button>
|
||||
</td>
|
||||
|
||||
<!-- Reject Button -->
|
||||
<td>
|
||||
<button class="btn btn-danger-outline" @click="reject(invitation)">
|
||||
<i class="fa fa-times"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</spark-pending-invitations>
|
||||
@@ -0,0 +1,53 @@
|
||||
<spark-send-invitation :user="user" :team="team" :billable-type="billableType" inline-template>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Send Invitation</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<!-- Success Message -->
|
||||
<div class="alert alert-success" v-if="form.successful">
|
||||
The invitation has been sent!
|
||||
</div>
|
||||
|
||||
<form class="form-horizontal" role="form" v-if="canInviteMoreTeamMembers">
|
||||
<!-- E-Mail Address -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('email')}">
|
||||
<label class="col-md-4 control-label">E-Mail Address</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="email" class="form-control" name="email" v-model="form.email">
|
||||
<span class="help-block" v-if="hasTeamMembersLimit">
|
||||
You currently have @{{ remainingTeamMembers }} invitation(s) remaining.
|
||||
</span>
|
||||
<span class="help-block" v-show="form.errors.has('email')">
|
||||
@{{ form.errors.get('email') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Send Invitation Button -->
|
||||
<div class="form-group">
|
||||
<div class="col-md-offset-4 col-md-6">
|
||||
<button type="submit" class="btn btn-primary"
|
||||
@click.prevent="send"
|
||||
:disabled="form.busy">
|
||||
|
||||
<span v-if="form.busy">
|
||||
<i class="fa fa-btn fa-spinner fa-spin"></i>Sending
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
Send Invitation
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div v-else>
|
||||
<span class="text-danger">
|
||||
Your current plan doesn't allow you to invite more members, please <a href="{{ url('/settings#/subscription') }}">upgrade your subscription</a>.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</spark-send-invitation>
|
||||
141
spark/resources/views/settings/teams/team-members.blade.php
Normal file
141
spark/resources/views/settings/teams/team-members.blade.php
Normal file
@@ -0,0 +1,141 @@
|
||||
<spark-team-members :user="user" :team="team" inline-template>
|
||||
<div>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">{{ ucfirst(Spark::teamString()) }} Members (@{{ team.users.length }})</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<table class="table table-borderless m-b-none">
|
||||
<thead>
|
||||
<th></th>
|
||||
<th>Name</th>
|
||||
<th v-if="roles.length > 1">Role</th>
|
||||
<th v-if="roles.length > 1"><!-- Edit Team Member Button --></th>
|
||||
<th></th>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr v-for="member in team.users">
|
||||
<!-- Photo -->
|
||||
<td>
|
||||
<img :src="member.photo_url" class="spark-profile-photo">
|
||||
</td>
|
||||
|
||||
<!-- Name -->
|
||||
<td>
|
||||
<div class="btn-table-align">
|
||||
<span v-if="member.id === user.id">
|
||||
You
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
@{{ member.name }}
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Role -->
|
||||
<td v-if="roles.length > 0">
|
||||
<div class="btn-table-align">
|
||||
@{{ teamMemberRole(member) }}
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Edit Button -->
|
||||
<td v-if="roles.length > 0">
|
||||
<button class="btn btn-primary"
|
||||
@click="editTeamMember(member)"
|
||||
v-if="canEditTeamMember(member)">
|
||||
|
||||
<i class="fa fa-pencil"></i>
|
||||
</button>
|
||||
</td>
|
||||
|
||||
<!-- Delete Button -->
|
||||
<td>
|
||||
<button class="btn btn-danger-outline"
|
||||
@click="approveTeamMemberDelete(member)"
|
||||
v-if="canDeleteTeamMember(member)">
|
||||
|
||||
<i class="fa fa-times"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Update Team Member Modal -->
|
||||
<div class="modal fade" id="modal-update-team-member" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog" v-if="updatingTeamMember">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button " class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
|
||||
<h4 class="modal-title">
|
||||
Edit {{ ucfirst(Spark::teamString()) }} Member (@{{ updatingTeamMember.name }})
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
<!-- Update Team Member Form -->
|
||||
<form class="form-horizontal" role="form">
|
||||
<div class="form-group" :class="{'has-error': updateTeamMemberForm.errors.has('role')}">
|
||||
<label class="col-md-4 control-label">{{ ucfirst(Spark::teamString()) }} Member Role</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<select class="form-control" v-model="updateTeamMemberForm.role">
|
||||
<option v-for="role in roles" :value="role.value">
|
||||
@{{ role.text }}
|
||||
</option>
|
||||
</select>
|
||||
|
||||
<span class="help-block" v-if="updateTeamMemberForm.errors.has('role')">
|
||||
@{{ updateTeamMemberForm.errors.get('role') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Modal Actions -->
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
|
||||
<button type="button" class="btn btn-primary" @click="update" :disabled="updateTeamMemberForm.busy">
|
||||
Update
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Delete Team Member Modal -->
|
||||
<div class="modal fade" id="modal-delete-member" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog" v-if="deletingTeamMember">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button " class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
|
||||
<h4 class="modal-title">
|
||||
Remove {{ ucfirst(Spark::teamString()) }} Member (@{{ deletingTeamMember.name }})
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
Are you sure you want to remove this {{ ucfirst(Spark::teamString()) }} member?
|
||||
</div>
|
||||
|
||||
<!-- Modal Actions -->
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">No, Go Back</button>
|
||||
|
||||
<button type="button" class="btn btn-danger" @click="deleteMember" :disabled="deleteTeamMemberForm.busy">
|
||||
Yes, Remove
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</spark-team-members>
|
||||
@@ -0,0 +1,20 @@
|
||||
<spark-team-membership :user="user" :team="team" :billable-type="billableType" inline-template>
|
||||
<div>
|
||||
@if (Auth::user()->ownsTeam($team))
|
||||
<!-- Send Invitation -->
|
||||
<div v-if="user && team">
|
||||
@include('spark::settings.teams.send-invitation')
|
||||
</div>
|
||||
|
||||
<!-- Pending Invitations -->
|
||||
<div v-if="invitations && invitations.length > 0">
|
||||
@include('spark::settings.teams.mailed-invitations')
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<!-- Team Members -->
|
||||
<div v-if="user && team">
|
||||
@include('spark::settings.teams.team-members')
|
||||
</div>
|
||||
</div>
|
||||
</spark-team-membership>
|
||||
11
spark/resources/views/settings/teams/team-profile.blade.php
Normal file
11
spark/resources/views/settings/teams/team-profile.blade.php
Normal file
@@ -0,0 +1,11 @@
|
||||
<spark-team-profile :user="user" :team="team" inline-template>
|
||||
<div>
|
||||
<div v-if="user && team">
|
||||
<!-- Update Team Photo -->
|
||||
@include('spark::settings.teams.update-team-photo')
|
||||
|
||||
<!-- Update Team Name -->
|
||||
@include('spark::settings.teams.update-team-name')
|
||||
</div>
|
||||
</div>
|
||||
</spark-team-profile>
|
||||
156
spark/resources/views/settings/teams/team-settings.blade.php
Normal file
156
spark/resources/views/settings/teams/team-settings.blade.php
Normal file
@@ -0,0 +1,156 @@
|
||||
@extends('spark::layouts.app')
|
||||
|
||||
@section('scripts')
|
||||
@if (Spark::billsUsingStripe())
|
||||
<script src="https://js.stripe.com/v2/"></script>
|
||||
@else
|
||||
<script src="https://js.braintreegateway.com/v2/braintree.js"></script>
|
||||
@endif
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<spark-team-settings :user="user" :team-id="{{ $team->id }}" inline-template>
|
||||
<div class="spark-screen container">
|
||||
<div class="row">
|
||||
<!-- Tabs -->
|
||||
<div class="col-md-4">
|
||||
<div class="panel panel-default panel-flush">
|
||||
<div class="panel-heading">
|
||||
<span v-if="team">
|
||||
@{{ team.name }} {{ ucfirst(Spark::teamString()) }} Settings
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<div class="spark-settings-tabs">
|
||||
<ul class="nav spark-settings-stacked-tabs" role="tablist">
|
||||
<!-- Owner Settings -->
|
||||
@if (Auth::user()->ownsTeam($team))
|
||||
<li role="presentation" class="active">
|
||||
<a href="#owner" aria-controls="owner" role="tab" data-toggle="tab">
|
||||
<i class="fa fa-fw fa-btn fa-edit"></i>{{ ucfirst(Spark::teamString()) }} Profile
|
||||
</a>
|
||||
</li>
|
||||
@endif
|
||||
|
||||
<!-- Membership -->
|
||||
@if (Auth::user()->ownsTeam($team))
|
||||
<li role="presentation">
|
||||
@else
|
||||
<li role="presentation" class="active">
|
||||
@endif
|
||||
<a href="#membership" aria-controls="membership" role="tab" data-toggle="tab">
|
||||
<i class="fa fa-fw fa-btn fa-users"></i>Membership
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<!-- View All Teams -->
|
||||
@if (Spark::createsAdditionalTeams())
|
||||
<li role="presentation">
|
||||
<a href="/settings#/{{str_plural(Spark::teamString())}}">
|
||||
<i class="fa fa-fw fa-btn fa-arrow-left"></i>View All {{ ucfirst(str_plural(Spark::teamString())) }}
|
||||
</a>
|
||||
</li>
|
||||
@else
|
||||
<li role="presentation">
|
||||
<a href="/settings">
|
||||
<i class="fa fa-fw fa-btn fa-arrow-left"></i>Your Settings
|
||||
</a>
|
||||
</li>
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Billing Tabs -->
|
||||
@if (Spark::canBillTeams() && Auth::user()->ownsTeam($team))
|
||||
<div class="panel panel-default panel-flush">
|
||||
<div class="panel-heading">
|
||||
{{ ucfirst(Spark::teamString()) }} Billing
|
||||
</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<div class="spark-settings-tabs">
|
||||
<ul class="nav spark-settings-stacked-tabs" role="tablist">
|
||||
@if (Spark::hasPaidTeamPlans())
|
||||
<!-- Subscription Link -->
|
||||
<li role="presentation">
|
||||
<a href="#subscription" aria-controls="subscription" role="tab" data-toggle="tab">
|
||||
<i class="fa fa-fw fa-btn fa-shopping-bag"></i>Subscription
|
||||
</a>
|
||||
</li>
|
||||
@endif
|
||||
|
||||
<!-- Payment Method Link -->
|
||||
<li role="presentation">
|
||||
<a href="#payment-method" aria-controls="payment-method" role="tab" data-toggle="tab">
|
||||
<i class="fa fa-fw fa-btn fa-credit-card"></i>Payment Method
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<!-- Invoices Link -->
|
||||
<li role="presentation">
|
||||
<a href="#invoices" aria-controls="invoices" role="tab" data-toggle="tab">
|
||||
<i class="fa fa-fw fa-btn fa-history"></i>Invoices
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<!-- Tab Panels -->
|
||||
<div class="col-md-8">
|
||||
<div class="tab-content">
|
||||
<!-- Owner Information -->
|
||||
@if (Auth::user()->ownsTeam($team))
|
||||
<div role="tabpanel" class="tab-pane active" id="owner">
|
||||
@include('spark::settings.teams.team-profile')
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<!-- Membership -->
|
||||
@if (Auth::user()->ownsTeam($team))
|
||||
<div role="tabpanel" class="tab-pane" id="membership">
|
||||
@else
|
||||
<div role="tabpanel" class="tab-pane active" id="membership">
|
||||
@endif
|
||||
<div v-if="team">
|
||||
@include('spark::settings.teams.team-membership')
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Billing Tab Panes -->
|
||||
@if (Spark::canBillTeams() && Auth::user()->ownsTeam($team))
|
||||
@if (Spark::hasPaidTeamPlans())
|
||||
<!-- Subscription -->
|
||||
<div role="tabpanel" class="tab-pane" id="subscription">
|
||||
<div v-if="user && team">
|
||||
@include('spark::settings.subscription')
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<!-- Payment Method -->
|
||||
<div role="tabpanel" class="tab-pane" id="payment-method">
|
||||
<div v-if="user && team">
|
||||
@include('spark::settings.payment-method')
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Invoices -->
|
||||
<div role="tabpanel" class="tab-pane" id="invoices">
|
||||
<div v-if="user && team">
|
||||
@include('spark::settings.invoices')
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</spark-team-settings>
|
||||
@endsection
|
||||
@@ -0,0 +1,39 @@
|
||||
<spark-update-team-name :user="user" :team="team" inline-template>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Update {{ ucfirst(Spark::teamString()) }} Name</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<!-- Success Message -->
|
||||
<div class="alert alert-success" v-if="form.successful">
|
||||
Your {{ Spark::teamString() }} name has been updated!
|
||||
</div>
|
||||
|
||||
<form class="form-horizontal" role="form">
|
||||
<!-- Name -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('name')}">
|
||||
<label class="col-md-4 control-label">Name</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="name" v-model="form.name">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('name')">
|
||||
@{{ form.errors.get('name') }}
|
||||
</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">
|
||||
|
||||
Update
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</spark-update-team-name>
|
||||
@@ -0,0 +1,39 @@
|
||||
<spark-update-team-photo :user="user" :team="team" inline-template>
|
||||
<div>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">{{ ucfirst(Spark::teamString()) }} Photo</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<div class="alert alert-danger" v-if="form.errors.has('photo')">
|
||||
@{{ form.errors.get('photo') }}
|
||||
</div>
|
||||
|
||||
<form class="form-horizontal" role="form">
|
||||
<!-- Photo Preview-->
|
||||
<div class="form-group">
|
||||
<label class="col-md-4 control-label"> </label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<span role="img" class="team-photo-preview"
|
||||
:style="previewStyle">
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Update Button -->
|
||||
<div class="form-group">
|
||||
<label class="col-md-4 control-label"> </label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label type="button" class="btn btn-primary btn-upload" :disabled="form.busy">
|
||||
<span>Select New Photo</span>
|
||||
|
||||
<input ref="photo" type="file" class="form-control" name="photo" @change="update">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</spark-update-team-photo>
|
||||
11
spark/resources/views/shared/errors.blade.php
Normal file
11
spark/resources/views/shared/errors.blade.php
Normal file
@@ -0,0 +1,11 @@
|
||||
@if (count($errors) > 0)
|
||||
<div class="alert alert-danger">
|
||||
<strong>Whoops!</strong> Something went wrong!
|
||||
<br><br>
|
||||
<ul>
|
||||
@foreach ($errors->all() as $error)
|
||||
<li>{{ $error }}</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
18
spark/resources/views/terms.blade.php
Normal file
18
spark/resources/views/terms.blade.php
Normal file
@@ -0,0 +1,18 @@
|
||||
@extends('spark::layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container">
|
||||
<!-- Application Dashboard -->
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Terms Of Service</div>
|
||||
|
||||
<div class="panel-body terms-of-service">
|
||||
{!! $terms !!}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
Reference in New Issue
Block a user