Documentation
This template creates a standardised row for use in profession recipe and pattern tables.
Syntax
{{:Minor Mana Potion|tpl=RecipeTable/RecipeRow}}
The values to go into the table are determined automatically using the following attributes, which must be defined in the meta data of the tooltip of the item in question.
- name
- icon
- reagent1, reagent2, reagent3, ..., reagent6
- reagent1quantity, reagent2quantity, ..., reagent6quantity
- createorange, createyellow, creategreen, creategray
- recipe (define only if there is an item which is used to learn the recipe
Output
TBD
Usage
{| class=darktable |- ! {{RecipeTable/DifficultyHeader}} |- | {{:Minor Mana Potion|tpl=RecipeTable/RecipeRow}} |}
Adding the rowspan property is optional. When left out, it will be defaulted to 1.
Result
Recipe | Reagents | Orange | Yellow | Green | Gray | Source | |||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
;var1 : <span class="apitype-opt">number</span> - Doesn't really do anything
;var2 : <span class="apitype">string</span> - The most important value in the world!
;frame : <span class="apitype-opt">{{api|t=o|Frame}}</span> - A super duper cool widget.
{| class="darktable col2-center"
! Key !! Type !! Desc
|-
! Foo
| class="apitype-opt" | function || The class is applied to the whole cell
|-
! Something
|class="apitype" | table || Ditto but this one isn't optional
|-
! Hello
| <span class="apitype-opt">boolean</span> || The class applied to a span inside the cell
|-
! Fourth row
| <span class="apitype-nil">boolean</span> || Ditto, but this one says nilable
|}
Desktop CSS.apitype.opt
{
position:relative;
color:var(--wowapi-text-color);
}
.apitype-opt::after
{
content:"?";
color:var(--theme-page-text-color);
}
.apitype-opt:hover::after
{
color:var(--theme-page-text-color--hover);
}
.apitype-opt::before
{
content:"Optional";
color:#f0f0f0;
position:absolute;
right:0;
top:100%;
transform:translateX(50%);
margin:0.2em;
padding:0.1em;
font-size:11px;
background-color:#101010;
border:1px #b0b0b0 solid;
border-radius:0.75ex;
text-align:left;
z-index:1;
display:none;
}
.apitype-opt:hover::before
{
display:block;
}
Mobile CSS.apitype.opt
{
color:var(--wowapi-text-color);
}
.apitype-opt::after
{
content:" (optional)";
color:var(--theme-page-text-mix-color);
}
|
See Also
This template should be used with {{RecipeTable/DifficultyHeader}}