Camp List

Una taula de files, cadascuna editada en un subformulari

---

Un camp list mostra una taula de files, cadascuna creada i editada en un panell de subformulari dedicat (un patró de navegació en profunditat). Substitueix el camp table, que es va eliminar a la 7.0.0.

---

Característiques principals

El camp list ofereix les possibilitats següents:

• Cada fila s’edita en un subformulari a pantalla completa, amb accés a tots els tipus de camp, incloses les llistes niades.
• El subformulari és un formulari en si mateix, de tipus subform, i es pot reutilitzar en diversos camps list de formularis diferents (p. ex. un sol subformulari Address compartit per clients, proveïdors, comandes…).
• Les propietats de marcatge (insertMarker, updateMarker, deleteMarker) permeten patrons de playbook idempotents.
• Amb allowDelete: false, les files que ja existien estan protegides; només es poden eliminar les files afegides a la sessió actual (les que porten l’insertMarker).
• La propietat columns controla quins camps del subformulari apareixen com a columnes a la taula de resum.
• La sortida és sempre una matriu d’objectes. Quan es generen les extravars, es respecten els model, output, outputObject i valueColumn declarats als camps del subformulari.

---

Declaració del subformulari

Un subformulari és un formulari en si mateix amb type: subform, en un fitxer de la carpeta de formularis com qualsevol altre formulari. Accepta la mateixa matriu fields que qualsevol altre formulari, però no apareix mai a la llista de mosaics de formularis i no s’envia mai directament.

- name: Address
  type: subform
  fields:
    - name: street
      type: text
      label: Street
      required: true
    - name: city
      type: text
      label: City
      required: true
    - name: country
      type: text
      label: Country

---

Propietats

Les propietats disponibles per a un camp list, agrupades per finalitat:

Atribut	Comentaris
basic
name string / obligatori / únic	Field name Alfanumeric + underscore + dash This attribute represents the name of the form field.
type string / obligatori	Field type Other attributes might only be available for some field types. Valor: list Exemples Text - type: text name: username label: Username default: ansibleguy placeholder: type a username required: true minLength: 4 maxLength: 10 regex: expression: "^[a-zA-Z]*$" description: Must be alpha numeric icon: user help: A help message # more examples per type, check out the links at the top of the page
label string	Field label Free text A friendly name/label for the field. Note: if not set, the field name is used as label, but not when type is html. Since 6.0.3: Supports placeholders for dynamic labels (e.g., Label: $(fieldname)).
help string	Field help message Free text Some fields require additional help information. This help message will be shown below the field. Since 6.0.3: Supports placeholders for dynamic help text (e.g., This field depends on $(fieldname)).
subform string / obligatori	Name of the subform that defines one row For a list field: delegates the per-row editor to a subform. For a yaml field: the value is a single object edited via a subform drilldown instead of a raw YAML editor. Set this property to the name of a top-level form of type subform declared in the same forms file (or in any loaded forms file). The same subform can be referenced by multiple fields, enabling reuse (e.g. a single Address subform shared across several forms).
data
default many	Default value The type of the value depends on the field type. Can be string,boolean, number, array or object. When using multiple, the default must be an array. When using an enum field, you can use the following special values: __auto__: select the first __none__: select none __all__: select all (if multiple is true) For yaml fields, the default can be any valid YAML structure (object or array). For list fields, the default must be an array of objects matching the referenced subform’s fields. Use it to pre-populate the list with existing rows on form load.
expression string	A javascript expression. Valid javascript By default this javascript is evaluated on the server side and limited to predefined functions (for security). However in combination with runLocal, the evaluation is ran in the browsers sandbox and allows the full javascript power. An html field always evaluates its expression in the browser, as with runLocal: true: it never runs on the server. When used in an enum field, the expression must return a flat array or array of flat objects, to make it presentable in a dropdown box. An expression supports placeholders: $(fieldname) is replaced by the value of that field before the expression runs. On the server, the predefined functions are called as fn.<name>(...), for example fn.fnTime(). tip: use the alias local (type=’expression’,runLocal=true,hide=true,output=false) tip: use the alias local_out (type=’expression’,runLocal=true,hide=true) tip: use the alias credential (type=’expression’,runLocal=true,hide=true,asCredential=true) Exemples Get a list of users from a rest api - name: users type: enum expression: fn.fnRestBasic('get','http://myapi/user','','credential_name') Filter and sort an array of objects - name: superheros type: enum expression: | fnArray.from($(mylist)) .filterBy({has_ability:true}) .selectAttr('name','ability') .sortBy('name')" runLocal: true Make a numbered list - name: numbers type: enum expression: "Array.from({length: 10}, (_, i) => i + 1)" runLocal: true Use the alias `local` - name: uppercase type: local expression: "'test'.toUpperCase()" # with type local, these are the defaults: # runLocal: true # hide: true # output: false Use the alias `local_out` - name: uppercase type: local_out expression: "'test'.toUpperCase()" # with type local_out, these are the defaults: # runLocal: true # hide: true
runLocal boolean	Run an expression locally When running expressions, by default they are run remotely on the server. But remote expressions are limited to predefined functions. To unleash more javascript power, use this property. The code will be evaluated in the sandbox of the browser, offloading the server, saving api-calls and making it more secure. Per defecte: false
dbConfig string, array or object	A database connection When you want to query data from a database, you will need the proper connection information. Name a database of Connections > Databases : it connects with the credential of type database it names (the database type, server, database and login). Since 7.5.0 : a name that is no database is looked up as a credential of type database, as older forms do, so they keep working unchanged. Legacy was to pass an object (name and type) ; it still works, its name a database or a credential. Since version 5.0.2 you can just specify the name. The type is fetched from the credential (mysql, mssql, postgres, oracle or mongodb). In case of no type set, mysql is assumed. Additionally you can set an array of names, to use multiple databases with a single query. The result will be a join of the results. Doubles will not be removed automatically. Exemples get information from a mysql database (legacy example - deprecated) # Old style (deprecated) - type was required separately: - name: cities type: enum dbConfig: name: CMDB_CONN type: mysql query: select name, country from cities # New style - just use the name of the database (or of the credential): - name: cities type: enum dbConfig: CMDB_CONN query: select name, country from cities get information from a mysql database (new example) - name: cities type: enum dbConfig: CMDB_CONN # a database of Connections > Databases ; the type is its credential's query: select name, country from cities get information from a mysql database (array example) - name: cities type: enum dbConfig: # the query will be a union of the results of the 2 databases - CMDB_CONN1 - CMDB_CONN2 query: select name, country from cities get information from a mongodb - name: user type: expression dbConfig: USER_DB_CONN query: cmdb~users~{"name":"ansibleguy"} # the query in mongodb has 3 parts, separated by ~ # database, collection and the query in valid json
query string	The query to select data from a database A valid sql query This is typically a classic SELECT statement. However, in the case of mongodb, the query is slightly different. See the examples. A query supports placeholders: $(fieldname) is replaced by the value of that field before the query runs. Every $(...) value is escaped for the database engine before it is pasted into the query: single quotes are doubled, backslashes are doubled too on mysql (postgres, mssql and oracle keep them as they are), and on mongodb the value is escaped as the body of a JSON string. An object or array value is pasted as json, escaped the same way. This protects a quoted placeholder (where name='$(name)') only: an unquoted one (limit $(n)) is pasted as plain text, so quote your placeholders. Exemples get information from a mysql database - name: cities type: enum dbConfig: CMDB_CONN query: select name, country from cities get information from a mongodb - name: user type: expression dbConfig: USER_DB_CONN query: cmdb~users~{"name":"ansibleguy"} # the query in mongodb has 3 parts, separated by ~ # database, collection and the query in valid json
interaction
dependencyFn string afegit a la versió 4.0.0	The dependency logical function This attribute represents the logical function between multiple dependencies. Opcions: and (per defecte) or nand nor
dependencies list / elements=object	Show/hide this field based on the values or other fields Reference to other formfields and their values Each dependency element is either an object with the following 2 attributes: name: holds the fieldname. values: a list of valid values for the referenced field. Or with the following 2 attributes: name: holds the fieldname. isValid: a boolean to check if the referenced is validated or not. Use in combination with attribute dependencyFn. Exemples Show a field based on a checkbox - name: add_extra_comment label: Add extra comment ? type: checkbox - name: extra_comment type: text label: Type your extra comment dependencies: - name: add_extra_comment values: - true Show a field if another field is valid - name: code type: text regex: expression: "^[a-z]{3}$" description: Must be 3 characters lowercase required: true - name: code_uppercase type: expression runLocal: true expression: "'$(code)'.toUpperCase()" dependencies: - name: code isValid: true # new in 4.0.13 -> code_uppercase will only be shown if code is validated Show a field based on 2 fields, using the 'or' function - name: job_type label: Job type type: enum values: - IT - HR - Sales - Management - name: has_private_office type: checkbox label: Has private office ? - name: office_name type: text label: What's the name of the office dependencyFn: or dependencies: - name: job_type values: - Sales - Management - name: has_private_office values: - true - name: office_name2 type: text label: What's the name of the office dependencyFn: or dependencies: - name: "!job_type" # this will invert/negate - note the wrapping quotes!! needed for valid yaml values: - IT - HR - name: has_private_office values: - true
allowInsert boolean	Allow table/list insert A table or list can be used to modify existing data. If new data is not allowed, set this property to false. Per defecte: true
allowDelete boolean	Allow table/list delete A table can be used to modify existing data. If you don’t was recoreds to be deleted, set this property to false. Per defecte: true
showLoadButton boolean afegit a la versió 6.1.5	Show load button for file import Enables a “Load YAML” button that allows users to import data from .yml or .yaml files. For list fields, the YAML file must contain a valid array of objects. For yaml fields, the file can contain any valid YAML structure. Single objects are automatically wrapped in arrays for list fields. Per defecte: false Exemples List with YAML import - type: list name: users label: Users subform: User # a form of type subform with the fields username and email showLoadButton: true showDownloadButton: true YAML field with file import - type: yaml name: config label: Configuration showLoadButton: true showDownloadButton: true default: key: value
showDownloadButton boolean afegit a la versió 6.1.5	Show download button for file export Enables a “Download” button that exports the field content as a .yml file. The filename is automatically generated from the field name. Per defecte: false
output
output boolean afegit a la versió 6.2.0	Include field value as extravar Form fields are by default sent as extravars. Set to false to exclude a field from the extravar output. Per defecte: true
model string or array	Extravar modelling An dot-based string notation of an object, or an array of these By default, a field is sent as a root-extravar. If you want model the output of the extravars, you can specify a dot-notation of how this field should be modelled. Exemples Model 2 fields together as a single object - name: diskName type: text model: disk[0].name - name: diskSize type: number model: disk[0].size # the extravars of this example will be like this: # disk: # - name: mydisk # size: 123
deleteMarker string	Adds an additional deletemarker field When you remove a record in a table, it gets removed. When working with ansible and idempotency, the playbook never knew it got removed. You need to explicitly set the status to absent. So you can add a custom property to the deleted record, marking the record as deleted and sending it to the playbook for removal. Since 6.4.1 the markers of a list field reach the playbook as well: a removed row is sent with its delete marker instead of looking like a live row. Before, a list row only carried a marker when its subform declared it as a (hidden) field. When rows can be deleted or updated but no insertMarker is set, new rows are marked __inserted__. Exemples Mark delete record - type: list name: member subform: Member # a form of type subform with the fields firstname and lastname expression: "[{firstname:'ansible',lastname:'guy'}]" deleteMarker: deleted
insertMarker string	Adds an additional insertmarker field When you add a record in a table, it simply gets added. When working with ansible and idempotency, your playbook doesn’t know which records are new and which are not. You might want to explicitly run a taks on only the new records. So you can add a custom property to the inserted record, marking the record as new. Exemples Mark new record - type: list name: member subform: Member # a form of type subform with the fields firstname and lastname expression: "[{firstname:'ansible',lastname:'guy'}]" insertMarker: new
updateMarker string afegit a la versió 5.1.0	Adds an additional updatemarker field In addition to the insert and delete markers, you can also add an update marker. Exemples Mark updated record - type: list name: member subform: Member # a form of type subform with the fields firstname and lastname expression: "[{firstname:'ansible',lastname:'guy'}]" updateMarker: updated
security
noLog boolean afegit a la versió 2.2.3	Disable backend logging Disables logging in the backend, to hide passwords for example. Per defecte: false Exemples hide password in log - name: password type: password label: Enter password noLog: true
validation
required boolean	Required field Makes the field required. Per defecte: false
validIf object afegit a la versió 2.2.4	An field based validation (field must be true) Enforces a validation where a referencing (expression) field must be true. This field requires an object with 2 attributes: field: The name of the referencing field description: A validation message to show when the validation is not met. (Since 5.0.1: Supports placeholders for dynamic messages) Exemples Ip must be pingable validIf: field: rest_api_ping_test # an other expression field that is returning true or false description: The ip is not pingable
validIfNot object afegit a la versió 2.2.4	An field based validation (field must be false) Enforces a validation where a referencing (expression) field must be false. This field requires an object with 2 attributes: field: The name of the referencing field description: A validation message to show when the validation is not met. (Since 5.0.1: Supports placeholders for dynamic messages) Exemples Check if powered off validIfNot: field: rest_api_ping_test # an other expression field that is returning true or false description: The ip is still pingable, shut down the machine first
ignoreIncomplete boolean	Allow form submit on non-evaluated placeholders When an expression-based field has placeholders, the default form behaviour is not to allow form submit until all placeholders are resolved. When this attribute is true, the form does not wait for placeholder completion for this field. Per defecte: false
visualization
group string	The field group name Free text With this attribute you can group fields together. When all fields in a group are hidden (due to dependencies), the group is also hidden.
line string afegit a la versió 4.0.3	The field line name Free text With this attribute you can group fields in a single line together. Use together with the width parameter to set the width, if not, the width is auto.
width string afegit a la versió 4.0.3	The field width A valid Bootstrap Column width With this attribute you can set the width of a field. Use together wit the line parameter to put fields on 1 line. see https://getbootstrap.com/ Opcions: col-1 col-2 col-3 col-4 col-5 col-6 col-7 col-8 col-9 col-10 col-11 col-12 Exemples Name and lastname - type: text name: name label: Firstname group: login line: names - type: text name: lastname label: Lastname group: login line: names
titleAdd string	Title shown in the subform pane when adding a new row When you add a row through a list field, the subform pane shows Add <label> as subtitle. Use this property to override the subtitle (e.g. Add address).
titleEdit string	Title shown in the subform pane when editing an existing row When you edit a row through a list field, the subform pane shows Edit <label> as subtitle. Use this property to override the subtitle (e.g. Edit address).
columns array	The list of columns visible in the dropdown/table For an enum field: all properties are shown by default. Use this property to choose which columns are visible in the dropdown. For a list field: all scalar subform fields are shown by default. Use this property to pick which subform fields render as columns in the list table (missing names soft-fail and render as empty columns). Exemples Show only wanted columns - name: users type: enum dbConfig: CMDB query: SELECT id, name, username, zip, city FROM users columns: - name - username

---

Exemples

Subformulari d’adreça compartit

Un subformulari Address reutilitzat per dos camps list del mateix formulari:

- name: Address
  type: subform
  fields:
    - name: street
      type: text
      label: Street
      required: true
    - name: city
      type: text
      label: City
      required: true
    - name: country
      type: text
      label: Country

- name: Create customer
  type: ansible
  playbook: customer.yaml
  roles: [default]
  fields:
    - name: name
      type: text
      label: Customer name
      required: true
    - name: addresses
      type: list
      label: Addresses
      subform: Address
      columns:
        - city
        - country
      titleAdd: Add address
      titleEdit: Edit address
      allowInsert: true
      allowDelete: true

Seguiment amb marcadors (pensat per a la idempotència)

Les files precarregades estan protegides, i els marcadors indiquen al playbook quines files són noves, quines han canviat i quines s’han eliminat:

- name: people
  type: list
  label: People
  subform: Person
  allowDelete: false       # preloaded rows are protected
  insertMarker: added      # session-added rows remain removable
  updateMarker: updated
  deleteMarker: removed
  columns:
    - name
    - email

Emplenar les files per endavant

Una llista es pot emplenar per endavant des de tres fonts. En tots els casos, les files resultants han de ser objectes les claus dels quals coincideixin amb els noms dels camps del subformulari referenciat.

default estàtic

Files escrites al mateix formulari:

- name: addresses
  type: list
  label: Addresses
  subform: Address
  columns:
    - city
    - country
  default:
    - street: Main 1
      city: Brussels
      country: BE
    - street: Side 22
      city: Paris
      country: FR

Des d’una API REST (expression)

Files carregades des d’una API REST per una expressió del costat del servidor:

- name: users
  type: list
  label: Users
  subform: User
  columns:
    - username
    - email
  expression: fn.fnRestBasic('get','https://api.example.com/users','','my_api_cred','')

Des d’una consulta a base de dades (dbConfig + query)

Files carregades des d’una consulta a base de dades:

- name: servers
  type: list
  label: Servers
  subform: Server
  columns:
    - hostname
    - role
  dbConfig: CMDB_CONN
  query: SELECT hostname, role FROM servers WHERE active = 1

dbConfig nomena una base de dades de Connexions > Bases de dades (des de la 7.5.0), o si no una credencial de tipus base de dades, com abans (vegeu Bases de dades als formularis).

Des d’una expressió local (runLocal)

Files calculades al navegador per una expressió local:

- name: ports
  type: list
  label: Open ports
  subform: Port
  columns:
    - port
    - protocol
  runLocal: true
  expression: |
    [
      { port: 22,  protocol: 'tcp' },
      { port: 80,  protocol: 'tcp' },
      { port: 443, protocol: 'tcp' }
    ]

Llistes niades

Un subformulari pot contenir un camp list propi, per tenir una llista dins de cada fila:

- name: Address
  type: subform
  fields:
    - name: street
      type: text
      label: Street
    - name: city
      type: text
      label: City

- name: Person
  type: subform
  fields:
    - name: name
      type: text
      label: Name
      required: true
    - name: addresses
      type: list
      label: Addresses
      subform: Address
      columns:
        - street
        - city

- name: My Form
  type: ansible
  playbook: people.yaml
  roles: [default]
  fields:
    - name: people
      type: list
      label: People
      subform: Person
      columns:
        - name
        - addresses

Accedir a les dades del formulari pare amb __parent__

Quan s’obre l’editor de files d’un subformulari, AnsibleForms injecta una variable __parent__ al subformulari. Conté una instantània de tots els valors dels camps del formulari pare, incloses les constants i les variables.

Fes-hi referència amb la sintaxi d’expressió estàndard $(...) a les definicions dels camps del subformulari:

- name: NodeConfig
  type: subform
  fields:
    - name: node_name
      type: text
      label: Node name
      required: true

    - name: node_type
      type: enum
      # only offer gpu in production environments (parent field)
      expression: |
        '$(__parent__.environment)' === 'production'
          ? ['standard', 'high-memory', 'gpu']
          : ['standard', 'high-memory']
      runLocal: true
      default: __auto__

- name: Deploy cluster
  type: ansible
  playbook: deploy.yml
  roles: [default]
  fields:
    - name: environment
      type: enum
      values: [dev, staging, production]
      required: true

    - name: nodes
      type: list
      subform: NodeConfig
      columns: [node_name, node_type]

__parent__ és una eina auxiliar només del frontend. Es treu de les extravars d’Ansible i no s’envia mai al playbook.