Инструкция по включению подтверждения согласия при регистрации

Оглавление

Включение подтверждения согласия на обработку персональных данных на странице регистрации по прямой ссылке и через iframe.

Добавление текста согласия на обработку персональных данных.

Все модифицируемые блоки можно найти в тексте шаблона по хэш-тэгу #СогласиеПриРегистрации

Модификация шаблона Страница регистрации

1. Включить (раскомментировать) проверку отметки об ознакомлении и при необходимости изменить текст сообщения проверки заполнения отметки 

   // --> #СогласиеПриРегистрации Проверка отметки ознакомления //Раскомментировать при использовании в переопределенном шаблоне 
   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 = 'Дополнительное соглашение';
   }
   

Переопределение шаблона

После внесения корректировок необходимо переопределить новым макетом соответствующий тип шаблона текста: