Advertisement
Guest User

html

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