Table des matières

Process model

Introduction

In QAP10 process are divided into steps which are technically HTML forms as QAP10 is a web application. Before users fill process forms, administrator must define models which are set in 'Models' section of QAP10 (menu Process/Models), through a wysiwyg editor.

To design a nice model, all HTML tags are allowed including input ones : regular HTML like text, radio, select, …, and special tags for specific operations in QAP10 (choose an equipment, printing, …). In models, these input tags are coded into IMG tag with special attributes and translated into fully compatible HTML for daily activity.

For example HTML tag <textarea name=“helloworld” rows=“5”> is coded in model in <img name=“helloworld” src=“appli/js/tinymce/qap10/img/textarea.png” data-rows=“5”>

Tag syntax

Common mandatory attributes

Thereafter all mandatory attributes are bold text

HTML tags

This section gather tags equivalent or very similar with classical HTML tags.

checkbox (data-type="checkbox")

cf HTML tag <input type=“checkbox”> tag

cf HTML tag <select>

You must use HTML character entity '&quot;' for “ because quote character is removed from pairs name/value inside JSON string

radio button (data-type="radio")

cf HTML tag <input type=“radio”

radio buttons can share the same name to make a group.

textarea (data-type="textarea")

cf HTML tag <textarea>

Textarea attribute cols is useless because qap10 set the width of all textareas to '90%' in the CSS style

QAP10 tags

This section gather special QAP10 tags.

equipment (data-type="equipment")

Select an equipment during the process, according to its family

reagent (data-type="reagent")

Select a reagent during the process

One of the attributes data-family, data-type1, data-type2 should be mandatory

spot (data-type="spot")

Select a spot during the process, according to its family

text (data-type="text")

Close to HTML tag <input type=“text”> with special options

For inputType=table

For inputType=process

printing (data-type="printing")

Select the print out

stock (data-type="stock")

Open a dialog to stock a product.

product (data-type="product")

Open a dialog to create output products