ArthurHetem Posted August 4, 2016 Report Posted August 4, 2016 <!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: Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.