ArthurHetem Posted August 4, 2016 Report Share 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 Link to comment Share on other sites More sharing options...
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.