Оглавление

Предмет инструкции

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

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

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