Diferenças

Aqui você vê as diferenças entre duas revisões dessa página.

--- editando_permissoes_de_dashboard [2021/09/16 08:20]
duarte
+++ editando_permissoes_de_dashboard [2021/10/04 15:43]
duarte
@@ Linha 2: / Linha 2: @@
 <head>
-    <style>
+    <meta charset="UTF-8" />
-        .home {
+    <meta name="viewport" content="width=device-width, user-scalable=0" />
-            margin: 0 auto 100px auto;
-        }
-        .paragrafos {
+    <style type="text/css">
-            text-align: justify;
-        }
-        h1 {
+        html {
-            font-size: 34px;
+        font-size: 20px;
+        color: var(--font-color);
         }
-        h2 {
+        h1 { font-size: 1.7rem; }
-            font-size: 28px;
+        h2 { font-size: 1.5rem; }
-        }
         p {
-            font-size: 16px;
+            font-size: 0.8rem;
+            text-align: justify-all;
         }
+        strong { font-size: 1rem; }
         table {
@@ Linha 28: / Linha 27: @@
             margin-right: auto;
         }
-        th {
-            width: 50%;
-           }
-        strong {
+        th { width: 50%; }
-            font-size: 20px;
+        hr { border-top: 1px dashed black; }
+        ul { padding-left: 0; }
+        .paragrafo {
+        font-size:  0.85rem;
+        padding: 15px;
+        text-align: justify-all;
         }
-        img {
+        .textNote {
-            width: 80%;
+        font-size: 0.8rem;
-            padding: 1.5px;
+        padding-top: 10px;
-            -webkit-box-shadow: 9px 7px 5px rgba(50, 50, 50, 0.5);
+        text-align: justify-all;
-            --moz-box-shadow: 9px 7px 5px rgba(50, 50, 50, 0.5);
-            -box-shadow: 9px 7px 5px rgba(224, 178, 178, 0.5);
-            display: block;
-            margin: 30px auto 60px auto;
         }
-        #important {
+        .noteTip {
-            background-image: url("http://wiki.sgp.net.br/lib/exe/fetch.php?media=icons:important.png");
+        display: flex;
-            background-repeat: no-repeat;
+        align-items: center;
-            background-position: 15px;
+        justify-content: start;
-            background-color: #FFFECD;
+        background: url(http://wiki.sgp.net.br/lib/plugins/note/images/tip.png) 0 0;
-            display: flex;
+        background-color: #dfd;
-            align-items: center;
-            width: 60%;
-            padding: 15px 20px 15px 65px;
-            border-radius: 20px;
-            text-align: justify;
-            margin: 0px auto 0px auto;
         }
-        #note {
+        .noteWarning {
-            background-image: url("http://wiki.sgp.net.br/lib/exe/fetch.php?media=icons:note.png");
+        display: flex;
-            background-repeat: no-repeat;
+        align-items: center;
-            background-position: 15px;
+        justify-content: start;
-            background-color: #EBEFFF;
+        background: url(http://wiki.sgp.net.br/lib/plugins/note/images/important.png) 0 0;
-            display: flex;
+        background-color: #ffc;
-            align-items: center;
-            width: 60%;
-            padding: 15px 20px 15px 65px;
-            border-radius: 20px;
-            text-align: justify;
-            margin: 0px auto 0px auto;
         }
-        #tip {
+        .noteStop {
-            background-image: url("http://wiki.sgp.net.br/lib/exe/fetch.php?media=icons:tip.png");
+        display: flex;
-            background-repeat: no-repeat;
+        align-items: center;
-            background-position: 15px;
+        justify-content: start;
-            background-color: #DAFFDA;
+        margin-bottom: 20px;
-            display: flex;
+        background: url(http://wiki.sgp.net.br/lib/exe/fetch.php?media=icons:warning.png) 0 0;
-            align-items: center;
+        background-color: #FDDEDD;
-            width: 60%;
+        }
-            padding: 15px 20px 15px 65px;
-            border-radius: 20px;
+        .note {
-            text-align: justify;
+        display: flex;
-            margin: 0px auto 0px auto;
+        align-items: center;
+        justify-content: start;
+        background: url(http://wiki.sgp.net.br/lib/plugins/note/images/note.png) 0 0;
+        background-color: #eef;
         }
-        #warning {
+        .noteBase {
-            background-image: url("http://wiki.sgp.net.br/lib/exe/fetch.php?media=icons:warning.png");
+        display: flex;
-            background-repeat: no-repeat;
+        align-items: center;
-            background-position: 15px;
+        width: 50%;
-            background-color: #FDDEDD;
+        padding: 15px 20px 0px 70px;
-            display: flex;
+        border-radius: 20px;
-            align-items: center;
+        border-collapse: collapse;
-            width: 60%;
+        clear: both;
-            padding: 15px 20px 15px 65px;
+        text-align: justify;
-            border-radius: 20px;
+        background-repeat: no-repeat;
-            text-align: justify;
+        background-position: 20px 50%;
-            margin: 0px auto 0px auto;
         }
-        hr {
+        .video-box {
-            border-top: 1px dashed black;
+        display:flex;
+        justify-content:center;
+        align-items:center;
         }
-        ul {
+        /* ================================================== */
-            padding-left: 0;
+        /* ============== START SOMBRAS CONFIG ============== */
+        #shadow-box {
+        display: block;
+        margin-left: auto;
+        margin-right: auto;
+        margin-bottom: 20px;
+        -webkit-box-shadow: 9px 7px 5px rgba(50, 50, 50, 0.5);
+        --moz-box-shadow:   9px 7px 5px rgba(50, 50, 50, 0.5);
+        -box-shadow:        9px 7px 5px rgba(50, 50, 50, 0.5);
         }
+        /* =============== END SOMBRAS CONFIG =============== */
+        /* ================================================== */
     </style>
 </head>
 <body>
-<center><h1>Editando Permissões de Dashboard</h1></center>
+    <h2>O que são Dashboards?</h2>
-<p>Todas as configurações das Widgets podem ser acessadas em <b>Sistema -> Dashboard Widgets</b>.</p>
-<img src="https://wiki.sgp.net.br/lib/exe/fetch.php?t=1631790983&w=500&h=446&tok=1b7601&media=dashboards:permissoes:acesso.jpg">
-</body>
-</html>
+    <p>Dashboards ou <i>Widgets</i> são painéis e/ou indicadores que lhe auxiliarão no gerenciamento do seu provedor e
+        que trazem informações resumidas sobre várias funcionalidades para facilitar o seu uso no sistema.
+    </p>
-====== Editando Permissões de Dashboard ======
+    <img id="shadow-box" src="https://wiki.sgp.net.br/lib/exe/fetch.php?media=dashboards:pagina_principal.png">
-A sessão de configuração de Dashboard são encontradas no menu **Sistema >> Dashboard Widgets**.
-{{ :manual_basico_html_799c1632d2cc8509.jpg |}}
-Os seguinte formulário sera exibido:
+    <p>Por padrão o sistema traz algumas Dashboards configuradas em sua tela principal, porém existem outras aos quais
-{{ :manual_basico_html_51fb7eecfb7deaa.jpg |}}
+        podem ser adicionadas. Veja as Dashboards a seguir…
-{{ :manual_basico_html_fc356a9beb9c0d3a.gif |}}
+    </p>
-Os campos do formulários e suas definições são as seguintes:
+    <br>
-  * Sequencia: Define a prioridade de exibição do Widget, ou seja, qual aparecerá primeiro. A sequência de exibição é: 0,1,2 e 3, sendo 0 o mais prioritário e o 3 o menos prioritário.
-  * Posição: Define o lado em que o Widget será exibido, direito ou esquerdo.
-  * URL Name: É o que o sistema fornece para aquele Widget, consulte a tabela na //pagina// X para  verificar  quais disponíveis.
-  * Todos usuários: Permite que o Widget seja visível para todos os usuários. Quando marcado, não há necessidade de se marcar os quadros de permissões. Quando não marcado, somente os usuários selecionados no quadro de permissões.
-As permissões de visualização podem ser definidas pelos Grupos de atendimentos ou por usuários.
+    <hr>
-<html><p style="text-align:center"></html>
+    <br>
-[[criando_grupos|<<Criando Grupos]]<html>&nbsp;&nbsp;&nbsp;</html> [[paginas|Início]]<html>&nbsp;&nbsp;&nbsp;</html> [[cadastro_de_empresas|Cadastro de empresa>>]]
+    <h1>Editando Permissões de Dashboard</h1>
+    <p>Todas as configurações das Widgets podem ser acessadas em <b>Sistema -> Dashboard Widgets</b>
+    </p>
+    <img id="shadow-box"
+        src="https://wiki.sgp.net.br/lib/exe/fetch.php?t=1631809413&w=499&h=287&tok=129103&media=dashboards:permissoes:acesso.gif">
+    <br>
+    <p>Ao acessar essa próxima página, todas as widgets de sua base estarão listadas, informando:
+    </p>
+    <ul>
+        <li><b>Descrição</b> -> Insira um nome simples para encontrar rapidamente essa widget posteriormente.</li>
+        <li><b>URL NAME</b> -> Nome da Widget, interno, criado pelo SGP.</li>
+        <li><b>Dashboard</b> -> Informa a qual dashboard essa widget está contida.</li>
+        <li><b>Posição</b> -> Consta se a Widget está à esquerda ou direita.</li>
+        <li><b>Sequência</b> -> Informa a ordem que essa widget está aparecendo, de cima (menor numeração) para baixo (maior numeração).</li>
+        <li><b>Ativo</b> -> Indica se a Widget está, no momento, ativada ou desativada.</li>
+    </ul>
+    <img id="shadow-box"
+        src="https://wiki.sgp.net.br/lib/exe/fetch.php?t=1631797501&w=500&h=336&tok=ba5368&media=dashboards:permissoes:lista_de_widgets.jpg">
+    <p> Nessa tela, será possível tanto editar as widgets já pré-existentes, quanto adicionar novas selecionando
+        <b>ADICIONAR DASHBOARD WIDGET</b> no canto superior direito da tela.
+    </p>
+    <br>
+    <p> Na parte superior da criação/modificação de uma nova Widget estarão disponíveis as seguintes configurações: </p>
+    <img id="shadow-box" src="https://wiki.sgp.net.br/lib/exe/fetch.php?t=1631798492&w=500&h=215&tok=f8f6cb&media=dashboards:permissoes:configuracoes_parte_01.jpg">
+    <ul>
+        <li>
+            <b>Dashboard</b> -> Onde será selecionado a qual dashboard essa Widget fará parte. (Dashboard são as páginas iniciais onde suas widgets estarão inclusas,
+             e pode ser selecionada diretamente na tela inicial do SGP na parte superior esquerda.)
+         </li>
+        <li>
+            <b>Descrição</b> -> Insira um nome simples para encontrar rapidamente essa widget posteriormente.
+        </li>
+        <li>
+            <b>Sequência</b> -> Qual ordem essa Widget estará listada em relação às outras.
+        </li>
+        <li>
+            <b>Posição</b> -> Se essa Widget estará posicionada à esquerda ou direita de sua tela.
+        </li>
+        <li>
+            <b>URL</b> -> <a href="https://wiki.sgp.net.br/wiki.php?id=dashboards_widgets">Qual Widget do SGP será
+                selecionada para uso.</a>
+        </li>
+        <li>
+            <b>Ativo</b> -> Se a Widget estará ou não habilitada no momento.
+        </li>
+        <li>
+            <b>Todos usuários</b> -> Se a Widget estará visível para todos os usuários no SGP.
+        </li>
+    </ul>
+    <br>
+    <p>
+        Na parte inferior dessa janela de modificações, estarão informados Grupos e Usuários que poderão ver essas
+        widgets.
+    </p>
+    <center>
+        <div class="noteBase noteStop">
+          <p class="textNote">
+            Os grupos e usuários informados nessas opções abaixo só terão validade caso a caixa de marcação <b>Todos usuários</b> logo acima esteja desabilitada.
+          </p>
+        </div>
+    </center>
+    <img id="shadow-box" src="https://wiki.sgp.net.br/lib/exe/fetch.php?t=1631798492&w=500&h=485&tok=00ae05&media=dashboards:permissoes:configuracoes_parte_02.jpg">
+    <p>
+        Para que um usuário do sistema consiga ver essa Widget em questão, caso a checkbox de <b>Todos usuários</b> esteja desabilitada, basta que sejam movidos
+       os usuários e/ou grupos para o lado direito [Grupos Escolhido(s) e/ou Usuários Escolhido(s)], após isso, basta que seja salvo para aplicar as novas configurações na dashboard em questão.
+   </p>
+    <br>
+    <br>
+<div class="video-box">
+        <iframe width="560" height="315" src="https://www.youtube.com/embed/69hN7fPXZa4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
+        </iframe>
+        </div>
+</body>
+</html>

Tools

menus and quick search

quick search

site status

Ferramentas da página

meta data for this page

Diferenças