{"id":1740,"date":"2020-02-28T15:33:55","date_gmt":"2020-02-28T18:33:55","guid":{"rendered":"http:\/\/www.l2maker.com.br\/documentacao\/?page_id=1740"},"modified":"2023-01-10T09:30:08","modified_gmt":"2023-01-10T12:30:08","slug":"api-dashboard","status":"publish","type":"page","link":"https:\/\/www.l2maker.com.br\/documentacao\/api-dashboard\/","title":{"rendered":"Dashboard"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Este componente permite combinar cart\u00f5es informativos, gr\u00e1ficos e outros elementos visuais num formato visual que permite a r\u00e1pida visualiza\u00e7\u00e7\u00e3o de diferentes indicadores na tela.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00daltimas vers\u00f5es<\/h2>\n\n\n<ul class=\"lcp_catlist\" id=\"lcp_instance_0\"><li><a href=\"https:\/\/www.l2maker.com.br\/documentacao\/2025\/05\/api-de-dashboard-graficos-versao-2-2-0-publicada-em-26-05-2025\/\">API de Dashboard (Gr\u00e1ficos) vers\u00e3o 2.2.0 publicada em 26\/05\/2025<\/a><\/li><li><a href=\"https:\/\/www.l2maker.com.br\/documentacao\/2025\/01\/api-de-dashboard-graficos-versao-2-1-1-publicada-em-20-01-2025\/\">API de Dashboard (Gr\u00e1ficos) vers\u00e3o 2.1.1 publicada em 20\/01\/2025<\/a><\/li><li><a href=\"https:\/\/www.l2maker.com.br\/documentacao\/2024\/05\/api-de-dashboard-graficos-versao-2-1-0-publicada-em-06-05-2024\/\">API de Dashboard (Gr\u00e1ficos) vers\u00e3o 2.1.0 publicada em 06\/05\/2024<\/a><\/li><li><a href=\"https:\/\/www.l2maker.com.br\/documentacao\/2023\/01\/api-de-dashboard-graficos-versao-2-0-0-publicada-em-10-01-2023\/\">API de Dashboard (Gr\u00e1ficos) vers\u00e3o 2.0.0 publicada em 10\/01\/2023<\/a><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Como usar<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Adicione uma moldura no formul\u00e1rio onde deseja exibir o dashboard, no &#8220;<strong>Ao Entrar<\/strong>&#8221; ou outro evento qualquer utilize a fun\u00e7\u00e3o &#8220;<strong>Dashboard &#8211; Criar componente<\/strong>&#8221; para criar o dashboard.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Na cria\u00e7\u00e3o voc\u00ea tamb\u00e9m ir\u00e1 definir qual fluxo ir\u00e1 retornar os dados dos itens exibidos no componente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Retornando os valores do dashboard<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ao iniciar o componente o fluxo de dados ser\u00e1 acionado para receber as diferentes informa\u00e7\u00f5es que comp\u00f5e o dashboard. S\u00e3o dois par\u00e2metros de entrada:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>ID <\/strong>&#8211; V\u00eam preenchido com o c\u00f3digo do item a ser retornado, podendo estar vazio indicando que todos os itens devem ser retornados;<\/li>\n\n\n\n<li><strong>Tipo <\/strong>&#8211; Indica a informa\u00e7\u00e3o desejada, podendo assumir um dos valores abaixo:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>ALL <\/strong>&#8211; Indica que todos os itens devem ser retornados, \u00e9 chamado normalmente na inicializa\u00e7\u00e3o do componente;<\/li>\n\n\n\n<li><strong>MENU <\/strong>&#8211; Indica que as op\u00e7\u00f5es de menu (bot\u00e3o direito) de um item est\u00e3o sendo solicitadas;<\/li>\n\n\n\n<li><strong>ITEM <\/strong>&#8211; Indica que os dados de um \u00fanico item (identificado no ID) deve ser retornado. Normalmente \u00e9 chamado na atualiza\u00e7\u00e3o do item.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Retornando as categorias\/grupos<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">As categorias permitem filtrar quais componentes estar\u00e3o visiveis.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Retornando os itens<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Geral<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&#8220;<strong>id<\/strong>&#8221; &#8211; C\u00f3digo \u00fanico desse item no dashboard;<\/li>\n\n\n\n<li>&#8220;<strong>titulo<\/strong>&#8221; &#8211; Identifica\u00e7\u00e3o no topo do item;<\/li>\n\n\n\n<li>&#8220;<strong>grupo<\/strong>&#8221; &#8211; Aba onde este gr\u00e1fico aparece;<\/li>\n\n\n\n<li>&#8220;<strong>tamanho<\/strong>&#8221; &#8211; N\u00faemro de blocos que o item ir\u00e1 ocupar:  <strong>LARGURA<\/strong>x<strong>ALTURA<\/strong> . Exemplo &#8220;1&#215;1&#8221; (padr\u00e3o) &#8220;2&#215;2&#8221; duas  colunas e  linhas , &#8220;2&#215;1&#8221; duas colunas e uma linha;<\/li>\n\n\n\n<li>&#8220;<strong>tipo<\/strong>&#8221; &#8211; &#8220;<strong>GRUPO<\/strong>&#8220;, &#8220;<strong>ITEM<\/strong>&#8220;,  &#8220;<strong>GRAFICO<\/strong>&#8220;;<\/li>\n\n\n\n<li> &#8220;<strong>grafico<\/strong>&#8221; &#8211; &#8220;<strong>VELOCIMETRO<\/strong>&#8220;, &#8220;<strong>LINHAS<\/strong>&#8220;, &#8220;<strong>FUNIL<\/strong>&#8220;, &#8220;<strong>BARRAS<\/strong>&#8220;, &#8220;<strong>PIZZA<\/strong>&#8220;.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Veloc\u00edmetro<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Mostra um controle no estilo de um veloc\u00edmetro\/marcador de combust\u00edvel. O tamanho recomendado \u00e9 2 (largura) x 1 (altura), ou 2&#215;2 para visualiza\u00e7\u00e3o correta deste item.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&#8220;<strong>grafico<\/strong>&#8221; &#8211; &#8220;<strong>VELOCIMETRO<\/strong>&#8220;<\/li>\n\n\n\n<li>&#8220;<strong>dados<\/strong>&#8221; &#8211; Mapa com o valores:\n<ul class=\"wp-block-list\">\n<li>&#8220;<strong>minValue<\/strong>&#8221; &#8211; Valor quando ZERADO (limite inferior);<\/li>\n\n\n\n<li>&#8220;<strong>value<\/strong>&#8221; &#8211; Posi\u00e7\u00e3o do ponteiro;<\/li>\n\n\n\n<li>&#8220;<strong>maxValue<\/strong>&#8221; &#8211; Valor quando cheio (limite superior);<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Retornando os dados das op\u00e7\u00f5es do menu<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Cada item pode ter a\u00e7\u00f5es associadas ao bot\u00e3o direito.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Deve ser retornado um mapa com as chaves contendo um mapa com as op\u00e7\u00f5es do menu, sendo as seguintes entradas do mapa:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>id <\/strong>&#8211; C\u00f3digo que identifica a op\u00e7\u00e3o do menu;<\/li>\n\n\n\n<li><strong>titulo <\/strong>&#8211; Descri\u00e7\u00e3o \/ Titulo que ir\u00e1 ser exibido na tela;<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Eventos<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>CLICK<\/strong><\/li>\n\n\n\n<li><strong>DBLCLICK<\/strong><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Este componente permite combinar cart\u00f5es informativos, gr\u00e1ficos e outros elementos visuais num formato visual que permite a r\u00e1pida visualiza\u00e7\u00e7\u00e3o de diferentes indicadores na tela. \u00daltimas vers\u00f5es Como usar Adicione uma moldura no formul\u00e1rio onde deseja exibir o dashboard, no &#8220;Ao Entrar&#8221; ou outro evento qualquer utilize a fun\u00e7\u00e3o &#8220;Dashboard &#8211; Criar componente&#8221; para criar o [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1740","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/pages\/1740","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/comments?post=1740"}],"version-history":[{"count":15,"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/pages\/1740\/revisions"}],"predecessor-version":[{"id":2708,"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/pages\/1740\/revisions\/2708"}],"wp:attachment":[{"href":"https:\/\/www.l2maker.com.br\/documentacao\/wp-json\/wp\/v2\/media?parent=1740"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}