WIP: Enabled themes and login with adminlte
This commit is contained in:
Deon George
8
resources/assets/js/app.js
vendored
8
resources/assets/js/app.js
vendored
@@ -14,10 +14,10 @@
|
||||
|
|
||||
*/
|
||||
|
||||
require('spark-bootstrap');
|
||||
require('./bootstrap');
|
||||
|
||||
require('./components/bootstrap');
|
||||
window.Vue = require('vue');
|
||||
|
||||
var app = new Vue({
|
||||
mixins: [require('spark')]
|
||||
const app = new Vue({
|
||||
el: '#app'
|
||||
});
|
||||
|
||||
23
resources/assets/js/bootstrap.js
vendored
23
resources/assets/js/bootstrap.js
vendored
@@ -13,6 +13,10 @@ try {
|
||||
require('bootstrap-sass');
|
||||
} catch (e) {}
|
||||
|
||||
require('admin-lte')
|
||||
window.toastr = require('toastr')
|
||||
require('icheck')
|
||||
|
||||
/**
|
||||
* 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
|
||||
@@ -37,6 +41,25 @@ if (token) {
|
||||
console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
|
||||
}
|
||||
|
||||
/**
|
||||
* Vue is a modern JavaScript library for building interactive web interfaces
|
||||
* using reactive data binding and reusable components. Vue's API is clean
|
||||
* and simple, leaving you to focus on building your next great project.
|
||||
*/
|
||||
|
||||
window.Vue = require('vue')
|
||||
|
||||
// Use trans function in Vue (equivalent to trans() Laravel Translations helper). See htmlheader.balde.php partial.
|
||||
Vue.prototype.trans = (key) => {
|
||||
return _.get(window.trans, key, key)
|
||||
}
|
||||
|
||||
// Laravel AdminLTE vue components
|
||||
Vue.component('register-form', require('./components/auth/RegisterForm.vue'))
|
||||
Vue.component('login-form', require('./components/auth/LoginForm.vue'))
|
||||
Vue.component('email-reset-password-form', require('./components/auth/EmailResetPasswordForm.vue'))
|
||||
Vue.component('reset-password-form', require('./components/auth/ResetPasswordForm.vue'))
|
||||
|
||||
/**
|
||||
* Echo exposes an expressive API for subscribing to channels and listening
|
||||
* for events that are broadcast by Laravel. Echo and event broadcasting
|
||||
|
||||
@@ -0,0 +1,58 @@
|
||||
<template>
|
||||
<form method="post" @submit.prevent="submit" @keydown="clearErrors($event.target.name)">
|
||||
<div class="alert alert-success" v-show="form.succeeded" v-text="result"></div>
|
||||
<div class="form-group has-feedback" :class="{ 'has-error': form.errors.has('email') }">
|
||||
<input type="email" class="form-control" :placeholder="trans('adminlte_lang_message.email')" name="email" v-model="form.email" autofocus/>
|
||||
<span class="glyphicon glyphicon-envelope form-control-feedback"></span>
|
||||
<transition name="fade">
|
||||
<span class="help-block" v-if="form.errors.has('email')" v-text="form.errors.get('email')"></span>
|
||||
</transition>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xs-2">
|
||||
</div><!-- /.col -->
|
||||
<div class="col-xs-8">
|
||||
<button type="submit" class="btn btn-primary btn-block btn-flat" :disabled="form.errors.any()"><i v-if="form.submitting" class="fa fa-refresh fa-spin"></i> {{ trans('adminlte_lang_message.sendpassword') }}</button>
|
||||
</div><!-- /.col -->
|
||||
<div class="col-xs-2">
|
||||
</div><!-- /.col -->
|
||||
</div>
|
||||
</form>
|
||||
</template>
|
||||
|
||||
<style src="./fade.css"></style>
|
||||
|
||||
<script>
|
||||
|
||||
import Form from 'acacha-forms'
|
||||
|
||||
export default {
|
||||
data: function () {
|
||||
return {
|
||||
form: new Form({ email: ''}),
|
||||
result: ''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
submit () {
|
||||
this.form.post('/password/email')
|
||||
.then(response => {
|
||||
this.result = response.data.status;
|
||||
})
|
||||
.catch(error => {
|
||||
console.log(this.trans('adminlte_lang_message.sendpassword') + ':' + error)
|
||||
})
|
||||
},
|
||||
clearErrors (name) {
|
||||
this.form.errors.clear(name)
|
||||
this.form.succeeded = false
|
||||
this.result = ''
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
this.form.clearOnSubmit = true
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
20
resources/assets/js/components/auth/InitializeIcheck.js
vendored
Normal file
20
resources/assets/js/components/auth/InitializeIcheck.js
vendored
Normal file
@@ -0,0 +1,20 @@
|
||||
export default {
|
||||
mounted () {
|
||||
this.initialitzeICheck()
|
||||
},
|
||||
methods: {
|
||||
initialitzeICheck () {
|
||||
var component = this
|
||||
$('input').iCheck({
|
||||
checkboxClass: 'icheckbox_square-blue',
|
||||
radioClass: 'iradio_square-blue',
|
||||
increaseArea: '20%'
|
||||
}).on('ifChecked', function (event) {
|
||||
component.form.set('terms', true)
|
||||
component.form.errors.clear('terms')
|
||||
}).on('ifUnchecked', function (event) {
|
||||
component.form.set('terms', '')
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
125
resources/assets/js/components/auth/LoginForm.vue
Normal file
125
resources/assets/js/components/auth/LoginForm.vue
Normal file
@@ -0,0 +1,125 @@
|
||||
<template>
|
||||
<form method="post" @submit.prevent="submit" @keydown="clearErrors($event.target.name)">
|
||||
<div class="alert alert-success text-center" v-show="form.succeeded" id="result"> {{ trans('message.loggedin') }} <i class="fa fa-refresh fa-spin"></i> {{ trans('message.entering') }}</div>
|
||||
<div class="form-group has-feedback" :class="{ 'has-error': form.errors.has('email') }" v-if="type === 'email'">
|
||||
<input type="email" class="form-control" :placeholder="placeholder" :name="name" value="" v-model="form.email" @change="adddomain" autofocus/>
|
||||
<span class="glyphicon form-control-feedback" :class="[icon]"></span>
|
||||
<transition name="fade">
|
||||
<span class="help-block" v-if="form.errors.has('email')" v-text="form.errors.get('email')" id="validation_error_email"></span>
|
||||
</transition>
|
||||
</div>
|
||||
|
||||
<div class="form-group has-feedback" :class="{ 'has-error': form.errors.has('username') }" v-else>
|
||||
<input type="text" class="form-control" :placeholder="placeholder" :name="name" v-model="form.username" @change="adddomain" autofocus/>
|
||||
<span class="glyphicon form-control-feedback" :class="[icon]"></span>
|
||||
<transition name="fade">
|
||||
<span class="help-block" v-if="form.errors.has('username')" v-text="form.errors.get('username')" id="validation_error_username"></span>
|
||||
</transition>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="form-group has-feedback" :class="{ 'has-error': form.errors.has('password') }">
|
||||
<input type="password" class="form-control" :placeholder="trans('message.password')" name="password" v-model="form.password"/>
|
||||
<span class="glyphicon glyphicon-lock form-control-feedback"></span>
|
||||
<transition name="fade">
|
||||
<span class="help-block" v-if="form.errors.has('password')" v-text="form.errors.get('password')" id="validation_error_password"></span>
|
||||
</transition>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-8">
|
||||
<div class="checkbox icheck">
|
||||
<label>
|
||||
<input style="display:none;" type="checkbox" name="remember" v-model="form.remember"> {{ trans('message.remember') }}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<button type="submit" class="btn btn-primary btn-block btn-flat" v-text="trans('message.buttonsign')" :disabled="form.errors.any()"><i v-if="form.submitting" class="fa fa-refresh fa-spin"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</template>
|
||||
|
||||
<style src="./fade.css"></style>
|
||||
|
||||
<script>
|
||||
|
||||
import Form from 'acacha-forms'
|
||||
import initialitzeIcheck from './InitializeIcheck'
|
||||
import redirect from './redirect'
|
||||
|
||||
export default {
|
||||
mixins: [initialitzeIcheck, redirect],
|
||||
data: function () {
|
||||
let form = new Form({ username: '', password: '', remember: '' })
|
||||
if (this.name === 'email') {
|
||||
form = new Form({ email: '', password: '', remember: '' })
|
||||
}
|
||||
return {
|
||||
form: form,
|
||||
}
|
||||
},
|
||||
props: {
|
||||
name: {
|
||||
type: String,
|
||||
required: true
|
||||
},
|
||||
domain: {
|
||||
type: String,
|
||||
required: false
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
placeholder: function () {
|
||||
if (this.name === 'email') return this.trans('message.email')
|
||||
return this.trans('message.username')
|
||||
},
|
||||
type: function () {
|
||||
if (this.name === 'email') return 'email'
|
||||
return 'text'
|
||||
},
|
||||
icon: function () {
|
||||
if (this.name === 'email') return 'glyphicon-envelope'
|
||||
return 'glyphicon-user'
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
'form.remember': function (value) {
|
||||
if (value) {
|
||||
$('input').iCheck('check')
|
||||
} else {
|
||||
$('input').iCheck('uncheck')
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
submit () {
|
||||
this.form.post('/login')
|
||||
.then(response => {
|
||||
var component = this;
|
||||
setTimeout(function(){
|
||||
component.redirect(response)
|
||||
}, 2500);
|
||||
})
|
||||
.catch(error => {
|
||||
console.log(this.trans('message.loginerror') + ':' + error)
|
||||
})
|
||||
},
|
||||
adddomain: function () {
|
||||
if (this.type === 'email') return
|
||||
if (this.domain === '') return
|
||||
if (this.form.username.endsWith(this.domain)) return
|
||||
if (this.form.username.includes('@')) return
|
||||
this.form.username = this.form.username + '@' + this.domain
|
||||
},
|
||||
clearErrors (name) {
|
||||
if (name === 'password') {
|
||||
this.form.errors.clear('password')
|
||||
name = this.name
|
||||
}
|
||||
this.form.errors.clear(name)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
104
resources/assets/js/components/auth/RegisterForm.vue
Normal file
104
resources/assets/js/components/auth/RegisterForm.vue
Normal file
@@ -0,0 +1,104 @@
|
||||
<template>
|
||||
<form method="post" @submit.prevent="submit" @keydown="clearErrors($event.target.name)">
|
||||
<div class="alert alert-success text-center" v-show="form.succeeded" id="result"> {{ trans('adminlte_lang_message.registered') }} <i class="fa fa-refresh fa-spin"></i> {{ trans('adminlte_lang_message.entering') }}</div>
|
||||
<div class="form-group has-feedback " :class="{ 'has-error': form.errors.has('name') }">
|
||||
<input type="text" class="form-control" :placeholder="trans('adminlte_lang_message.fullname')" name="name" value="" v-model="form.name" autofocus/>
|
||||
<span class="glyphicon glyphicon-user form-control-feedback"></span>
|
||||
<transition name="fade">
|
||||
<span class="help-block" v-if="form.errors.has('name')" v-text="form.errors.get('name')"></span>
|
||||
</transition>
|
||||
</div>
|
||||
<div class="form-group has-feedback" :class="{ 'has-error': form.errors.has('email') }">
|
||||
<input type="email" class="form-control" :placeholder="trans('adminlte_lang_message.email')" name="email" value="" v-model="form.email"/>
|
||||
<span class="glyphicon glyphicon-envelope form-control-feedback"></span>
|
||||
<transition name="fade">
|
||||
<span class="help-block" v-if="form.errors.has('email')" v-text="form.errors.get('email')"></span>
|
||||
</transition>
|
||||
</div>
|
||||
<div class="form-group has-feedback" :class="{ 'has-error': form.errors.has('password') }">
|
||||
<input type="password" class="form-control" :placeholder="trans('adminlte_lang_message.password')" name="password" v-model="form.password"/>
|
||||
<span class="glyphicon glyphicon-lock form-control-feedback"></span>
|
||||
<transition name="fade">
|
||||
<span class="help-block" v-if="form.errors.has('password')" v-text="form.errors.get('password')"></span>
|
||||
</transition>
|
||||
</div>
|
||||
<div class="form-group has-feedback">
|
||||
<input type="password" class="form-control" :placeholder="trans('adminlte_lang_message.retypepassword')" name="password_confirmation" v-model="form.password_confirmation"/>
|
||||
</div>
|
||||
<div class="form-group has-feedback" :class="{ 'has-error': form.errors.has('token') }">
|
||||
<input type="text" class="form-control" placeholder="Authorisation Token" name="token" value="" v-model="form.token"/>
|
||||
<span class="glyphicon glyphicon-barcode form-control-feedback"></span>
|
||||
<transition name="fade">
|
||||
<span class="help-block" v-if="form.errors.has('token')" v-text="form.errors.get('token')"></span>
|
||||
</transition>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-7">
|
||||
<label>
|
||||
<div class="checkbox_register icheck">
|
||||
<label data-toggle="modal" data-target="#termsModal">
|
||||
<input type="checkbox" name="terms" v-model="form.terms" class="has-error">
|
||||
<a href="#" :class="{ 'text-danger': form.errors.has('terms') }" v-text="trans('adminlte_lang_message.conditions')"></a>
|
||||
</label>
|
||||
</div>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-xs-4 col-xs-push-1">
|
||||
<button type="submit" class="btn btn-primary btn-block btn-flat" :disabled="form.errors.any()" v-text="trans('adminlte_lang_message.register')"><i v-if="form.submitting" class="fa fa-refresh fa-spin"></i> </button>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="form.errors.has('terms')" class="form-group has-feedback" :class="{ 'has-error': form.errors.has('terms') }">
|
||||
<span class="help-block" v-if="form.errors.has('terms')" v-text="form.errors.get('terms')"></span>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</template>
|
||||
|
||||
<style src="./fade.css"></style>
|
||||
|
||||
<script>
|
||||
|
||||
import Form from 'acacha-forms'
|
||||
import initialitzeIcheck from './InitializeIcheck'
|
||||
import redirect from './redirect'
|
||||
|
||||
export default {
|
||||
mixins: [initialitzeIcheck, redirect],
|
||||
data: function () {
|
||||
return {
|
||||
form: new Form({ name: '', email: '', token: '', password: '', password_confirmation: '', terms: '' })
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
'form.terms': function (value) {
|
||||
if (value) {
|
||||
$('input').iCheck('check')
|
||||
} else {
|
||||
$('input').iCheck('uncheck')
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
submit () {
|
||||
this.form.post('/register')
|
||||
.then(response => {
|
||||
var component = this;
|
||||
setTimeout(function(){
|
||||
component.redirect(response)
|
||||
}, 2500);
|
||||
})
|
||||
.catch(error => {
|
||||
console.log(this.trans('adminlte_lang_message.registererror') + ':' + error)
|
||||
})
|
||||
},
|
||||
clearErrors (name) {
|
||||
if (name === 'password_confirmation') {
|
||||
name = 'password'
|
||||
this.form.errors.clear('password_confirmation')
|
||||
}
|
||||
this.form.errors.clear(name)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
88
resources/assets/js/components/auth/ResetPasswordForm.vue
Normal file
88
resources/assets/js/components/auth/ResetPasswordForm.vue
Normal file
@@ -0,0 +1,88 @@
|
||||
<template>
|
||||
<form method="post" @submit.prevent="submit" @keydown="clearErrors($event.target.name)">
|
||||
<div class="alert alert-success" v-show="form.succeeded" id="result">{{ result }}</div>
|
||||
<input type="hidden" name="token" v-model="form.token">
|
||||
<div class="form-group has-feedback" :class="{ 'has-error': form.errors.has('email') }">
|
||||
<input type="email" class="form-control" :placeholder="trans('adminlte_lang_message.email')" name="email" v-model="form.email" autofocus/>
|
||||
<span class="glyphicon glyphicon-envelope form-control-feedback"></span>
|
||||
<transition name="fade">
|
||||
<span class="help-block" v-if="form.errors.has('email')" v-text="form.errors.get('email')"></span>
|
||||
</transition>
|
||||
</div>
|
||||
|
||||
<div class="form-group has-feedback" :class="{ 'has-error': form.errors.has('password') }">
|
||||
<input type="password" class="form-control" :placeholder="trans('adminlte_lang_message.password')" name="password" v-model="form.password"/>
|
||||
<span class="glyphicon glyphicon-lock form-control-feedback"></span>
|
||||
<transition name="fade">
|
||||
<span class="help-block" v-if="form.errors.has('password')" v-text="form.errors.get('password')"></span>
|
||||
</transition>
|
||||
</div>
|
||||
|
||||
<div class="form-group has-feedback">
|
||||
<input type="password" class="form-control" :placeholder="trans('adminlte_lang_message.retypepassword')" name="password_confirmation" v-model="form.password_confirmation"/>
|
||||
<span class="glyphicon glyphicon-lock form-control-feedback"></span>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xs-2">
|
||||
</div><!-- /.col -->
|
||||
<div class="col-xs-8">
|
||||
<button type="submit" class="btn btn-primary btn-block btn-flat" :disabled="form.errors.any()"><i v-if="form.submitting" class="fa fa-refresh fa-spin"></i> {{ trans('adminlte_lang_message.passwordreset') }}</button>
|
||||
</div><!-- /.col -->
|
||||
<div class="col-xs-2">
|
||||
</div><!-- /.col -->
|
||||
</div>
|
||||
</form>
|
||||
</template>
|
||||
|
||||
<style src="./fade.css"></style>
|
||||
|
||||
<script>
|
||||
|
||||
import Form from 'acacha-forms'
|
||||
import redirect from './redirect'
|
||||
|
||||
export default {
|
||||
mixins: [redirect],
|
||||
props: {
|
||||
token: {
|
||||
type: String,
|
||||
required: true
|
||||
},
|
||||
},
|
||||
data: function () {
|
||||
return {
|
||||
form: new Form({email: '', password: '', password_confirmation: '', token: this.token }),
|
||||
result: ''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
submit () {
|
||||
this.form.post('/password/reset')
|
||||
.then(response => {
|
||||
this.result = response.data.status;
|
||||
var component = this;
|
||||
setTimeout(function(){
|
||||
component.redirect(response)
|
||||
}, 3000);
|
||||
})
|
||||
.catch(error => {
|
||||
console.log(this.trans('adminlte_lang_message.passwordreset') + ':' + error)
|
||||
})
|
||||
},
|
||||
clearErrors (name) {
|
||||
if (name === 'password_confirmation') {
|
||||
name = 'password'
|
||||
this.form.errors.clear('password_confirmation')
|
||||
}
|
||||
this.form.errors.clear(name)
|
||||
this.form.succeeded = false
|
||||
this.result = ''
|
||||
},
|
||||
mounted () {
|
||||
this.form.clearOnSubmit = true
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
7
resources/assets/js/components/auth/fade.css
vendored
Normal file
7
resources/assets/js/components/auth/fade.css
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
.fade-enter-active, .fade-leave-active {
|
||||
transition: opacity 1s ease;
|
||||
}
|
||||
|
||||
.fade-enter, .fade-leave-to {
|
||||
opacity: 0;
|
||||
}
|
||||
7
resources/assets/js/components/auth/redirect.js
vendored
Normal file
7
resources/assets/js/components/auth/redirect.js
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
export default {
|
||||
methods: {
|
||||
redirect (response) {
|
||||
window.location.reload()
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('auth/register-braintree');
|
||||
|
||||
Vue.component('spark-register-braintree', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('auth/register-stripe');
|
||||
|
||||
Vue.component('spark-register-stripe', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,92 +0,0 @@
|
||||
|
||||
/**
|
||||
* 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');
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('kiosk/add-discount');
|
||||
|
||||
Vue.component('spark-kiosk-add-discount', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('kiosk/announcements');
|
||||
|
||||
Vue.component('spark-kiosk-announcements', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('kiosk/kiosk');
|
||||
|
||||
Vue.component('spark-kiosk', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('kiosk/metrics');
|
||||
|
||||
Vue.component('spark-kiosk-metrics', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('kiosk/profile');
|
||||
|
||||
Vue.component('spark-kiosk-profile', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('kiosk/users');
|
||||
|
||||
Vue.component('spark-kiosk-users', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('navbar/navbar');
|
||||
|
||||
Vue.component('spark-navbar', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('notifications/notifications');
|
||||
|
||||
Vue.component('spark-notifications', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/api');
|
||||
|
||||
Vue.component('spark-api', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/api/create-token');
|
||||
|
||||
Vue.component('spark-create-token', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/api/tokens');
|
||||
|
||||
Vue.component('spark-tokens', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/invoices');
|
||||
|
||||
Vue.component('spark-invoices', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/invoices/invoice-list');
|
||||
|
||||
Vue.component('spark-invoice-list', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/invoices/update-extra-billing-information');
|
||||
|
||||
Vue.component('spark-update-extra-billing-information', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/payment-method-braintree');
|
||||
|
||||
Vue.component('spark-payment-method-braintree', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/payment-method-stripe');
|
||||
|
||||
Vue.component('spark-payment-method-stripe', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/payment-method/redeem-coupon');
|
||||
|
||||
Vue.component('spark-redeem-coupon', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/payment-method/update-payment-method-braintree');
|
||||
|
||||
Vue.component('spark-update-payment-method-braintree', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/payment-method/update-payment-method-stripe');
|
||||
|
||||
Vue.component('spark-update-payment-method-stripe', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/payment-method/update-vat-id');
|
||||
|
||||
Vue.component('spark-update-vat-id', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/profile');
|
||||
|
||||
Vue.component('spark-profile', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/profile/update-contact-information');
|
||||
|
||||
Vue.component('spark-update-contact-information', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/profile/update-profile-photo');
|
||||
|
||||
Vue.component('spark-update-profile-photo', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/security');
|
||||
|
||||
Vue.component('spark-security', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/security/disable-two-factor-auth');
|
||||
|
||||
Vue.component('spark-disable-two-factor-auth', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/security/enable-two-factor-auth');
|
||||
|
||||
Vue.component('spark-enable-two-factor-auth', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/security/update-password');
|
||||
|
||||
Vue.component('spark-update-password', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/settings');
|
||||
|
||||
Vue.component('spark-settings', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/subscription');
|
||||
|
||||
Vue.component('spark-subscription', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/subscription/cancel-subscription');
|
||||
|
||||
Vue.component('spark-cancel-subscription', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/subscription/resume-subscription');
|
||||
|
||||
Vue.component('spark-resume-subscription', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/subscription/subscribe-braintree');
|
||||
|
||||
Vue.component('spark-subscribe-braintree', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/subscription/subscribe-stripe');
|
||||
|
||||
Vue.component('spark-subscribe-stripe', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/subscription/update-subscription');
|
||||
|
||||
Vue.component('spark-update-subscription', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/teams');
|
||||
|
||||
Vue.component('spark-teams', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/teams/create-team');
|
||||
|
||||
Vue.component('spark-create-team', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/teams/current-teams');
|
||||
|
||||
Vue.component('spark-current-teams', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/teams/mailed-invitations');
|
||||
|
||||
Vue.component('spark-mailed-invitations', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/teams/pending-invitations');
|
||||
|
||||
Vue.component('spark-pending-invitations', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/teams/send-invitation');
|
||||
|
||||
Vue.component('spark-send-invitation', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/teams/team-members');
|
||||
|
||||
Vue.component('spark-team-members', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/teams/team-membership');
|
||||
|
||||
Vue.component('spark-team-membership', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/teams/team-profile');
|
||||
|
||||
Vue.component('spark-team-profile', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/teams/team-settings');
|
||||
|
||||
Vue.component('spark-team-settings', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/teams/update-team-name');
|
||||
|
||||
Vue.component('spark-update-team-name', {
|
||||
mixins: [base]
|
||||
});
|
||||
@@ -1,5 +0,0 @@
|
||||
var base = require('settings/teams/update-team-photo');
|
||||
|
||||
Vue.component('spark-update-team-photo', {
|
||||
mixins: [base]
|
||||
});
|
||||
18
resources/assets/less/adminlte-app.less
Normal file
18
resources/assets/less/adminlte-app.less
Normal file
@@ -0,0 +1,18 @@
|
||||
@import "../../../node_modules/admin-lte/build/less/AdminLTE.less";
|
||||
|
||||
@boxed-layout-bg-image-path: "../../dist/img/boxed-bg.jpg";
|
||||
|
||||
@btn-font-weight: 300;
|
||||
@font-family-sans-serif: "Roboto", Helvetica, Arial, sans-serif;
|
||||
|
||||
body, label, .checkbox label {
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.error-page {
|
||||
background-color: @body-bg;
|
||||
}
|
||||
|
||||
[v-cloak] {
|
||||
display:none;
|
||||
}
|
||||
@@ -1,4 +0,0 @@
|
||||
@import "./../../../node_modules/bootstrap/less/bootstrap";
|
||||
|
||||
// @import "./spark/spark";
|
||||
@import "./../../../vendor/laravel/spark/resources/assets/less/spark";
|
||||
|
||||
37
resources/assets/sass/_variables.scss
vendored
Normal file
37
resources/assets/sass/_variables.scss
vendored
Normal file
@@ -0,0 +1,37 @@
|
||||
|
||||
// Body
|
||||
$body-bg: #f5f8fa;
|
||||
|
||||
// Borders
|
||||
$laravel-border-color: darken($body-bg, 10%);
|
||||
$list-group-border: $laravel-border-color;
|
||||
$navbar-default-border: $laravel-border-color;
|
||||
$panel-default-border: $laravel-border-color;
|
||||
$panel-inner-border: $laravel-border-color;
|
||||
|
||||
// Brands
|
||||
$brand-primary: #3097D1;
|
||||
$brand-info: #8eb4cb;
|
||||
$brand-success: #2ab27b;
|
||||
$brand-warning: #cbb956;
|
||||
$brand-danger: #bf5329;
|
||||
|
||||
// Typography
|
||||
$font-family-sans-serif: "Roboto", Helvetica, Arial, sans-serif;
|
||||
$font-size-base: 14px;
|
||||
$line-height-base: 1.6;
|
||||
$text-color: #636b6f;
|
||||
|
||||
// Navbar
|
||||
$navbar-default-bg: #fff;
|
||||
|
||||
// Buttons
|
||||
$btn-default-color: $text-color;
|
||||
|
||||
// Inputs
|
||||
$input-border: lighten($text-color, 40%);
|
||||
$input-border-focus: lighten($brand-primary, 25%);
|
||||
$input-color-placeholder: lighten($text-color, 30%);
|
||||
|
||||
// Panels
|
||||
$panel-default-heading-bg: #fff;
|
||||
15
resources/assets/sass/app.scss
vendored
Normal file
15
resources/assets/sass/app.scss
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
|
||||
// Fonts
|
||||
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);
|
||||
|
||||
// Variables
|
||||
@import "variables";
|
||||
|
||||
// Bootstrap
|
||||
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";
|
||||
|
||||
//Ionicons
|
||||
@import "node_modules/ionicons/dist/scss/ionicons.scss";
|
||||
|
||||
//Font awesome
|
||||
@import "node_modules/font-awesome/scss/font-awesome.scss";
|
||||
50
resources/theme/backend/adminlte/auth/login.blade.php
Normal file
50
resources/theme/backend/adminlte/auth/login.blade.php
Normal file
@@ -0,0 +1,50 @@
|
||||
@extends('layouts.auth')
|
||||
|
||||
@section('htmlheader_title')
|
||||
Log in
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<body class="hold-transition login-page">
|
||||
<div id="app" v-cloak>
|
||||
<div class="login-box">
|
||||
<div class="login-logo">
|
||||
<a href="{{ url('/home') }}">{!! config('app.namehtml') !!}</a>
|
||||
</div><!-- /.login-logo -->
|
||||
|
||||
@if (count($errors) > 0)
|
||||
<div class="alert alert-danger">
|
||||
<strong>Whoops!</strong> {{ trans('message.someproblems') }}<br><br>
|
||||
<ul>
|
||||
@foreach ($errors->all() as $error)
|
||||
<li>{{ $error }}</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="login-box-body">
|
||||
<p class="login-box-msg"> {{ trans('message.siginsession') }} </p>
|
||||
|
||||
<login-form name="{{ config('auth.providers.users.field','email') }}"
|
||||
domain="{{ config('auth.defaults.domain','') }}"></login-form>
|
||||
|
||||
<a href="{{ url('/password/reset') }}">{{ trans('message.forgotpassword') }}</a><br>
|
||||
|
||||
@include('auth.partials.social_login')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@include('layouts.partials.scripts_auth')
|
||||
|
||||
<script>
|
||||
$(function () {
|
||||
$('input').iCheck({
|
||||
checkboxClass: 'icheckbox_square-blue',
|
||||
radioClass: 'iradio_square-blue',
|
||||
increaseArea: '20%' // optional
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
@endsection
|
||||
@@ -0,0 +1,8 @@
|
||||
<div class="social-auth-links text-center">
|
||||
<p>- OR -</p>
|
||||
<a href="{{ url('/auth/github') }}" class="btn btn-block btn-social btn-github btn-flat"><i class="fa fa-github"></i> {{ trans('message.signGithub') }}</a>
|
||||
<a href="{{ url('/auth/facebook') }}" class="btn btn-block btn-social btn-facebook btn-flat"><i class="fa fa-facebook"></i> {{ trans('message.signFacebook') }}</a>
|
||||
<a href="{{ url('/auth/twitter') }}" class="btn btn-block btn-social btn-twitter btn-flat"><i class="fa fa-twitter"></i> {{ trans('message.signTwitter') }}</a>
|
||||
<a href="{{ url('/auth/google') }}" class="btn btn-block btn-social btn-google btn-flat"><i class="fa fa-google-plus"></i> {{ trans('message.signGoogle+') }}</a>
|
||||
<a href="{{ url('/auth/linkedin') }}" class="btn btn-block btn-social btn-linkedin btn-flat"><i class="fa fa-linkedin"></i> {{ trans('message.signLinkedin') }}</a>
|
||||
</div><!-- /.social-auth-links -->
|
||||
8
resources/theme/backend/adminlte/layouts/auth.blade.php
Normal file
8
resources/theme/backend/adminlte/layouts/auth.blade.php
Normal file
@@ -0,0 +1,8 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
@include('layouts.partials.htmlheader')
|
||||
|
||||
@yield('content')
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,31 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>{{ config('app.name') }} - @yield('htmlheader_title', 'Your title here')</title>
|
||||
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
|
||||
<!-- CSRF Token -->
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
|
||||
<link href="{{ asset('/css/all.css') }}" rel="stylesheet" type="text/css" />
|
||||
|
||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
<script>
|
||||
//See https://laracasts.com/discuss/channels/vue/use-trans-in-vuejs
|
||||
window.trans =
|
||||
@php
|
||||
// copy all translations from /resources/lang/CURRENT_LOCALE/* to global JS variable
|
||||
$lang_files = File::files(resource_path() . '/lang/' . App::getLocale());
|
||||
$trans = [];
|
||||
foreach ($lang_files as $f) {
|
||||
$filename = pathinfo($f)['filename'];
|
||||
$trans[$filename] = trans($filename);
|
||||
}
|
||||
$trans['adminlte_lang_message'] = trans('message');
|
||||
echo json_encode($trans);
|
||||
@endphp
|
||||
</script>
|
||||
</head>
|
||||
@@ -0,0 +1,2 @@
|
||||
<!-- Compiled app javascript -->
|
||||
<script src="{{ url (mix('/js/app.js')) }}"></script>
|
||||
@@ -1 +0,0 @@
|
||||
Click here to reset your password: <a href="{{ $link = url('password/reset', $token).'?email='.urlencode($user->getEmailForPasswordReset()) }}"> {{ $link }} </a>
|
||||
@@ -1,46 +0,0 @@
|
||||
@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
|
||||
@@ -1,61 +0,0 @@
|
||||
@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
|
||||
@@ -1,50 +0,0 @@
|
||||
@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
|
||||
@@ -1,74 +0,0 @@
|
||||
@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
|
||||
@@ -1,91 +0,0 @@
|
||||
<!-- 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>
|
||||
@@ -1,85 +0,0 @@
|
||||
@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
|
||||
@@ -1,119 +0,0 @@
|
||||
<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>
|
||||
@@ -1,175 +0,0 @@
|
||||
<!-- 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>
|
||||
@@ -1,166 +0,0 @@
|
||||
@extends('spark::layouts.app')
|
||||
|
||||
@section('scripts')
|
||||
<script src="https://js.stripe.com/v2/"></script>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<spark-register-stripe inline-template>
|
||||
<div>
|
||||
<div class="spark-screen container">
|
||||
<!-- Common Register Form Contents -->
|
||||
@include('spark::auth.register-common')
|
||||
|
||||
<!-- Billing Information -->
|
||||
<div class="row" v-if="selectedPlan && selectedPlan.price > 0">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Billing Information</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<!-- Generic 500 Level Error Message / Stripe Threw Exception -->
|
||||
<div class="alert alert-danger" v-if="registerForm.errors.has('form')">
|
||||
We had trouble validating your card. It's possible your card provider is preventing
|
||||
us from charging the card. Please contact your card provider or customer support.
|
||||
</div>
|
||||
|
||||
<form class="form-horizontal" role="form">
|
||||
<!-- Billing Address Fields -->
|
||||
@if (Spark::collectsBillingAddress())
|
||||
<h2><i class="fa fa-btn fa-map-marker"></i>Billing Address</h2>
|
||||
|
||||
@include('spark::auth.register-address')
|
||||
|
||||
<h2><i class="fa fa-btn fa-credit-card"></i>Credit Card</h2>
|
||||
@endif
|
||||
|
||||
<!-- Cardholder's Name -->
|
||||
<div class="form-group">
|
||||
<label for="name" class="col-md-4 control-label">Cardholder's Name</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="name" v-model="cardForm.name">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Card Number -->
|
||||
<div class="form-group" :class="{'has-error': cardForm.errors.has('number')}">
|
||||
<label class="col-md-4 control-label">Card Number</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="number" data-stripe="number" v-model="cardForm.number">
|
||||
|
||||
<span class="help-block" v-show="cardForm.errors.has('number')">
|
||||
@{{ cardForm.errors.get('number') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Security Code -->
|
||||
<div class="form-group">
|
||||
<label class="col-md-4 control-label">Security Code</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="cvc" data-stripe="cvc" v-model="cardForm.cvc">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Expiration -->
|
||||
<div class="form-group">
|
||||
<label class="col-md-4 control-label">Expiration</label>
|
||||
|
||||
<!-- Month -->
|
||||
<div class="col-md-3">
|
||||
<input type="text" class="form-control" name="month"
|
||||
placeholder="MM" maxlength="2" data-stripe="exp-month" v-model="cardForm.month">
|
||||
</div>
|
||||
|
||||
<!-- Year -->
|
||||
<div class="col-md-3">
|
||||
<input type="text" class="form-control" name="year"
|
||||
placeholder="YYYY" maxlength="4" data-stripe="exp-year" v-model="cardForm.year">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ZIP Code -->
|
||||
<div class="form-group" :class="{'has-error': registerForm.errors.has('zip')}" v-if=" ! spark.collectsBillingAddress">
|
||||
<label class="col-md-4 control-label">ZIP / Postal Code</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="zip" v-model="registerForm.zip">
|
||||
|
||||
<span class="help-block" v-show="registerForm.errors.has('zip')">
|
||||
@{{ registerForm.errors.get('zip') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Coupon Code -->
|
||||
<div class="form-group" :class="{'has-error': registerForm.errors.has('coupon')}" v-if="query.coupon">
|
||||
<label class="col-md-4 control-label">Coupon Code</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="coupon" v-model="registerForm.coupon">
|
||||
|
||||
<span class="help-block" v-show="registerForm.errors.has('coupon')">
|
||||
@{{ registerForm.errors.get('coupon') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Terms And Conditions -->
|
||||
<div class="form-group" :class="{'has-error': registerForm.errors.has('terms')}">
|
||||
<div class="col-md-6 col-md-offset-4">
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" v-model="registerForm.terms">
|
||||
I Accept The <a href="/terms" target="_blank">Terms Of Service</a>
|
||||
|
||||
<span class="help-block" v-show="registerForm.errors.has('terms')">
|
||||
<strong>@{{ registerForm.errors.get('terms') }}</strong>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Tax / Price Information -->
|
||||
<div class="form-group" v-if="spark.collectsEuropeanVat && countryCollectsVat && selectedPlan">
|
||||
<label class="col-md-4 control-label"> </label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="alert alert-info" style="margin: 0;">
|
||||
<strong>Tax:</strong> @{{ taxAmount(selectedPlan) | currency }}
|
||||
<br><br>
|
||||
<strong>Total Price Including Tax:</strong>
|
||||
@{{ priceWithTax(selectedPlan) | currency }} / @{{ selectedPlan.interval | capitalize }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Register Button -->
|
||||
<div class="form-group">
|
||||
<div class="col-md-6 col-md-offset-4">
|
||||
<button type="submit" class="btn btn-primary" @click.prevent="register" :disabled="registerForm.busy">
|
||||
<span v-if="registerForm.busy">
|
||||
<i class="fa fa-btn fa-spinner fa-spin"></i>Registering
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
<i class="fa fa-btn fa-check-circle"></i>Register
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Plan Features Modal -->
|
||||
@include('spark::modals.plan-details')
|
||||
</div>
|
||||
</spark-register-stripe>
|
||||
@endsection
|
||||
@@ -1,5 +0,0 @@
|
||||
@if (Spark::billsUsingStripe())
|
||||
@include('spark::auth.register-stripe')
|
||||
@else
|
||||
@include('spark::auth.register-braintree')
|
||||
@endif
|
||||
@@ -1,43 +0,0 @@
|
||||
@extends('spark::layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Two-Factor Authentication</div>
|
||||
|
||||
<div class="panel-body">
|
||||
@include('spark::shared.errors')
|
||||
|
||||
<form class="form-horizontal" role="form" method="POST" action="/login/token">
|
||||
{{ csrf_field() }}
|
||||
|
||||
<!-- Token -->
|
||||
<div class="form-group">
|
||||
<label class="col-md-4 control-label">Authentication Token</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="token" autofocus>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Verify Button -->
|
||||
<div class="form-group">
|
||||
<div class="col-md-6 col-md-offset-4">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
Verify
|
||||
</button>
|
||||
|
||||
<a class="btn btn-link" href="{{ url('login-via-emergency-token') }}">
|
||||
Lost Your Device?
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
70
resources/views/vendor/spark/kiosk.blade.php
vendored
70
resources/views/vendor/spark/kiosk.blade.php
vendored
@@ -1,70 +0,0 @@
|
||||
@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
|
||||
@@ -1,212 +0,0 @@
|
||||
<spark-kiosk-announcements inline-template>
|
||||
<div>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Create Announcement</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<div class="alert alert-info">
|
||||
Announcements you create here will be sent to the "Product Announcements" section of
|
||||
the notifications modal window, informing your users about new features and improvements
|
||||
to your application.
|
||||
</div>
|
||||
|
||||
<form class="form-horizontal" role="form">
|
||||
<!-- Announcement -->
|
||||
<div class="form-group" :class="{'has-error': createForm.errors.has('body')}">
|
||||
<label class="col-md-4 control-label">Announcement</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<textarea class="form-control" name="announcement" rows="7" v-model="createForm.body" style="font-family: monospace;">
|
||||
</textarea>
|
||||
|
||||
<span class="help-block" v-show="createForm.errors.has('body')">
|
||||
@{{ createForm.errors.get('body') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Action Text -->
|
||||
<div class="form-group" :class="{'has-error': createForm.errors.has('action_text')}">
|
||||
<label class="col-md-4 control-label">Action Button Text</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="action_text" v-model="createForm.action_text">
|
||||
|
||||
<span class="help-block" v-show="createForm.errors.has('action_text')">
|
||||
@{{ createForm.errors.get('action_text') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Action URL -->
|
||||
<div class="form-group" :class="{'has-error': createForm.errors.has('action_url')}">
|
||||
<label class="col-md-4 control-label">Action Button URL</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="action_url" v-model="createForm.action_url">
|
||||
|
||||
<span class="help-block" v-show="createForm.errors.has('action_url')">
|
||||
@{{ createForm.errors.get('action_url') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Create Button -->
|
||||
<div class="form-group">
|
||||
<div class="col-md-offset-4 col-md-6">
|
||||
<button type="submit" class="btn btn-primary"
|
||||
@click.prevent="create"
|
||||
:disabled="createForm.busy">
|
||||
|
||||
Create
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Recent Announcements List -->
|
||||
<div class="panel panel-default" v-if="announcements.length > 0">
|
||||
<div class="panel-heading">Recent Announcements</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<table class="table table-borderless m-b-none">
|
||||
<thead>
|
||||
<th></th>
|
||||
<th>Date</th>
|
||||
<th></th>
|
||||
<th></th>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr v-for="announcement in announcements">
|
||||
<!-- Photo -->
|
||||
<td>
|
||||
<img :src="announcement.creator.photo_url" class="spark-profile-photo">
|
||||
</td>
|
||||
|
||||
<!-- Date -->
|
||||
<td>
|
||||
<div class="btn-table-align">
|
||||
@{{ announcement.created_at | datetime }}
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- Edit Button -->
|
||||
<td>
|
||||
<button class="btn btn-primary" @click="editAnnouncement(announcement)">
|
||||
<i class="fa fa-pencil"></i>
|
||||
</button>
|
||||
</td>
|
||||
|
||||
<!-- Delete Button -->
|
||||
<td>
|
||||
<button class="btn btn-danger-outline" @click="approveAnnouncementDelete(announcement)">
|
||||
<i class="fa fa-times"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Edit Announcement Modal -->
|
||||
<div class="modal fade" id="modal-update-announcement" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog modal-lg" v-if="updatingAnnouncement">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button " class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
|
||||
<h4 class="modal-title">
|
||||
Update Announcement
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
<!-- Update Announcement -->
|
||||
<form class="form-horizontal" role="form">
|
||||
<!-- Announcement -->
|
||||
<div class="form-group" :class="{'has-error': updateForm.errors.has('body')}">
|
||||
<label class="col-md-4 control-label">Announcement</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<textarea class="form-control" rows="7" v-model="updateForm.body" style="font-family: monospace;">
|
||||
</textarea>
|
||||
|
||||
<span class="help-block" v-show="updateForm.errors.has('body')">
|
||||
@{{ updateForm.errors.get('body') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Action Text -->
|
||||
<div class="form-group" :class="{'has-error': updateForm.errors.has('action_text')}">
|
||||
<label class="col-md-4 control-label">Action Button Text</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="action_text" v-model="updateForm.action_text">
|
||||
|
||||
<span class="help-block" v-show="updateForm.errors.has('action_text')">
|
||||
@{{ updateForm.errors.get('action_text') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Action URL -->
|
||||
<div class="form-group" :class="{'has-error': updateForm.errors.has('action_url')}">
|
||||
<label class="col-md-4 control-label">Action Button URL</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" name="action_url" v-model="updateForm.action_url">
|
||||
|
||||
<span class="help-block" v-show="updateForm.errors.has('action_url')">
|
||||
@{{ updateForm.errors.get('action_url') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Modal Actions -->
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
|
||||
<button type="button" class="btn btn-primary" @click="update" :disabled="updateForm.busy">
|
||||
Update
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Delete Announcement Modal -->
|
||||
<div class="modal fade" id="modal-delete-announcement" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog" v-if="deletingAnnouncement">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button " class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
|
||||
<h4 class="modal-title">
|
||||
Delete Announcement
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
Are you sure you want to delete this announcement?
|
||||
</div>
|
||||
|
||||
<!-- Modal Actions -->
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">No, Go Back</button>
|
||||
|
||||
<button type="button" class="btn btn-danger" @click="deleteAnnouncement" :disabled="deleteForm.busy">
|
||||
Yes, Delete
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</spark-kiosk-announcements>
|
||||
197
resources/views/vendor/spark/kiosk/metrics.blade.php
vendored
197
resources/views/vendor/spark/kiosk/metrics.blade.php
vendored
@@ -1,197 +0,0 @@
|
||||
<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>
|
||||
@@ -1,127 +0,0 @@
|
||||
<spark-kiosk-add-discount inline-template>
|
||||
<div>
|
||||
<div class="modal fade" id="modal-add-discount" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog" v-if="discountingUser">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button " class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
|
||||
<h4 class="modal-title">
|
||||
Add Discount (@{{ discountingUser.name }})
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
<!-- Current Discount -->
|
||||
<div class="alert alert-success" v-if="currentDiscount">
|
||||
This user has a discount of @{{ formattedDiscount(currentDiscount) }}
|
||||
for @{{ formattedDiscountDuration(currentDiscount) }}.
|
||||
</div>
|
||||
|
||||
<!-- Add Discount Form -->
|
||||
<form class="form-horizontal" role="form">
|
||||
<!-- Discount Type -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('type')}">
|
||||
<label class="col-sm-4 control-label">Discount Type</label>
|
||||
|
||||
<div class="col-sm-6">
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" value="amount" v-model="form.type"> Amount
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" value="percent" v-model="form.type"> Percentage
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('type')">
|
||||
@{{ form.errors.get('type') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Discount Value -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('value')}">
|
||||
<label class="col-md-4 control-label">
|
||||
<span v-if="form.type == 'percent'">Percentage</span>
|
||||
|
||||
<span v-if="form.type == 'amount'">Amount</span>
|
||||
</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" v-model="form.value">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('value')">
|
||||
@{{ form.errors.get('value') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Discount Duration -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('duration')}">
|
||||
<label class="col-sm-4 control-label">Discount Duration</label>
|
||||
|
||||
<div class="col-sm-6">
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" value="once" v-model="form.duration"> Once
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" value="forever" v-model="form.duration"> Forever
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" value="repeating" v-model="form.duration"> Multiple Months
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('duration')">
|
||||
@{{ form.errors.get('duration') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Duration Months -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('months')}" v-if="form.duration == 'repeating'">
|
||||
<label class="col-md-4 control-label">
|
||||
Months
|
||||
</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" class="form-control" v-model="form.months">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('months')">
|
||||
@{{ form.errors.get('months') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Modal Actions -->
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
|
||||
|
||||
<button type="button" class="btn btn-primary" @click="applyDiscount" :disabled="form.busy">
|
||||
<span v-if="form.busy">
|
||||
<i class="fa fa-btn fa-spinner fa-spin"></i>Applying
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
Apply Discount
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</spark-kiosk-add-discount>
|
||||
148
resources/views/vendor/spark/kiosk/profile.blade.php
vendored
148
resources/views/vendor/spark/kiosk/profile.blade.php
vendored
@@ -1,148 +0,0 @@
|
||||
<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>
|
||||
@@ -1,92 +0,0 @@
|
||||
<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>
|
||||
@@ -1,53 +0,0 @@
|
||||
<!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>
|
||||
@@ -1,44 +0,0 @@
|
||||
<!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>
|
||||
@@ -1,18 +0,0 @@
|
||||
@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
|
||||
@@ -1,118 +0,0 @@
|
||||
<!-- 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>
|
||||
@@ -1,26 +0,0 @@
|
||||
<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>
|
||||
@@ -1,25 +0,0 @@
|
||||
<!-- 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>
|
||||
@@ -1,50 +0,0 @@
|
||||
<!-- 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>
|
||||
@@ -1,28 +0,0 @@
|
||||
<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
|
||||
@@ -1,90 +0,0 @@
|
||||
<!-- 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>
|
||||
@@ -1,3 +0,0 @@
|
||||
<a class="navbar-brand" href="/home">
|
||||
<img src="/img/mono-logo.png" style="height: 32px;">
|
||||
</a>
|
||||
@@ -1,10 +0,0 @@
|
||||
<li class="dropdown-header">Developer</li>
|
||||
|
||||
<!-- Kiosk -->
|
||||
<li>
|
||||
<a href="/spark/kiosk">
|
||||
<i class="fa fa-fw fa-btn fa-fort-awesome"></i>Kiosk
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="divider"></li>
|
||||
31
resources/views/vendor/spark/nav/guest.blade.php
vendored
31
resources/views/vendor/spark/nav/guest.blade.php
vendored
@@ -1,31 +0,0 @@
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<!-- Collapsed Hamburger -->
|
||||
<div class="hamburger">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#spark-navbar-collapse">
|
||||
<span class="sr-only">Toggle Navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Branding Image -->
|
||||
@include('spark::nav.brand')
|
||||
</div>
|
||||
|
||||
<div class="collapse navbar-collapse" id="spark-navbar-collapse">
|
||||
<!-- Left Side Of Navbar -->
|
||||
<ul class="nav navbar-nav">
|
||||
|
||||
</ul>
|
||||
|
||||
<!-- Right Side Of Navbar -->
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="/login" class="navbar-link">Login</a></li>
|
||||
<li><a href="/register" class="navbar-link">Register</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -1,25 +0,0 @@
|
||||
@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
|
||||
@@ -1,10 +0,0 @@
|
||||
<li class="dropdown-header">Support</li>
|
||||
|
||||
<!-- Support -->
|
||||
<li>
|
||||
<a @click.prevent="showSupportForm" style="cursor: pointer;">
|
||||
<i class="fa fa-fw fa-btn fa-paper-plane"></i>Email Us
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="divider"></li>
|
||||
28
resources/views/vendor/spark/nav/teams.blade.php
vendored
28
resources/views/vendor/spark/nav/teams.blade.php
vendored
@@ -1,28 +0,0 @@
|
||||
<!-- 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>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user