Created
October 24, 2016 21:07
-
-
Save anonymous/3cf94e57d8936462c6e473952adf8979 to your computer and use it in GitHub Desktop.
Série RestServer - View
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="pt_BR"> | |
<head> | |
<meta charset="utf-8"> | |
<title>RestServer com CodeIgniter</title> | |
<link rel="stylesheet" href="<?=base_url('bower_components/bootstrap/dist/css/bootstrap.min.css')?>"> | |
<link rel="stylesheet" href="<?=base_url('bower_components/datatables.net-bs/css/dataTables.bootstrap.css')?>"> | |
</head> | |
<body> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-lg-12"> | |
<h1>Usuários</h1> | |
<a href="javascript:void(0)" id="btn-atualiza-datatable" class="btn btn-primary pull-left">ATUALIZAR TABELA</a> | |
<a href="javascript:void(0)" id="btn-novo-usuario" data-toggle="modal" data-target="#formUsuarioModal" class="btn btn-success pull-right">NOVO USUÁRIO</a> | |
</div> | |
<div class="col-lg-12"> | |
<hr/> | |
<table id="DataTableUsuarios" data-url="<?=base_url('api/usuarios')?>" class="table table-striped table-bordered display" cellspacing="0" width="100%"> | |
<thead> | |
<tr> | |
<th>ID</th> | |
<th>Nome</th> | |
<th>Email</th> | |
</tr> | |
</thead> | |
<tfoot> | |
<tr> | |
<th>ID</th> | |
<th>Nome</th> | |
<th>Email</th> | |
</tr> | |
</tfoot> | |
</table> | |
</div> | |
</div> | |
</div> | |
<div class="modal fade" id="formUsuarioModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> | |
<div class="modal-dialog" role="document"> | |
<div class="modal-content"> | |
<div class="modal-header"> | |
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> | |
<h4 class="modal-title" id="myModalLabel">Novo Usuário</h4> | |
</div> | |
<div class="modal-body"> | |
<form class="form-horizontal" method="POST" action="<?=base_url('api/usuarios')?>" id="formUsuario"> | |
<div class="form-group"> | |
<label class="col-md-3 control-label" for="nome">Nome</label> | |
<div class="col-md-9"> | |
<input id="nome" name="nome" placeholder="Seu nome" class="form-control input-md" type="text"> | |
</div> | |
</div> | |
<div class="form-group"> | |
<label class="col-md-3 control-label" for="email">Email</label> | |
<div class="col-md-9"> | |
<input id="email" name="email" placeholder="Seu email" class="form-control input-md" type="email"> | |
</div> | |
</div> | |
<div class="form-group"> | |
<label class="col-md-3 control-label" for="senha">Senha</label> | |
<div class="col-md-9"> | |
<input id="senha" name="senha" placeholder="senha" class="form-control input-md" type="password"> | |
</div> | |
</div> | |
<div class="form-group"> | |
<label class="col-md-3 control-label" for="biografia">Biografia</label> | |
<div class="col-md-9"> | |
<textarea class="form-control" id="biografia" name="biografia" placeholder="Fale um pouco sobre você"></textarea> | |
</div> | |
</div> | |
</form> | |
</div> | |
<div class="modal-footer"> | |
<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button> | |
<button type="button" class="btn btn-primary" id="btn-submit-form">Salvar</button> | |
</div> | |
</div> | |
</div> | |
</div> | |
<script src="<?=base_url('bower_components/jquery/dist/jquery.min.js')?>"></script> | |
<script src="<?=base_url('bower_components/bootstrap/dist/js/bootstrap.min.js')?>"></script> | |
<script src="<?=base_url('bower_components/datatables.net/js/jquery.dataTables.min.js')?>"></script> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js"></script> | |
<script src="<?=base_url('assets/js/actions.js')?>"></script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment