61 lines
2.5 KiB
PHP
61 lines
2.5 KiB
PHP
|
<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>
|