Difference between revisions of "Template:Brick chart/Bricks"
Jump to navigation
Jump to search
imported>Zocky (we can't use ems because of browser zooming) |
imported>Wikid77 (updated from /sandbox version to fix overlapped line segments by "overflow:hidden;", added NOTES & HISTORY comments.) |
||
| Line 1: | Line 1: | ||
| − | <noinclude> | + | <noinclude><!-- |
| − | + | -============================================================================= | |
| − | </noinclude>{{# | + | - Brick_chart/Bricks - Draw bricks for 1 count in {Brick_chart} numbers |
| + | -============================================================================= | ||
| + | -- (see NOTES at bottom) | ||
| + | --> | ||
| + | </noinclude>{{ | ||
| + | #ifexpr:{{{count|0}}} > 0 | ||
| + | |<!--show initial brick(s)--><div style=" | ||
background:{{{color|silver}}}; | background:{{{color|silver}}}; | ||
float:left; | float:left; | ||
| − | clear:{{#ifexpr:{{{offset|0}}} mod {{{stride|10}}}|none|left}}; | + | clear:{{#ifexpr:{{{offset|0}}} mod {{{stride|10}}} > 0|none|left}}; |
| − | height:{{#expr:100/{{{stride|10}}}}}%; | + | height:{{#expr:100/{{{stride|10}}} }}%; |
overflow:hidden; | overflow:hidden; | ||
| − | width:{{#expr:{{min|{{#expr:({{{stride|10}}} - {{{offset|0}}} mod {{{stride|10}}})}}|{{{count|0}}}}} * 100/{{{stride|10}}} }}%; | + | width:{{#expr: |
| − | "> </div>{{#ifexpr:{{{count|0}}} > {{min|{{#expr:({{{stride|10}}} - {{{offset|0}}} mod {{{stride|10}}})}}|{{{count|0}}}}} | + | {{min|{{#expr:({{{stride|10}}} - {{{offset|0}}} mod {{{stride|10}}})}} |
| − | |<div style=" | + | |{{{count|0}}}}} * 100/{{{stride|10}}} }}%; |
| − | + | "> </div>{{ | |
| − | + | #ifexpr:{{{count|0}}} > {{min|{{#expr:( {{{stride|10}}} - | |
| − | + | {{{offset|0}}} mod {{{stride|10}}})}}|{{{count|0}}} }} | |
| − | + | |<!--show full-line bricks--><div style=" | |
| − | + | background:{{{color|grey}}}; | |
| − | + | float:left; | |
| − | + | clear:left; | |
| − | + | width:100%; | |
| − | + | overflow:hidden; | |
| − | + | height:{{#expr: | |
| − | + | floor( ({{{count|0}}} | |
| − | + | - {{min|{{#expr:({{{stride|10}}} | |
| − | + | - {{{offset|0}}} mod {{{stride|10}}})}}|{{{count|0}}}}} | |
| − | + | - ( ({{{count|0}}} + {{{offset|0}}}) mod {{{stride|10}}}) | |
| − | + | )/{{{stride|10}}}) * 100/{{{stride|10}}} }}%;<!-- | |
| − | + | -->"> </div>{{ | |
| − | + | #ifexpr:(({{{count|0}}} + {{{offset|0}}}) mod {{{stride|10}}}) > 0 | |
| − | + | |<!--show final bricks (if any)--><div style=" | |
| − | + | background:{{{color|silver}}}; | |
| − | }} | + | float:left; |
| − | }} | + | clear:left; |
| − | }} | + | overflow:hidden; |
| + | height:{{#expr:100/{{{stride|10}}} }}%; | ||
| + | width:{{#expr:( ({{{count|0}}} + {{{offset|0}}}) mod {{{stride|10}}} | ||
| + | ) * 100/{{{stride|10}}} }}%;<!-- | ||
| + | -->"> </div> | ||
| + | }} | ||
| + | }} | ||
| + | }}<noinclude><!-- | ||
| + | ---------------------------------------------------------------------------- | ||
| + | --NOTES | ||
| + | -- | ||
| + | -- NOTE A1: This template draws 1-3 line segments for: the initial bricks, | ||
| + | -- whole lines of middle bricks, and the final bricks (if any). | ||
| + | -- | ||
| + | -- NOTE S2: For a line to be visible, there must be a non-breaking space, | ||
| + | -- where the div-tag contains an " ". | ||
| + | -- | ||
| + | ---------------------------------------------------------------------------- | ||
| + | -HISTORY | ||
| + | -17Aug2009 Created to display brick chart using div-tag line segments. | ||
| + | -17Sep2012 Put HISTORY comments to log major changes (not typos). | ||
| + | -17Sep2012 Put NOTES comments to explain template operation & limits. | ||
| + | -17Sep2012 Indented markup to show 3 nested if-structures. | ||
| + | -17Sep2012 Fixed overlapped bars by full use of div-tag "overflow:hidden;". | ||
| + | -17Sep2012 Added "overflow:hidden;" to 3rd line segment to match 1 & 2. | ||
| + | --> | ||
| + | |||
| + | The '''[[Template:Brick_chart/Bricks]]''' draws bricks for {{tl|Brick chart}}. | ||
| + | |||
| + | </noinclude> | ||