Initial Spark Install
This commit is contained in:
Deon George
@@ -0,0 +1,15 @@
|
||||
<spark-disable-two-factor-auth :user="user" inline-template>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-body">
|
||||
<button class="btn btn-danger-outline" @click="disable" :disabled="form.busy">
|
||||
<span v-if="form.busy">
|
||||
<i class="fa fa-btn fa-spinner fa-spin"></i>Disabling
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
Disable Two-Factor Authentication
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</spark-disable-two-factor-auth>
|
||||
@@ -0,0 +1,60 @@
|
||||
<spark-enable-two-factor-auth :user="user" inline-template>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Two-Factor Authentication</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<!-- Information Message -->
|
||||
<div class="alert alert-info">
|
||||
In order to use two-factor authentication, you <strong>must</strong> install the
|
||||
<strong><a href="https://authy.com" target="_blank">Authy</a></strong> application
|
||||
on your smartphone. Authy is available for iOS and Android.
|
||||
</div>
|
||||
|
||||
<form class="form-horizontal" role="form">
|
||||
<!-- Country Code -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('country_code')}">
|
||||
<label class="col-md-4 control-label">Country Code</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="number" class="form-control" name="country_code" v-model="form.country_code">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('country_code')">
|
||||
@{{ form.errors.get('country_code') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Phone Number -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('phone')}">
|
||||
<label class="col-md-4 control-label">Phone Number</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="tel" class="form-control" name="phone" v-model="form.phone">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('phone')">
|
||||
@{{ form.errors.get('phone') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Enable Button -->
|
||||
<div class="form-group">
|
||||
<div class="col-md-offset-4 col-md-6">
|
||||
<button type="submit" class="btn btn-primary"
|
||||
@click.prevent="enable"
|
||||
:disabled="form.busy">
|
||||
|
||||
<span v-if="form.busy">
|
||||
<i class="fa fa-btn fa-spinner fa-spin"></i>Enabling
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
Enable
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</spark-enable-two-factor-auth>
|
||||
@@ -0,0 +1,29 @@
|
||||
<div class="modal fade" id="modal-show-two-factor-reset-code" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button " class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
|
||||
<h4 class="modal-title">
|
||||
Two-Factor Authentication Reset Code
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
<div class="alert alert-warning">
|
||||
If you lose your two-factor authentication device, you may use this
|
||||
emergency reset token to disable two-factor authentication on your account.
|
||||
<strong>This is the only time this token will be displayed, so be sure not
|
||||
to lose it!</strong>
|
||||
</div>
|
||||
|
||||
<pre><code>@{{ twoFactorResetCode }}</code></pre>
|
||||
</div>
|
||||
|
||||
<!-- Modal Actions -->
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,65 @@
|
||||
<spark-update-password inline-template>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Update Password</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<!-- Success Message -->
|
||||
<div class="alert alert-success" v-if="form.successful">
|
||||
Your password has been updated!
|
||||
</div>
|
||||
|
||||
<form class="form-horizontal" role="form">
|
||||
<!-- Current Password -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('current_password')}">
|
||||
<label class="col-md-4 control-label">Current Password</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="password" class="form-control" name="current_password" v-model="form.current_password">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('current_password')">
|
||||
@{{ form.errors.get('current_password') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- New Password -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('password')}">
|
||||
<label class="col-md-4 control-label">Password</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="password" class="form-control" name="password" v-model="form.password">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('password')">
|
||||
@{{ form.errors.get('password') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- New Password Confirmation -->
|
||||
<div class="form-group" :class="{'has-error': form.errors.has('password_confirmation')}">
|
||||
<label class="col-md-4 control-label">Confirm Password</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="password" class="form-control" name="password_confirmation" v-model="form.password_confirmation">
|
||||
|
||||
<span class="help-block" v-show="form.errors.has('password_confirmation')">
|
||||
@{{ form.errors.get('password_confirmation') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Update Button -->
|
||||
<div class="form-group">
|
||||
<div class="col-md-offset-4 col-md-6">
|
||||
<button type="submit" class="btn btn-primary"
|
||||
@click.prevent="update"
|
||||
:disabled="form.busy">
|
||||
|
||||
Update
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</spark-update-password>
|
||||
Reference in New Issue
Block a user