Feltoversikt for 'Editor'

Generelle variable

Variabler	Forklaring
`type`	Felttype som skal brukes. Ser lengre ned i listen, under `Felt`.
`key`	Navnet på feltet og hva det blir lagret under på serversiden og referet til i skjemaet.
`templateOptions`	Variabler for gitt felttype. Se tabell under for generelle verdier for templateOptions
`defaultValue`	Sett en startverdi på feltet.
`hide`	Gjem elementet fra start.
`hideExpression`	Gjem elementet når gitt formel er sant. `model.key` (hvilken key den skal se på) `==` (lik) `&&`(og) `\|\|` (eller) `!=` (ikke lik) `23` (value).
`expressionProperties`	Lar deg sette spesialer som hide, required ol. med bruk av formler
`className`	Sette CSS-klasse(r). Se CSS-klasser for hvordan dette brukes

{
  "type": "inline-input",
  "defaultValue": "07:30",
  "templateOptions": {
    "label": "Klokken",
    "inputType": "input",
    "type": "time"
  },
  "key": "StartKl",
  "hide": true,
  "hideExpression": "model.attester != 1",
  "expressionProperties": {
    "templateOptions.required": "model.prosjekt > 2"
  }
}

//Eks. for å vise koblingen med hideExpression (model.key)
{
  "type": "checkbox",
  "defaultValue": false,
  "templateOptions": {
    "label": "Attester dagen"
  },
  "key": "attester"
}

Generelle templateOptions-variable

Kan brukes under templateOptions for alle elementer.

Variabler	Forklaring
`required`	Krever at man fyller ut feltet før skjemaet kan sendes inn. Kan være `true` eller `false`.
`keepValue`	Feltet får verdien/dataen som ble sist lagret for gitt person på skjemaet. Kan være `true` eller `false`.

{
  "type": "inline-input",
  "templateOptions": {
    "label": "Kommentar",
    "inputType": "input",
    "type": "text",
    "keepValue":true,
    "required":true
    },
  "key": "skadeKommentar"
}

Statiske felt

Brukes til å vise statisk informasjon eller pynte skjemaet.

Title

Viser en forhåndsbestemt tittel.

Variabler	Forklaring
`label`	Tittel som vises.
`size`	Størrelsen på tittelen: (stor)1-3(liten)
`saveLabel`	Lagrer `label` som verdien for feltet (i stedet for ingenting). Default: `false`

{
  "type": "title",
  "templateOptions": {
    "label": "Registreringer!",
    "size": "2"
  },
  "key": "titlefield7"
}

Text

Viser et forhåndsbestemt tekstfelt.

Variabler	Forklaring
`label`	Tekst som vises.
`size`	Størrelsen på teksten: (stor)1-3(liten)
`saveLabel`	Lagrer `label` som verdien for feltet (i stedet for ingenting). Default: `false`
`markdown`	Mulighet for å skrive tekst ved hjelp av Markdown. Merk: Hvis du bruker `markdown` så brukes ikke `label` og `size`

{
  "type": "text",
  "templateOptions": {
    "label": "Legg inn antall timer jobber på gitt prosjekt!",
    "size": "2"
  },
  "key": "text2"
}

Space (luftrom)

Gir luft mellom feltene. Mulighet for å få en strek med farge for å skape mer avbrekk og farge i skjemaet.

Variabler	Forklaring
`height`	Antall linjer med luft den skal gi
`color`	Dukker opp en strek med farge (hex-kode)
`type`	Type strek: `dotted` (default), `solid`
`size`	Tykkelse på streken (default `1`)

{
  "type": "space",
  "templateOptions": {
    "label": "spacefield3",
    "height": "1"
  },
  "key": "spacefield3"
}

Image

Statisk bilde.

Variabler	Forklaring
`src`	Henter bilde fra gitt url
`imageSize`	Hvor stor bilde skal være: `small`,`medium`,`large`
`label`	Tekst som skal vises over bilde.
`textSize`	Størrelse på label (stor)1-3(liten)
`watchGroup`	Vil oppdatere `src` hvis et av disse feltene endres

{
  "type": "image",
  "templateOptions": {
    "label": "Tempus logo",
    "textSize": "2",
    "imageSize": "large",
    "src": "http://tempus.no/wp-content/uploads/2017/04/Tempus_logo-1.png"
  },
  "key": "imagefield4"
}

//Example with watchgroup
{
  "type": "image",
  "templateOptions": {
    "label": "Image",
    "textSize": "2",
    "imageSize": "large",
    "src": "http://tempus.no/wp-content/uploads/2017/04/{{project}}_test.png",
    "watchGroup": [
      "model.project"
    ]
  },
  "key": "imagefield5"
}

StyleForm

Lar deg endre utseendet til skjemaet.

Variabler	Forklaring
`background`	Bakgrunns fargen på skjemaet. Hex-kode
`fontColor`	Fargen på tekstene. Hex-kode
`hideSignArea`	Fjerner/gjemmer sign-OK feltet nederst i skjemaet. Brukt når man bruker buttons istedenfor.
`fontSize`	Størrelse på teksten. Bruk gjerne %. eks. `110%` for å få det litt større enn orginal.
`showPrint`	For å vise print-knappen når man er i skjemaregistrering.
`noTmpStore`	Sett til `true` for å fjerne muligheten til å mellomlagre skjemaet
`showAllSteps`	Sett til `true` for å vise alle steg i menyen når skjemaet åpnes
`custom`	Legg inn egen css-kode.

{
  "type": "styleForm",
  "templateOptions": {
    "background": "#cca",
    "fontColor": "#fff",
    "hideSignArea": true,
    "showPrint": true,
    "noTmpStore": false,
    "showAllSteps": true,
    "custom":"ion-content{border:1px solid #ee0;}"
  },
  "key": "styleFormfield6"
}

Tekst/tid input

input

Input brukes til å ta inn tekstlig input fra bruker.

Utseendet

Input kan ha forskjellig utseende. Det settes under type:

Type	Forklaring
`input`	Ingen label. Kun et inputfelt
`floating-input`	Label ligger inni inputfeltet. Når man trykker/fyller inn i feltet. Flyttes label over inputfeltet.
`inline-input`	Label på venstresiden og inputfelt på høyresiden.
`stacked-input`	Label over og inputfelt under.

{
  "type": "inline-input",   //layout-type.
  "templateOptions": {
    "label": "Kommentar",
    "inputType": "input",
    "type": "text"          //keyboard-type
  },
  "key": "skadeKommentar"
}

Type input

Endring av typen input gjøres ved å endre på type under templateOptions.

Merk: Utseendet, validering og løsning varierer utifra OS og versjon.

Field-Type	Forklaring
`text`	Vanlig keyboard
`number`	Numerisk keyboard.
`telephone`	Telefon keyboard
`email`	Keyboard inneholder knapper som `@` og `.com`.
`date`	Gir en native popup-kalender
`time`	Gir en native popup-klokke
`datetime-local`	Gir en native popup-velger for dato og klokkeslett

time

Time har som standard tidspunktet den ble vist. Gir en native popup.

Variabler	Forklaring
`label`	Tekst som skal gi en forklaring for feltet.
`notInit`	Sett til `true` for å ikke initalisere feltet med nåværende tidspunkt

{
  "type": "inline-input",
  "templateOptions": {
    "label": "Klokken",
    "inputType": "input",
    "type": "time"
  },
  "key": "StartKl"
}

date

Date har dagens dato som standard. Gir en native popup.

Variabler	Forklaring
`label`	Tekst som skal gi en forklaring.
`inputType`	Skal være `input`.
`type`	Gir forskjellige keyboard-layout og en generell validering av type fra nettleser.
`daysFromNow`	Ved `type:date` kan man flytte dagen X dager frem (4) eller tilbake (-4).
`notInit`	Sett til `true` for å ikke initalisere feltet med dagens dato

Sett dato fem dager tilbake som standard.
{
  "type": "inline-input",
  "templateOptions": {
    "label": "Dato",
    "inputType": "input",
    "type": "date",
    "daysFromNow": -5
  },
  "key": "Datofra"
}

datetime-local

Datetime-local har dagens dato som standard. Gir en native popup for valg av både dato og klokkeslett.

Variabler	Forklaring
`label`	Tekst som skal gi en forklaring.
`inputType`	Skal være `input`.
`type`	Gir forskjellige keyboard-layout og en generell validering av type fra nettleser.
`daysFromNow`	Ved `type:datetime-local` kan man flytte dagen X dager frem (4) eller tilbake (-4).
`notInit`	Sett til `true` for å ikke initalisere feltet med dagens dato

Sett dato fem dager tilbake som standard.
{
  "type": "inline-input",
  "templateOptions": {
    "label": "Dato og tid",
    "inputType": "input",
    "type": "datetime-local",
    "daysFromNow": -5
  },
  "key": "DatoOgTidfra"
}

TextArea

Større tekstområde for innfylling av tekst. Vil automatisk utvides når tekst skrives inn i den (med mindre den er deaktivert).

Navn	Forklaring
`label`	Tekst som skal gi en forklaring.
`placeholder`	Tekst som står i feltet frem til bruker begynner å skrive
`rows`	Antall rader tektstområdet skal ta
`autoExpand`	Sett til `false` for å deaktivere automatisk utvidelse

{
  "type": "textarea",
  "templateOptions": {
    "label": "",
    "placeholder": "Fyll inn tekst her ...",
    "rows": "5"
  },
  "key": "textareafield8"
}

Timepicker

Lager en knapp for å velge klokkeslett.

Navn	Forklaring
`label`	Tekst som skal gi en forklaring.
`step`	Hvor store steg (i minutter) velgeren tar når brukeren endrer minutter
`colorType`	Farge på knappen. Bruker CSS-klasser (se tabell under)

colorType	Farge
`button-light`	Hvit
`button-stable`	Lysegrå
`button-positive`	Mørkeblå
`button-calm`	Lyseblå
`button-balanced`	Grønn
`button-energized`	Gul
`button-assertive`	Rød
`button-royal`	Rosa
`button-dark`	Svart

{
  "type": "timepicker",
  "templateOptions": {
    "label": "Sett klokkeslett",
    "step": "5",
    "colorType": "button-balanced"
  },
  "key": "timepickerfield11"
}

init-input

Som inline-input, men mulig å sette fieldInitUrl for å initialisere feltet fra et API. Den kan også sette formId eller informasjon om tenant, prosjekt, skjema. Den vil prioritere i følgende rekkefølge:

fieldInitUrl
formId
tenant
project
form

Navn	Forklaring
`type`	Samme typer som input
`fieldInitUrl`	Url til API for å hente init verdier
`formId`	`true` for å hente formId
`tenant`	`"name"` for tenant-navn eller `"id"` for tenant-id
`project`	`"id"` for prosjekt-id, `"number"` for prosjektnummer eller `"name"` for prosjekt navn
`form`	`"id"` for skjema-id, `"number"` for skjemanummer eller `"name"` for skjemanavn

// init from an API
{
  "type": "init-input",
  "templateOptions": {
    "type": "number",
    "fieldInitUrl": "{{App.Integration.D4ApiUri}}/INBfieldInit?selskap={{Selskap}}&ansatt={{User}}&register=102"
  },
  "key": "antall"
}

// Get formId
{
  "type": "init-input",
  "templateOptions": {
    "type": "number",
    "formId": true
  },
  "key": "formId"
}

// Get tenantId
{
  "type": "init-input",
  "templateOptions": {
    "type": "number",
    "tenant": "id"
  },
  "key": "tenant"
}

// Get project number
{
  "type": "init-input",
  "templateOptions": {
    "type": "text",
    "project": "number"
  },
  "key": "project"
}

// Get form name
{
  "type": "init-input",
  "templateOptions": {
    "type": "text",
    "form"_ "name"
  },
  "key": "form"
}

Valgbare inputs

Select list

Brukes til å lage en meny der bruker velger et element. Elementene legges inn som value (verdien som skal lagres) og name (verdien som skal vises).

Navn	Forklaring
`label`	Tekst som skal gi en forklaring.
`csvValues`	CSV representasjon av elementene (der `\n` er linjeskift).
`options`	En array med value-name-verdiene som objekter

{
  "type": "select",
  "templateOptions": {
    "label": "Ta et valg",
    "csvValues": "lagret verdi 1,Vist verdi 1\nlagret verdi 2,Vist verdi 2\nlagret verdi 3,Vist verdi 3",
    "options": [
      {
        "value": "lagret verdi 1",
        "name": "Vist verdi 1"
      },
      {
        "value": "lagret verdi 2",
        "name": "Vist verdi 2"
      },
      {
        "value": "lagret verdi 3",
        "name": "Vist verdi 3"
      }
    ]
  },
  "key": "selectfield9"
}

Select with history (historyselect)

Som Select list, men gir de sist valgte verdiene øverst i menyen.

Navn	Forklaring
`label`	Tekst som skal gi en forklaring.
`csvValues`	CSV representasjon av elementene (der `\n` er linjeskift).
`options`	En array med value-name-verdiene som objekter
`historyForm`	FormID-en til skjemaet feltet er i
`setLabel`	Setter label til dette feltet

{
  "type": "historyselect",
  "templateOptions": {
    "label": "Choose",
    "csvValues": "1,Test1\n2,Test2\n3,Test3\n4,Test4\n",
    "historyForm": "8656",
    "options": [
      {
        "value": "1",
        "name": "Test1"
      },
      {
        "value": "2",
        "name": "Test2"
      },
      {
        "value": "3",
        "name": "Test3"
      },
      {
        "value": "4",
        "name": "Test4"
      }
    ]
  },
  "key": "historyselectfield0"
}

labelSelect

Det samme som Select list, men med setLabel.

Navn	Forklaring
`label`	Tekst som skal gi en forklaring.
`csvValues`	CSV representasjon av elementene (der `\n` er linjeskift).
`options`	En array med value-name-verdiene som objekter
`setLabel`	Setter label til dette feltet

{
  "type": "labelSelect",
  "templateOptions": {
    "label": "Ta et valg",
    "csvValues": "lagret verdi 1,Vist verdi 1\nlagret verdi 2,Vist verdi 2\nlagret verdi 3,Vist verdi 3",
    "setLabel": "mittValgLabel",
    "options": [
      {
        "value": "lagret verdi 1",
        "name": "Vist verdi 1"
      },
      {
        "value": "lagret verdi 2",
        "name": "Vist verdi 2"
      },
      {
        "value": "lagret verdi 3",
        "name": "Vist verdi 3"
      }
    ]
  },
  "key": "mittValg"
}

Checkbox

En avhuking for å bekrefte et valg eller brukt til å vise skjulte felter. Gir verdien true eller false.

Variabler	Forklaring
`label`	Tekst som skal gi en forklaring.

{
  "type": "checkbox",
  "defaultValue": false,
  "templateOptions": {
    "label": "Attester dagen"
  },
  "key": "attester"
}

Radio button

Brukes til å lage et knappefelt der brukeren trykker på et av alternativene. Hver knapp legges inn som value (lagret verdi) og text (vist verdi).

Navn	Forklaring
`csvValues`	CSV representasjon av elementene (der `\n` er linjeskift).
`options`	En array med value-text-verdiene som objekter

{
  "type": "radio",
  "templateOptions": {
    "csvValues": "1,Ja\n2,Nei\n3,Vet ikke",
    "options": [
      {
        "value": "1",
        "text": "Ja"
      },
      {
        "value": "2",
        "text": "Nei"
      },
      {
        "value": "3",
        "text": "Vet ikke"
      }
    ]
  },
  "key": "radiofield10"
}

labelRadio

Det samme som radio, men med setLabel.

Navn	Forklaring
`csvValues`	CSV representasjon av elementene (der `\n` er linjeskift).
`options`	En array med value-text-verdiene som objekter
`setLabel`	Setter label til dette feltet

{
  "type": "labelRadio",
  "templateOptions": {
    "csvValues": "1,Ja\n2,Nei\n3,Vet ikke",
    "setLabel": "mittValgLabel",
    "options": [
      {
        "value": "1",
        "text": "Ja"
      },
      {
        "value": "2",
        "text": "Nei"
      },
      {
        "value": "3",
        "text": "Vet ikke"
      }
    ]
  },
  "key": "mittValg"
}

Rating

Gir brukeren en rekke med ikoner (default: stjerner), Hvor det er verdi 1-5. Ved å dobbelklikke på et ikon vil den fjerne alle, og gi verdien 0. Ikoner kan bli funnet her (bruk "Name" kolonnen):

Variabler	Forklaring
`label`	Beskrivende tekst over ikonene	Valgfritt
`iconOn`	Ikonet som er aktive/valgt	Valgfritt
`iconOff`	Ikonet som er deaktivert/ ikke valgt	Valgfritt
`iconOnColor`	Gi aktiv ikon en farge.	Valgfritt
`iconOffColor`	Gi deaktiver ikon en farge.	Valgfritt

{
  "type": "rating",
  "templateOptions": {
    "label": "Hvor bra var dette?",
    "iconOff": "ion-sad",
    "iconOn": "ion-happy",
    "iconOnColor": "#0f0",
    "iconOffColor": "black"
  },
  "key": "ratingFood"
}

modalselect (search list)

Søkbar liste

Brukt på tre måter:

Lokal liste: options (array[])
Mot en lookup-tabell i Tempus IN (se Oppslagsregister): lookupName
Mot et API: lookupUrl

Bruk valueProp og labelProp for korrekte key-navn.

Variabler	Forklaring
`label`	Tekst som skal gi en forklaring til bruker om feltet.
`valueProp`	Key på array element som skal brukes til lagring. Kan være en array.
`labelProp`	Key på array element som skal brukes til visning. Kan være en array.
`lookupName`	Navn på tabell. Gjør en lookup om TempusIN lookup liste på gitt navn.
`lookupUrl`	Gjør en weblookup mot et API VIKTIG: API-et må ha SSL/TLS (https)
`options`	select-array liste. Elementer som er lagt direkte i skjemaet.
`keepValue`	Fyller automatisk inn samme verdi som ble registrert sist.
`fieldInitUrl`	Url til prosedyre for å innhenting av init verdier.
`watchGroup`	Kjører lookup når feltene i `watchGroup` endres.
`jsonPath`	filstil til gitt json-objekt. default `data`
`setLabel`	Setter label til dette feltet
`search`	Om søkefeltet skal vises.. Default: `true`
`multiple`	Tillat å velge flere verdier. Default: `false`
`splitter`	Sett skilletegn mellom de flere valgte verdiene (kan bestå av flere tegn). Default: `,` Merk: Kan ikke være en verdi som er en del av valgene i `options`
`propSplitter`	Brukes for å separere verdiene når `valueProp` og/eller `labelProp` er en array. Standardverdi er verdien til `splitter`.
`valuePropSplitter`	For å spesifisere et separasjonstegn for `valueProp`. Standardverdi er verdien til `propSplitter`.
`labelPropSplitter`	For å spesifisere et separasjonstegn for `labelProp`. Standardverdi er verdien til `propSplitter`.
`delay`	Vent en bestemt forsinkelse etter siste tastetrykk før API kalles. Tilbakestiller om nytt tastetrykk. Default: `0`
`headers`	Valgfritt objekt som inneholder headere for http-kallet. På formen `{"key": "value", ...}`

### lookup
{
  "type": "modalselect",
  "templateOptions": {
    "label": "Avdeling",
    "lookupName": "avdeling",
    "valueProp": "number",
    "labelProp": "name"
  },
  "key": "Tab3"
}

### API
{
  "type": "modalselect",
  "templateOptions": {
    "label": "Avdeling",
    "lookupUrl": "https://test.no/api/nrnavn?selskap={{SelskapID}}&ansatt={{Ansatt}}&register=3&aktiv=1&rpt=2&visNrOgNavn=True",
    "valueProp": "Nr",
    "labelProp": "Navn"
  },
  "key": "Tab3"
}

### API med watch

{
  "type": "modalselect",
  "templateOptions": {
    "label": "Barnehage",
    "lookupUrl": "https://www.barnehagefakta.no/api/Location/radius/{{gpspos}}/{{avstand}}",
    "valueProp": "nsrId",
    "labelProp": "navn",
    "watchGroup": [
      "model.gpspos"
    ]
  },
  "key": "barnehage"
}

### Lokal liste
{
  "type": "modalselect",
  "templateOptions": {
    "label": "Avdeling",
    "valueProp": "value",
    "labelProp": "name",
    "options": [
      {
        "value": "3421",
        "name": "Karl Gustav"
      },
      {
        "value": "3453",
        "name": "Bernt Kyrre"
      }]
  },
  "key": "Tab3"
}

lookup

Henter valg fra TempusIN lookups (se Oppslagsregister). Valgene hentes utifra lookupName og gitt project du er tilknyttet fra setup-skjema.

Variabler	Forklaring
`label`	Tekst som forklarer feltet.
`lookupName`	Navnet på tabellen som skal hentes Merk: Det er viktig at tabellen og skjemaet er i samme prosjekt
`watch`	Gjør et nytt API-kall når gitt key endrer seg. (Obs. Husk `model.`)
`setLabel`	Setter label til dette feltet
`parent`	Sett til `true` for å bruke feltet i `watch` som filter

{
  "type": "lookup",
  "templateOptions": {
    "label": "Velg ansatt",
    "lookupName": "ansatt"
  },
  "key": "lookupfield7"
}

Projects

Lager en select-liste med tilgjengelige prosjekter for brukeren. Hovedsaklig brukt i oppsett-/setup-skjemaer.

Viktig: I setup-skjemaer så må key være "Prosjekt".

Variabler	Forklaring
`label`	Tekst som forklarer feltet.
`sortBy`	Kan settes til `number` for å sortere etter nummer eller til `name` for å sortere etter navn

{
  "type": "projects",
  "templateOptions": {
    "label": "Chosen project",
    "sortBy": "name"
  },
  "key": "Prosjekt"
}

Andre inputs

Signature

Signeringsfelt. Base64 data leveres tilbake.

Variabler	Forklaring
`label`	Tekst som skal gi en forklaring til bruker om feltet.
`color`	Farge på signatur.

{
  "type": "signature",
  "templateOptions": {
    "label":"Kundens signatur",
    "color": "blue"
  },
  "key": "Rapport_godkjent",
}

Paint

Tegnefelt. Mulig å endre penselfarge, ta bilde (til å tegne på). Man kan legge til bakgrunnsbilde ved behov.

Variabler	Forklaring
`label`	Tekst som skal gi en forklaring til bruker om feltet.
`photo`	Kan ta et bilde som kan tegnes på.
`color`	Default fargen på penselen
`pickcolor`	Lov til å endre fargen på pensel.
`image`	URL til bakgrunnsbilde.
`pdf`	At bakgrunnen er en PDF. Default: `false`
`pdfScale`	Brukes for å skalere oppløsningen til PDF-en. Default: `1`
`useCredentials`	Bruker credentials når pdf hentes. Default: `false`
`watchGroup`	Oppdater URL til bakgrunn når disse feltene endres.
`text`	Tillat tekst. Default: `false`
`errorMsg`	Sett en annen feilmelding når bakgrunnen ikke blir funnet.
`saveFirst`	Sett denne til `true` for å lagre et uredigert paint-felt. Default: `false`

{
  "type": "paint",
  "templateOptions": {
    "label": "Draw something nice",
    "photo": true,
    "color": "#000000",
    "pickcolor": true
  },
  "key": "painting"
}

//paint field with pdf-background and watchgroup
{
  "type": "paint",
  "templateOptions": {
    "label": "Tegning",
    "color": "#000000",
    "image": "https://in.tempus.no/file/getfile?no=tegning_{{prosjekt}}.pdf",
    "pickcolor": true,
    "pdf": true,
    "pdfScale": "0.5",
    "errorMsg": "Feil med tegningsfelt: Fant ikke pdf!",
    "watchGroup": [
      "model.prosjekt"
    ]
  },
  "key": "tegning"
}

drawingSelect

For å zoome og panorere på et bilde/pdf og sette the valgte området til et paint felt. På PC kan brukeren også zoome med ctrl+musehjul, og på mobil med "pinching".

Variabler	Forklaring
`label`	Tekst som skal gi en forklaring til bruker om feltet.
`url`	URL til bildet/pdf.
`paintFields`	En array med navn og key på `paint` feltene som utvalget kan settes til.
`watchGroup`	Oppdater `url` når disse feltene endres.
`allowPinch`	Om zooming med "pinching" tillates. Default `true`
`pdf`	`true` hvis kilden er en pdf. Default `false`
`pageNumber`	For å sette en side i pdf-filen. Default `1`.
`pages`	For å sette en liste med sider å velge mellom. En array med navn og nummer.
`quality`	For å sette kvaliteten på PDF-en. Default `1.0`
`useCredentials`	Bruker credentials når pdf hentes. Default: `false`

{
  //PNG source
  "type": "drawingSelect",
  "templateOptions": {
    "label": "Choose selection",
    "url": "http://webfiler.tempus.no/drawing.PNG",
    "paintFields": [
      {
        "name": "Paint field 1",
        "key": "paintfield1"
      }
    ]
  },
  "key": "drawing"
}

//pdf with pages array
{
  "type": "drawingSelect",
  "templateOptions": {
    "label": "Choose selection",
    "url": "http://webfiler.tempus.no/drawings.pdf",
    "pdf": true,
    "pages": [
      {
        "name": "Basement",
        "number": "1"
      },
      {
        "name": "Ground floor",
        "number": "2"
      },
      {
        "name": "2 floor",
        "number": "3"
      }
    ],
    "paintFields": [
      {
        "name": "Paint field 1",
        "key": "paintfield1"
      }
    ]
  },
  "key": "drawing"
}

photo

Lar deg ta bilder som lagres i skjemaet. Bilde sendes opp til server når bildet blir tatt og lagt til i listen (url fra server). Ved offline lagres det lokalt i fotoalbum og sendes opp når man submitter skjemaet.

Variabler	Forklaring
`label`	Tekst som skal gi en forklaring.
`photolimit`	Hvor mange bilder som er lov å ta tilsammen. (default 5, om ingen satt)
`allowGallery`	Gir muligheten for å hente bilde fra album. Verdi `true\|false`.
`disableCamera`	`true\|false`. Gjemmer kameraknappen.

{
  "type": "photo",
  "templateOptions": {
    "label": "ta bilder",
    "photolimit": 4,
    "allowGallery":true
  },
  "key": "photoalbum"
}

barcodescanner

Lar deg skanne et QR-code/barcode med kamera. Dataen fylles ut i en input-felt.

multiscan lager en liste med elementer, etter hvor mange du har scannet. Ved behov for å legge inn tilleggsopplysninger, bruker man popupText for å få opp et inputfelt etter hver skanning.

Variabler	Forklaring
`label`	Tekst som skal gi en forklaring.
`multiscan`	Vil loope gjennom skanningen (og popup) til man avbryter selv.
`popupText`	Brukes ved multiscan. Overskrift på popupboks etter skanning
`popupInputType`	Brukes ved multiscan. Hvilken type input-feltet skal ha (mail,text,number,date..).
`autotrigger`	Sett til `true` for å automatisk åpne strekkodeleseren når skjemaet åpnes

{
  "type": "barcodescanner",
  "templateOptions": {
    "multiscan": true,
    "label": "Skann elementer til orderen",
    "popupText": "Legg inn antall",
    "popupInputType": "number"
  },
  "key": "barcodescanner"
}

GPS position

Finner din posisjon og legger den til et inputfelt ved siden av.

Variabler	Forklaring
`label`	Tekst som skal gi en forklaring til bruker om feltet.
`autotrigger`	Henter posisjonen med engang ved visning.
`splitter`	Endre splittetegnet mellom `lat` og `lng`. Standard:"`,`".
`watchGroup`	En array med felter som skal trigge en ny posisjon hvis de endres.

{
  "type": "gpsposition",
  "templateOptions": {
    "label": "My location",
    "autotrigger":true
  },
  "key": "gpspositionfield1"
}

nfc

Legger på en eventListener på NFC-leseren. Aktiveres ved å trykke på ikonet som vises. tagId blir fylt ut i inputfeltet når man har skannet en tag, samt at den deaktiveres igjen etter skanning.

Variabler	Forklaring
`label`	Vises som placeholder tekst i inputfeltet	Valgfritt
`disabled`	Hvis True, vil man ikke kunne endre på inputfeltet med keyboard.	Valgfritt
`alwaysOn`	Hvis True, vil være aktiv hele tiden.	Valgfritt
`decimal`	Hvis true: Resultatet vil være på desimal form, ellers hex	Valgfritt
`minLength`	Bare på desimal. Vil legge til nuller for å få opp lengden på verdien til den gitte lengden	Valgfritt
`reverse`	Bare på desimal. Vil reversere tallet	Valgfritt

{
  "type": "nfc",
  "templateOptions": {
    "label": "Skann kortet.",
    "disabled": true
  },
  "key": "nfctag"
}

//Example with decimal
{
  "type": "nfc",
  "templateOptions": {
    "label": "Skann kortet.",
    "alwaysOn": true,
    "decimal": true,
    "reverse": true,
    "minLength": 10
  },
  "key": "nfctag10"
}

sum

A fields that can make mathematical calculations based on other fields.

Variabler	Forklaring
label	Tekst foran resultatet. Eks. `Timer igjen:`
unit	Enhetsbegrep som legges bak resultatet. Eks. `t`, `kg`, `timer`.
calc	Formelen for utregning. Eks. `model.totaltimer - (model.nr1 + model.nr2)`. For operatorer se tabellen under
decimal	Maks antall tegn etter komma (default: 2)
watchGroup	Hvilke felter som skal trigge en ny utregning om den endres. Som regel alle feltene som er i formelen

Operatorer i synkende regnerekkefølge

Operator	Symbol
Eksponent	`^`	`2^5`
Multiplikasjon	`*`	`5*3`
Divisjon	`/`	`6/2`
Addisjon	`+`	`2 + 4`
Subtraksjon	`-`	`4 - 2`

{
  "type": "sum",
  "templateOptions": {
    "unit":"t",
    "label": "Timer igjen: ",
    "type": "number",
    "decimal": "2",
    "watchGroup": [
      "model.prosjekt1",
      "model.prosjekt2"
    ],
    "calc": "model.total - (model.prosjekt1 + model.prosjekt2)"
  },
  "key": "sumtimer"
}

timediff

Tar og beregner tidsdifferansen mellom to tidspunkt (date, time, datetime, etc).

Variabler	Forklaring
`label`	Tekst foran resultatet. Eks. `"Tidsforskjell: "`
`unit`	Enhetsbegrep som legges bak resultatet. Eks. `"dager"`, `"timer"`.
`type`	Hvilken enhet resultatet skal være i. Kan være `years`, `months`, `days`, `hours`(default) eller `minutes`
`decimal`	Maks antall tegn etter komma (default: 2)
`watchGroup`	De to feltene som inneholder tidspunktene som skal brukes i beregningen

{
  "type": "timediff",
  "templateOptions": {
    "label": "Tidsforskjell: ",
    "unit": " minutter",
    "type": "minutes",
    "decimal": "1",
    "watchGroup": [
      "model.datetime1",
      "model.datetime2"
    ]
  },
  "key": "diff"
}

textmerge

Brukes til å slå sammen tekst fra andre felt. Kan brukes på to måter:

Hvis det er oppgitt en mal (template) så brukes den til å finne feltene og slår de sammen iht malen.
Hvis template ikke er gitt, så tar den og slår sammen feltene i watchGroup med det som er oppgitt i delimiter som skilletegn.

Variabler	Forklaring
`label`	Tekst foran resultatet. Eks. `"Fullt navn: "`
`delimiter`	Skilletegn som brukes mellom tekstene når det ikke er oppgitt en template (default: `" "`)
`template`	Mal som brukes til å formattere teksten. Feltnavn puttes mellom doble underscores(`_`). Eksempel: `__fornavn__`
`watchGroup`	Feltene som trigger oppdatering. Ved bruk av `delimiter` er det disse feltene som blir slått sammen

//Ved hjelp av skilletegn (delimiter)
{
  "type": "textmerge",
  "templateOptions": {
    "label": "Fullt navn: ",
    "delimiter": " ",
    "watchGroup": [
      "model.fornavn",
      "model.mellomnavn",
      "model.etternavn"
    ]
  },
  "key": "fulltNavn"
}

//Ved hjelp av mal (template)
{
  "type": "textmerge",
  "templateOptions": {
    "template": "Fornavn: __fornavn__, Mellomnavn: __mellomnavn__, Etternavn: __etternavn__",
    "watchGroup": [
      "model.fornavn",
      "model.mellomnavn",
      "model.etternavn"
    ]
  },
  "key": "fulltNavn"
}

pdfModal

Et felt som kan åpne pdf-er i appen. Vises som knapp, da når du klikker, åpnes pdf-filen.

Variabler	Forklaring
`label`	Teksten som vises på knappen. Kan få info fra andre felt, f.eks.`{{project}}`.
`url`	URL til pdf. Kan få info fra andre felt, f.eks. `{{project}}`.
`buttonColor`	Fargen på knappen. Gitt som en css-klasse, se under. Default: `button-positive`
`barColor`	Fargen på topplinjen i pdf-viseren. headerThe color of header bar in the viewer. Samme farge som `buttonColor`, hvis den ikke er gitt.
`watchGroup`	Oppdater `url` og `label` når et av disse feltene endrer seg.

`buttonColor` / `barColor`	Farge
`button-light` / `bar-light`	Hvit
`button-stable` / `bar-stable`	Lysegrå
`button-positive` / `bar-positive`	Mørkeblå
`button-calm` / `bar-calm`	Lyseblå
`button-balanced` / `bar-balanced`	Grønn
`button-energized` / `bar-energized`	Gul
`button-assertive` / `bar-assertive`	Rød
`button-royal` / `bar-royal`	Rosa
`button-dark` / `bar-dark`	Svart

{
  "type": "pdfModal",
  "templateOptions": {
    "label": "Drawing for {{project}}:{{area}}",
    "url": "192.168.111.22:8080/file/getfile?no={{project}}_{{area}}.pdf",
    "buttonColor": "button-balanced",
    "watchGroup": [
      "model.project",
      "model.area"
    ]
  },
  "key": "drawing"
}

imageModal

En knapp som åpner et bilde i fullskjerm når den trykkes.

Variabler	Forklaring
`label`	Teksten som vises på knappen. Kan få info fra andre felt, f.eks.`{{project}}`.
`src`	URL til pdf. Kan få info fra andre felt, f.eks. `{{project}}`.
`buttonColor`	Fargen på knappen. Gitt som en css-klasse, se under. Default: `button-positive`
`watchGroup`	Oppdater `url` og `label` når et av disse feltene endrer seg.
`errorMsg`	(Valgfritt) Sett en egen melding når oppdatering av Url fra watchGroup feiler

`buttonColor`	Farge
`button-light`	Hvit
`button-stable`	Lysegrå
`button-positive`	Mørkeblå
`button-calm`	Lyseblå
`button-balanced`	Grønn
`button-energized`	Gul
`button-assertive`	Rød
`button-royal`	Rosa
`button-dark`	Svart

{
  "type": "imageModal",
  "templateOptions": {
    "label": "Open image {{imageNo}}",
    "src": "http://webfiler.tempus.no/imagewatch_bilde_{{imageNo}}.jpg",
    "buttonColor": "button-balanced",
    "watchGroup": [
      "model.imageNo"
    ]
  },
  "key": "modal"
}

itemlist

Lager en liste med elementer med navn og value. For hvert element loopes det gjennom to popuper; en for item og en for value.

Variabler	Forklaring
`label`	Tekst som skal gi en forklaring.
`itemText`	Overskrift på første popupboks.
`itemInputType`	Hvilken type input på item (`mail`, `text`, `number`, `date` ...)
`valueText`	Overskrift på den andre popupboksen.
`valueInputType`	Hvilken type input på value (`mail`, `text`, `number`, `date` ...)

{
  "type": "itemlist",
  "templateOptions": {
    "label": "Skriv inn elementer til orderen",
    "itemText": "Skriv inn produkt",
    "itemInputType": "text",
    "valueText": "Legg inn antall",
    "valueInputType": "number"
  },
  "key": "manuelinput"
}

valuelist

En knapp hvor bruker trykker for å hente og samme dataen til et felt (keylist-keyen), fra andre keys/felt. Selve dataen lagres som en lang tekst med deletegn mellom hvert inputKey (default |) og for hver nye rad (default ;). Bruker vil få en tabell hvor han vil se dataen, og muligheten for å fjerne en rad som ble lagt inn.

Variabler	Forklaring
`label`	Forklaring til bruker.
`buttonColor`	CSS-klasse for å sette farge på knappen. Se button for en fargeoversikt.
`keys`	Array-json-liste med Keys som det skal hentes data fra.
`clearKeys`	Hvilke felt som skal nullstilles
`splitRow`	Tegnet hver rad splittes på.
`splitValue`	Tegnet mellom hver key-verdi
`goUp`	Om `true`, gå til toppen av skjemaet. Nyttig om skjemaet skal fylles inn på nytt etter innlagt verdiene.
`json`	Hvis `true`: Lagre resultatet i JSON format, istedet for en tekststreng med skilletegn

{
  "type": "valuelist",
  "templateOptions": {
    "label": "Add values",
    "splitValue": ";",
    "splitRow": "|",
    "goUp":true,
    "keys": [
      {
        "key": "kunde",
        "label": "Kunde",
        "required": true
      },
      {
        "key": "bil",
        "label": "Bil"
      }
    ],
    "buttonColor": "button-balanced",
    "clearKeys": "kunde,bil"
  },
  "key": "values"
}

API-felt

Forskjellige felt for å hente/sende informasjon til andre kilder.

button

Brukes til å submitte skjemaet og samtidig sende det til et api.

`buttonFunction`	Forklaring
`get`	Brukt til å vise data. Data til API sendes via `url`. Har støtte for tekst, markdown og html.
`post`	Sender inn data til API (`url`) i tillegg til TempusIN. Går ut av skjemaet når den får `200 OK` fra server.
`reg`	Sender inn data til API (`url`) i tillegg til TempusIN. Går ikke ut av skjemaet, men gir en popup bekreftelse når data er levert. Teksten kan endres ved å benytte variablene `onDoneMsg`
`tmp`	Mellomlagring. Dataen sendes inn, men blir ikke registrert som innsendt. Dataen dukker opp igjen når man åpner samme skjema.
`mod`	Ingen API. Brukes for å resette/sette felter i skjemaet ved hjelp av `clearKeys`, `setKeys`, etc.
`getVars`	Henter verdier fra et API og setter dem til felter i skjemaet

Variabler	`buttonFunction`	Forklaring
`label`	Alle	Teksten på knappen
`colorType`	Alle	Fargen på teksen. Bruker CSS-klasser (se tabell under).
`buttonFunction`	Alle	Hvordan knappen skal opppføre seg (se tabell over).
`url`	`post`, `get`, `reg`, `getVars`	Hvor data skal sendes eller hentes fra. Kan bruke data fra skjemaet ved å bruke key-navnet for å hente ut dataen `..?value={{key}}` VIKTIG: API-et må ha SSL/TLS (https)
`clearKeys`	`reg`, `mod`	Fjern data i bestemte keys. `,` for å splitte `key`. Eks. `clearKeys="tab2,tab3"`
`setKeys`	`reg`, `mod`	Sett verdi på enkelte felt. json-array: {key:value,key2:value}
`thenButton`	`reg`, `mod`	Ved `200 OK` trykkes det på gitt `key` (button)
`thenMessage`	`reg`, `mod`	Ved `200 OK` vises gitt beskjed i en popup.
`onDoneMsg`	`reg`	Bekreftelsetekst ved en `200 OK` fra server. Standard tekst er `Succesful`. Bruk `onDoneMsg=""` om popup ikke skal brukes.
`autotrigger`	Alle	Trykker automatisk på knappen ved visning.
`focusKey`	`mod`	Gi fokus til et felt når knappen trykkes
`exitOnDone`	`reg`	Sett denne til `true` for å avslutte etter registrering er gjort. Default er `false` Merk: Dette er bare for `reg`, `post` vil alltid gå ut
`showMsg`	`reg`	Ved `200 OK` vises en melding (`msg`), etter en valgfri ventetid (`delay`), en tidsperiode (`duration`) (i millisekunder). På formen `{"msg": "blah blah blah", "duration": 2000}` `msg` må oppgis, `duration` har standardverdi `1000` og `delay` har standardverdi `0`
`confirmTitle` `confirmMsg`	Alle	For å spørre om bekreftelse i en popup fra bruker før knappen aktiveres. Tittel i `confirmTitle` og melding i `confirmMsg`
`jsonPath`	`getVars`	Sti til hvor resultaet er i de returnerte objektet.
`variableMap`	`getVars`	Oversikt over forbindelsen mellom key-navn i skjemaet og det returnerte objektet. På formen `{"form-key": "object-key", ...}`
`excludeVariables`	`getVars`	Brukes når returobjektet har de samme key-navnene som skjemaet (og `variableMap` ikke er angitt). Vil ikke angi de nøklene som er i denne arrayen. På formatet `["key1", "key2, "key3"]`
`watchGroup`	Alle	Knappen vil bli trykket når et av disse feltene endres Merk: Hvis `buttonFunction` er `mod` så vil den hente `setKeys` og `clearKeys` fra feltet hvis de er tilstede
`clickedColor`	Alle	En ny farge for knappen når den blir trykket på for første gang. Se tabell under
`clickedLabel`	Alle	En ny tekst for knappen når den blir trykket på for første gang

`colorType`	Farge
`button-light`	Hvit
`button-stable`	Lysegrå
`button-positive`	Mørkeblå
`button-calm`	Lyseblå
`button-balanced`	Grønn
`button-energized`	Gul
`button-assertive`	Rød
`button-royal`	Rosa
`button-dark`	Svart

//Post
{
  "type": "button",
  "templateOptions": {
    "label": "Logg inn",
    "colorType": "button-positiv",
    "buttonFunction": "post",
    "url": "https://test.no/api/postReg?ansatt={{ansattNr}}&starttid={{startkl}}&type=2&dato={{dato}}",
  },
  "key": "stampIn"
}

//Reg
{
  "type": "button",
  "templateOptions": {
    "label": "Send registrering",
    "colorType": "button-calm",
    "buttonFunction": "reg",
    "clearKeys":"startkl,dato",
    "setKeys":{"showResult":"1","Kommentar":"Det var en gang!"},
    "onDoneMsg":"Data lagret!",
    "thenButton":"getRapport",
    "url": "https://test.no/api/regData?ansatt={{ansattNr}}&starttid={{startkl}}&type=1&dato={{dato}}"
  },
  "key": "stampReg"
}

//Mellomlagre og send inn (ingen api-kobling, kun send inn som vanlig sign-ok knapp)
{
  "className":"floatLeft width50",
  "type": "button",
  "templateOptions": {
    "label": "Mellomlagre",
    "colorType": "button-calm",
    "buttonFunction": "tmp"
  },
  "key": "btnSaveLocal"
},
{
  "className":"floatLeft width50",
  "type": "button",
  "templateOptions": {
    "label": "Send inn",
    "colorType": "button-positive",
    "buttonFunction": "post"
  },
  "key": "btnSendIn"
}

//Mod button with focusKey, clearKeys and watchGroup
{
  "type": "button",
  "templateOptions": {
    "label": "Clear",
    "colorType": "button-positive",
    "buttonFunction": "mod",
    "clearKeys": "inputfield0",
    "focusKey": "inputfield3",
    "watchGroup": [
      "model.test"
    ]
  },
  "key": "buttonfield1"
}

servermessage

Kombineres med button for å vise data som blir hentet med get. Eks. Rapport. Dataen vises som markdown/html/tekst.

Obs. Ingen varibler å endre.

{
  "type": "servermessage",
  "templateOptions": {
  },
  "key": "servermessage"
}

webLookup

Henter valg fra API. Verdier til API sendes i lookupUrl.

Variabler	Forklaring
`label`	Tekst som forklarer feltet.
`lookupUrl`	Url med data til API VIKTIG: API-et må ha SSL/TLS (https)
`valueProp`	Array-key på elementet som lagres. Kan være en array.
`labelProp`	Array-key på elementet som vises. Kan være en array.
`watchGroup`	Kjører lookup når feltene i `watchGroup` endres (husk `model.`) Merk at `watch` fremdeles er støttet
`fieldInitUrl`	Url til prosedyre for å innhenting av init verdier.
`jsonPath`	filstil til gitt json-objekt. default `data`
`setLabel`	Setter label til dette feltet
`splitter`	Setter skilletegnet mellom verdiene når `labelProp` og/eller `valueProp` er en array. Default: `,`
`valueSplit`	For å spesifisere skilletegnet for `valueProp`. Standardverdi er verdien til `splitter`.
`labelSplit`	For å spesifisere skilletegnet for `labelProp`. Standardverdi er verdien til `splitter`.
`delay`	Vent en bestemt forsinkelse etter siste tastetrykk før API kalles. Tilbakestiller om nytt tastetrykk. Default: `0`
`headers`	Valgfritt objekt som inneholder headere for http-kallet. På formen `{"key": "value", ...}`

{
  "type": "webLookup",
  "templateOptions": {
    "label": "Hent ansatt",
    "lookupUrl": "tempus.no/api/ansatt?regsiter=1&logon={{ansattNr}}",
    "valueProp": "Nr",
    "labelProp": "Navn",
    "watchGroup": [
      "model.ansattNr"
    ]
  },
  "key": "webLookupfield8"
}

infoLookup

Gjør en lookup mot et API. Feltet er kun for å gi tilleggsinformasjon.

Variabler	Forklaring
`label`	Tekst som forklarer feltet.
`lookupUrl`	url til API-kallet VIKTIG: API-et må ha SSL/TLS (https)
`labelProp`	key-navn på return fra API. Kan være Array for å lese inn flere elementer i samme objekt
`watchGroup`	Kjører lookup når feltene i `watchGroup` endres (husk `model.`) Merk at `watch` fremdeles er støttet
`notFoundLabel`	Tekst som dukker opp om den ikke finner noe.
`template`	En markdown-mal. Hvor Keys (`__key__`) i malen byttes ut med lik Key i objektet (`lookupUrl`).
`jsonPath`	filstil til gitt json-objekt. default `data`
`valueProp`	Key navn for verdien som skal lagres som i skjemaet. Kan være en array.
`delay`	Vent en bestemt forsinkelse etter siste tastetrykk før API kalles. Tilbakestiller om nytt tastetrykk. Default: `0`
`headers`	Valgfritt objekt som inneholder headere for http-kallet. På formen `{"key": "value", ...}`

{
  "type": "infoLookup",
  "templateOptions": {
    "label": "Status",
    "lookupUrl": "tempus.no/api/userStatus?user={{userNr}}",
    "labelProp": "info",
    "watchGroup": [
      "model.userNr"
    ],
    "notFoundLabel":"Ukjent status"
  },
  "key": "infoLookupfield5"
}

//API utenfor Tempus. Vis flere elementer (`labelProp`) fra samme objekt (`path`).
{
  "type": "infoLookup",
  "templateOptions": {
    "label": "Bedriftstatus",
    "lookupUrl": "https://data.brreg.no/enhetsregisteret/enhet.json?page=0&size=1&$filter=startswith(navn,'{{orgNavn}}')",
    "jsonPath":"data.data.0",
    "labelProp": [{"label":"Navn","key":"navn"},{"label":"Konkurs","key":"konkurs"},{"label":"Næringskode","key":"naeringskode1.beskrivelse"}],
    "watchGroup": [
      "model.lastData"
    ],
    "notFoundLabel":"Fant ikke data"
  },
  "key": "infoLookupfield5"
}

//API utenfor Tempus. Vis flere elementer (`labelProp`) fra samme objekt (`path`).
{
  "type": "infoLookup",
  "templateOptions": {
    "label": "Bedriftstatus",
    "lookupUrl": "https://data.brreg.no/enhetsregisteret/enhet.json?page=0&size=1&$filter=startswith(navn,'{{orgNavn}}')",
    "jsonPath":"data.data.0",
    "template": "### __navn__\n |Felt|Data|\n|----|----|\n|OrgNr.|__orgnr__|\n|Åpent|__apningstidFra__-__apningstidTil__|\n|Antallbarn|__indikatorDataBarnehage.antallBarn__|",
    "watchGroup": [
      "model.lastData"
    ],
    "notFoundLabel":"Fant ikke data"
  },
  "key": "infoLookupfield5"
}

serverQueryModal (SearchLookup)

Gjør søk direkte mot server. Henter navn på tidligere lagret verdier fra server.

Variabler	Forklaring
`label`	Tekst som skal gi en forklaring til bruker om feltet.
`valueProp`	Key på array element som skal brukes til lagring.
`labelProp`	Key på array element som skal brukes til visning.
`lookupUrl`	Kall mot API. Den legger på selve søket på slutten av urlen `..&query={{dittSøk}}` VIKTIG: API-et må ha SSL/TLS (https)
`selectItemsLabel`	Tittel på listen over treff på søket som kan velges.
`selectedItemsLabel`	Tittel på listen over valgte elementer.
`nrLabel`	Teksten på antall. Ved multivalg vises det kunnet et antall + `nrLabel` (eks. "3 stk.").
`queryMinLength`	Antall tegn på må skriver før den søker.
`queryMinLengthLabel`	Gi bruker en forståelse på antall tegn som må brukes.
`placeholder`	Gi bruker en forklaring på hva han kan søke etter.

{
  "type": "serverQueryModal",
  "templateOptions": {
    "label": "Mine ansatte",
    "lookupUrl": "https://tempus.no/Tempusin/api/nrnavn?register=1&logonNr={{ansattNr}}",
    "valueProp": "Nr",
    "labelProp": "Navn",
    "selectItemsLabel": "Velg ansatte",
    "selectedItemsLabel": "Valgte ansatte",
    "nrLabel": "Stk.",
    "queryMinLength": "3",
    "queryMinLengthLabel": "Må ha minst 3 tegn.",
    "placeholder": "Søk nr eller navn"
  },
  "key": "mineAnsatte"
}

Table

Lager en tabell med kolonner for en liste med verdier.

Variabler	Forklaring
`label`	Tekst som forklarer feltet.
`lookupUrl`	url til API-kallet VIKTIG: API-et må ha SSL/TLS (https)
`jsonPath`	filstil til gitt json-objekt. default `data`
`watchGroup`	Kjører lookup når feltene i `watchGroup` endres (husk `model.`)
`header`	En list med de kolonnene som skal være med
`header.label`	Navn som vil vises som overskrift for kolonnnen
`header.key`	Key til verdien i json-objektet
`header.sum`	Hvis verdiene i kolonnen skal summeres

{
  "type": "table",
  "templateOptions": {
    "label": "Vitir",
    "lookupUrl": "https://tempusin-vitir-functions.azurewebsites.net/api/get_radon_data?code=WdIafLSDoBdX55M4e/ZcgsAvs5OZPMOpWaY1EAO27XQ0V2NWlcFFaQ==&amount={{amount}}",
    "watchGroup": [
      "model.amount"
    ],
    "header": [
      {
        "label": "Date",
        "key": "date",
        "sum": false
      },
      {
        "label": "Temperature",
        "key": "temperature",
        "sum": false
      },
      {
        "label": "Humidity",
        "key": "humidity",
        "sum": false
      }
    ]
  },
  "key": "vitirtable"
}

Stream

Strømmer data fra "server side events". Kontinuerlig oppdaterer skjemaet med data når ny data kommer fra strømmen.

Variabler	Forklaring
`template`	Markdown mal for å presentere dataene. Vill bytte ut `__key__` med verdier fra dataene
`streamUrl`	Url til strømmen for å hente data kontinuerlig VIKTIG: API-et må ha SSL/TLS (https)
`streamPath`	Datasti til verdiene i dataene fra strømmen
`initUrl`	Valgfri url for å sette initielle verdier fra et vanlig API VIKTIG: API-et må ha SSL/TLS (https)
`initPath`	Datasti til verdiene i dataene fra init API-et
`timeout`	Hvor lang tid(i millisekunder) før strømmen timer ut og starter på nytt. Default: 45000
`apiKey`	Hvis man bruker basic authorization, key/brukeren for API-ene
`apiSecret`	Hvis man bruker basic authorization, secret/passordet for API-ene
`headers`	Kan, hvis ønskelig, sette headere. Kun hvis man ikke bruker `apiKey`/`apiSecret`

{
  "type": "stream",
  "templateOptions": {
    "streamUrl": "https://api.disruptive-technologies.com/v2/projects/********/devices/********:stream?event_types=temperature",
    "initUrl": "https://api.disruptive-technologies.com/v2/projects/******/devices/**********",
    "apiKey": "*****",
    "apiSecret": "*****",
    "template": "#### Dev office\n\n**Temperature:** __value__\n\n**Time**: __updateTime__",
    "streamPath": "result.event.data.temperature",
    "initPath": "data.reported.temperature",
    "timeout": 900000
  },
  "key": "sensor1"
}

Diverse felt

Step

Deler skjemaet opp i mindre deler. Lager en "Neste steg"-knapp og "drop down"-liste for navigering.

Variabler	Forklaring
`label`	Teksten vist i "Neste steg"-knappen
`colorType`	Fargen til knappen. Se tabellen under for mulige farger. Default: `button-positive` (mørkeblå)

`colorType`	Farge
`button-light`	Hvit
`button-stable`	Lysegrå
`button-positive`	Mørkeblå
`button-calm`	Lyseblå
`button-balanced`	Grønn
`button-energized`	Gul
`button-assertive`	Rød
`button-royal`	Rosa
`button-dark`	Svart

{
  "type": "step",
  "templateOptions": {
    "label": "2/3 Validering"
  },
  "key": "step1"
}

openForm

Kan åpne et annet skjema i appen basert på formId. Kan ha en satt formId eller få formId fra et annet felt ved hjelp av watchGroup. Kan også fylle inn predefinert data i det andre skjemaet ved hjelp av formData.

Variabler	Forklaring
`label`	Teksten vist på knappen
`colorType`	Fargen på knappen. Se tabellen under for mulige farger
`formId`	Id-en til skjemaet som det skal linkes til hvis man ikke bruker `watchGroup`
`watchGroup`	Felt(er) til å hente `formId`/`formData` fra eller oppdatere url
`url`	URL til API for å hente `formId`/`formData`
`json`	Sett til `true` hvis dataen i feltet er i JSON format
`formIdProp`	Hvis JSON eller url: Key til formId i dataen. Default: `formId`
`formDataProp`	Hvis JSON eller url: Key for valgfri formData i dataen. Default: `formData`
`path`	Hvis JSON eller url: Sett valgfri data-sti hvis `formId`/`formData` er i ett sub-objekt i dataen
`autotrigger`	Sett til `true` hvis knappen automatisk skal trykkes når en `formId` er funnet
`sendKeys`	Valgfri liste med key-navn til verdier (felter i skjemaet) som skal sendes videre til skjemaet som åpnes. På formatet `"key1,key2,key3"`

`colorType`	Farge
`button-light`	Hvit
`button-stable`	Lysegrå
`button-positive`	Mørkeblå
`button-calm`	Lyseblå
`button-balanced`	Grønn
`button-energized`	Gul
`button-assertive`	Rød
`button-royal`	Rosa
`button-dark`	Svart

// Get data from an field
{
  "type": "openForm",
  "templateOptions": {
    "label": "Go to form",
    "colorType": "button-balanced",
    "json": true,
    "autotrigger": true,
    "sendKeys": "name,age",
    "watchGroup": [
      "model.qr"
    ]
  },
  "key": "open"
}

// Get data from API
{
  "type": "openForm",
  "templateOptions": {
    "label": "Go to form",
    "colorType": "button-balanced",
    "formId": "1234",
    "url": "https://test.api.com/{{project}}",
    "path": "data.result",
    "formDataProp": "0",
    "watchGroup": [
      "model.project"
    ]
  },
  "key": "open"
}

Admin Verify Checkbox

Vises bare i resultatdelen på nettsiden. Lar bruker krysse av rader og oppdaterer verify flagg.

{
    "type": "adm_verify",
    "key": "verified"
}

(Denne dokumentasjonssiden ble sist oppdatert 28.01.2020)