Difference between revisions of "Template:Citrus Qty"

Revision as of 13:06, 14 October 2018

Creates a table with Color, Sweet, Size, Length and Quantity where the bar will show the fill level

Usage:

{{Citrus|Value of Color|Value of Sweet|Value of Size|Value of Length|Value of Quantity}}
{{Citrus|Value of Color|Value of Sweet|Value of Size|Value of Length|Value of Quantity|Color of Color (optional)|Color of Sweet (optional)|Color of Size (optional)|Color of Length (optional)|Color of Quantity (optional)}}

Value should be between 0 and 1000.
Color needs to be a Hex Value (where no value is specified, #7777FF is used)

Example: {{Citrus_Qty|200|400|600|800|900|#FF0000}} produces:

Color:	200
Sweet:	400
Size:	600
Length:	800
Quantity:	900

@@ Line 9: / Line 9: @@
 Example: <NOWIKI>{{Citrus_Qty|200|400|600|800|900|#FF0000}}</NOWIKI> produces:
-{{Citrus_Qty|200|400|600|800|900|#ff0000|#7777ff|#ff0000|#7777ff|#7777ff}}
+{{Citrus_Qty|200|400|600|800|900|#ff0000|#7777ff|#ff0000|#7777ff|#DDDDDD}}
 ----
@@ Line 16: / Line 16: @@
 | style = 'padding: 0.2em 0.5em;font-size: 70%; line-height: 1.2; text-align: right' | <strong>Color:</strong>||<div style='width: 100px; border: 1px solid #888; background: #ddd'><div style='font-size: 70%; line-height: 1.2; height: 1.2em; width: {{#expr: trunc ({{{1|1000}}} / 10) }}px; background: {{{6|#7777FF}}}; text-align: left'>&nbsp;&nbsp;{{{1}}}</div></div>
 |-
-| style = 'padding: 0.2em 0.5em;font-size: 70%; color:white; line-height: 1.2; text-align: right' | <strong>Sweet:</strong>||<div style='width: 100px; border: 1px solid #888; background: #ddd'><div style='font-size: 70%; line-height: 1.2; height: 1.2em; width: {{#expr: trunc ({{{2|1000}}} / 10) }}px; background: {{{7|#7777FF}}}; text-align: left'>&nbsp;&nbsp;{{{2}}}</div></div>
+| style = 'padding: 0.2em 0.5em;font-size: 70%; line-height: 1.2; text-align: right' | <strong>Sweet:</strong>||<div style='width: 100px; border: 1px solid #888; background: #ddd'><div style='font-size: 70%; line-height: 1.2; height: 1.2em; width: {{#expr: trunc ({{{2|1000}}} / 10) }}px; background: {{{7|#7777FF}}}; color:white; text-align: left'>&nbsp;&nbsp;{{{2}}}</div></div>
 |-
-| style = 'padding: 0.2em 0.5em;font-size: 70%; line-height: 1.2; text-align: right' | <strong>Size:</strong>||<div style='width: 100px; border: 1px solid #888; background: #ddd'><div style='font-size: 70%; line-height: 1.2; height: 1.2em; width: {{#expr: trunc ({{{3|1000}}} / 10) }}px; background: {{{8|#7777FF}}}; text-align: left'>&nbsp;&nbsp;{{{3}}}</div></div>
+| style = 'padding: 0.2em 0.5em;font-size: 70%; line-height: 1.2; text-align: right' | <strong>Size:</strong>||<div style='width: 100px; border: 1px solid #888; background: #ddd'><div style='font-size: 70%; line-height: 1.2; height: 1.2em; width: {{#expr: trunc ({{{3|1000}}} / 10) }}px; background: {{{8|#7777FF}}}; color:white; text-align: left'>&nbsp;&nbsp;{{{3}}}</div></div>
 |-
-| style = 'padding: 0.2em 0.5em;font-size: 70%; line-height: 1.2; text-align: right' | <strong>Length:</strong>||<div style='width: 100px; border: 1px solid #888; background: #ddd'><div style='font-size: 70%; line-height: 1.2; height: 1.2em; width: {{#expr: trunc ({{{4|1000}}} / 10) }}px; background: {{{9|#7777FF}}}; text-align: left'>&nbsp;&nbsp;{{{4}}}</div></div>
+| style = 'padding: 0.2em 0.5em;font-size: 70%; line-height: 1.2; text-align: right' | <strong>Length:</strong>||<div style='width: 100px; border: 1px solid #888; background: #ddd'><div style='font-size: 70%; line-height: 1.2; height: 1.2em; width: {{#expr: trunc ({{{4|1000}}} / 10) }}px; background: {{{9|#7777FF}}}; color:white; text-align: left'>&nbsp;&nbsp;{{{4}}}</div></div>
 |-
 | style = 'padding: 0.2em 0.5em;font-size: 70%; line-height: 1.2; text-align: right' | <strong>Quantity:</strong>||<div style='width: 100px; border: 1px solid #888; background: #ddd'><div style='font-size: 70%; line-height: 1.2; height: 1.2em; width: {{#expr: trunc ({{{5|1000}}} / 10) }}px; background: {{{10|#7777FF}}}; text-align: left'>&nbsp;&nbsp;{{{5}}}</div></div>