<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Despacho Operacional | Intra Mail</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.5 -->
<link rel="stylesheet" href="http://localhost/Latam/lib/skins/LATAM/Painel/bootstrap/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="http://localhost/Latam/lib/skins/LATAM/Painel/dist/css/AdminLTE.min.css">
<!-- AdminLTE Skins. We have chosen sthe skin-blue for this starter
page. However, you can choose any other skin. Make sure you
apply the skin class to the body tag so the changes take effect.
-->
<link rel="stylesheet" href="http://localhost/Latam/lib/skins/LATAM/Painel/dist/css/skins/skin-latam.min.css">
<link rel="icon" href="http://localhost/Latam/lib/skins/LATAM/img/favicon.ico" type="image/x-icon"/>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
.widget{
background-color:#2a0088;
color:#ed1651;
height:80px;
width:80px;
}
.widget:hover{
background-color:#ed1651;
color:#FFF;
border:1px solid #ed1651;
transition-property:background-color color border;
transition-duration:0.5s;
transition-timing-function:ease-out;
transition-delay: 0.1s;
}
.cor{
color:#2a0088;
}
.roxo{
background-color:#2a0088;
color:#ed1651;
}
</style>
</head>
<!--
BODY TAG OPTIONS:
=================
Apply one or more of the following classes to get the
desired effect
|---------------------------------------------------------|
| SKINS | skin-blue |
| | skin-black |
| | skin-purple |
| | skin-yellow |
| | skin-red |
| | skin-green |
|---------------------------------------------------------|
|LAYOUT OPTIONS | fixed |
| | layout-boxed |
| | layout-top-nav |
| | sidebar-collapse |
| | sidebar-mini |
|---------------------------------------------------------|
-->
<body class="hold-transition skin-purple sidebar-mini" >
<div class="wrapper">
<!-- Main Header -->
<header class="main-header">
<!-- Logo -->
<a href="#" class="logo">
<!-- mini logo for sidebar mini 50x50 pixels -->
<img src="http://localhost/Latam/lib/skins/LATAM/Painel/dist/img/logo-roxo-pequeno.png" alt="" class="logo-mini" width="auto" height="50px">
<!-- logo for regular state and mobile devices -->
<img src="http://localhost/Latam/lib/skins/LATAM/Painel/dist/img/logo.png" alt="" class="logo-lg" width="192px" height="auto">
</a>
<!-- Header Navbar -->
<nav class="navbar navbar-static-top" role="navigation">
<!-- Sidebar toggle button-->
<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
<span class="sr-only">Toggle navigation</span>
</a>
<!-- Navbar Right Menu -->
<div class="navbar-custom-menu">
<ul class="nav navbar-nav">
<!-- Messages: style can be found in dropdown.less-->
<li class="messages-menu">
<!-- Menu toggle button -->
<a href="#">
<i class="fa fa-envelope-o"></i>
<span class="label label-success"><center>
2</center></span>
</a>
</li><!-- /.messages-menu -->
<!-- User Account Menu -->
<li class="dropdown user user-menu">
<!-- Menu Toggle Button -->
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<!-- The user image in the navbar-->
<img src="http://localhost/Latam/lib/images/noavatar.png" class="user-image" alt="User Image">
<!-- hidden-xs hides the username on small devices so only the image appears. -->
<span class="hidden-xs">Arthur Hetem</span>
</a>
<ul class="dropdown-menu">
<!-- The user image in the menu -->
<li class="user-header">
<img src="http://localhost/Latam/lib/images/noavatar.png" class="img-circle" alt="User Image">
<p>
Arthur Hetem - New Hire <small>Membro Desde 01/01/1970</small>
</p>
</li>
<!-- Menu Body -->
<li class="user-body">
<div class="col-xs-4 text-center">
0 Voos
</div>
<div class="col-xs-4 text-center">
0 Horas
</div>
<div class="col-xs-4 text-center">
</div>
</li>
<!-- Menu Footer-->
<li class="user-footer">
<div class="pull-left">
<a href="#" class="btn btn-default btn-flat">Perfil</a>
</div>
<div class="pull-right">
<a href="#" class="btn btn-default btn-flat">Sair</a>
</div>
</li>
</ul>
</li>
<!-- Control Sidebar Toggle Button -->
<li>
<a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
</li>
</ul>
</div>
</nav>
</header>
<!-- Left side column. contains the logo and sidebar -->
<aside class="main-sidebar">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<!-- Sidebar user panel (optional) -->
<div class="user-panel">
<div class="pull-left image">
<img src="http://localhost/Latam/lib/images/noavatar.png" class="img-circle" alt="User Image">
</div>
<div class="pull-left info">
<p>Arthur Hetem</p>
<!-- Status -->
<i class="fa fa-circle text-success"></i> Conectado
</div>
</div>
<!-- Sidebar Menu -->
<ul class="sidebar-menu">
<!-- Optionally, you can add icons to the links -->
<li><a href="#"><i class="fa fa-home"></i> <span>Despacho Operacional</span></a></li>
<li class="treeview">
<a href="#"><i class="fa fa-user"></i> <span>Arthur Hetem</span> <i class="fa fa-angle-left pull-right"></i></a>
<ul class="treeview-menu">
<li><a href="http://localhost/Latam/index.php/profile/editprofile">Editar Perfil</a></li>
<li><a href="http://localhost/Latam/index.php/profile/changepassword">Trocar Senha</a></li>
<li><a href="http://localhost/Latam/index.php/profile/stats">Minhas EstatÃsticas</a></li>
</ul>
</li>
<li class="treeview">
<a href="#"><i class="fa fa-plane"></i> <span>Despacho de Voos</span> <i class="fa fa-angle-left pull-right"></i></a>
<ul class="treeview-menu">
<li><a href="http://localhost/Latam/index.php/randomflights">Gerar Escala</a></li>
<li><a href="http://localhost/Latam/index.php/Schedules">Charters</a></li>
<li><a href="http://localhost/Latam/index.php/pireps/mine">Logbook</a></li>
<li><a href="http://localhost/Latam/index.php/pireps/routesmap">Mapa de todos os voos</a></li>
</ul>
</li>
<li><a href="http://localhost/Latam/index.php/downloads"><i class="fa fa-download"></i> <span>Downloads</span></a></li>
<li class="active"><a href="http://localhost/Latam/index.php/Mail"><i class=" fa fa-envelope"></i> <span>Intra Mail</span></a></li>
<li><a href="http://localhost/Latam/index.php/events"><i class="fa fa-suitcase"></i> <span>Tours</span></a></li>
<li><a href="#"><i class="fa fa-graduation-cap"></i> <span>Academia LATAM</span></a></li>
<li><a href="http://localhost/Latam/index.php/Screenshots"><i class="fa fa-camera"></i> <span>Screenshots</span></a></li>
<li><a href="http://localhost/Latam/admin"><i class="fa fa-terminal"></i> <span>Administrar</span></a></li> <li><a href="http://localhost/Latam/index.php/logout"><i class="fa fa-unlock"></i> <span>Encerrar Sessão</span></a></li>
</ul><!-- /.sidebar-menu -->
</section>
<!-- /.sidebar -->
</aside>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
Intra Mail
<small>LATAM D.O.V Versão 1.0</small>
</h1>
</section>
<!-- Main content -->
<section class="content">
<table width="100%">
<tr>
<td align="center">
<a href="http://localhost/Latam/index.php/Mail">Caixa de Entrada</a> |
<a href="http://localhost/Latam/index.php/Mail/newmail">Nova Mensagem</a> |
<a href="http://localhost/Latam/index.php/Mail/newfolder">Nova Pasta</a> |
<a href="http://localhost/Latam/index.php/Mail/deletefolder">Deletar Pasta</a> |
<a href="http://localhost/Latam/index.php/Mail/settings">Configurações</a> |
<a href="http://localhost/Latam/index.php/Mail/sent">Mensagens Enviadas</a>
<br />
</td>
</tr>
</table> <div class="box">
<div class="box-body">
<table id="example2" class="table table-bordered table-striped">
<tr bgcolor="#eeeeee">
<td align="center"><img src="http://localhost/Latam/core/modules/Mail/mailimages/env_closed.gif" border="0" alt="Status" /></td>
<td align="center">Arthur Hetem TAM001</td>
<td align="center"><a href="http://localhost/Latam/index.php/Mail/item/1470279506">Teste</a></td>
<td align="center">03/08/2016 11:58pm</td>
<td align="center"><a href="http://localhost/Latam/index.php/Mail/delete/4">
<img src="http://localhost/Latam/core/modules/Mail/mailimages/delete.gif" alt="Delete" border="0"/></a></td>
</tr>
<thead>
<tr>
<th align="center">Status</th>
<th align="center">De</th>
<th align="center">Assunto</th>
<th align="center">Data</th>
<th align="center">Deletar</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><img src="http://localhost/Latam/core/modules/Mail/mailimages/env_closed.gif" border="0" alt="Status" /></td>
<td align="center">Arthur Hetem TAM001</td>
<td align="center"><a href="http://localhost/Latam/index.php/Mail/item/1470279506">Teste</td>
<td align="center">03/08/2016 11:58pm</td>
<td align="center"><a href="http://localhost/Latam/index.php/Mail/delete/4">
<img src="http://localhost/Latam/core/modules/Mail/mailimages/delete.gif" alt="Delete" border="0"/></a></td>
</tr>
</tbody>
</table>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
<tr bgcolor="#eeeeee">
<td align="center"><img src="http://localhost/Latam/core/modules/Mail/mailimages/env_closed.gif" border="0" alt="Status" /></td>
<td align="center">Arthur Hetem TAM001</td>
<td align="center"><a href="http://localhost/Latam/index.php/Mail/item/1470279690">Teste2</a></td>
<td align="center">04/08/2016 12:01am</td>
<td align="center"><a href="http://localhost/Latam/index.php/Mail/delete/6">
<img src="http://localhost/Latam/core/modules/Mail/mailimages/delete.gif" alt="Delete" border="0"/></a></td>
</tr>
<thead>
<tr>
<th align="center">Status</th>
<th align="center">De</th>
<th align="center">Assunto</th>
<th align="center">Data</th>
<th align="center">Deletar</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><img src="http://localhost/Latam/core/modules/Mail/mailimages/env_closed.gif" border="0" alt="Status" /></td>
<td align="center">Arthur Hetem TAM001</td>
<td align="center"><a href="http://localhost/Latam/index.php/Mail/item/1470279690">Teste2</td>
<td align="center">04/08/2016 12:01am</td>
<td align="center"><a href="http://localhost/Latam/index.php/Mail/delete/6">
<img src="http://localhost/Latam/core/modules/Mail/mailimages/delete.gif" alt="Delete" border="0"/></a></td>
</tr>
</tbody>
</table>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</section><!-- /.content -->
</div><!-- /.content-wrapper -->
<!-- Main Footer -->
<footer class="main-footer">
<!-- To the right -->
<div class="pull-right hidden-xs">
<span class="label label-sucess">Versão 1.0</span>
</div>
<!-- Default to the left -->
<strong>Copyright © 2016 LATAM Virtual.</strong> Todos os Direitos Reservados.
</footer>
<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
<!-- Create the tabs -->
<ul class="nav nav-tabs nav-justified control-sidebar-tabs">
<li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
<li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<!-- Home tab content -->
<div class="tab-pane active" id="control-sidebar-home-tab">
<h3 class="control-sidebar-heading">Atividades Recentes</h3>
<ul class="control-sidebar-menu">
<li>
<a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-aqua"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Inauguração</h4>
<p>Foi em 9 de Junho de 2016</p>
</div>
</a>
</li>
</ul><!-- /.control-sidebar-menu -->
</div><!-- /.tab-pane -->
<!-- Stats tab content -->
<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane -->
<!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab">
<h3 class="control-sidebar-heading">Informações Gerais</h3>
<h3 class="control-sidebar-subheading">
Desenvolvido por <a href="https://www.facebook.com/arthur.hetem">Arthur Hetem</a>
<p>
Versão 1.0, Desenvolvido em São Paulo
</p>
</div><!-- /.tab-pane -->
</div>
</aside><!-- /.control-sidebar -->
<!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar -->
<div class="control-sidebar-bg"></div>
</div><!-- ./wrapper -->
<!-- REQUIRED JS SCRIPTS -->
<!-- jQuery 2.1.4 -->
<script src="http://localhost/Latam/lib/skins/LATAM/Painel/plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.5 -->
<script src="http://localhost/Latam/lib/skins/LATAM/Painel/bootstrap/js/bootstrap.min.js"></script>
<!-- AdminLTE App -->
<script src="http://localhost/Latam/lib/skins/LATAM/Painel/dist/js/app.min.js"></script>
<!-- DataTables -->
<script src="http://localhost/Latam/lib/skins/LATAM/Painel/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="http://localhost/Latam/lib/skins/LATAM/Painel/plugins/datatables/dataTables.bootstrap.min.js"></script>
<script>
$(function () {
$("#example1").DataTable();
$('#example2').DataTable({
"paging": false,
"lengthChange": false,
"searching": false,
"ordering": true,
"info": false,
"autoWidth": false
});
});
</script>
<!-- Optionally, you can add Slimscroll and FastClick plugins.
Both of these plugins are recommended to enhance the
user experience. Slimscroll is required when using the
fixed layout. -->
</body>
</html>
I’am having an issue with the table into the Airmail Inbox here is an image and the code:
