8.7.2.8. Вариант 8. Авторизация во внешнем проигрывателе

Авторизация в Synergy внутри внешнего проигрывателя форм. В результате успешной авторизации открывается форма из Вариант 7. Изменение компонента формы.

Примеры логинов/паролей для варианта 8:

  • 1/1
  • user_for_scripting_uc/user_for_scripting_uc

Исходный код JavaScript и CSS формы аналогичны Вариант 7. Изменение компонента формы.

Исходный код JavaScript для варианта 8:

/**
 * Перехватываем событие неудачной авторизации
 */
AS.SERVICES.unAuthorized = function () {
    portal.showMessage("Ошибка авторизации");

    //Отображаем панель ввода логина/пароля
    jQuery(".auth_panel").show();
    addHandlers();
};

/**
 * Добавлены ли уже слушатели
 */
var existHandlers = false;

/**
 * Добавление слушателей
 */
var addHandlers = function () {
    if (!existHandlers) {
        //Нажатие на кнопку войти
        jQuery(".submit_auth").on("click", function (event) {
            //Если не ввели логин или пароль выдаем ошибку
            if (jQuery(".login").val().isEmpty() || jQuery(".password").val().isEmpty()) {
                portal.showMessage("Введите логин и пароль");
                event.stopPropagation();
            } else {
                //В случае ввода заменяем значение переменных авторизации и прячем панель ввода, загружаем форму
                AS.OPTIONS.login = jQuery(".login").val();
                AS.OPTIONS.password = jQuery(".password").val();
                jQuery(".auth_panel").hide();
                portal.createPlayer();
            }
        });

        //При нажатии на панель авторизации скрывать сообщение об ошибке
        jQuery(".auth_panel").on("click", function () {
            portal.hideMessage();
        });
    }

    existHandlers = true;
};

Исходный код CSS окна:

.auth_panel {
    display: none;
    left: 50%;
    transform: translate(-50%, 0);
    width: 350px;
    height: 200px;
    background-color: white;
    position: absolute;
    border-color: #24282B;
    border-style: none solid solid;
    border-width: 1px;
    top: 150px;
}

.auth_header {
    background-color: #4C5256;
    padding: 12px;
    color: white;
    font-family: arial, tahoma, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    cursor: pointer;
}

.auth_fields {
    width: 200px;
    display: inline-block;
    height: calc(100% - 80px);
}

.login {
    margin-top: 30px;
}

.password {
    margin-top: 20px;
}

.buttons {
    height: 30px;
}

.submit_auth {
    height: 100%;
    width: 100px;
    border-radius: 5px;
    background-color: #49b785;
    border-color: #49b785;
    color: #ffffff;
}