Initial Spark Install

This commit is contained in:
Deon George
2017-11-03 16:26:07 +11:00
commit b1a5807eb3
766 changed files with 128896 additions and 0 deletions

23
resources/assets/js/app.js vendored Normal file
View File

@@ -0,0 +1,23 @@
/*
|--------------------------------------------------------------------------
| Laravel Spark Bootstrap
|--------------------------------------------------------------------------
|
| First, we will load all of the "core" dependencies for Spark which are
| libraries such as Vue and jQuery. This also loads the Spark helpers
| for things such as HTTP calls, forms, and form validation errors.
|
| Next, we'll create the root Vue application for Spark. This will start
| the entire application and attach it to the DOM. Of course, you may
| customize this script as you desire and load your own components.
|
*/
require('spark-bootstrap');
require('./components/bootstrap');
var app = new Vue({
mixins: [require('spark')]
});

53
resources/assets/js/bootstrap.js vendored Normal file
View File

@@ -0,0 +1,53 @@
window._ = require('lodash');
/**
* We'll load jQuery and the Bootstrap jQuery plugin which provides support
* for JavaScript based Bootstrap features such as modals and tabs. This
* code may be modified to fit the specific needs of your application.
*/
try {
window.$ = window.jQuery = require('jquery');
require('bootstrap-sass');
} catch (e) {}
/**
* We'll load the axios HTTP library which allows us to easily issue requests
* to our Laravel back-end. This library automatically handles sending the
* CSRF token as a header based on the value of the "XSRF" token cookie.
*/
window.axios = require('axios');
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
/**
* Next we will register the CSRF Token as a common header with Axios so that
* all outgoing HTTP requests automatically have it attached. This is just
* a simple convenience so we don't have to attach every token manually.
*/
let token = document.head.querySelector('meta[name="csrf-token"]');
if (token) {
window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
} else {
console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
}
/**
* Echo exposes an expressive API for subscribing to channels and listening
* for events that are broadcast by Laravel. Echo and event broadcasting
* allows your team to easily build robust real-time web applications.
*/
// import Echo from 'laravel-echo'
// window.Pusher = require('pusher-js');
// window.Echo = new Echo({
// broadcaster: 'pusher',
// key: 'your-pusher-key'
// });

View File

@@ -0,0 +1,23 @@
<template>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="panel panel-default">
<div class="panel-heading">Example Component</div>
<div class="panel-body">
I'm an example component!
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
mounted() {
console.log('Component mounted.')
}
}
</script>

View File

@@ -0,0 +1,14 @@
/*
|--------------------------------------------------------------------------
| Laravel Spark Components
|--------------------------------------------------------------------------
|
| Here we will load the Spark components which makes up the core client
| application. This is also a convenient spot for you to load all of
| your components that you write while building your applications.
*/
require('./../spark-components/bootstrap');
require('./home');

View File

@@ -0,0 +1,7 @@
Vue.component('home', {
props: ['user'],
mounted() {
//
}
});

View File

@@ -0,0 +1,5 @@
var base = require('auth/register-braintree');
Vue.component('spark-register-braintree', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('auth/register-stripe');
Vue.component('spark-register-stripe', {
mixins: [base]
});

View File

@@ -0,0 +1,92 @@
/**
* Layout Components...
*/
require('./navbar/navbar');
require('./notifications/notifications');
/**
* Authentication Components...
*/
require('./auth/register-stripe');
require('./auth/register-braintree');
/**
* Settings Component...
*/
require('./settings/settings');
/**
* Profile Settings Components...
*/
require('./settings/profile');
require('./settings/profile/update-profile-photo');
require('./settings/profile/update-contact-information');
/**
* Teams Settings Components...
*/
require('./settings/teams');
require('./settings/teams/create-team');
require('./settings/teams/pending-invitations');
require('./settings/teams/current-teams');
require('./settings/teams/team-settings');
require('./settings/teams/team-profile');
require('./settings/teams/update-team-photo');
require('./settings/teams/update-team-name');
require('./settings/teams/team-membership');
require('./settings/teams/send-invitation');
require('./settings/teams/mailed-invitations');
require('./settings/teams/team-members');
/**
* Security Settings Components...
*/
require('./settings/security');
require('./settings/security/update-password');
require('./settings/security/enable-two-factor-auth');
require('./settings/security/disable-two-factor-auth');
/**
* API Settings Components...
*/
require('./settings/api');
require('./settings/api/create-token');
require('./settings/api/tokens');
/**
* Subscription Settings Components...
*/
require('./settings/subscription');
require('./settings/subscription/subscribe-stripe');
require('./settings/subscription/subscribe-braintree');
require('./settings/subscription/update-subscription');
require('./settings/subscription/resume-subscription');
require('./settings/subscription/cancel-subscription');
/**
* Payment Method Components...
*/
require('./settings/payment-method-stripe');
require('./settings/payment-method-braintree');
require('./settings/payment-method/update-vat-id');
require('./settings/payment-method/update-payment-method-stripe');
require('./settings/payment-method/update-payment-method-braintree');
require('./settings/payment-method/redeem-coupon');
/**
* Billing History Components...
*/
require('./settings/invoices');
require('./settings/invoices/update-extra-billing-information');
require('./settings/invoices/invoice-list');
/**
* Kiosk Components...
*/
require('./kiosk/kiosk');
require('./kiosk/announcements');
require('./kiosk/metrics');
require('./kiosk/users');
require('./kiosk/profile');
require('./kiosk/add-discount');

View File

@@ -0,0 +1,5 @@
var base = require('kiosk/add-discount');
Vue.component('spark-kiosk-add-discount', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('kiosk/announcements');
Vue.component('spark-kiosk-announcements', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('kiosk/kiosk');
Vue.component('spark-kiosk', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('kiosk/metrics');
Vue.component('spark-kiosk-metrics', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('kiosk/profile');
Vue.component('spark-kiosk-profile', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('kiosk/users');
Vue.component('spark-kiosk-users', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('navbar/navbar');
Vue.component('spark-navbar', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('notifications/notifications');
Vue.component('spark-notifications', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/api');
Vue.component('spark-api', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/api/create-token');
Vue.component('spark-create-token', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/api/tokens');
Vue.component('spark-tokens', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/invoices');
Vue.component('spark-invoices', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/invoices/invoice-list');
Vue.component('spark-invoice-list', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/invoices/update-extra-billing-information');
Vue.component('spark-update-extra-billing-information', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/payment-method-braintree');
Vue.component('spark-payment-method-braintree', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/payment-method-stripe');
Vue.component('spark-payment-method-stripe', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/payment-method/redeem-coupon');
Vue.component('spark-redeem-coupon', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/payment-method/update-payment-method-braintree');
Vue.component('spark-update-payment-method-braintree', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/payment-method/update-payment-method-stripe');
Vue.component('spark-update-payment-method-stripe', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/payment-method/update-vat-id');
Vue.component('spark-update-vat-id', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/profile');
Vue.component('spark-profile', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/profile/update-contact-information');
Vue.component('spark-update-contact-information', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/profile/update-profile-photo');
Vue.component('spark-update-profile-photo', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/security');
Vue.component('spark-security', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/security/disable-two-factor-auth');
Vue.component('spark-disable-two-factor-auth', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/security/enable-two-factor-auth');
Vue.component('spark-enable-two-factor-auth', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/security/update-password');
Vue.component('spark-update-password', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/settings');
Vue.component('spark-settings', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/subscription');
Vue.component('spark-subscription', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/subscription/cancel-subscription');
Vue.component('spark-cancel-subscription', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/subscription/resume-subscription');
Vue.component('spark-resume-subscription', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/subscription/subscribe-braintree');
Vue.component('spark-subscribe-braintree', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/subscription/subscribe-stripe');
Vue.component('spark-subscribe-stripe', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/subscription/update-subscription');
Vue.component('spark-update-subscription', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/teams');
Vue.component('spark-teams', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/teams/create-team');
Vue.component('spark-create-team', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/teams/current-teams');
Vue.component('spark-current-teams', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/teams/mailed-invitations');
Vue.component('spark-mailed-invitations', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/teams/pending-invitations');
Vue.component('spark-pending-invitations', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/teams/send-invitation');
Vue.component('spark-send-invitation', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/teams/team-members');
Vue.component('spark-team-members', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/teams/team-membership');
Vue.component('spark-team-membership', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/teams/team-profile');
Vue.component('spark-team-profile', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/teams/team-settings');
Vue.component('spark-team-settings', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/teams/update-team-name');
Vue.component('spark-update-team-name', {
mixins: [base]
});

View File

@@ -0,0 +1,5 @@
var base = require('settings/teams/update-team-photo');
Vue.component('spark-update-team-photo', {
mixins: [base]
});

View File

@@ -0,0 +1,4 @@
@import "./../../../node_modules/bootstrap/less/bootstrap";
// @import "./spark/spark";
@import "./../../../vendor/laravel/spark/resources/assets/less/spark";

View File

@@ -0,0 +1,19 @@
<?php
return [
/*
|--------------------------------------------------------------------------
| Authentication Language Lines
|--------------------------------------------------------------------------
|
| The following language lines are used during authentication for various
| messages that we need to display to the user. You are free to modify
| these language lines according to your application's requirements.
|
*/
'failed' => 'These credentials do not match our records.',
'throttle' => 'Too many login attempts. Please try again in :seconds seconds.',
];

View File

@@ -0,0 +1,19 @@
<?php
return [
/*
|--------------------------------------------------------------------------
| Pagination Language Lines
|--------------------------------------------------------------------------
|
| The following language lines are used by the paginator library to build
| the simple pagination links. You are free to change them to anything
| you want to customize your views to better match your application.
|
*/
'previous' => '&laquo; Previous',
'next' => 'Next &raquo;',
];

View File

@@ -0,0 +1,22 @@
<?php
return [
/*
|--------------------------------------------------------------------------
| Password Reset Language Lines
|--------------------------------------------------------------------------
|
| The following language lines are the default lines which match reasons
| that are given by the password broker for a password update attempt
| has failed, such as for an invalid token or invalid new password.
|
*/
'password' => 'Passwords must be at least six characters and match the confirmation.',
'reset' => 'Your password has been reset!',
'sent' => 'We have e-mailed your password reset link!',
'token' => 'This password reset token is invalid.',
'user' => "We can't find a user with that e-mail address.",
];

View File

@@ -0,0 +1,118 @@
<?php
return [
/*
|--------------------------------------------------------------------------
| Validation Language Lines
|--------------------------------------------------------------------------
|
| The following language lines contain the default error messages used by
| the validator class. Some of these rules have multiple versions such
| as the size rules. Feel free to tweak each of these messages here.
|
*/
'accepted' => 'The :attribute must be accepted.',
'active_url' => 'The :attribute is not a valid URL.',
'after' => 'The :attribute must be a date after :date.',
'alpha' => 'The :attribute may only contain letters.',
'alpha_dash' => 'The :attribute may only contain letters, numbers, and dashes.',
'alpha_num' => 'The :attribute may only contain letters and numbers.',
'array' => 'The :attribute must be an array.',
'before' => 'The :attribute must be a date before :date.',
'between' => [
'numeric' => 'The :attribute must be between :min and :max.',
'file' => 'The :attribute must be between :min and :max kilobytes.',
'string' => 'The :attribute must be between :min and :max characters.',
'array' => 'The :attribute must have between :min and :max items.',
],
'boolean' => 'The :attribute field must be true or false.',
'confirmed' => 'The :attribute confirmation does not match.',
'country' => 'The :attribute field is not a valid country.',
'date' => 'The :attribute is not a valid date.',
'date_format' => 'The :attribute does not match the format :format.',
'different' => 'The :attribute and :other must be different.',
'digits' => 'The :attribute must be :digits digits.',
'digits_between' => 'The :attribute must be between :min and :max digits.',
'distinct' => 'The :attribute field has a duplicate value.',
'email' => 'The :attribute must be a valid email address.',
'exists' => 'The selected :attribute is invalid.',
'filled' => 'The :attribute field is required.',
'image' => 'The :attribute must be an image.',
'in' => 'The selected :attribute is invalid.',
'in_array' => 'The :attribute field does not exist in :other.',
'integer' => 'The :attribute must be an integer.',
'ip' => 'The :attribute must be a valid IP address.',
'json' => 'The :attribute must be a valid JSON string.',
'max' => [
'numeric' => 'The :attribute may not be greater than :max.',
'file' => 'The :attribute may not be greater than :max kilobytes.',
'string' => 'The :attribute may not be greater than :max characters.',
'array' => 'The :attribute may not have more than :max items.',
],
'mimes' => 'The :attribute must be a file of type: :values.',
'min' => [
'numeric' => 'The :attribute must be at least :min.',
'file' => 'The :attribute must be at least :min kilobytes.',
'string' => 'The :attribute must be at least :min characters.',
'array' => 'The :attribute must have at least :min items.',
],
'not_in' => 'The selected :attribute is invalid.',
'numeric' => 'The :attribute must be a number.',
'present' => 'The :attribute field must be present.',
'regex' => 'The :attribute format is invalid.',
'required' => 'The :attribute field is required.',
'required_if' => 'The :attribute field is required when :other is :value.',
'required_unless' => 'The :attribute field is required unless :other is in :values.',
'required_with' => 'The :attribute field is required when :values is present.',
'required_with_all' => 'The :attribute field is required when :values is present.',
'required_without' => 'The :attribute field is required when :values is not present.',
'required_without_all' => 'The :attribute field is required when none of :values are present.',
'same' => 'The :attribute and :other must match.',
'size' => [
'numeric' => 'The :attribute must be :size.',
'file' => 'The :attribute must be :size kilobytes.',
'string' => 'The :attribute must be :size characters.',
'array' => 'The :attribute must contain :size items.',
],
'state' => 'This state is not valid for the specified country.',
'string' => 'The :attribute must be a string.',
'timezone' => 'The :attribute must be a valid zone.',
'unique' => 'The :attribute has already been taken.',
'url' => 'The :attribute format is invalid.',
'vat_id' => 'This VAT identification number is invalid.',
/*
|--------------------------------------------------------------------------
| Custom Validation Language Lines
|--------------------------------------------------------------------------
|
| Here you may specify custom validation messages for attributes using the
| convention "attribute.rule" to name the lines. This makes it quick to
| specify a specific custom language line for a given attribute rule.
|
*/
'custom' => [
'attribute-name' => [
'rule-name' => 'custom-message',
],
],
/*
|--------------------------------------------------------------------------
| Custom Validation Attributes
|--------------------------------------------------------------------------
|
| The following language lines are used to swap attribute place-holders
| with something more reader friendly such as E-Mail Address instead
| of "email". This simply helps us make messages a little cleaner.
|
*/
'attributes' => [
'team' => Spark::teamString()
],
];

View File

@@ -0,0 +1,20 @@
@extends('spark::layouts.app')
@section('content')
<home :user="user" inline-template>
<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">Dashboard</div>
<div class="panel-body">
Your application's dashboard.
</div>
</div>
</div>
</div>
</div>
</home>
@endsection

View File

@@ -0,0 +1 @@
Click here to reset your password: <a href="{{ $link = url('password/reset', $token).'?email='.urlencode($user->getEmailForPasswordReset()) }}"> {{ $link }} </a>

View File

@@ -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

View 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

View 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

View 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

View 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>

View 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

View 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>

View 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>

View 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">&nbsp;</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

View File

@@ -0,0 +1,5 @@
@if (Spark::billsUsingStripe())
@include('spark::auth.register-stripe')
@else
@include('spark::auth.register-braintree')
@endif

View 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

View 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

View 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">&times;</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">&times;</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>

View 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>

View 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">&times;</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">&nbsp;&nbsp;Amount
</label>
</div>
<div class="radio">
<label>
<input type="radio" value="percent" v-model="form.type">&nbsp;&nbsp;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">&nbsp;&nbsp;Once
</label>
</div>
<div class="radio">
<label>
<input type="radio" value="forever" v-model="form.duration">&nbsp;&nbsp;Forever
</label>
</div>
<div class="radio">
<label>
<input type="radio" value="repeating" v-model="form.duration">&nbsp;&nbsp;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>

View 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>

View 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>

View 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>

View 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>

View 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

View 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>

View 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>

View 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>

View 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>

View 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

View 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>

View File

@@ -0,0 +1,3 @@
<a class="navbar-brand" href="/home">
<img src="/img/mono-logo.png" style="height: 32px;">
</a>

View 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>

View 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">
&nbsp;
</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>

View 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

View 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>

View 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>

View File

@@ -0,0 +1 @@
<!-- Left Side Of Navbar -->

View File

@@ -0,0 +1 @@
<!-- Right Side Of Navbar -->

View 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>

View 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

View 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>

View 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">&nbsp;</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">&times;</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>

View 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">&times;</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">&times;</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>

Some files were not shown because too many files have changed in this diff Show More