327 lines
11 KiB
PHP
327 lines
11 KiB
PHP
<?php get_header(); ?>
|
|
|
|
<main class="grid-layout">
|
|
<!-- Sidebar -->
|
|
<aside class="sidebar-moderno">
|
|
<nav>
|
|
<ul class="menu-vertical">
|
|
<li class="current-menu-item"><a href="#"><i class="fas fa-home"></i> <?php _e('Início', 'intranet'); ?></a></li>
|
|
<li><a href="<?php echo site_url('/wp-login.php'); ?>"><i class="fas fa-user"></i> <?php _e('Meu Perfil', 'intranet'); ?></a></li>
|
|
<li><a href="<?php echo site_url('/calendario'); ?>"><i class="fas fa-calendar-alt"></i> <?php _e('Calendário', 'intranet'); ?></a></li>
|
|
<li><a href="<?php echo site_url('/documentos'); ?>"><i class="fas fa-file-alt"></i> <?php _e('Documentos', 'intranet'); ?></a></li>
|
|
<li><a href="<?php echo site_url('/relatorios'); ?>"><i class="fas fa-chart-line"></i> <?php _e('Relatórios', 'intranet'); ?></a></li>
|
|
<li><a href="<?php echo site_url('/equipe'); ?>"><i class="fas fa-users"></i> <?php _e('Equipe', 'intranet'); ?></a></li>
|
|
<li><a href="<?php echo site_url('/configuracoes'); ?>"><i class="fas fa-cog"></i> <?php _e('Configurações', 'intranet'); ?></a></li>
|
|
</ul>
|
|
</nav>
|
|
</aside>
|
|
|
|
<!-- Conteúdo Principal -->
|
|
<div class="main-content">
|
|
<section class="hero-moderno">
|
|
<div class="container">
|
|
<div class="hero-content">
|
|
<h2><?php _e('Participe do nosso WhatsApp!', 'intranet'); ?></h2>
|
|
<p><?php _e('Fique por dentro de documentos, notícias e serviços internos da Prefeitura de Três Corações - MG.', 'intranet'); ?></p>
|
|
<a href="https://wa.me/35988613855" class="btn-primario" target="_blank" rel="noopener noreferrer">
|
|
<i class="fab fa-whatsapp"></i> <?php _e('Entre agora', 'intranet'); ?>
|
|
</a>
|
|
</div>
|
|
|
|
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/imagem-lateral.png" alt="" class="hero-pattern">
|
|
</div>
|
|
</section>
|
|
|
|
<div class="container">
|
|
<!-- Atalhos Rápidos -->
|
|
<section class="atalhos-modernos">
|
|
<div class="atalhos-grid">
|
|
|
|
<a href="/helpdesk" class="atalho-card">
|
|
<i class="fas fa-headset"></i>
|
|
<span><?php _e('Helpdesk', 'intranet'); ?></span>
|
|
</a>
|
|
|
|
<a href="/artes" class="atalho-card">
|
|
<i class="fa-solid fa-palette"></i>
|
|
<span><?php _e('Artes', 'intranet'); ?></span>
|
|
</a>
|
|
|
|
<a href="https://webmail.trescoracoes.mg.gov.br" class="atalho-card" target="_blank" rel="noopener noreferrer">
|
|
<i class="fas fa-envelope"></i>
|
|
<span><?php _e('WebMail', 'intranet'); ?></span>
|
|
</a>
|
|
|
|
|
|
<a href="/noticias" class="atalho-card">
|
|
<i class="fas fa-newspaper"></i>
|
|
<span><?php _e('Notícias', 'intranet'); ?></span>
|
|
</a>
|
|
|
|
<a href="https://servicos.cloud.el.com.br/mg-trescoracoes-pm/portal/" class="atalho-card" target="_blank" rel="noopener noreferrer">
|
|
<i class="fas fa-money-check-dollar"></i>
|
|
<span><?php _e('Folha de Pagamento', 'intranet'); ?></span>
|
|
</a>
|
|
|
|
<a href="/calendario" class="atalho-card">
|
|
<i class="fas fa-calendar-alt"></i>
|
|
<span><?php _e('Eventos', 'intranet'); ?></span>
|
|
</a>
|
|
|
|
<a href="/relatorios" class="atalho-card">
|
|
<i class="fas fa-file-alt"></i>
|
|
<span><?php _e('Relatórios', 'intranet'); ?></span>
|
|
</a>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- Notícias -->
|
|
<section class="noticias-modernas">
|
|
<div class="section-header">
|
|
<h3><?php _e('Últimas Notícias', 'intranet'); ?></h3>
|
|
<a href="<?php echo get_permalink(get_page_by_path('noticias')); ?>" class="ver-tudo">
|
|
<?php _e('Ver tudo', 'intranet'); ?> <i class="fas fa-arrow-right"></i>
|
|
</a>
|
|
</div>
|
|
<div class="noticias-eventos-wrapper">
|
|
<div class="noticias-col">
|
|
<div class="noticias-grid">
|
|
<?php
|
|
$args = array(
|
|
'post_type' => 'post',
|
|
'posts_per_page' => 4,
|
|
'post_status' => 'publish'
|
|
);
|
|
$query = new WP_Query($args);
|
|
if ($query->have_posts()) :
|
|
while ($query->have_posts()) : $query->the_post(); ?>
|
|
<article class="noticia-card">
|
|
<?php if (has_post_thumbnail()) : ?>
|
|
<div class="noticia-imagem">
|
|
<a href="<?php the_permalink(); ?>">
|
|
<?php the_post_thumbnail('noticia-thumb'); ?>
|
|
</a>
|
|
</div>
|
|
<?php endif; ?>
|
|
<div class="noticia-conteudo">
|
|
<div class="noticia-meta">
|
|
<span><?php echo get_the_date(); ?></span>
|
|
<span><?php the_author(); ?></span>
|
|
</div>
|
|
<h3 class="noticia-titulo"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
|
|
<div class="noticia-resumo"><?php echo wp_trim_words(get_the_excerpt(), 20); ?></div>
|
|
<a href="<?php the_permalink(); ?>" class="leia-mais">
|
|
<?php _e('Leia mais', 'intranet'); ?> <i class="fas fa-arrow-right"></i>
|
|
</a>
|
|
</div>
|
|
</article>
|
|
<?php endwhile;
|
|
wp_reset_postdata();
|
|
else :
|
|
echo '<p>' . __('Nenhuma notícia encontrada.', 'intranet') . '</p>';
|
|
endif;
|
|
?>
|
|
</div>
|
|
</div>
|
|
<div class="eventos-col">
|
|
<div class="calendario-box">
|
|
<?php echo do_shortcode('[mostra-calendario-widget]'); // Use um plugin ou shortcode de calendário ?>
|
|
</div>
|
|
<div class="proximos-eventos-box">
|
|
|
|
<?php echo do_shortcode('[mostra-prox-eventos]'); // Use um plugin ou shortcode de calendário ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Estatísticas -->
|
|
<section class="estatisticas-modernas">
|
|
<div class="section-header">
|
|
<h3><?php _e('Métricas Importantes', 'intranet'); ?></h3>
|
|
</div>
|
|
|
|
<div class="stats-grid">
|
|
<div class="stats-card">
|
|
<i class="fas fa-users"></i>
|
|
<h4><?php _e('Banco de Alimentos', 'intranet'); ?></h4>
|
|
<div class="stats-value">22 toneladas</div>
|
|
<div class="stats-period"><?php _e('em julho', 'intranet'); ?></div>
|
|
</div>
|
|
<div class="stats-card">
|
|
<i class="fas fa-briefcase"></i>
|
|
<h4><?php _e('CER IV entrega', 'intranet'); ?></h4>
|
|
<div class="stats-value">30</div>
|
|
<div class="stats-period"><?php _e('órteses e próteses', 'intranet'); ?></div>
|
|
</div>
|
|
<div class="stats-card">
|
|
<i class="fas fa-envelope-open-text"></i>
|
|
<h4><?php _e('Chamados Abertos', 'intranet'); ?></h4>
|
|
<div class="stats-value">487</div>
|
|
<div class="stats-period"><?php _e('pela T.I nesse mês', 'intranet'); ?></div>
|
|
</div>
|
|
<div class="stats-card">
|
|
<i class="fas fa-calendar-check"></i>
|
|
<h4><?php _e('Eventos Realizados', 'intranet'); ?></h4>
|
|
<div class="stats-value">5</div>
|
|
<div class="stats-period"><?php _e('Este mês', 'intranet'); ?></div>
|
|
</div>
|
|
<div class="stats-card">
|
|
<i class="fas fa-file-alt"></i>
|
|
<h4><?php _e('Documentos Publicados', 'intranet'); ?></h4>
|
|
<div class="stats-value">127</div>
|
|
<div class="stats-period"><?php _e('Ano de 2025', 'intranet'); ?></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Redes Sociais -->
|
|
<section class="redes-sociais">
|
|
<div class="section-header">
|
|
<h3><?php _e('Redes Sociais', 'intranet'); ?></h3>
|
|
</div>
|
|
<div class="instagram-feed">
|
|
<?php echo do_shortcode('[instagram_posts_manual]'); ?>
|
|
</div>
|
|
<style>
|
|
.instagram-feed {
|
|
max-width: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
.instagram-feed .instagram-posts-container {
|
|
width: 100%;
|
|
border-radius: 12px;
|
|
}
|
|
|
|
/* Ajustes para manter consistência com o layout existente */
|
|
.instagram-posts-container {
|
|
background: var(--branco);
|
|
box-shadow: var(--sombra);
|
|
}
|
|
|
|
.instagram-header {
|
|
padding: 20px 20px 10px;
|
|
}
|
|
|
|
.instagram-featured-post {
|
|
padding: 0;
|
|
}
|
|
|
|
.instagram-regular-posts {
|
|
gap: 0;
|
|
background: transparent;
|
|
}
|
|
|
|
.instagram-post {
|
|
padding: 0;
|
|
border: 1px solid var(--cinza);
|
|
}
|
|
</style>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<?php get_footer(); ?>
|
|
|
|
<style>
|
|
.hero-moderno {
|
|
background: linear-gradient(90deg, #128c7e 0%, #25d366 100%);
|
|
color: #fff;
|
|
border-radius: 24px;
|
|
}
|
|
.hero-moderno .hero-content h2,
|
|
.hero-moderno .hero-content p {
|
|
color: #fff;
|
|
}
|
|
.hero-moderno .btn-primario {
|
|
background: #fff;
|
|
color: #128c7e;
|
|
border: none;
|
|
font-weight: 600;
|
|
}
|
|
.hero-moderno .btn-primario:hover {
|
|
background: #25d366;
|
|
color: #fff;
|
|
}
|
|
|
|
.noticias-eventos-wrapper {
|
|
display: flex;
|
|
gap: 40px;
|
|
}
|
|
.noticias-col {
|
|
flex: 2;
|
|
}
|
|
.eventos-col {
|
|
flex: 1;
|
|
min-width: 280px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 30px;
|
|
}
|
|
.calendario-box {
|
|
background: var(--branco);
|
|
border-radius: var(--borda-radius);
|
|
box-shadow: var(--sombra);
|
|
padding: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.proximos-eventos-box {
|
|
background: var(--branco);
|
|
border-radius: var(--borda-radius);
|
|
box-shadow: var(--sombra);
|
|
padding: 20px;
|
|
}
|
|
.proximos-eventos-box h4 {
|
|
margin-top: 0;
|
|
color: var(--azul-principal);
|
|
font-size: 1.1rem;
|
|
margin-bottom: 15px;
|
|
}
|
|
.proximos-eventos-lista {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.proximos-eventos-lista li {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
margin-bottom: 12px;
|
|
font-size: 0.98rem;
|
|
}
|
|
.evento-data {
|
|
background: var(--azul-brilhante);
|
|
color: #fff;
|
|
border-radius: 6px;
|
|
padding: 4px 10px;
|
|
font-weight: 600;
|
|
min-width: 48px;
|
|
text-align: center;
|
|
}
|
|
.evento-titulo {
|
|
font-weight: 500;
|
|
color: var(--azul-escuro);
|
|
}
|
|
.evento-hora {
|
|
color: var(--azul-claro);
|
|
font-size: 0.95em;
|
|
}
|
|
.evento-tipo {
|
|
background: var(--cinza);
|
|
color: var(--azul-escuro);
|
|
border-radius: 4px;
|
|
padding: 2px 8px;
|
|
font-size: 0.85em;
|
|
margin-left: auto;
|
|
}
|
|
@media (max-width: 900px) {
|
|
.noticias-eventos-wrapper {
|
|
flex-direction: column;
|
|
}
|
|
.eventos-col {
|
|
min-width: 0;
|
|
}
|
|
}
|
|
</style>
|