Content

Sådan virker vores Dashboard

Vores Dashboard arbejder med de data, du opsætter og får ind i dit flow. Du kan bruge både GET- og SET variable noder for at anvende Dashboard og Flow sammen. Et meget simpelt eksempel ville være at oprette et variable, give det variable et navn og bruge den til at matche den aktuelle time og skrive en log baseret på dette.

Hvis du vil se et eksempel på opsætningen kan du hoppe over i vores eksemplarer

Dashboard Moduler

Graf

Graf modulet bruges til at visualisere specificerede variabler.

Detaljeret Setup Vejledning

Du kan definere nye variable inde i grafen i sig selv, men du vil stadigvæk være nød til at bruge noderne i Flowet til at delegere data til variablet. Når variablet er oprettet og modtager data, vil det blive vist i dashboardeds graf det er tildelt. For at sætte dette op, skal vi trække en “set variable” node ud og tilføje variablet til den. Nu skal vi trække den data vi vil have ind i “variable” noden – når dette er gjort vil det blive vist i graf-modulet hvor det vil blive visualiseret som indstillet.

Hurtig Setup Vejledning

  1. Gå til Dashboard og tilføj grafen.
  2. Gå til Flow og tilføj “set variable” noden.
  3. Vælg / lav variable.
  4. Træk nodens cirkle til variable noden.

Show Variables

Fremvis variable og style dataen fra variablet.

Detaljeret Setup Vejledning

Du starter med at tilføjet modulet til Dashboarded, hvorefter du kan vælge font-size(tekst størrelse), postfix(tekst efter variable). Nede i bunden af modulet kan du vælge “color rules” som er disse regler. Ved Gradient kan du “skalerer” farverne lidt lige som i excel. Ved “rules” er det mere “konkrete” regler vi snakker om – ting som “større end”, “større end eller lige med”, “lige med” osv.  

Hurtig Setup Vejledning

  1. Gå til Dashboard og tilføj Get Variable & style modulet.
  2. Vælg Variablet.
  3. Indstil efter behov.
  4. Tilføj regler efter behov.

Toggle Switch

Toggle Switch kan skifte variabler mellem ON og OFF.

Detaljeret Setup Vejledning

Vi kan starte med at tage en node ud i Flowet og give den et navn, f.eks. “pause” hvorved vi kan pause en del af Flowet. Så går vi tilbage til vores Dashboard og tager toggle modulet ud, giver det variablet og nu skifter variablet i Flowet så fra 0/1 osv. Hvordan det skal gøres i Flowet er op til en selv.

Hurtig Setup Vejledning

  1. Gå til Dashboard, tilføj Toggle modulet.
  2. Klik på toglge modulet og opret variable.
  3. Gå i Flow, træk “get variable” ud og tilføj variablet.
  4. Forbind med resten af Flowet.

Sliders

Sliders fungere ved at du trækker en kugle frem og tilbage for at sætte et variable. Dette kan blive brugt i flere forskellige områder, bl.a. hvor man f.eks. bruger en match node. Så kan der vises i Dashboarded hvad vare nr 67 er ud fra slideren. Det kan sættes min og max på, samt et interval for hvilket interval den skal trækkes.

Detaljeret Setup Vejledning

Start med at oprette slider modulet, hvorved vi vil tilføje et variable til. Detefter skal vi sætte diverse indstillinger som skal bruges. Sæt min og max som projektet skal bruge og sæt intervallet.

Hurtig Setup Vejledning

  1. Gå til Dashboard og oprette slideren
  2. Tilføj Variable
  3. Sæt indstillingerne.

Buttons

Knap til variabler og URL Links

Detaljeret Setup Vejledning

Start med at oprette modulet i Dashboarded, giv / oprette et variable til den. Hvis du ikke allerede har et variable fra Flowet, skal du sætte et variable inde i Flowet med “set variable”.

Hurtig Setup Vejledning

  1. Gå til Dashboard og oprette Get Variable modulet.
  2. Forbind Variable inde i Flowet med et “Set variable”

Input Field

I input field modulet, kan du skrive hvad “set variable” skal settes til.

Detaljeret Setup Vejledning

Start med at oprette modulet i Dashboarded – hvorefter skal du give det et variablet det kan ændre. Derefter skal du tilføje en “get variable” node i Flowet og sætte den til det samme som input field modulet.

Hurtig Setup Vejledning

  1. Gå til Dashboard og oprette Input field modulet.
  2. Giv modulet et variable.
  3. Tag en “Get variable” node og giv den samme variable.
  4. Forbind med resten af Flowet.

Log

Fremvis valgte logs. 

Detaljeret Setup Vejledning

Vi skal starte med at oprette en ny log inde under “Logs” i toppen. Derefter skal vi trække vores Log Modul ud til Dashboarded og forbinde Log modulet med loggen. Derefter kan man vælge om der skal være et limit, samt om man ville kunne eksportere loggen. Du kan samt justere størrelsen på loggen som det lyster nede i højre hjørne. 
Derefter kan vi gå ind i vores Flow og Søge efter log eller gå under “loggning” og vælge den node der er bedst til projektet. Vi gør brug af “Write to Log” her, efter vi har valgt noden skal vi ændre dens “log” til den nye vi har lavet og skrive hvad den skal skrive til vores log.

Læs mere om log noderne her

Hurtig Setup Vejledning

  1. Gå til Logs i toppen, opret ny log.
  2. Gå til Dashboard opret Log Modulet.
  3. I Flowet opret en log node.
  4. Indstil log noden.

Data Table

Premium

Data table er et af vores “specielle” moduler. Den gemmer dataen fra et variable og viser det i en table stil. Dette betyder at dataen vises of kolonner of rækker, hvor du f.eks. kan vælge at dage skal vises på X aksen og timer skal vises på Y Aksen, der er mulighed for at vælge minutter, timer, dage, uger og måneder. Samt kan man sætte et “postfix” hvilket er noget som står efter variablet f.eks. “dkk” Du kan vælge tekst størrelse samt kan man sætter forskellige regler op lige som ved vores “Get Variable & Style”.

Detaljeret Setup Vejledning

Træk “Set Variable” noden ind i dit Flow og opret et nyt variable. Derefter skal vi tilbage til vores Dashboard og oprette vores Data Table modul. Nu hvor det er oprettet så skal vi specifisere hvad der skal være X og Y akse til projektet, efter dette er gjort skal vi vælge vores variable og indstille resten af tingende. 

Hurtig Setup Vejledning

  1. Opret et nyt variable og forbind.
  2. Opret Data Table modulet og vælge variablet.
  3. Opset Data Table indstillingerne til at passe projektet.

Map

Premium

I vores Map modul kan du få satellit og vej billede, hvor du kan still en markør med et variable hvor en enhed sidder. Du kan så også bruge postifx, samt lave forskellige regler for farveskift. 

Det skal siges at sattelit og vej ikke altid er op til date – dette gør brug af google maps.

Detaljeret Setup Vejledning

Opret Map modulet i dit Dashboard, derefter gå ind i Flows og opret / sørg for at det er lavet og forbundet et variable som modulet kan bruge. Derefter kan du indstille postfix og regler som passer til projektet hvis det behøves.

Hurtig Setup Vejledning

  1. Opret Map Modulet
  2. Forbind Variable
  3. Placer markør
  4. Indtil modulet
document.addEventListener('DOMContentLoaded', function() { const languageSwitcher = document.querySelector('.trp-language-switcher'); const dropdownMenu = languageSwitcher.querySelector('.trp-ls-dropdown'); languageSwitcher.addEventListener('click', function() { dropdownMenu.classList.toggle('visible'); }); document.addEventListener('click', function(event) { if (!languageSwitcher.contains(event.target)) { dropdownMenu.classList.remove('visible'); } }); });