Commit 8ef062f3 authored by Valentin Skripnikov's avatar Valentin Skripnikov

-

parent 13cb1de3
body, div, span, input, button {
font-family: "Droid Sans", arial, serif;
font-size: 14px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.hidden {
display: none;
}
.portal_button {
background-color: #df6c6d;
border-color: #df6c6d;
color: #ffffff;
padding-left: 20px;
padding-right: 20px;
height: 30px;
border: none;
margin-left: 10px;
margin-right: 10px;
}
.portal-center {
text-align: center;
vertical-align: top
}
.portal-toolbar {
padding: 10px;
color: #6e8ebd
}
#form_player_container {
/*border: 3px solid #6e8ebd;*/
outline: 1px #ffffff solid;
margin-left: auto;
margin-right: auto;
width: 1000px;
min-height: 400px;
background-color: #ffffff;
padding-top: 20px;
padding-bottom: 60px;
margin-bottom: 20px;
}
#form_player_div {
width: 1000px;
min-height: 200px;
}
#search_input {
background-color: #6e8ebd;
border: 1px #6e8ebd solid;
height: 30px;
width: 200px;
padding-left: 10px
}
#send_button {
margin-left: auto;
margin-right: auto;
width: 200px;
margin-bottom: 20px;
}
#message {
background-color: #ffffff;
border: 3px solid #df6c6d;
outline: 1px #932121 solid;
z-index: 2;
position: absolute;
top: 100px;
left: 30%;
color: #303030;
padding: 10px;
max-width: 40%;
min-width: 40%;
}
#message_text {
color: #303030;
}
.drop_down_list {
background-color: white;
display: none;
position: absolute;
box-shadow: 0 0 35px #d6d6d6;
}
.drop_down_input {
width: 100%;
font-family: arial, tahoma, sans-serif;
font-size: 12px;
padding-left: 2px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
height: 28px;
align-self: center;
border: solid 1px #d6d6d6;
border-radius: 4px;
background-color: #ffffff;
display: inline-block;
vertical-align: middle;
line-height: 28px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
cursor: pointer;
}
.result_search_combo {
height: 80%;
overflow-y: scroll;
max-height: 300px;
}
.result_element {
padding: 5px 10px;
text-align: left;
border-bottom: 1px solid #d6d6d6;
margin: 0px 3px;
font-family: arial, tahoma, sans-serif;
font-size: 12px;
}
.result_element:hover {
background-color: #deefff;
}
.drop_down_toolbar {
display: inline-block;
padding: 10px;
}
.drop_down_toolbar1 {
display: flex;
width: 290px;
}
.first_page {
background-size: 100% 100%;
width: 20px;
height: 20px;
background-image: url("icon/first.ico");
}
.first_page:hover {
background-color: #deefff;
}
.previous_page {
background-size: 100% 100%;
width: 20px;
height: 20px;
background-image: url("icon/previous.ico");
}
.previous_page:hover {
background-color: #deefff;
}
.next_page {
background-size: 100% 100%;
width: 20px;
height: 20px;
background-image: url("icon/next.ico");
}
.next_page:hover {
background-color: #deefff;
}
.last_page {
background-size: 100% 100%;
width: 20px;
height: 20px;
background-image: url("icon/last.ico");
}
.last_page:hover {
background-color: #deefff;
}
.padding {
padding: 0px 5px;
}
.input_page {
width: 40px;
}
.margin {
margin: 0px 5px;
}
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script>
FORM_PLAYER_URL_PREFIX = "http://demoextfp.synergy.tm/Synergy/";
</script>
<!-- LOCALIZATION LIBRARY -->
<script src="http://demoextfp.synergy.tm/Synergy/js/i18next.min.js" type="application/javascript"></script>
<!-- JS FORMS -->
<link rel="stylesheet" href="http://demoextfp.synergy.tm/Synergy/js/form.player.css"/>
<script src="http://demoextfp.synergy.tm/Synergy/js/vendor.js" type="text/javascript"></script>
<script src="http://demoextfp.synergy.tm/Synergy/js/form.player.js" type="text/javascript"></script>
<!-- PORTAL SCRIPTS AND STYLESHEET -->
<script src="index.js" type="text/javascript"></script>
<link href="index.css" rel="stylesheet"/>
<link href="uc8.css" rel="stylesheet"/>
<script src="uc8.js" type="text/javascript"></script>
</head>
<body>
<div style="z-index: 0" class="portal-center">
<div class="portal-toolbar" id="portal_toolbar">
<span> Введите номер заявки </span><input type="text" id="search_input"/>
<button id="search_button" class="portal_button search_button" value="SEARCH" onclick="portal.searchData()">SEARCH</button>
<button id="create_button" class="portal_button create_button" value="CREATE" onclick="portal.createPlayer()">CREATE</button>
</div>
<!-- Кастомный выпадающий список с поиском и пагинатором -->
<div class="drop_down_list">
<div class="result_search_combo">
</div>
<div class="drop_down_toolbar">
<div class="drop_down_toolbar1">
<div class="first_page"></div>
<div class="previous_page"></div>
<div class="split padding">|</div>
Страница
<input type="text" value="1" class="margin input_page"/>
из
<div class="count_result padding">5</div>
<div class="split padding">|</div>
<div class="next_page"></div>
<div class="last_page"></div>
</div>
</div>
</div>
<div class="auth_panel">
<div class="auth_header">Введите логин и пароль</div>
<div class="auth_fields">
<input type="text" class="login"/>
<input type="password" class="password">
</div>
<div class="footer">
<div class="buttons">
<input type="submit" value="Войти" class="submit_auth">
</div>
</div>
</div>
<div id="form_player_container">
<div id="form_player_div">
</div>
</div>
<button id="send_button" class="portal_button hidden" value="SEND" onclick="portal.saveData()"> SEND</button>
</div>
<div id="message" class="hidden">
<span id="message_text"></span>
</div>
</body>
</html>
This diff is collapsed.
.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;
}
/**
* Перехватываем событие неудачной авторизации
*/
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;
};
......@@ -947,6 +947,7 @@ ARTA Synergy при загрузке внешнего web-модуля буде
integration/extfp-usecases/uc5
integration/extfp-usecases/uc6
integration/extfp-usecases/uc7
integration/extfp-usecases/uc8
Ссылки на модули системы и их внутренние элементы
-------------------------------------------------
......
Вариант 8. Авторизация во внешнем проигрывателе
-----------------------------------------------
Авторизация в Synergy внутри внешнего проигрывателя форм. В результате успешной авторизации открывается форма из варианта 8.
Примеры логинов/паролей для варианта 8:
* 1/1
* user_for_scripting_uc/user_for_scripting_uc
.. raw:: html
<iframe src="../../_static/html/integration/extfp-usecases/uc7/index.html" scrolling='no' height="700px" width="100%" style="border:1px solid grey;"></iframe>
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment