Skip to content

Instantly share code, notes, and snippets.

@joelmiguelvalente
Created January 22, 2021 00:01
Show Gist options
  • Save joelmiguelvalente/a35d0e9daf27d7d3a18b15425352e0ee to your computer and use it in GitHub Desktop.
Save joelmiguelvalente/a35d0e9daf27d7d3a18b15425352e0ee to your computer and use it in GitHub Desktop.
Esta hecho con clases de bootstrap 5.0.0beta-1
{if $tsG2FA}
<div class="d-flex justify-content-center align-items-center flex-column fa2_activated rounded shadow p-5 ">
<img src="{$tsConfig.images}/2fa.png" alt="Activado" style="margin-top:-50px">
<p class="h4">Doble factor de autentificación: <span class="text-success fw-bold">Activado</span>.</p>
<p>Si usted quiere desactivar el doble factor de autentificación lo puede hacer sin ningún tipo de problemas, solo le tiene que dar al boton "<b>desactivar</b>" y eso sería todo</p>
<a href="" id="Desactivate2FA" class="btn btn-danger">Desactivar</a>
</div>
{else}
<div class="fs-5 m-0">Activar el 2FA <i class="d-block text-muted fs-6">Doble factor de autentificación</i></div>
<div class="row my-3">
<div class="col-8 d-flex justify-content-center align-items-start flex-column">
<p class="fst-small my-2">1. Para activar el 2FA descargue <a href="https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2" class="text-decoration-none fw-bolder text-primary">Google Authenticator <i class="fas fa-external-link-alt" style="font-size:9px"></i></a> o <a href="https://play.google.com/store/apps/details?id=com.duosecurity.duomobile" class="text-decoration-none fw-bolder text-primary">Duo Mobile <i class="fas fa-external-link-alt" style="font-size:9px"></i></a></p>
<p class="fst-small my-2">2. Escanee el código con su teléfono.</p>
<p class="fst-small my-2">3. Ingrese el código generado por la aplicación de 6 dígitos.</p>
<p class="fst-small my-2">4. Una vez ingresado el código haga clic en "<b>Activar</b>".</p>
<div class="input-group">
<input type="text" class="form-control" name="code_2fa" placeholder="Ingrese el código" aria-label="Ingrese el código">
<a class="btn btn-primary" id="Activate2FA">Activar</a>
</div>
</div>
<div class="col-4">
<div class="text-center my-3">
<img src="{$tsGoogleAuthenticator}" class="w-75" alt="Google autentificación">
</div>
</div>
</div>
{/if}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment