Untitled

 avatar
mwarzak
plain_text
2 years ago
14 kB
1
Indexable
Never
<!DOCTYPE html>
<html>

	<head>
		<!-- Start of the meta tags declaration. -->
			<?=Main::setMetas();?>
		<!-- End of the meta tags declaration. -->

		<!-- Start of the title declaration. -->
			<?=Main::setTitle("Condutores");?>
		<!-- End of the title declaration. -->

		<!-- Start of the favicon declaration. -->
			<?=Main::setFavicon();?>
		<!-- End of the favicon declaration. -->

		<!-- Start of the Style declaration section. -->
			<?=Main::declareStyle();?>
			<?=Main::enableInfoWindow();?>
            <link rel="stylesheet" href="./style.css?=<?=time()?>" />
		<!-- End of the Style declaration section. -->
	</head>

	<body class="app"
		<?=(Auth::isSession() ? "h=\"".Auth::getSessionHash()."\"" : "")?>
		<?=(Auth::isSession() ? "p=\"".Auth::getSessionPermission()."\"" : "")?>
		<?=(Auth::isSession() ? "c=\"".Auth::getSessionCompanyPermission()."\"" : "")?>
	>
		<!-- Start of the loader. -->
			<?=Build::buildLoader();?>
		<!-- End of the loader. -->

		<!-- Start of the loader scripting. -->
			<?=Build::runLoader();?>
		<!-- End of the loader scripting. -->
		
		<!-- Start of the page. -->
			<div>
				<!-- Start of the page sidebar. -->
					<?=Build::buildSidebar();?>
				<!-- End of the page sidebar. -->

				<!-- Start of the page main container. -->
					<div class="page-container">
						<!-- Start of the page main container topbar. -->
							<?=Build::buildTopbar();?>
						<!-- End of the page main container topbar. -->

						<!-- Start of the page main panel. -->
							<main class="main-content bgc-grey-100">
								<div id="mainContent">
									<!-- Start of the masonry. -->
										<div class="row gap-20 masonry pos-r">
											<div id="sizer">												
												<!-- Start of the masonry sizer. -->
													<div class="masonry-sizer col-md-6">
														<!-- Required for the masonry minimum size. -->
													</div>
												<!-- End of the masonry sizer. -->
											</div>

											<!-- Start of the masonry conductors item. -->
												<div class="masonry-item col-12">
													<div class="bd bgc-white">
														<div class="peers fxw-nw@lg+ ai-s">
															<!-- Start of the conductors table. -->
																<div id="peerTable" class="peer bdR p-20 w-100p@lg+ w-100p@lg-">	
																	<!-- Start of the table title. -->
																		<h4 class="c-grey-900 mB-20">
																			Condutores
																		</h4>
																	<!-- End of the table title. -->	
																	
																	<!-- Start of the table. -->
																		<table id="conductorsDataTable" class="table table-striped table-bordered" cellspacing="0" width="100%">
																			<!-- Start of the table header. -->
																				<thead>
																					<tr>
																						<th>Nome</th>
																						<th>Telefone</th>
																						<th>E-mail</th>
																						<th>CNH</th>
																						<th>Categorias</th>
																						<th>Ações</th>
																					</tr>
																				</thead>
																			<!-- End of the table header. -->

																			<!-- Start of the table footer. -->
																				<tfoot>
																					<tr>
																						<th>Nome</th>
																						<th>Telefone</th>
																						<th>E-mail</th>
																						<th>CNH</th>
																						<th>Categorias</th>
																						<th>Ações</th>
																					</tr>
																				</tfoot>
																			<!-- End of the table footer. -->

																			<!-- Start of the table body. -->
																				<tbody>

																				</tbody>
																			<!-- End of the table body. -->
																		</table>
																	<!-- End of the table. -->

																	<!-- Start of the table delete modal. -->
																		<div
																			id="conductorDeleteModal"
																			class="modal fade"
																			tabindex="-1"
																			role="dialog"
																			aria-labelledby="conductorDeleteModalTitle"
																			aria-hidden="true"
																		>
																			<div class="modal-dialog mT-100" role="document">
																				<!-- Start of the table delete modal content. -->
																				<div class="modal-content">
																					<!-- Start of the table delete modal header. -->
																						<div class="modal-header">
																							<h5 id="conductorDeleteModalTitle" class="modal-title">
																								Excluir Condutor
																							</h5>
																						</div>
																					<!-- End of the table delete modal header. -->

																					<!-- Start of the table delete modal content. -->
																						<div class="modal-body">
																							Deseja realmente excluir esse condutor?
																						</div>
																					<!-- End of the table delete modal content. -->
																					
																					<!-- Start of the table delete modal footer. -->
																						<div class="modal-footer">
																							<!-- Start of the return button. -->
																								<button type="button" class="btn btn-secondary cur-p" data-dismiss="modal">
																									Não
																								</button>
																							<!-- End of the return button. -->

																							<!-- Start of the delete button. -->
																								<button id="conductorDeleteModalButton" type="button" class="btn btn-danger cur-p">
																									Excluir
																								</button>
																							<!-- End of the delete button. -->
																						</div>
																					<!-- End of the table delete modal footer. -->
																				</div>
																				<!-- End of the table delete modal content. -->
																			</div>
																		</div>
																	<!-- End of the table delete modal. -->
																</div>
															<!-- End of the conductors table. -->

															<!-- Start of the conductors form. -->
																<div id="peerForm" class="peer bdR p-20 w-100p@lg+ w-100p@lg- d-none">	
																	<!-- Start of the form title. -->
																		<h4 class="c-grey-900 mB-20">
																			<!-- Reserved for the title. -->
																		</h4>
																	<!-- End of the form title. -->	
																	
																	<!-- Start of the form container. -->
																		<div class="container">
																			<!-- Start of the form. -->
																				<form class="needs-validation" novalidate>
																					<!-- Start of the Name Input. -->
																						<div class="form-group">
																							<label for="conductorName">Nome</label>
																							<input type="text" id="conductorName" class="form-control" />																							
																							<div class="invalid-feedback">
          																						Nome é um campo obrigatório!
        																					</div>
																						</div>
																					<!-- End of the Name Input. -->

																					<!-- Start of the Phone Input. -->
																						<div class="form-group">
																							<label for="conductorPhone">Telefone</label>
																							<input type="text" id="conductorPhone" class="form-control" onkeyup="getConductorSuggestion('Phone')" />
																							<div class="invalid-feedback">
          																						Telefone deve ser válido!
        																					</div>
																						</div>
																					<!-- End of the Phone Input. -->

																					<!-- Start of the Email Input. -->
																						<div class="form-group">
																							<label for="conductorEmail">E-mail</label>
																							<input type="text" id="conductorEmail" class="form-control" onkeyup="getConductorSuggestion('Email')" />
																							<div class="invalid-feedback">
          																						E-mail é um campo obrigatório e deve ser válido!
        																					</div>
																						</div>
																					<!-- End of the Email Input. -->

																					<!-- Start of the CPF Input. -->
																						<div class="form-group">
																							<label for="conductorCPF">CPF</label>
																							<input type="text" id="conductorCPF" class="form-control" onkeyup="getConductorSuggestion('CPF')" />
																							<div class="invalid-feedback">
          																						CPF é um campo obrigatório e deve ser válido!
        																					</div>
																						</div>
																					<!-- End of the CPF Input. -->

																					<!-- Start of the CNH Input. -->
																						<div class="form-group">
																							<label for="conductorCNH">CNH (Nº Registro)</label>
																							<input type="text" id="conductorCNH" class="form-control" onkeyup="getConductorSuggestion('CNH')" />
																							<div class="invalid-feedback">
          																						CNH (Nº Registro) é um campo obrigatório e deve ser válido!
        																					</div>
																						</div>
																					<!-- End of the CNH Input. -->

																					<!-- Start of the Dispatched Date Input. -->
																						<div class="form-group">
																							<label for="conductorDispatchedAt">Data de Expedição</label>
																							<input type="date" id="conductorDispatchedAt" class="form-control" />
																							<div class="invalid-feedback">
          																						Data de Expedição é um campo obrigatório e deve ser válida!
        																					</div>
																						</div>
																					<!-- End of the Dispatched Date Input. -->

																					<!-- Start of the Dueded Date Input. -->
																						<div class="form-group">
																							<label for="conductorDuededAt">Data de Vencimento</label>
																							<input type="date" id="conductorDuededAt" class="form-control" />
																							<div class="invalid-feedback">
          																						Data de Vencimento é um campo obrigatório e deve ser válida!
        																					</div>
																						</div>
																					<!-- End of the Dueded Date Input. -->

																					<!-- Start of the Category Input. -->
																						<div class="form-group">
																							<label for="conductorCategory">Categoria</label>
																							<select id="conductorCategory" class="form-control">
																								<option value="" selected>...</option>
																								<option value="A">A</option>
																								<option value="B">B</option>
																								<option value="C">C</option>
																								<option value="D">D</option>
																								<option value="E">E</option>
																								<option value="AB">AB</option>
																								<option value="AC">AC</option>
																								<option value="AD">AD</option>
																								<option value="AE">AE</option>
																							</select>
																							<div class="invalid-feedback">
          																						Categoria é um campo obrigatório e deve ser válida!
        																					</div>
																						</div>
																					<!-- End of the Category Input. -->

																				</form>
																			<!-- End of the form. -->

																			<!-- Start of the buttons. -->
																				<div class="form-group">
																					<!-- Start of the form feedback. -->
																						<div id="conductorFeedback" class="invalid-feedback">
																							Este Condutor já está cadastrado!
																						</div>
																					<!-- End of the form feedback. -->

																					<!-- Start of the Save Button. -->
																						<button class="btn btn-success cur-p" onclick="saveConductor()">
																							Salvar
																						</button>
																					<!-- End of the Save Button. -->
																				
																					<!-- Start of the Return Button. -->
																						<button class="btn btn-secondary cur-p" onclick="showTable()">
																							Voltar
																						</button>
																					<!-- End of the Return Button. -->
																				</div>
																			<!-- End of the buttons. -->
																		</div>
																	<!-- End of the form container. -->
																</div>
															<!-- End of the conductors form. -->
														</div>
													</div>
												</div>	
											<!-- End of the masonry conductors item. -->	
										</div>
									<!-- End of the masonry. -->
								</div>
							</main>
						<!-- End of the page main panel. -->																	

						<!-- Start of the page main container footer. -->
							<?=Build::buildFooter();?>
						<!-- End of the page main container footer. -->
					</div>
				<!-- End of the page main container. -->
			</div>
		<!-- End of the page. -->

		<!-- Start of the Script declaration section. -->
			<?=Main::declareScripts();?>
			<?=Main::enableHash();?>
			<?=Main::enablePaginator();?>
			<script src="./index.js?=<?=time()?>"></script>
		<!-- End of the Script declaration section. -->	
	</body>

</html>