Advertisement
Guest User

Untitled

a guest
Apr 17th, 2018
224
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.37 KB | None | 0 0
  1. <!-- <div style="text-align:center">
  2. <h4 style="margin-bottom:-10px;margin-top:20px;">CADASTRO TRANSPORTE UNIVERSITÁRIO</h4>
  3. </div> -->
  4.  
  5. <div class="wrapper">
  6. <div class="rvt-container rvt-container--center rvt-container--sophomore rvt-m-top-xxl" style="margin-left:-60px">
  7. <ol class="rvt-steps">
  8. <li [class]="classPersonalData">
  9. <a href="#0">
  10. <span class="rvt-steps__label">{{ 'Dados Pessoais' | translate }}</span>
  11. </a>
  12. </li>
  13. <li [class]="classAddress">
  14. <a href="#0">
  15. <span class="rvt-steps__label">{{ 'Endereço' | translate }}</span>
  16. </a>
  17. </li>
  18. <li [class]="classInstitution">
  19. <a href="#0">
  20. <span class="rvt-steps__label">{{ 'Dados da Instituição' | translate }}</span>
  21. </a>
  22. </li>
  23. <li [class]="classDocuments">
  24. <span class="rvt-steps__label">{{ 'Importação de Documentos' | translate }}</span>
  25. </li>
  26. <li>
  27. <span class="rvt-steps__label">{{ 'Salvar' | translate }}</span>
  28. </li>
  29. </ol>
  30. </div>
  31. <div class="content" style=" margin-top: 10px;">
  32. <div class="container-fluid">
  33. <div class="row">
  34. <div class="col-md-12">
  35. <div class="card">
  36. <div class="card-body">
  37. <form novalidate role="form" [formGroup]="formNewUser" (ngSubmit)="onSubmit()">
  38. <div class="form-content">
  39. <!--********************************DADOS PESSOAS******************************* -->
  40. <div *ngIf="visualizationPessoais" formGroupName="personalData">
  41. <div class="row justify-content-end" style="margin-bottom:-3em">
  42. <div class="col-4" style="margin-right: 5px; font-size:16px; font-weight:bold">
  43. {{ 'Passo 1' | translate }}
  44. <hr>
  45. </div>
  46. </div>
  47. <div class="row">
  48. <div class="form-group col-md-4">
  49. <fieldset class="form-group">
  50. <label class="radio-inline">
  51. <input class="ng-tns-c9-2" type="checkbox" formControlName="student">{{ 'Estudante' | translate }}
  52. </label>
  53. <label class="radio-inline">
  54. <input class="ng-tns-c9-2" type="checkbox" formControlName="teacher"> {{ 'Professor' | translate }}
  55. </label>
  56. </fieldset>
  57. </div>
  58. </div>
  59. <!-- gambi -->
  60. <div class="row" style="margin-top : -7px">
  61. <div class="form-group col-md-12">
  62. <label class="control-label">{{ 'Nome Completo' | translate }}</label>
  63. <input aria-describedby="addon-right addon-left" type="text" placeholder="{{ 'Nome Completo' | translate }}" class="form-control"
  64. [class.is-invalid]="formNewUser.get('personalData').get('name').touched && formNewUser.get('personalData').get('name').invalid"
  65. formControlName="name">
  66. <small *ngIf="formNewUser.get('personalData').get('name').valid && formNewUser.get('personalData').get('name').touched" class="form-text text-success">{{ 'Nome válido' | translate }}</small>
  67. <small *ngIf="!formNewUser.get('personalData').get('name').valid && formNewUser.get('personalData').get('name').touched"
  68. class="form-text text-danger">{{ 'Nome inválido - Favor informar nome, sobrenome e não utilizar números ou caracteres especiais!'
  69. | translate }}
  70. </small>
  71. </div>
  72. </div>
  73. <div class="row">
  74. <div class="form-group col-md-12">
  75. <label class="control-label">{{ 'E-mail' | translate }}</label>
  76. <input aria-describedby="addon-right addon-left" type="text" placeholder="{{ 'nome@exemplo.com' | translate }}" class="form-control"
  77. [class.is-invalid]="formNewUser.get('personalData').get('email').touched && formNewUser.get('personalData').get('email').invalid"
  78. formControlName="email">
  79. <small *ngIf="formNewUser.get('personalData').get('email').valid && formNewUser.get('personalData').get('email').touched"
  80. class="form-text text-success">{{ 'E-mail válido' | translate }}</small>
  81. <small *ngIf="!formNewUser.get('personalData').get('email').valid && formNewUser.get('personalData').get('email').touched"
  82. class="form-text text-danger">{{ 'E-mail inválido!' | translate }}
  83. </small>
  84. </div>
  85. </div>
  86. <div class="row" formGroupName="rg">
  87. <div class="form-group col-md-6">
  88. <label class="control-label">RG</label>
  89. <input aria-describedby="addon-right addon-left" type="text" class="form-control" formControlName="number" placeholder="RG">
  90. <small *ngIf="formNewUser.get('personalData').get('rg').get('number').valid && formNewUser.get('personalData').get('rg').get('number').touched"
  91. class="form-text text-success">{{ 'RG válido' | translate }}</small>
  92. <small *ngIf="!formNewUser.get('personalData').get('rg').get('number').valid && formNewUser.get('personalData').get('rg').get('number').touched"
  93. class="form-text text-danger">{{ 'RG inválido' | translate }}
  94. </small>
  95. </div>
  96. <div class="form-group col-md-2">
  97. <label class="control-label">UF</label>
  98. <input aria-describedby="addon-right addon-left" type="text" class="form-control" formControlName="state" placeholder="{{ 'Estado' | translate }}">
  99. <small *ngIf="formNewUser.get('personalData').get('rg').get('state').valid && formNewUser.get('personalData').get('rg').get('state').touched"
  100. class="form-text text-success">{{ 'UF válida' | translate }}</small>
  101. <small *ngIf="!formNewUser.get('personalData').get('rg').get('state').valid && formNewUser.get('personalData').get('rg').get('state').touched"
  102. class="form-text text-danger">{{ 'UF inválida' | translate }}
  103. </small>
  104. </div>
  105. <div class="form-group col-md-4">
  106. <label class="control-label">{{ 'Data de Expedição' | translate }}</label>
  107. <input aria-describedby="addon-right addon-left" type="text" class="form-control" formControlName="date" [mask]="getMask('date')"
  108. placeholder="00/00/0000">
  109. <small *ngIf="formNewUser.get('personalData').get('rg').get('date').valid && formNewUser.get('personalData').get('rg').get('date').touched"
  110. class="form-text text-success">{{ 'Data válida' | translate }}</small>
  111. <small *ngIf="!formNewUser.get('personalData').get('rg').get('date').valid && formNewUser.get('personalData').get('rg').get('date').touched"
  112. class="form-text text-danger">{{ 'Data inválida' | translate }}
  113. </small>
  114. </div>
  115. </div>
  116. <div class="row">
  117. <div class="form-group col-md-6">
  118. <label class="control-label">CPF</label>
  119. <input aria-describedby="addon-right addon-left" type="text" class="form-control" formControlName="cpf" [mask]="getMask('CPF')"
  120. placeholder="CPF">
  121. <small *ngIf="formNewUser.get('personalData').get('cpf').valid && formNewUser.get('personalData').get('cpf').touched" class="form-text text-success">{{ 'CPF válido' | translate }}</small>
  122. <small *ngIf="!formNewUser.get('personalData').get('cpf').valid && formNewUser.get('personalData').get('cpf').touched" class="form-text text-danger">{{ 'CPF inválido' | translate }}
  123. </small>
  124. </div>
  125. <div class="form-group col-md-6">
  126. <label class="control-label">{{ 'Tipo Sanguíneo' | translate }}</label>
  127. <select class="custom-select col-md-6" #selectBlood (change)="setValueBloodType(selectBlood.value)">
  128. <option *ngFor="let bloodType of bloodTypes" [value]="bloodType" [selected]="formNewUser.get('personalData').get('bloodType').value == bloodType">
  129. {{ bloodType | translate }}
  130. </option>
  131. </select>
  132. <small *ngIf="formNewUser.get('personalData').get('bloodType').valid && formNewUser.get('personalData').get('bloodType').touched"
  133. class="form-text text-success">{{ 'Tipo sanguíneo válido' | translate }}</small>
  134. <small *ngIf="!formNewUser.get('personalData').get('bloodType').valid && formNewUser.get('personalData').get('bloodType').touched"
  135. class="form-text text-danger">{{ 'Tipo sanguíneo inválido' | translate }}
  136. </small>
  137. </div>
  138. </div>
  139. <div class="form-row">
  140. <div class="form-group col-md-6">
  141. <label class="control-label">{{ 'Nome da Mãe' | translate }}</label>
  142. <input aria-describedby="addon-right addon-left" type="text" placeholder="{{ 'Nome Completo' | translate }}" class="form-control"
  143. formControlName="motherSname">
  144. <small *ngIf="formNewUser.get('personalData').get('motherSname').valid && formNewUser.get('personalData').get('motherSname').touched"
  145. class="form-text text-success">{{ 'Nome da mãe válido' | translate }}</small>
  146. <small *ngIf="!formNewUser.get('personalData').get('motherSname').valid && formNewUser.get('personalData').get('motherSname').touched"
  147. class="form-text text-danger">{{ 'Nome da mãe inválido' | translate }}
  148. </small>
  149. </div>
  150. <div class="form-group col-md-2" id="divPhoneType">
  151. <label class="control-label">{{ 'Tipo de telefone' | translate }}</label>
  152. <select class="custom-select" #selectPhone (change)="setValuePhoneType(selectPhone.value)">
  153. <option *ngFor="let phoneType of phoneTypes" [value]="phoneType" [selected]="formNewUser.get('personalData').get('phone').get('name').value == phoneType">
  154. {{ phoneType | translate }}
  155. </option>
  156. </select>
  157. </div>
  158. <div class="form-group col-md-4" id="divPhoneNumber" formGroupName="phone">
  159. <label class="control-label">{{ 'Número:' | translate }}</label>
  160. <input aria-describedby="addon-right addon-left" type="text" placeholder="{{ 'Telefone para Contato' | translate }}" class="form-control"
  161. formControlName="numberPhone" [mask]="getMask(selectPhone.value)">
  162. <small *ngIf="formNewUser.get('personalData').get('phone').get('numberPhone').valid && formNewUser.get('personalData').get('phone').get('numberPhone').touched"
  163. class="form-text text-success">{{ 'Telefone válido' | translate }}</small>
  164. <small *ngIf="!formNewUser.get('personalData').get('phone').get('numberPhone').valid && formNewUser.get('personalData').get('phone').get('numberPhone').touched"
  165. class="form-text text-danger">{{ 'Telefone inválido' | translate }}
  166. </small>
  167. </div>
  168. </div>
  169. <div class="text-center">
  170. <button class="btn btn-info float-right" type="button" (click)="openVisualizationForms('personalData', 'next')">{{ 'Próximo' | translate }}</button>
  171. </div>
  172. </div>
  173. <!--********************************ENDEREÇOS******************************* -->
  174. <div *ngIf="visualizationEnd" formGroupName="address">
  175. <div class="row justify-content-end">
  176. <div class="col-4" style="margin-bottom: 5px; font-size:16px; font-weight:bold">
  177. {{ 'Passo 2' | translate }}
  178. <hr>
  179. </div>
  180. </div>
  181. <div class="row">
  182. <div class="form-group col-md-6">
  183. <label class="control-label">{{ 'Logradouro' | translate }}</label>
  184. <input aria-describedby="addon-right addon-left" type="text" class="form-control" formControlName="street" placeholder="{{ 'Logradouro' | translate }}">
  185. <small *ngIf="formNewUser.get('address').get('street').valid && formNewUser.get('address').get('street').touched" class="form-text text-success">{{ 'Logradouro válido' | translate }}</small>
  186. <small *ngIf="!formNewUser.get('address').get('street').valid && formNewUser.get('address').get('street').touched" class="form-text text-danger">{{ 'Logradouro inválido' | translate }}
  187. </small>
  188. </div>
  189. <div class="form-group col-md-2">
  190. <label class="control-label">Nº</label>
  191. <input aria-describedby="addon-right addon-left" type="text" class="form-control" formControlName="number" placeholder="{{ 'Número' | translate }}">
  192. <small *ngIf="formNewUser.get('address').get('number').valid && formNewUser.get('address').get('number').touched" class="form-text text-success">{{ 'Número válido' | translate }}</small>
  193. <small *ngIf="!formNewUser.get('address').get('number').valid && formNewUser.get('address').get('number').touched" class="form-text text-danger">{{ 'Número inválido' | translate }}
  194. </small>
  195. </div>
  196. <div class="form-group col-md-4">
  197. <label class="control-label">{{ 'Bairro' | translate }}</label>
  198. <input aria-describedby="addon-right addon-left" type="text" class="form-control" formControlName="neighborhood" placeholder="{{ 'Bairro' | translate }}">
  199. <small *ngIf="formNewUser.get('address').get('neighborhood').valid && formNewUser.get('address').get('neighborhood').touched"
  200. class="form-text text-success">{{ 'Bairro válido' | translate }}</small>
  201. <small *ngIf="!formNewUser.get('address').get('neighborhood').valid && formNewUser.get('address').get('neighborhood').touched"
  202. class="form-text text-danger">{{ 'Bairro inválido' | translate }}
  203. </small>
  204. </div>
  205. </div>
  206. <div class="text-center">
  207. <button class="btn btn-info float-left" type="button" (click)="openVisualizationForms('address', 'previous')">{{ 'Anterior' | translate }}</button>
  208. <button class="btn btn-info float-right" type="button" (click)="openVisualizationForms('address', 'next')">{{ 'Próximo' | translate }}</button>
  209. </div>
  210. </div>
  211. <!--********************************DADOS DA INSTITUIÇÃO******************************* -->
  212. <div *ngIf="visualizationInsti" formGroupName="institution">
  213. <div class="row justify-content-end">
  214. <div class="col-4" style="margin-bottom: 5px; font-size:16px; font-weight:bold">
  215. {{ 'Passo 3' | translate }}
  216. <hr>
  217. </div>
  218. </div>
  219. <div class="row">
  220. <div class="form-group col-md-6">
  221. <label class="control-label">{{ 'Nome da Instituição' | translate }}</label>
  222. <select class="custom-select col-md-6" #selectInstitution (change)="setValueInstitution(selectInstitution.value)">
  223. <!-- faz a verificação do selected toda vez que entra no ng if para cada campo, é necessario para manter o
  224. valor caso fique alternando entre as paginas, mas como afeta o desempenho? -->
  225. <option *ngFor="let institution of institutions" [value]="institution" [selected]="formNewUser.get('institution').get('name').value == institution">
  226. {{ institution | translate }}
  227. </option>
  228. </select>
  229. <small *ngIf="formNewUser.get('institution').get('name').valid && formNewUser.get('institution').get('name').touched" class="form-text text-success">{{ 'Nome da Instituição válido' | translate }}</small>
  230. <small *ngIf="!formNewUser.get('institution').get('name').valid && formNewUser.get('institution').get('name').touched" class="form-text text-danger">{{ 'Nome da Instituição inválido' | translate }}
  231. </small>
  232. </div>
  233. <div class="form-group col-md-6">
  234. <label class="control-label">{{ 'Cidade da Instituição' | translate }}</label>
  235. <select class="custom-select col-md-6" #selectCity (change)="setValueCity(selectCity.value)">
  236. <option *ngFor="let city of citysInstitution" [value]="city" [selected]="formNewUser.get('institution').get('city').value == city">
  237. {{ city | translate }}
  238. </option>
  239. </select>
  240. <small *ngIf="formNewUser.get('institution').get('city').valid && formNewUser.get('institution').get('city').touched" class="form-text text-success">{{ 'Cidade válida' | translate }}</small>
  241. <small *ngIf="!formNewUser.get('institution').get('city').valid && formNewUser.get('institution').get('city').touched" class="form-text text-danger">{{ 'Cidade inválida' | translate }}
  242. </small>
  243. </div>
  244. </div>
  245. <div class="row">
  246. <div class="form-group col-md-7">
  247. <label class="control-label">{{ 'Nome do Curso' | translate }}</label>
  248. <input aria-describedby="addon-right addon-left" type="text" class="form-control" formControlName="course" placeholder="{{ 'Curso' | translate }}">
  249. <small *ngIf="formNewUser.get('institution').get('course').valid && formNewUser.get('institution').get('course').touched"
  250. class="form-text text-success">{{ 'Curso válido' | translate }}</small>
  251. <small *ngIf="!formNewUser.get('institution').get('course').valid && formNewUser.get('institution').get('course').touched"
  252. class="form-text text-danger">{{ 'Curso inválido' | translate }}
  253. </small>
  254. </div>
  255. <div class="form-group col-md-2">
  256. <label class="control-label">{{ 'Ano de Início' | translate }}</label>
  257. <input aria-describedby="addon-right addon-left" type="text" class="form-control" formControlName="startYear" placeholder="0000">
  258. <small *ngIf="formNewUser.get('institution').get('startYear').valid && formNewUser.get('institution').get('startYear').touched"
  259. class="form-text text-success">{{ 'Ano de início válido' | translate }}</small>
  260. <small *ngIf="!formNewUser.get('institution').get('startYear').valid && formNewUser.get('institution').get('startYear').touched"
  261. class="form-text text-danger">{{ 'Ano de início inválido' | translate }}
  262. </small>
  263. </div>
  264. <div class="form-group col-md-3">
  265. <label class="control-label">{{ 'Previsão de Término' | translate }}</label>
  266. <input aria-describedby="addon-right addon-left" type="email" class="form-control" formControlName="yearTermination" placeholder="0000">
  267. <small *ngIf="formNewUser.get('institution').get('yearTermination').valid && formNewUser.get('institution').get('yearTermination').touched"
  268. class="form-text text-success">{{ 'Ano de término válido' | translate }}</small>
  269. <small *ngIf="!formNewUser.get('institution').get('yearTermination').valid && formNewUser.get('institution').get('yearTermination').touched"
  270. class="form-text text-danger">{{ 'Ano de término inválido' | translate }}
  271. </small>
  272. </div>
  273. </div>
  274. <br>
  275. <div class="row">
  276. <div class="form-group col-md-6">
  277. <label>{{ 'Perído de Ida' | translate }}</label>
  278. <div class="table-responsive">
  279. <table class="table table-md">
  280. <thead>
  281. <tr id="periodosOnibus">
  282. <th scope="col"></th>
  283. <th scope="col">{{ 'Manhã' | translate}} - 7h </th>
  284. <th scope="col">{{ 'Tarde' | translate}} - 13h</th>
  285. <th scope="col">{{ 'Noite' | translate}} - 18h40</th>
  286. <th scope="col">{{ 'Não Vou' | translate}}</th>
  287. </tr>
  288. </thead>
  289. <tbody>
  290. <tr *ngFor="let day of daysOfTheWeek">
  291. <th scope="row">{{ day.name | translate}}</th>
  292. <td>
  293. <input class="form-check-input" type="checkbox" [checked]="timeToGoInstitution[day.index][0]" (change)="setValuetimeToGoInstitution(day.index, 0)">
  294. </td>
  295. <td>
  296. <input class="form-check-input" type="checkbox" [checked]="timeToGoInstitution[day.index][1]" (change)="setValuetimeToGoInstitution(day.index, 1)">
  297. </td>
  298. <td>
  299. <input class="form-check-input" type="checkbox" [checked]="timeToGoInstitution[day.index][2]" (change)="setValuetimeToGoInstitution(day.index, 2)">
  300. </td>
  301. <td>
  302. <input class="form-check-input" type="checkbox" [checked]="timeToGoInstitution[day.index][3]" (change)="setValuetimeToGoInstitution(day.index, 3)">
  303. </td>
  304. </tr>
  305. </tbody>
  306. </table>
  307. </div>
  308. </div>
  309. <div class="form-group col-md-6">
  310. <label>{{ 'Perído de Volta' | translate}}</label>
  311. <div class="table-responsive">
  312. <table class="table table-md" #table>
  313. <thead>
  314. <tr id="periodosOnibus">
  315. <th scope="col"></th>
  316. <th scope="col">{{ 'Manhã' | translate}} - 12h </th>
  317. <th scope="col">{{ 'Tarde' | translate}} - 17h30</th>
  318. <th scope="col">{{ 'Noite' | translate}} - 23h40</th>
  319. <th scope="col">{{ 'Não Vou' | translate}}</th>
  320. </tr>
  321. </thead>
  322. <tbody>
  323. <tr *ngFor="let day of daysOfTheWeek">
  324. <th scope="row">{{ day.name | translate}}</th>
  325. <td>
  326. <input class="form-check-input" type="checkbox" [checked]="timeToBackInstitution[day.index][0]" (change)="setValuetimeToBackInstitution(day.index, 0)">
  327. </td>
  328. <td>
  329. <input class="form-check-input" type="checkbox" [checked]="timeToBackInstitution[day.index][1]" (change)="setValuetimeToBackInstitution(day.index, 1)">
  330. </td>
  331. <td>
  332. <input class="form-check-input" type="checkbox" [checked]="timeToBackInstitution[day.index][2]" (change)="setValuetimeToBackInstitution(day.index, 2)">
  333. </td>
  334. <td>
  335. <input class="form-check-input" type="checkbox" [checked]="timeToBackInstitution[day.index][3]" (change)="setValuetimeToBackInstitution(day.index, 3)">
  336. </td>
  337. </tr>
  338. </tbody>
  339. </table>
  340. </div>
  341. </div>
  342. </div>
  343. <div class="text-center">
  344. <button class="btn btn-info float-left" type="button" (click)="openVisualizationForms('institution', 'previous')">{{ 'Anterior' | translate }}</button>
  345. <button class="btn btn-info float-right" type="button" (click)="openVisualizationForms('institution', 'next')">{{ 'Próximo' | translate }}</button>
  346. </div>
  347. </div>
  348. <!--********************************DOCUMENTOS******************************* -->
  349. <div *ngIf="visualizationDoc">
  350. <div class="row justify-content-end">
  351. <div class="col-4" style="margin-bottom: 5px; font-size:16px; font-weight:bold">
  352. {{ 'Passo 4' | translate }}
  353. <hr>
  354. </div>
  355. </div>
  356. <div class="row">
  357. <div class="col-md-6">
  358. <fieldset class="form-group">
  359. <label for="exampleInputFile">RG</label>
  360. <input type="file" class="form-control-file" id="exampleInputFile" #file>
  361. </fieldset>
  362. </div>
  363. <div class="col-md-6">
  364. <fieldset class="form-group">
  365. <label for="exampleInputFile">CPF</label>
  366. <input type="file" class="form-control-file" id="exampleInputFile">
  367. <div id="result">
  368. </div>
  369. </fieldset>
  370. </div>
  371. </div>
  372. <div class="row">
  373. <div class="col-md-6">
  374. <fieldset class="form-group">
  375. <label for="exampleInputFile">{{ 'Comprovante de Residência' | translate }}</label>
  376. <input type="file" class="form-control-file" id="exampleInputFile">
  377. </fieldset>
  378. </div>
  379. <div class="col-md-6">
  380. <fieldset class="form-group">
  381. <label for="exampleInputFile">{{ 'Comprovante de Matrícula' | translate }}</label>
  382. <input type="file" class="form-control-file" id="exampleInputFile">
  383. </fieldset>
  384. </div>
  385. </div>
  386. <div class="row">
  387. <div class="col-md-6">
  388. <fieldset class="form-group">
  389. <label for="exampleInputFile">{{ 'Cadastro Municipal' | translate }}</label>
  390. <input type="file" class="form-control-file" id="exampleInputFile">
  391. </fieldset>
  392. </div>
  393. <div class="col-md-6">
  394. <fieldset class="form-group">
  395. <label for="exampleInputFile">{{ 'Foto 3x4' | translate }}</label>
  396. <input type="file" class="form-control-file" id="exampleInputFile">
  397. </fieldset>
  398. </div>
  399. </div>
  400. <div class="text-center">
  401. <button type="button" class="btn btn-info float-right" (click)="openVisualizationForms('documents', 'next')">{{ 'Próximo' | translate }}</button>
  402. <button type="button" class="btn btn-info float-left" (click)="openVisualizationForms('documents', 'previous')">{{ 'Anterior' | translate }}</button>
  403. </div>
  404. </div>
  405. <!-- ************************ SALVAR ******************************** -->
  406. <div *ngIf="visualizationSave">
  407. <div class="text-center">
  408. <button type="submit" class="btn btn-info float-right">{{ 'CADASTRAR' | translate }}</button>
  409. <button type="button" class="btn btn-info float-left" (click)="openVisualizationForms('save', 'previous')">{{ 'Anterior' | translate }}</button>
  410. </div>
  411. </div>
  412. </div>
  413. </form>
  414. </div>
  415. </div>
  416. </div>
  417. </div>
  418. </div>
  419. </div>
  420. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement