Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

Painel

Através desse menu é possível visualizar dentro de cada agrupador, as listas com as tarefas que possuem alguma pendência.

Todas pendências

Neste item, serão exibidas as listas que possuem tarefas com status em Aberto ou fazendo. Permite visualizar a lista e as tarefas com seus respectivos status, exceto as com status Concluído. Em Opções, é possível acessar os detalhes da tarefa, editar tarefa ou excluir tarefa.

Tarefas para hoje

Neste item, serão exibidas as listas que possuem tarefas configuradas para serem realizadas na data atual. Permite visualizar a lista e as tarefas com seus respectivos status, exceto as com status Concluído. Em Opções, é possível acessar os detalhes da tarefa, editar tarefa ou excluir tarefa.

Tarefas com atraso

Neste item, serão exibidas as listas que possuem tarefas configuradas mas que passaram do prazo estipulado. Permite visualizar a lista e as tarefas com seus respectivos status, exceto as com status Concluído. Em Opções, é possível acessar os detalhes da tarefa, editar tarefa ou excluir tarefa.

Painel
borderColor#fdf7e8
bgColor#fdf7e8
HTML
<style type="text/css">
    .lms * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .lms-text-center {
      text-align: center;
    }

    .lms-full-height {
      height: 100%;
    }

    /* Component LMS Callout */

    .lms-callout {
      border: none;
      padding: 0px;

      display: -moz-box;
      -moz-flex-flow: row wrap;
      -moz-justify-content: center;
      -moz-align-items: center;

      display: -ms-flexbox;
      -ms-flex-flow: row wrap;
      -ms-justify-content: center;
      -ms-align-items: center;
      
      display: -webkit-flex;
      display: -webkit-box;
      -webkit-flex-flow: row wrap;
      -webkit-justify-content: center;
      -webkit-align-items: center;

      display: flex;
      flex-flow: row wrap;      
      justify-content: center;
      align-items: center;
    }
  
    .lms-callout .lms-callout-image {
      width: 24px;
    }

    .lms-callout .lms-callout-body {
      width: calc(100% - 24px);
      padding-left: 20px;
    }

	.lms-callout .lms-callout-citacao {
      border: 0px solid;
      border-left-width: 3px;
      border-left-color: #f36f21;
	  margin: 4px;
	  margin-left: 25px;
	  padding-left: 8px;
      font-size: 13px;
	}

    .lms-callout .lms-callout-thumb {
      width: 24px;
      height: 24px;
    }

    .lms-callout .lms-callout-text {
      color: #58595b;
      line-height: 1.75;
      margin: 0;
    }
</style>
<div class="lms">
	<div class="lms-callout">
		<div class="lms-callout-image">
			<img class="lms-callout-thumb" src="http://tdn.totvs.com/download/attachments/471951059/importante.png" width="24" height="24">
		</div>
		<div class="lms-callout-body">
			<p class="lms-callout-text"><b>IMPORTANTE!</b><br>O usuário receberá uma notificação via e-mail sempre que houver uma tarefa atribuída a ele e que esteja em atraso.<br>
		</div>
	</div>
</div>