Empresa

 avatar
mwarzak
html
3 years ago
11 kB
2
Indexable
<!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("Company");?>
		<!-- 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-company">
						<!-- 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 empresa item. -->
												<div class="masonry-item col-12">
													<div class="bd bgc-white">
														<div class="peers fxw-nw@lg+ ai-s">
															<!-- Start of the empresa 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">
																			Empresa
																		</h4>
																	<!-- End of the table title. -->	
																	
																	<!-- Start of the table. -->
																		<table id="companyDataTable" class="table table-striped table-bordered" cellspacing="0" width="90%">
																			<!-- Start of the table header. -->
																				<thead>
																					<tr>
																						<th>Nome</th>
																						<th>Código</th>																						
																						<th>Usuário</th>
																						<th>Ações</th>
																					</tr>
																				</thead>
																			<!-- End of the table header. -->

																			<!-- Start of the table footer. -->
																				<tfoot>
																					<tr>
																						<th>Nome</th>
																						<th>Código</th>
																						<th>Usuário</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="companyDeleteModal"
																			class="modal fade"
																			tabindex="-1"
																			role="dialog"
																			aria-labelledby="companyDeleteModalTitle"
																			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="companyDeleteModalTitle" class="modal-title">
																								Excluir Empresa
																							</h5>
																						</div>
																					<!-- End of the table delete modal header. -->

																					<!-- Start of the table delete modal content. -->
																						<div class="modal-body">
																							Deseja realmente excluir essa empresa?
																						</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="companyDeleteModalButton" 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 company table. -->

															<!-- Start of the company 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="companyName">Nome</label>
																							<input type="text" id="companyName" class="form-control" />																							
																							<div class="invalid-feedback">
          																						Nome é um campo obrigatório!
        																					</div>
																						</div>
																					<!-- End of the Name Input. -->

																					<!-- Start of the Code Input. -->
																						<div class="form-group">
																							<label for="companyCode">Código</label>
																							<input type="text" id="companyCode" class="form-control"/>
																							<div class="invalid-feedback">
          																						Código deve ser válido!
        																					</div>
																						</div>
																					<!-- End of the Code Input. -->																			

																					
																					<!-- Start of the Company Input. -->
																						<div class="form-group">
																							<label for="companyUser">Usuário</label>
																							<select id="companyUser" 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">
          																						Usuário é um campo obrigatório e deve ser válido!
        																					</div>
																						</div>
																					<!-- End of the Company Input. -->

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

																			<!-- Start of the buttons. -->
																				<div class="form-group">
																					<!-- Start of the form feedback. -->
																						<div id="companyFeedback" class="invalid-feedback">
																							Esta Empresa já está cadastrada!
																						</div>
																					<!-- End of the form feedback. -->

																					<!-- Start of the Save Button. -->
																						<button class="btn btn-success cur-p" onclick="saveCompany()">
																							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 company form. -->
														</div>
													</div>
												</div>	
											<!-- End of the masonry company 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>
Editor is loading...