Skip to content

Instantly share code, notes, and snippets.

Created October 24, 2016 21:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save anonymous/3cf94e57d8936462c6e473952adf8979 to your computer and use it in GitHub Desktop.
Save anonymous/3cf94e57d8936462c6e473952adf8979 to your computer and use it in GitHub Desktop.
Série RestServer - View
<!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">&times;</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