Elep

<?php

defined( '_JEXEC' ) or die ;
use Joomla\CMS\Uri\Uri;
use Joomla\CMS\Language\Text;
use Joomla\CMS\Router\Route;

EDocmanHelper::loadBootstrapJs();
$controlGroupClass = $bootstrapHelper->getClassMapping('control-group');
$controlLabelClass = $bootstrapHelper->getClassMapping('control-label');
$controlsClass     = $bootstrapHelper->getClassMapping('controls');
$config			   = EdocmanHelper::getConfig();
?>
<div class="modal fade" id="login-form" style="width:340px;max-width:90%;margin-left:0px;">
    <div class="modal-header">
        <a class="close" data-dismiss="modal">x</a>
        <h3><?php echo Text::_('EDOCMAN_LOGIN_FORM'); ?></h3>
    </div>
    <div class="alert alert-success nodisplay">
        <span id="login-meesage"></span>
    </div>
    <div class="modal-body" style="margin: 10px 10px;">
        <div id="register-link">
            <?php echo Text::_('EDOCMAN_DONT_HAVE_ACCOUNT'); ?>
            <a href="<?php echo Route::_('index.php?option=com_users&view=registration'); ?>"><?php echo Text::_('EDOCMAN_REGISTER'); ?></a>
        </div>
            <div class="<?php echo $controlGroupClass; ?>">
                <label class="<?php echo $controlLabelClass; ?>" for="name">
                    <?php echo  Text::_('EDOCMAN_USERNAME') ?><span class="required">*</span>
                </label>
                <div class="<?php echo $controlsClass; ?>">
                    <input type="text" name="username" id="username" class="input-medium" style="width:150px !important;"/>
                </div>
            </div>

<div class="<?php echo $controlGroupClass; ?>">
                <label class="<?php echo $controlLabelClass; ?>" for="password">
                    <?php echo  Text::_('EDOCMAN_PASSWORD') ?><span class="required">*</span>
                </label>
                <div class="<?php echo $controlsClass; ?>">
                    <input id="password" type="password" name="password" value="" class="input-medium" style="width:150px !important;"><br />
                </div>
            </div>
            <div class="clear-fix"></div>
            <input class="btn btn-login btn-primary" type="button" value="<?php echo Text::_('EDOCMAN_LOGIN'); ?>" style="width:150px !important;" />
			<div class="clear-fix"></div>
			<a href="<?php echo Route::_('index.php?option=com_users&view=remind'); ?>">
					<?php echo Text::_('EDOCMAN_LOGIN_FORGOT_YOUR_USERNAME'); ?></a>
			<BR />
			<a href="<?php echo Route::_('index.php?option=com_users&view=reset'); ?>">
					<?php echo Text::_('EDOCMAN_LOGIN_FORGOT_YOUR_PASSWORD'); ?></a>
    </div>
    <script type="text/javascript">
        jQuery(document).ready(function($){
			var $modal = $('#login-form');
			var screenWidth = jQuery( document ).width();
		
			if(screenWidth < 400)
			{
				jQuery('#login-form').removeClass('fade');
				jQuery('#login-form').modal({
					show : false,
					backdrop: true,
					keyboard: true
				}).css({
					width: '300px',
					height: '400px',
					'margin-left': function () {
						return 0;
					}
				});
			}
			else
			{
				jQuery('#login-form').modal({
					show : false,
					backdrop: true,
					keyboard: true
				}).css({
					width: '500px',
					height: '400px',
					top: '20%'
				});
			}

<?php
			if($config->twitter_bootstrap_version == 3){	
			?>
			$(document).on('hide.bs.modal','#login-form', function () {  window.location = '<?php echo Uri::getInstance()->toString();?>' });
			<?php
			}elseif($config->twitter_bootstrap_version == 2){	
			?>
			//bootstrap 2
			$modal.on('hidden', function () { window.location = '<?php echo Uri::getInstance()->toString();?>' });
			$modal.on('click', '.btn-close', function(e){
				window.location = '<?php echo Uri::getInstance()->toString();?>'
			})
			$modal.on('click', '.close', function(e){
				window.location = '<?php echo Uri::getInstance()->toString();?>'
			})
			<?php
			}elseif($config->twitter_bootstrap_version == 4){	
			?>
			$modal.on('click', '.btn-close', function(e){
				window.location = '<?php echo Uri::getInstance()->toString();?>'
			})
			$modal.on('click', '.close', function(e){
				window.location = '<?php echo Uri::getInstance()->toString();?>'
			})
			<?php
			}	
			?>

jQuery('.btn-login').click(function(){
                var check = checkForm();
                if(check)
                {
                    var data={
                        'task'    :'login',
                        'username':jQuery('#username').val(),
                        'password':jQuery('#password').val(),
                        'return'  :jQuery('#return').val()
                    };
                    $.ajax({
                        type:'POST',
                        url :'<?php echo Uri::root()?>index.php?option=com_edocman',
                        data:data,
                        success:function(html){
                            if(html)
                            {
                                jQuery('.alert-success').show();
                                jQuery('#login-meesage').html(html);
                            }
                            else
                            {
                                window.location.href='<?php echo Uri::getInstance()->toString(); ?>';
                            }
                        }

});
                }

});
            function checkForm()
            {
                var name = jQuery('#username').val();
                var pass = jQuery('#password').val();
                if(name == "")
                {
                    alert("Please enter your name !");
                    jQuery('#username').focus();
                    return false;
                }
                else if(pass =="")
                {
                    alert("Please enter your password !");
                    jQuery('#password').focus();
                    return false;
                }
                return true;
            }

var screen_width = jQuery( window ).width();
            var left_value = screen_width/2 - 170;
            jQuery("#login-form").css("left",left_value);
        });
    </script>
</div>