API tools faq
paste
Advertisement
Guest User

Untitled

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