deon/site-base
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

WIP: Enabled themes and login with adminlte

Browse Source
This commit is contained in:
Deon George
2017-12-03 12:20:26 +11:00
parent b1a5807eb3
commit 02087feef2
193 changed files with 69547 additions and 39901 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
resources/assets/js/app.js vendored
View File

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

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

58
resources/assets/js/components/auth/EmailResetPasswordForm.vue Normal file
View File

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

@@ -0,0 +1,7 @@
export default {
methods: {
redirect (response) {
window.location.reload()
}
}
}

5
resources/assets/js/spark-components/auth/register-braintree.js vendored
View File

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

5
resources/assets/js/spark-components/auth/register-stripe.js vendored
View File

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

92
resources/assets/js/spark-components/bootstrap.js vendored
View File

@@ -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');

5
resources/assets/js/spark-components/kiosk/add-discount.js vendored
View File

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

5
resources/assets/js/spark-components/kiosk/announcements.js vendored
View File

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

5
resources/assets/js/spark-components/kiosk/kiosk.js vendored
View File

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

5
resources/assets/js/spark-components/kiosk/metrics.js vendored
View File

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

5
resources/assets/js/spark-components/kiosk/profile.js vendored
View File

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

5
resources/assets/js/spark-components/kiosk/users.js vendored
View File

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

5
resources/assets/js/spark-components/navbar/navbar.js vendored
View File

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

5
resources/assets/js/spark-components/notifications/notifications.js vendored
View File

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

5
resources/assets/js/spark-components/settings/api.js vendored
View File

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

5
resources/assets/js/spark-components/settings/api/create-token.js vendored
View File

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

5
resources/assets/js/spark-components/settings/api/tokens.js vendored
View File

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

5
resources/assets/js/spark-components/settings/invoices.js vendored
View File

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

5
resources/assets/js/spark-components/settings/invoices/invoice-list.js vendored
View File

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

5
resources/assets/js/spark-components/settings/invoices/update-extra-billing-information.js vendored
View File

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

5
resources/assets/js/spark-components/settings/payment-method-braintree.js vendored
View File

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

5
resources/assets/js/spark-components/settings/payment-method-stripe.js vendored
View File

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

5
resources/assets/js/spark-components/settings/payment-method/redeem-coupon.js vendored
View File

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

5
resources/assets/js/spark-components/settings/payment-method/update-payment-method-braintree.js vendored
View File

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

5
resources/assets/js/spark-components/settings/payment-method/update-payment-method-stripe.js vendored
View File

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

5
resources/assets/js/spark-components/settings/payment-method/update-vat-id.js vendored
View File

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

5
resources/assets/js/spark-components/settings/profile.js vendored
View File

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

5
resources/assets/js/spark-components/settings/profile/update-contact-information.js vendored
View File

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

5
resources/assets/js/spark-components/settings/profile/update-profile-photo.js vendored
View File

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

5
resources/assets/js/spark-components/settings/security.js vendored
View File

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

5
resources/assets/js/spark-components/settings/security/disable-two-factor-auth.js vendored
View File

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

5
resources/assets/js/spark-components/settings/security/enable-two-factor-auth.js vendored
View File

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

5
resources/assets/js/spark-components/settings/security/update-password.js vendored
View File

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

5
resources/assets/js/spark-components/settings/settings.js vendored
View File

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

5
resources/assets/js/spark-components/settings/subscription.js vendored
View File

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

5
resources/assets/js/spark-components/settings/subscription/cancel-subscription.js vendored
View File

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

5
resources/assets/js/spark-components/settings/subscription/resume-subscription.js vendored
View File

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

5
resources/assets/js/spark-components/settings/subscription/subscribe-braintree.js vendored
View File

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

5
resources/assets/js/spark-components/settings/subscription/subscribe-stripe.js vendored
View File

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

5
resources/assets/js/spark-components/settings/subscription/update-subscription.js vendored
View File

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

5
resources/assets/js/spark-components/settings/teams.js vendored
View File

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

5
resources/assets/js/spark-components/settings/teams/create-team.js vendored
View File

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

5
resources/assets/js/spark-components/settings/teams/current-teams.js vendored
View File

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

5
resources/assets/js/spark-components/settings/teams/mailed-invitations.js vendored
View File

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

5
resources/assets/js/spark-components/settings/teams/pending-invitations.js vendored
View File

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

5
resources/assets/js/spark-components/settings/teams/send-invitation.js vendored
View File

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

5
resources/assets/js/spark-components/settings/teams/team-members.js vendored
View File

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

5
resources/assets/js/spark-components/settings/teams/team-membership.js vendored
View File

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

5
resources/assets/js/spark-components/settings/teams/team-profile.js vendored
View File

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

5
resources/assets/js/spark-components/settings/teams/team-settings.js vendored
View File

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

5
resources/assets/js/spark-components/settings/teams/update-team-name.js vendored
View File

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

5
resources/assets/js/spark-components/settings/teams/update-team-photo.js vendored
View File

@@ -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
View 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;
}

4
resources/assets/less/app.less
View File

@@ -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
View 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
View 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";