Оглавление
Предмет инструкции
Включение подтверждения согласия на обработку персональных данных на странице регистрации по прямой ссылке и через 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 = 'Дополнительное соглашение'; }
Переопределение шаблона
После внесения корректировок необходимо переопределить новым макетом соответствующий тип шаблона текста: