Fältöversikt för 'Editor'

Generella variabler

Variabler	Förklaring
`type`	Fält-typ som ska användas. Se längre ned i listan, under `Fält`.
`key`	Namnet på fältet och vad det blir sparat under på serversidan och refererat till formuläret.
`templateOptions`	Variabler för angiven fält-typ. Se tabell under för generella värden för templateOptions
`defaultValue`	Sätt ett startvärde för fältet.
`hide`	Göm fältet från start.
`hideExpression`	Göm fältet när given formel är sann. `model.key` (vilken key den ska se på) `==` (lik) `&&`(och) `\|\|` (eller) `!=` (ej lik) `23` (value).
`expressionProperties`	Tillåter dig att sätta specialer som hide, required m.m. med hjälp av formler.
`className`	Sätta CSS-klasse(r). Se CSS-klasser för närmare information.

{
  "type": "inline-input",
  "defaultValue": "07:30",
  "templateOptions": {
    "label": "Tid",
    "inputType": "input",
    "type": "time"
  },
  "key": "StartTid",
  "hide": true,
  "hideExpression": "model.bekreft != 1",
  "expressionProperties": {
    "templateOptions.required": "model.projekt > 2"
  }
}

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

Generella templateOptions-variabler

Kan användas under templateOptions för alla element.

Variabler	Förklaring
`required`	Kräver att man fyller ut fältet innan formuläret kan skickas in. Kan vara `true` eller `false`.
`keepValue`	Fältet får värdet/datan som senast blev lagrat för given person på formuläret. Kan vara `true` eller `false`.

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

Statiska fält

Används för att visa statisk information eller dekorera formuläret.

Title

Visar en förhandsbestämd titel.

Variabler	Förklaring
`label`	Titel som visas.
`size`	Storleken på titeln: (stor)1-3(liten)
`saveLabel`	Sparar `label` som värdet för fältet (istället för ingenting). Default: `false`

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

Text

Visar ett förhandsbestämt textfält.

Variabler	Förklaring
`label`	Text som visas.
`size`	Storleken på titeln: (stor)1-3(liten)
`saveLabel`	Sparar `label` som värdet för fältet (istället för ingenting). Default: `false`
`markdown`	Möjlighet för att skriva text med hjälp av Markdown. Notera: Om du använder Markdown så används inte `label` och `size`

{
  "type": "text",
  "templateOptions": {
    "label": "Ange antal arbetade timmar på ett visst projekt!",
    "size": "2"
  },
  "key": "text2"
}

Space (luftrom)

Ger mellanrum mellan fälten. Möjlighet för att få ett streck med färg för att skapa mer avstånd och färg i formuläret.

Variabler	Förklaring
`height`	Antal linjer med mellanrum den ska ge.
`color`	Ger ett streck med färg (hex-kode)
`type`	Typ av streck: `dotted` (default), `solid`
`size`	Tjocklek på strecket (default `1`)

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

Image

Statisk bild.

Variabler	Förklaring
`src`	Hämtar bild från given URL
`imageSize`	Hur stor bilden ska vara: `small`,`medium`,`large`
`label`	Text som ska visas över bilden.
`textSize`	Storlek på label (stor)1-3(liten)
`watchGroup`	Uppdaterar `src` om någon av dessa fält ändras

{
  "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

Tillåter dig ändra formulärets utseende.

Variabler	Förklaring
`background`	Bakgrundsfärgen på formuläret. Hex-kode
`fontColor`	Färgen på texten. Hex-kod.
`hideSignArea`	Tar bort/gömmer sign/OK-fältet längst ner i formuläret. Används när buttons ersätter funktionen för detta fält.
`fontSize`	Storleken på texten. Använd gärna %. Ex. `110%` för att få det lite större än originalen.
`showPrint`	För att visa print-knappen när du är i forumulär registrering.
`noTmpStore`	Ange till `true` för att inaktivera möjligheten att spara utkast
`showAllSteps`	Ange till `true` för att visa alla steg i menyn när ett formulär öppnas
`custom`	Lägg in en CSS-kod.

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

Text/tid inputs

input

Input används för att ta in skriftlig input från användare.

Utseendet

Input kan ha olika utseende. Detta bestäms under type:

Type	Förklaring
`input`	Ingen label. Enbart inputfält.
`floating-input`	Label ligger inuti inputfältet. När man trycker/fyller ut fältet, flyttas label över inputfältet.
`inline-input`	Label på vänster sida och inputfält på höger sida.
`stacked-input`	Label över och inputfält under.

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

Type input

Ändringen av typen input görs genom att ändra på type under templateOptions.

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

Field-Type	Förklaring
`text`	Vanligt tangentbord
`number`	Numeriskt tangentbord
`telephone`	telefon-tangentbord
`email`	Tangentbord som innehåller knapparna `@` og `.com`.
`date`	Ger en native popup-kalender
`time`	Ger en native popup-klocka
`datetime-local`	Ger en native popup-väljare för datum och tidpunkt

time

Time har som standard tidpunkten den visades. Ger en native popup.

Variabler	Förklaring
`label`	Text som ska ge en förklaring för fältet.
`notInit`	Ange till `true` för att inte initiera fältet med aktuell tid

{
  "type": "inline-input",
  "templateOptions": {
    "label": "Tid",
    "inputType": "input",
    "type": "time"
  },
  "key": "StartTid"
}

date

Date har dagens datum som standard. Ger en native popup.

Variabler	Förklaring
`label`	Text som ska ge en förklaring för fältet.
`inputType`	Ska vara `input`.
`type`	Ger olika keybord-layout och en generell validering av typ från webbläsare.
`daysFromNow`	Med `type:date` kan man flytta dagen X dagar fram (4) eller tillbaka (-4).
`notInit`	Ange till `true` för att inte initiera fältet med aktuell datum

Sett datum fem dagar tilbaka.
{
  "type": "inline-input",
  "templateOptions": {
    "label": "Datum",
    "inputType": "input",
    "type": "date",
    "daysFromNow": -5
  },
  "key": "Datum"
}

datetime-local

Datetime-local har dagens datum som standard. Ger en native popup för val av både datum och klockslag.

Variabler	Förklaring
`label`	Text som ska ge en förklaring för fältet.
`inputType`	Ska vara `input`.
`type`	Ger olika keybord-layout och en generell validering av typ från webbläsare.
`daysFromNow`	Med `type:datetime-local` kan man flytta dagen X dagar fram (4) eller tillbaka (-4).
`notInit`	Ange till `true` för att inte initiera fältet med aktuell datum

Sett datum fem dagar tilbaka.
{
  "type": "inline-input",
  "templateOptions": {
    "label": "Datum och tid",
    "inputType": "input",
    "type": "datetime-local",
    "daysFromNow": -5
  },
  "key": "DatumTid"
}

TextArea

Större textområde för utfyllande av text. Utökas automatiskt när texten skrivs in (om den inte är inaktiverad).

Namn	Förklaring
`label`	Text som ska ge en förklaring för fältet.
`placeholder`	Text som står i fältet fram till användare börjar skriva.
`rows`	Antal rader textområdet ska ta.
`autoExpand`	Ställ in på `false` för att inaktivera automatisk expansion

{
  "type": "textarea",
  "templateOptions": {
    "label": "",
    "placeholder": "Skriv in text här ...",
    "rows": "5"
  },
  "key": "textareafield8"
}

Timepicker

Skapar en knapp för att välja klockslag.

Namn	Förklaring
`label`	Text som ska ge en förklaring för fältet.
`step`	Hur stora steg (i minuter) väljaren tar när användaren ändrar minuter.
`colorType`	Färg på knappen. Använder CSS-klasser (se tabell under).

colorType	Färg
`button-light`	Vit
`button-stable`	Ljusgrå
`button-positive`	Mörkblå
`button-calm`	Ljusblå
`button-balanced`	Grön
`button-energized`	Gul
`button-assertive`	Röd
`button-royal`	Rosa
`button-dark`	Svart

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

init-input

Som inline-input, men möjligt att ställa in fieldInitUrl för att initiera fältet från ett API. Det kan också ställa in formId eller info från tenant, project, formulär. Det kommer att prioritera på följande sätt:

fieldInitUrl
formId
tenant
project
form

Namn	Förklaring
`type`	Samma typer som för input
`fieldInitUrl`	Url till API för att få initvärden
`formId`	`true` för att få formId
`tenant`	`"name"` för tenant namn eller `"id"` för tenant id
`project`	`"id"` för project id, `"number"` för project nummer eller `"name"` för project namn
`form`	`"id"` för form id, `"number"` för formulär nummer eller `"name"` för formulär namn

// 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"
}

Valbara inputs

Select list

Används för att skapa en meny där användare väljer ett element. Elementen läggs in som value (värdet som ska sparas) och name (värdet som ska visas).

Namn	Förklaring
`label`	Text som ska ge en förklaring för fältet.
`csvValues`	CSV representation av elementen (där `\n` är linjeskrift).
`options`	En array med value-name-värdena som objekt.

{
  "type": "select",
  "templateOptions": {
    "label": "Gör ett val",
    "csvValues": "sparad värde 1,Visad värde 1\nsparad värde 2,Visad värde 2\nsparad värde 3,Visad värde 3",
    "options": [
      {
        "value": "sparad värde 1",
        "name": "Visad värde 1"
      },
      {
        "value": "sparad värde 2",
        "name": "Visad värde 2"
      },
      {
        "value": "sparad värde 3",
        "name": "Visad värde 3"
      }
    ]
  },
  "key": "selectfield9"
}

Select with history (historyselect)

Som Select list, men ger de sista valda värdena överst i menyn.

Namn	Förklaring
`label`	Text som ska ge en förklaring för fältet.
`csvValues`	CSV representation av elementen (där `\n` är linjeskrift).
`options`	En array med value-name-värdena som objekt.
`historyForm`	FormID-en till schemat fältet är i
`setLabel`	Sätter label till det här fältet

{
  "type": "historyselect",
  "templateOptions": {
    "label": "Gör ett val",
    "csvValues": "sparad värde 1,Visad värde 1\nsparad värde 2,Visad värde 2\nsparad värde 3,Visad värde 3",
    "historyForm": "8656",
    "options": [
      {
        "value": "sparad värde 1",
        "name": "Visad värde 1"
      },
      {
        "value": "sparad värde 2",
        "name": "Visad värde 2"
      },
      {
        "value": "sparad värde 3",
        "name": "Visad värde 3"
      }
    ]
  },
  "key": "historyselectfield0"
}

labelSelect

Som Select list, men med setLabel.

Namn	Förklaring
`label`	Text som ska ge en förklaring för fältet.
`csvValues`	CSV representation av elementen (där `\n` är linjeskrift).
`options`	En array med value-name-värdena som objekt.
`setLabel`	Sätter label till det här fältet

{
  "type": "labelSelect",
  "templateOptions": {
    "label": "Gör ett val",
    "csvValues": "sparad värde 1,Visad värde 1\nsparad värde 2,Visad värde 2\nsparad värde 3,Visad värde 3",
    "setlabel": "mittValLabel",
    "options": [
      {
        "value": "sparad värde 1",
        "name": "Visad värde 1"
      },
      {
        "value": "sparad värde 2",
        "name": "Visad värde 2"
      },
      {
        "value": "sparad värde 3",
        "name": "Visad värde 3"
      }
    ]
  },
  "key": "mittVal"
}

Checkbox

För att bekräfta ett val använt för att visa gömda fält. Ger värdet true eller false.

Variabler	Förklaring
`label`	Text som ska ge en förklaring för fältet.

{
  "type": "checkbox",
  "defaultValue": false,
  "templateOptions": {
    "label": "Bekräfta"
  },
  "key": "attester"
}

Radio button

Används för att skapa ett knappfält där användaren trycker på ett av alternativen. Varje knapp läggs in som value (sparat värde) och text (visat värde).

Namn	Förklaring
`csvValues`	CSV representation av elementen (där `\n` är linjeskrift).
`options`	En array med value-name-värdena som objekt.

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

labelRadio

Som radio, men med setLabel.

Namn	Förklaring
`csvValues`	CSV representation av elementen (där `\n` är linjeskrift).
`options`	En array med value-name-värdena som objekt.
`setLabel`	Sätter label till det här fältet

{
  "type": "labelRadio",
  "templateOptions": {
    "csvValues": "1,Ja\n2,Nej\n3,Vet inte",
    "setLabel": "mittValLabel",
    "options": [
      {
        "value": "1",
        "text": "Ja"
      },
      {
        "value": "2",
        "text": "Nej"
      },
      {
        "value": "3",
        "text": "Vet inte"
      }
    ]
  },
  "key": "mittVal"
}

Rating

Ger användaren en rad med ikoner (default:stjärnor), där värdet är 1-5. Genom att dubbelklicka på en ikon tar den bort alla, och ger värdet 0. Ikoner kan hittas här (använd "Name"-kolumnen):

Variabler	Förklaring
`label`	Text som ska ge en förklaring till användare om fältet.	Valfritt
`iconOn`	Ikon som är aktiv/vald.	Valfritt
`iconOff`	Ikon som är inaktiverad/ej vald.	Valfritt
`iconOnColor`	Ge aktiv ikon en färg.	Valfritt
`iconOffColor`	Ge inaktiverad ikon en färg.	Valfritt

{
  "type": "rating",
  "templateOptions": {
    "label": "Hur bra var det här?",
    "iconOff": "ion-sad",
    "iconOn": "ion-happy",
    "iconOnColor": "#0f0",
    "iconOffColor": "black"
  },
  "key": "ratingFood"
}

modalselect (search list)

Sökbar lista

Använt på tre olika sätt:

Lokal lista: options (array[])
Mot en lookup-tabell i Tempus IN (se uppslagsregister): lookupName
Mot ett API: lookupUrl

Använd valueProp och labelProp för korrekt key-namn.

Variabler	Förklaring
`label`	Text som ska ge en förklaring till användaren om fältet.
`valueProp`	Key på array-element som ska användas till lagring. Kan vara en array.
`labelProp`	Key på array-element som ska användas till visning. Kan vara en array.
`lookupName`	Namn på tabell. Gör en lookup om TempusIN-lookuplista på givet namn.
`lookupUrl`	Gör en weblookup mot ett API VIKTIGT: API måste ha SSL / TLS (https)
`options`	select-array-lista. Element som är lagda direkt i schemat.
`keepValue`	Fyller automatiskt in samma värde som blev registrerat sist.
`fieldInitUrl`	Url till procedur för inhämtning av initielle värden.
`watchGroup`	Triggar `runLookup()` när modeller i arrayen ändras.
`jsonPath`	filstig till givet json-objekt. Default `data`
`setLabel`	Sätter label till det här fältet
`search`	Om sökfältet ska visas.. Default: `true`
`multiple`	Tillåt att välja flera värden. Default: `false`
`splitter`	Ställ in avgränsare mellan de flera valda värdena (kan bestå av flera tecken). Default: `;` Obs: Kan inte vara ett värde som är en del av alternativen i `options`
`propSplitter`	Används för att skilja värdena när `valueProp` och/eller `labelProp` är en array. Standardvärdet är värdet till `splitter`.
`valuePropSplitter`	Att ange en splitter endast för `valueProp`. Standardvärdet er värdet till `propSplitter`.
`labelPropSplitter`	Att ange en splitter endast för `labelProp`. Standardvärdet er värdet till `propSplitter`.
`delay`	Vänta en viss fördröjning efter senaste knapptryckning innan API kallas. Återställer om en annan knapptryckning inom fördröjningen. Default: `0`
`delay`	Vänta en viss fördröjning efter senaste knapptryckning innan API kallas. Återställer om en annan knapptryckning inom fördröjningen. Default: `0`
`headers`	Valfritt objekt som innehåller headers för http förfrågan. På format `{"key": "value", ...}`

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

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

### API med watch

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

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

lookup

Hämtar val från TempusIN lookups (se Uppslagsregister). Valen hämtas utifrån lookupName och givet project du är tillknutet från setup-schemat.

Variabler	Förklaring
`label`	Tekst som förklarar fältet.
`lookupName`	Namn på tabellen som ska hämtas. Notera: Det är viktigt att tabellen och schemat ligger i samma projekt.
`watch`	Gör ett nytt API-kall när key ändrar sig. (OBS: kom ihåg `model.`)
`setLabel`	Sätter label till det här fältet
`parent`	Ställ in på `true` för att använda det övervakade fältet för filter

{
  "type": "lookup",
  "templateOptions": {
    "label": "Välj anställd",
    "lookupName": "anstalld"
  },
  "key": "lookupfield7"
}

Projects

Skapar en select-lista med tillgängliga projekt för användaren. Används huvudsakligen i setup-formulär.

VIKTIGT: I setup-formuläret måste detta ha nyckeln "Prosjekt".

Variabler	Förklaring
`label`	Tekst som förklarar fältet.
`sortBy`	Kan ställas in på `number` för sortering efter nummer eller `namn` för sortering efter namn

{
  "type": "projects",
  "templateOptions": {
    "label": "Valgt prosjekt",
    "sortBy": "name"
  },
  "key": "Prosjekt"
}

Andra inputs

Signature

Signaturfält. Base64 data levereras tillbaka.

Variabler	Förklaring
`label`	Text som ska ge en förklaring till användare om fältet.
`color`	Färg på signatur.

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

Paint

Ritfält. Möjligt att ändra penselfärg, ta bild (för att teckna på). Man kan lägga till bakgrundsbild vid behov.

Variabler	Förklaring
`label`	Text som ska ge en förklaring till användare om fältet.
`photo`	Kan ta ett foto som kan tecknas på.
`color`	Default-färgen på penseln.
`pickcolor`Möjlighet att ändra färg på penseln.
`image`	URL till bakgrundsbild.
`pdf`	Att bakgrunden är en pdf-fil. Default: `false`
`pdfScale`	Används för att skala pdf-upplösning. Default: `1`
`useCredentials`	Att använda credentials när man hämtar pdf. Default: `false`
`watchGroup`	Uppdatera URL till bakgrund när vissa av dessa fält ändras
`text`	Tillåt text. Default: `false`
`errorMsg`	För att ställa in ett annat felmeddelande om bakgrunden inte hittas
`saveFirst`	Ställ detta till `true` för att lagra oredigerad färgfält. 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": "Drawing",
    "color": "#000000",
    "image": "https://in.tempus.no/file/getfile?no=drawing_{{project}}.pdf",
    "pickcolor": true,
    "pdf": true,
    "pdfScale": "0.5",
    "errorMsg": "Error with paint field: Didn't find pdf!",
    "watchGroup": [
      "model.project"
    ]
  },
  "key": "drawing"
}

drawingSelect

För att zooma och panorera på en bild/pdf och ställa in det valda området till ett paint-fält. På datorn kan användaren också zooma med ctrl+mushjulet och på mobilen med "pinching".

Variabler	Förklaring
`label`	Text som ska ge en förklaring till användare om fältet.
`url`	URL till bild/pdf.
`paintFields`	En array med namn och key i `paint`-fälterna kan väljas till.
`watchGroup`	Uppdatera `url` när ett av dessa fält ändras.
`allowPinch`	Om zoomning med "pinching" är tillåten. Default `true`
`pdf`	`true` om källan är en pdf. Default `false`
`pageNumber`	Att ställa in en sida i pdf-filen. Default `1`.
`pages`	För att ställa in en lista över sidor att välja mellan. En array med namn och nummer.
`quality`	Att ställa in kvaliteten på pdf-filen. Default `1.0`
`useCredentials`	Att använda credentials när man hämtar pdf. 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

Tillåter dig att ta bilder som sparas i schemat. Bild skickas till server när bilden blir tagen och läggs till i listan (url från server). Vid offline sparas den lokalt i fotoalbum och skickas upp när schemat levereras.

Variabler	Förklaring
`label`	Text som ska ge en förklaring för fältet.
`photolimit`	Hur många bilder som är tillåtet att tas tillsammans. (default 5, om ingen är satt).
`allowGallery`	Ger möjlighet att hämta bild från album. Värde `true\|false`.
`disableCamera`	`true\|false`. Gömmer kameraknappen.

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

barcodescanner

Tillåter dig att scanna en QR-kod/barcode med kamera. Datan fylls ut i ett input-fält.

Multiscan skapar en lista med element, efter hur många du har scannat. Vid behov för att lägga in tilläggsupplysningar använder man popupText för att uppge ett input-fält efter varje scanning.

Variabler	Förklaring
`label`	Text som ska ge en förklaring för fältet.
`multiscan`	Kommer loopa genom scaningen (och popup) tills man avbryter själv.
`popupText`	Används vid multiscan. Överskrift på popupbox efter scanning.
`popupInputType`	Används vid multiscan. Vilka input-fält man ska ha (mail, text, number, date…).
`autotrigger`	Ställ in på `true` för att automatiskt öppna streckkodsläsaren när formuläret öppnas

{
  "type": "barcodescanner",
  "templateOptions": {
    "multiscan": true,
    "label": "Skanna artiklar till beställningen",
    "popupText": "Ange antal",
    "popupInputType": "number"
  },
  "key": "barcodescanner"
}

GPS position

Hittar din position och lägger till den i ett input-fält vid sidan av.

Variabler	Förklaring
`label`	Text som ska ge en förklaring till användare om fältet.
`autotrigger`	Hämtar positionen direkt vid visning.
`splitter`	Ändra splitter-tecknet mellan `lat` och `lng`. Standard "`,`".
`watchGroup`	En array med fält som ska utlösa en ny position om de ändras

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

nfc

Lägger på en eventListener på NFC-läsaren. Aktiveras genom att på ikonen som visas. tagID fylls ut i input-fältet när man har scannat en tag, samt att den deaktiveras igen efter scanning.

Variabler	Förklaring
`label`	Visas som placeholder text i inputfältet	Valfritt
`disabled`	Om `true`, kan man inte ändra på inputfältet med tangentbord.	Valfritt
`alwaysOn`	Om `true`, är den alltid aktiv.	Valfritt
`decimal`	Om `true`: Resultatet kommer att vara i decimalform, annars i hex	Valfritt
`minLength`	Endast när decimal. Kommer att lägga till nollor för att få upp längden på värdet till den angivna längden	Valfritt
`reverse`	Endast när decimal. Kommer omvänd nummeret	Valfritt

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

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

sum

En fält som kan göra matematiska beräkningar baserade på andra fält.

Variabler	Förklaring
label	Text före resultatet. T.ex. `"Hours left: "`
unit	Enhet (eller annan) som placeras bakom resultatet. T.ex. `"kg"`, `"hours"`.
calc	Formel för beräkning. T.ex. `model.totalHours - (model.nr1 + model.nr2)`
decimal	Max antal decimaler (default: `2`)
watchGroup	Vilka fält som ska utlösa en ny beräkning om de ändras

Operators in descending order of precedence

Operator	Symbol
Exponentiering	`^`	`2^5`
Multiplication	`*`	`5*3`
Division	`/`	`6/2`
Addition	`+`	`2 + 4`
Subtraction	`-`	`4 - 2`

{
  "type": "sum",
  "templateOptions": {
    "unit":"h",
    "label": "Hours left: ",
    "type": "number",
    "decimal": "2",
    "watchGroup": [
      "model.project1",
      "model.project2"
    ],
    "calc": "model.total - (model.project1 + model.project2)"
  },
  "key": "sumhours"
}

timediff

Beräknar tidsskillnaden mellan två punkter i tid (datum, tid, datetime osv).

Variabler	Förklaring
`label`	Text före resultatet, t.ex. `"Tidsskillnad: "`
`unit`	Enhet som placeras bakom resultatet, t.ex. `"dagar"`, `"timmar"`.
`type`	Vilken enhet resultatet ska vara i. Kan vara `years`, `months`, `days`, `hours`(default) eller `minutes`
`decimal`	Max antal decimaler, (default: `2`)
`watchGroup`	De två fälten som innehåller de tidpunkter som används för beräkningen

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

textmerge

Används för att kombinera text från andra fält. Kan användas på två sätt:

Om en mall (template) ges, används mallen för att hitta fälten och kombinera dem enligt mallen.
Om template inte anges, kommer den att kombinera fälten i watchGroup med delimiter som en avgränsare.

Variabler	Förklaring
`label`	Text framför resultatet. Ex. `"Fullt namn: "`
`delimiter`	Avgränsar tecken som används mellan texterna när ingen mall anges (default: `" "`)
`template`	Mall används för att formatera texten. Fältknappen är inställd mellan dubbla underskrifter (`_`). Ex: `__fornamn__`
`watchGroup`	Fälten som utlöser uppdatering. När `delimiter` används sammanfogas dessa fält

//Med delimiter
{
  "type": "textmerge",
  "templateOptions": {
    "label": "Fullt namn: ",
    "delimiter": " ",
    "watchGroup": [
      "model.fornamn",
      "model.mellannamn",
      "model.efternamn"
    ]
  },
  "key": "fullName"
}

//Med template
{
  "type": "textmerge",
  "templateOptions": {
    "template": "Förnamn: __fornamn__, Mellannamn: __mellannamn__, Efternamn: __efternamn__",
    "watchGroup": [
      "model.fornamn",
      "model.mellannamn",
      "model.efternamn"
    ]
  },
  "key": "fullName"
}

pdfModal

Ett fält som kan öppna pdf-ar i appen. Visas som knapp, som när du klickar öppnar pdf.

Variabler	Förklaring
`label`	Texten som visas på knappen. Kan få information från andra fält, t.ex. `{{project}}`.
`url`	Url till pdf. Kan få information från andra fält, t.ex. `{{project}}`.
`buttonColor`	Knappens färg. Givet som en css klass, se nedan. Default: `button-positive`
`barColor`	Färgen på huvudfältet i tittaren. Samma färg som `buttonColor`, om den inte anges.
`watchGroup`	Uppdatera `url` och `label` när ett av dessa fält ändras.

`buttonColor` / `barColor`	Färg
`button-light` / `bar-light`	Vit
`button-stable` / `bar-stable`	Ljusgrå
`button-positive` / `bar-positive`	Mörkblå
`button-calm` / `bar-calm`	Ljusblå
`button-balanced` / `bar-balanced`	Grön
`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

Variabler	Förklaring
`label`	Texten som visas på knappen. Kan få information från andra fält, t.ex. `{{project}}`.
`src`	Url till pdf. Kan få information från andra fält, t.ex. `{{project}}`.
`buttonColor`	Knappens färg. Givet som en css klass, se nedan. Default: `button-positive`
`watchGroup`	Uppdatera `src` och `label` när ett av dessa fält ändras.
`errorMsg`	(Valfritt) Ange anpassat felmeddelande när uppdateringen av url från watchGroup misslyckas

`buttonColor`	Färg
`button-light`	Vit
`button-stable`	Ljusgrå
`button-positive`	Mörkblå
`button-calm`	Ljusblå
`button-balanced`	Grön
`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

Gör en lista över element med namn och värde. För varje element slingas det till popup-fönster: ett för objekt och ett för värde.

Variabler	Förklaring
`label`	Text för att ge en förklaring.
`itemText`	Rubrik på första popup-rutan.
`itemInputType`	Vilken typ av inmatning på objektet (`mail`, `text`, `number`, `date` ...)
`valueText`	Rubrik på andra popup-rutan.
`valueInputType`	Vilken typ av inmatning på värde (`mail`, `text`, `number`, `date` ...)

{
  "type": "itemlist",
  "templateOptions": {
    "label": "Enter elements to the order",
    "itemText": "Name of product",
    "itemInputType": "text",
    "valueText": "Number",
    "valueInputType": "number"
  },
  "key": "manualinput"
}

valuelist

En knapp, när den klickas på, samlar och kombinerar data från andra fält. Data lagras som en lång text med en avgränsare mellan varje fält (default: |) och varje rad (default: ;). Användaren kommer att se en tabell över data och har möjlighet att ta bort rader.

Variabler	Förklaring
`label`	Text för att ge en förklaring.
`buttonColor`	CSS klass för att sätta färgen på knappen. Se button för färgerna.
`keys`	Array-json-list med keys för att hämta data från.
`clearKeys`	Vilka fält ska återställas
`splitRow`	Tecknet varje rad delas av.
`splitValue`	Tecknet mellan varje verdi
`goUp`	Om `true`, gå till toppen av formuläret. Användbart om formuläret ska skrivas in igen efter de angivna värdena.
`json`	Om `true`: Spara resultat i JSON format, istället för en textsträng med splitters

{
  "type": "valuelist",
  "templateOptions": {
    "label": "Add values",
    "splitValue": ";",
    "splitRow": "|",
    "goUp":true,
    "keys": [
      {
        "key": "customer",
        "label": "Customer",
        "required": true
      },
      {
        "key": "car",
        "label": "Car"
      }
    ],
    "buttonColor": "button-balanced",
    "clearKeys": "customer,car"
  },
  "key": "values"
}

API-fält

Olika fält för att hämta/skicka information till andra källor.

button

Används för att lämna schemat och samtidigt skicka det till ett API.

`buttonFunction`	Förklaring
`get`	Används för att visa data. Data till API skickas via `url`. Har stöd för text, markdown och html.
`post`	Skickar data till API (`url`) utöver TempusIN. Lämnar schemat när den får `200 OK` från server.
`reg`	Skickar data till API (`url`) utöver TempusIN. Lämnar ej schemat men ger en popup-bekräftelse när data är levererat. Texten kan ändras genom att använda variablerna `onDoneMsg`.
`tmp`	Mellansparing. Data skickas in, men blir inte registrerat som inskickat. Datan dyker upp igen när man öppnar samma schema.
`mod`	Inget API. Används för att rensa/ställa in värden i formuläret med `clearKeys`, `setKeys`, etc.
`getVars`	Få värden från ett API och sätter dem till fält i formuläret

Variabler	`buttonFunction`	Förklaring
`label`	Alla	Texten på knappen.
`colorType`	Alla	Färgen på texten. Använder CSS-klasser (se tabellen nedan).
`buttonFunction`	Alla	Hur knappen ska uppföra sig (se tabell över).
`url`	`post`, `get`, `reg`, `getVars`	Hur data ska skickas. Kan använda data från schemat genom att använda key-namnet för att hämta ut datan `..?value={{key}}` VIKTIGT: API måste ha SSL / TLS (https)
`clearKeys`	`reg`, `mod`	Ta bort data i bestämda keys. `,` för att splitta key. Ex. `clearKeys="tab2,tab3"`
`setKeys`	`reg`, `mod`	Välj värde för enskilda fält. json-array: {key:value,key2:value}
`thenButton`	`reg`, `mod`	Vid `200 OK` trycks given `key` (button)
`thenMessage`	`reg`, `mod`	Vid `200 OK` visas givet besked i en popup.
`onDoneMsg`	`reg`, `mod`	Bekräftelsetext vid en `200 OK` från server. Standardtext är `Successful`. Använd `onDoneMsg=""` om popup inte ska användas.
`autotrigger`	Alla	Trycker automatiskt på knappen vid visning.
`focusKey`	`mod`	Ställer in fokus på ett fält när knappen klickas
`exitOnDone`	`reg`	Ange det till `true` för att avsluta efter registreringen är klar. Default är `false` Obs: Detta är bara för `reg`, `post` kommer alltid att gå ut
`showMsg`	`reg`	När `200 OK` visas ett meddelande (`msg`), efter en valfri fördröjning (`delay`), under en varaktighet `duration` (båda i millinsekunder). On the form `{"msg": "blah blah blah", "duration": 2000, "delay": 500}` `msg` krävs, `duration` har standardvärde `1000` och `delay` har standardvärde `0`
`confirmTitle` `confirmMsg`	Alla	För att be om bekräftelse i en popup från användaren innan knappen aktiveras. Titel på popupen i `confirmTitle` och meddelande i `confirmMsg`
`jsonPath`	`getVars`	Vägen till var resultatet är i det returnerade objektet
`variableMap`	`getVars`	Kartläggning mellan key-namn i formuläret och det returnerade objektet. På formatet `{"form-key": "object-key", ...}`
`excludeVariables`	`getVars`	Används när returobjektet har samma keys som formuläret (och `variableMap` är inte inställt). Kommer inte att ställa in de nycklar som finns i denna array. På formatet `["key1", "key2, "key3"]`
`watchGroup`	Alla	Kommer att klicka på knappen när ett av dessa fält ändras Obs: Om `buttonFunction` är `mod` kommer det att få `setKeys` och `clearKeys` från fältet om det är närvarande
`clickedColor`	Alla	En ny färg för knappen när den klickas första gången. Se tabellen nedan
`clickedLabel`	Alla	En ny text för knappen när den klickas första gången

`colorType`	Färg
`button-light`	Vit
`button-stable`	Ljusgrå
`button-positive`	Mörkblå
`button-calm`	Ljusblå
`button-balanced`	Grön
`button-energized`	Gul
`button-assertive`	Röd
`button-royal`	Rosa
`button-dark`	Svart

//Post
{
  "type": "button",
  "templateOptions": {
    "label": "Logga 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 gång!"},
    "onDoneMsg":"Data sparad!",
    "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": "Mellanspara",
    "colorType": "button-calm",
    "buttonFunction": "tmp"
  },
  "key": "btnSaveLocal"
},
{
  "className":"floatLeft width50",
  "type": "button",
  "templateOptions": {
    "label": "Skicka 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

Kombineras med button för att visa data som blir hämtad med get. Ex. Rapport. Datan visas som markdown/html/text.

Obs. Inga variabler att ändra.

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

webLookup

Hämtar val från API. Värden till API skickas i lookupUrl

Variabler	Förklaring
`label`	Text som förklarar fältet.
`lookupUrl`	Url med data till API VIKTIGT: API måste ha SSL / TLS (https)
`valueProp`	Array-key på elementet som sparas.
`labelProp`	Array-key på elementet som visas
`watchGroup`	Kör lookup för att få värden när fälten i `watchGroup` ändras (kom ihåg `model.`). Observera att `watch` fortfarande stöds.
`fieldInitUrl`	Url till procedur för inhämtning av init-värden.
`jsonPath`	filstig till givet json-objekt. Default `data`
`setLabel`	Sätter label till det här fältet
`splitter`	Ange splittervärdena när `labelProp` och/eller `valueProp` är en array. Standard: `,`
`valueSplit`	Att ange en splitter endast för `valueProp`. Standardvärdet er värdet till `splitter`.
`labelSplit`	Att ange en splitter endast för `labelProp`. Standardvärdet er värdet till `splitter`.
`headers`	Valfritt objekt som innehåller headers för http förfrågan. På format `{"key": "value", ...}`

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

infoLookup

Gör en lookup mot ett API. Fältet är enbart för att ge tilläggsinformation.

Variabler	Förklaring
`label`	Text som förklarar fältet
`lookupUrl`	Url till API-kallet VIKTIGT: API måste ha SSL / TLS (https)
`labelProp`	Key-namn på retur från API. Kan vara array för att läsa in flera element i samma objekt.
`watchGroup`	Kör lookup för att få värden när fälten i `watchGroup` ändras (kom ihåg `model.`). Observera att `watch` fortfarande stöds.
`notFoundLabel`	Text som dyker upp om den inte finner något.
`template`	En markdown-mall. Där keys (`__key__`) i mallen byts ut med lik key i objektet (`lookupUrl`).
`jsonPath`	filsti till givet json-objekt. Default `data`
`valueProp`	Nyckelnamn för värde som ska sparas som i formuläret. Kan vara en array.
`delay`	Vänta en viss fördröjning efter senaste knapptryckning innan API kallas. Återställer om en annan knapptryckning inom fördröjningen. Default: `0`
`headers`	Valfritt objekt som innehåller headers för http förfrågan. På format `{"key": "value", ...}`

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

//API utanför Tempus. Visa fler artikler (`labelProp`) från samma objekt (`path`).
{
  "type": "infoLookup",
  "templateOptions": {
    "label": "Företagstatus",
    "lookupUrl": "https://data.brreg.no/enhetsregisteret/enhet.json?page=0&size=1&$filter=startswith(navn,'{{orgNavn}}')",
    "jsonPath":"data.data.0",
    "labelProp": [{"label":"Namn","key":"navn"},{"label":"Konkurs","key":"konkurs"},{"label":"Branschkod","key":"naeringskode1.beskrivelse"}],
    "watchGroup": [
      "model.laddaData"
    ],
    "notFoundLabel":"Hittade inte data"
  },
  "key": "infoLookupfield5"
}

//API utanför Tempus. Visa fler artikler (`labelProp`) från samma objekt (`path`).
{
  "type": "infoLookup",
  "templateOptions": {
    "label": "Företagstatus",
    "lookupUrl": "https://data.brreg.no/enhetsregisteret/enhet.json?page=0&size=1&$filter=startswith(navn,'{{orgNavn}}')",
    "jsonPath":"data.data.0",
    "template": "### __navn__\n |Fält|Data|\n|----|----|\n|OrgNr.|__orgnr__|\n|Öppet|__apningstidFra__-__apningstidTil__|\n|Antallbarn|__indikatorDataBarnehage.antallBarn__|",
    "watchGroup": [
      "model.laddaData"
    ],
    "notFoundLabel":"Fant ikke data"
  },
  "key": "infoLookupfield5"
}

serverQueryModal (SearchLookup)

Gör sök direkt mot server. Hämtar namn på tidigare lagrade värden från server.

Variabler	Förklaring
`label`	Text som ska ge en förklaring till användare om fältet.
`valueProp`	Key på array-element som ska sparas.
`labelProp`	Key på array-element som ska visas.
`lookupUrl`	Kall mot API. Den lägger på själva söket på slutet av urlen `..&query={{dittSøk}}` VIKTIGT: API måste ha SSL / TLS (https)
`selectItemsLabel`	Titel på listan över träff på söket som kan väljas.
`selectedItemsLabel`	Titel på listan över valda element.
`nrLabel`	Texten på antal. Vid multival visas det enbart ett antal + `nrLabel` (ex. "3 stk.").
`queryMinLength`	Antal tecken som må skrivas före den söker.
`queryMinLengthLabel`	Ge användare en förståelse för antal tecken som måste användas.
`placeholder`	Ger användare en förklaring på vad som kan sökas efter.

{
  "type": "serverQueryModal",
  "templateOptions": {
    "label": "Mina anställda",
    "lookupUrl": "https://tempus.no/Tempusin/api/nrnavn?register=1&logonNr={{ansattNr}}",
    "valueProp": "Nr",
    "labelProp": "Namn",
    "selectItemsLabel": "Välj anställda",
    "selectedItemsLabel": "Utvalda anställda",
    "nrLabel": "Stk.",
    "queryMinLength": "3",
    "queryMinLengthLabel": "Måste ha minst 3 tecken.",
    "placeholder": "Sök nr eller namn"
  },
  "key": "mineAnstallda"
}

Table

Skapar ett tabell med rubriker för en lista över värden.

Variabler	Förklaring
`label`	Text som förklarar fältet
`lookupUrl`	Url till API-kallet VIKTIGT: API måste ha SSL / TLS (https)
`jsonPath`	Filsti till givet json-objekt. Default `data`
`watchGroup`	Kör lookup för att få värden när fälten i `watchGroup` ändras (kom ihåg `model.`).
`header`	En lista över de kolumner som ska ingå.
`header.label`	Namnet som kommer att visas som rubriken för kolumnen
`header.key`	Namn på värdet i json-objektet
`header.sum`	Om värdena i kolumnen ska summeras

{
  "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ömmar data från "server side events". Kontinuerligt uppdaterar formuläret med data när ny data kommer in i strömmen.

Variabler	Förklaring
`template`	Markdown mall för att presentera data. Kommer att byta `__key__` med värden från data
`streamUrl`	Url till strömmen för att få data kontinuerligt VIKTIGT: API måste ha SSL / TLS (https)
`streamPath`	Databana till värdena i data från strömmen
`initUrl`	Valfri URL för inställning av initialvärden från ett normalt API VIKTIGT: API måste ha SSL / TLS (https)
`initPath`	Databana till värdena i data från init API
`timeout`	Hur länge (i millisekunder) innan strömmen går ut och startar om. Default: 45000
`apiKey`	När du använder basic authorization, key/användare för API:erna
`apiSecret`	När du använder basic authorization, secret/lösenord för API:erna
`headers`	Kan ställa in valfria headers. Endast när du inte använder `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"
}

Andra fält

Step

Delar formuläret i mindre delar. Den lägger till en "Nästa steg"-knapp och en rullgardinsmeny för navigering.

Variabler	Förklaring
`label`	Texten som visas i "Nästa steg"-knappen
`colorType`	Knappens färg. Se tabell nedan för möjliga värden. Default: `button-positive` (mörkblå)

`colorType`	Färg
`button-light`	Vit
`button-stable`	Ljusgrå
`button-positive`	Mörkblå
`button-calm`	Ljusblå
`button-balanced`	Grön
`button-energized`	Gul
`button-assertive`	Röd
`button-royal`	Rosa
`button-dark`	Svart

{
  "type": "step",
  "templateOptions": {
    "label": "2/3 Godkännande"
  },
  "key": "step1"
}

openForm

Kan öppna et annat formulär i appen baserat på formId. Kan ha en angiven formId eller kan få formId från ett annat fält med watchGroup.

Variabler	Förklaring
`label`	Texten som visas på knappen
`colorType`	Knappens färg. Se tabell nedan för möjliga värden
`formId`	Formulärets id för att gå till när det inte används `watchGroup`
`watchGroup`	Fält(er) för att få `formId`/`formData` från
`url`	URL till API för att hämta `formId`/`formData`
`json`	Ange till `true` om dataen i fältet finns i JSON-format
`formIdProp`	Om JSON eller url: Key för formId i data. Standard: `formId`
`formDataProp`	Om JSON eller url: Key för valfri formData i data. Standard: `formData`
`path`	Om JSON eller url: Ange valfri sti om `formId`/`formData` ligger i ett underobjekt av data
`autotrigger`	Ställ till `true` om knappen ska klickas automatiskt när en `formId` finns
`sendKeys`	Valfri lista med keys till värden (fält i formuläret) för att skicka data från till formuläret som öppnas. På formatet `"key1, key2, key3"`

`colorType`	Färg
`button-light`	Vit
`button-stable`	Ljusgrå
`button-positive`	Mörkblå
`button-calm`	Ljusblå
`button-balanced`	Grön
`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

Visas bara på resulatsidan på websidan. Tillåter användaren att korsa rader och uppdatera verify flagga.

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

(Denna dokumentationssida blev senast uppdaterad 28.01.2020)