Your IP : 216.73.216.79

Current Path : /var/www/html/ebook/backend/views/user-info/
Upload File :
Current File : /var/www/html/ebook/backend/views/user-info/changePassword.php

<?php
use xutl\inspinia\Alert;
use yii\helpers\Html;
use yii\bootstrap\ActiveForm;

/* @var $this yii\web\View */
/* @var $model common\models\User */
/* @var $form yii\widgets\ActiveForm */

/* breadcrumb */
$this->title = yii::t('app', 'Change Password');
$this->params['breadcrumbs'][] = $this->title;


/* extra assets */
$this->params['extra-asset']['JS'][] = 'plugins/pwstrength/pwstrength-bootstrap.min.js';
$this->params['extra-asset']['JS'][] = 'plugins/pwstrength/zxcvbn.js';

$template = [
    'template' => '{label}
                     <div class="col-md-6">
                        <div class="input-group m-b">
                            <span class="input-group-addon">{{addon}}</span>
                            {input}
                        </div>
                     </div>
                    <br>
                    <div class="col-md-offset-4 col-md-5">
                        {error}
                    </div>',
    'labelOptions' => [
        'class' => 'control-label col-md-4'
    ]
];

//apply template
$label = $template;

//js
$this->registerJs(
    <<<JS
    $('#user-newpassword').pwstrength({
        ui: {
            viewports:{
                progress: ".progress"
            },
            container: '#progress-container',
            showVerdictsInsideProgressBar: true
        },
        common:{
            zxcvbn: true,
            zxcvbnTerms: ['P@ssw0rd'],
        }
    });
    
    $('#frontenduser-confirmpassword').change(function(){
        if(this.value != $('#frontenduser-password').val){
            toastr.error('Password are ');
        }
    });
    
    let pwd_field          = document.querySelectorAll('input.pma_password'),
        pwd_revealer       = [],
        pwd_revealer_label = [];
    
    for (let i = 0, limit = pwd_field.length; i < limit; ++i) {
      pwd_field[i].insertAdjacentHTML( 'afterend',
                                       '<input type="checkbox" id="pma_revealer-' + i + '" class="invisible" aria-hidden="true">' +
                                       '<label for="pma_revealer-' + i + '" class="glyphicon glyphicon-eye-open form-control-feedback" aria-hidden="true"></label>'
                                      );
      pwd_revealer[i]       = pwd_field[i].parentElement.querySelector('input#pma_revealer-' + i);
      pwd_revealer_label[i] = pwd_field[i].parentElement.querySelector('label[for="pma_revealer-' + i + '"]');
      pwd_revealer[i].setAttribute('style', 'position: absolute; left: -99999rem;');
      pwd_revealer_label[i].style.pointerEvents = 'auto';
      pwd_revealer[i].addEventListener('change', function() {
        switch (pwd_revealer[i].checked) {
          case true:
            pwd_field[i].setAttribute('type', 'text');
            pwd_revealer_label[i].classList.remove('glyphicon-eye-open');
            pwd_revealer_label[i].classList.add('glyphicon-eye-close');
          break;
          case false:
            pwd_field[i].setAttribute('type', 'password');
            pwd_revealer_label[i].classList.remove('glyphicon-eye-close');
            pwd_revealer_label[i].classList.add('glyphicon-eye-open');
          break;
        }
      });
}
JS
);
?>
<style>
.field-user-newpassword{
    margin-bottom:0;
}
</style>
<div class="wrapper wrapper-content">
	<div class="ibox">
		<div class="ibox-content">
			<div class="col-md-12" style="padding: 50px;">
			
		    <?php 
    		if (count(Yii::$app->session->allFlashes) > 0) 
    	       echo Alert::widget();
    	    ?>	
			
            <?php
            $form = ActiveForm::begin([
                'options' => [
                    'class' => 'form-horizontal',
                    'autocomplete' => 'off'
                ]
            ]);
            ?>
                  
           	<!-- username -->
            <?php $label['template'] = strtr($template['template'], ['{{addon}}' => '@'])?>
            
            <?= $form->field($model, 'username', $label)->textInput(['readonly' => true]) ?>
			
			<!-- password -->
            <?php $label['template'] = strtr($template['template'], ['{{addon}}' => '<i class="fa fa-key"></i>'])?>
            
            <?= $form->field($model, 'oldPassword', $label)->passwordInput(['autocomplete' => 'new-password']) ?>
            
            <?= $form->field($model, 'newPassword', $label)->passwordInput(['class' => 'form-control pma_password', 'maxlength' => true]) ?>
            
            <div class="pwstrength_viewport_verdict4 row" id="progress-container">
            	<div class="col-md-6 col-md-offset-4">
            		Password Strength:-
            		<div class="progress"></div>
            	</div>
            </div>

            <?= $form->field($model, 'confirmPassword', $label)->passwordInput(['maxlength' => true]) ?>
            
            <div class="hr-line-dashed"></div>
            
            <div class="col-md-12">
                <div class="form-group text-right">
                    <?= Html::submitButton('<i class="fa fa-save"></i> '.Yii::t('app', 'Save'), ['class' => 'btn btn-primary']) ?>
                </div>
            </div>	
            
            <?php $form = ActiveForm::end(); ?>

        	</div>
			<div class="clearfix"></div>
		</div>
	</div>
</div>