Оглавление
Предмет инструкции
Включение подтверждения согласия на обработку персональных данных на странице регистрации по прямой ссылке и через iframe.
Добавление текста согласия на обработку персональных данных.
Порядок действий
Все модифицируемые блоки можно найти в тексте шаблона по хэш-тэгу #СогласиеПриРегистрации
Модификация шаблона Страница регистрации:
- Включить (раскомментировать) проверку отметки об ознакомлении и при необходимости изменить текст сообщения проверки заполнения отметки
// --> #СогласиеПриРегистрации Проверка отметки ознакомления //Раскомментировать при использовании в переопределенном шаблоне
if (d.classList.contains("check") && !d.checked){ return d.focus, s.innerHTML = "Для продолжения регистрации необходимо подтвердить отметку об ознакомлении", s.classList.remove("d-none"), e = !1;}
// <--
2. Включить (изменить режим отображения) отображение чек-бокса для подтверждения согласия при регистрации
<!-- #СогласиеПриРегистрации При необходимости отображения чек-бокса для подтверждения соглашения заменить display:none на display:inline-flex --> <div class="form-row" style="display:none"> <div> <input name="check" id="check" type="checkbox" class="req check" placeholder="Check this:" autocomplete="off"></input> </div> <!-- #СогласиеПриРегистрации Указать при необходимости - на что дается согласие и заменить display:none на display:inline-flex--> <div style="margin-left:10px;display:none">Я подтверждаю правильность введённых данных и даю своё <a href="#_top" onclick="ShowAgreement(event)" style="text-decoration: underline">согласие.</a> </div> </div>
3. Заполнить раздел, содержащий текст согласия на регистрацию (Есть возможность вывода информации по обслуживающим организациям - реквизитам и доп. реквизитам, указанным в Настройках регистрации абонентов)
<!-- #СогласиеПриРегистрации При необходимости использования окна с доп. соглашением при регистрации - переопределить заголовок и тело в modal-header и modal-body соответственно -->
<div class="modal">
<div class="modal-header" >
<span class="close" onclick="CloseAgreement(event)" style="font-size:150%;cursor: pointer;"><b>x</b></span>
<h2 style="text-align: justify">Заголовок согласия</h2>
</div>
<div class="modal-body">
<p>Содержимое согласия</p>
<ul>
<!-- Для вывода основных реквизитов абонента обслуживающей организации:
{{ОбслуживающаяОрганизация.Наименование}}
Для вывода доп. реквизитов/сведений:
ОбслуживающаяОрганизация.[ЮрНаименование]
где ЮрНаименование - имя добавленного доп.реквизита
-->
<li>Пример основной организации</li>
{{ЦИКЛ ОбслуживающаяОрганизация}} <li>{{ОбслуживающаяОрганизация.[ЮрНаименование]}}, {{ОбслуживающаяОрганизация.[ЮрАдрес]}} </li>
{{КонецЦикла}}
</ul>
</div>
</div>
4. Включить (раскомментировать) проверку (вторая проверка в шаблоне) отметки об ознакомлении и скорректировать текст ее сообщения
// --> #СогласиеПриРегистрации Проверка отметки ознакомления //Раскомментировать при использовании в переопределенном шаблоне
if (input.classList.contains("check") && !input.checked){
isSuccess = false;
error.innerHTML="Для продолжения регистрации необходимо подтвердить отметку об ознакомлении.";
error.classList.remove("d-none");
if(!isFocus) {
input.focus();
isFocus = true;
}
}
// <--
Модификация шаблона Страница регистрации встраиваемая (iframe):
1. Включить (раскомментировать) проверку отметки об ознакомлении и скорректировать текст ее сообщения
// --> #СогласиеПриРегистрации Проверка отметки ознакомления. Раскомментировать при необходимости
if (requireds[i].classList.contains("check") && !requireds[i].checked) {
var error = document.getElementById('error'+id);
error.classList.remove('hide');
isOk = false;
return false;
}
// <--
2. Включить (изменить режим отображения) отображение чек-бокса для подтверждения согласия при регистрации
<!-- #СогласиеПриРегистрации При необходимости отображения чек-бокса для подтверждения соглашения заменить убрать стиль display:none --> <div class="form-cell" style="display:none"> <div class="form-block" id="form-block-5" onclick="focusIn(5);" > <input type="checkbox" id="form-input-5" onblur="focusOut(5);" onfocus="focusIn(5);" name="check" value="false" class="required check" style="width:5%;display:inline-block"> <!-- #СогласиеПриРегистрации Указать при необходимости на что дается согласие --> Я подтверждаю правильность введённых данных и даю своё <a href="#_top" onclick="ShowAgreement(event)">согласие.</a> </input> <span class="hide error" id="error4" style="margin-bottom:10px">Для продолжения регистрации необходимо подтвердить отметку об ознакомлении.</span> </div> </div>
3. Заполнить раздел, содержащий текст согласия на регистрацию (Есть возможность вывода информации по обслуживающим организациям - реквизитам и доп. реквизитам, указанным в Настройках регистрации абонентов)
<!-- #СогласиеПриРегистрации При необходимости использования окна с доп. соглашением при регистрации - переопределить заголовок и тело в modal-header и modal-body соответственно -->
<div class="modal">
<div class="modal-header" style="width:940px">
<h2 style="text-align: justify">Заголовок соглашения</h2>
</div>
<div class="modal-body" style="width:940px">
<p>Содержимое согласия</p>
<ul>
<!-- Для вывода основных реквизитов абонента обслуживающей организации:
{{ОбслуживающаяОрганизация.Наименование}}
Для вывода доп. реквизитов/сведений:
ОбслуживающаяОрганизация.[ЮрНаименование]
где ЮрНаименование - имя добавленного доп.реквизита
-->
<li>Пример основной организации</li>
{{ЦИКЛ ОбслуживающаяОрганизация}} <li>{{ОбслуживающаяОрганизация.[ЮрНаименование]}}, {{ОбслуживающаяОрганизация.[ЮрАдрес]}} </li>
{{КонецЦикла}}
</ul>
</div>
</div>
4. Указать заголовок окна, содержащий текст соглашения, открываемого для ознакомления при регистрации
function ShowAgreement(Event){
event.preventDefault();
var view = window.open("","view");
var modal = document.querySelector('.modal');
view.document.body.innerHTML = '';
view.document.write(modal.innerHTML);
//Детализировать заголовок при необходимости
view.document.title = 'Дополнительное соглашение';
}
Переопределение шаблона
После внесения корректировок необходимо переопределить новым макетом соответствующий тип шаблона текста:
