Difference between revisions of "Template:Brick chart/Bricks"

From blackwiki
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><!--
draws bricks for {{tl|Brick chart}}
+
-=============================================================================
</noinclude>{{#if:{{{count|0}}}>0|<div style="
+
-  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:
   ">&nbsp;</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}}} }}%;
  background:{{{color|grey}}};
+
   ">&nbsp;</div>{{
  float:left;
+
  #ifexpr:{{{count|0}}} > {{min|{{#expr:( {{{stride|10}}} -
  clear:left;
+
      {{{offset|0}}} mod {{{stride|10}}})}}|{{{count|0}}} }}
  width:100%;
+
    |<!--show full-line bricks--><div style="
  overflow:hidden;
+
    background:{{{color|grey}}};
  height:{{#expr:
+
    float:left;
  floor(({{{count|0}}}
+
    clear:left;
  -{{min|{{#expr:({{{stride|10}}} - {{{offset|0}}} mod {{{stride|10}}})}}|{{{count|0}}}}}
+
    width:100%;
  -(({{{count|0}}} + {{{offset|0}}}) mod {{{stride|10}}})
+
    overflow:hidden;
  )/{{{stride|10}}}) * 100/{{{stride|10}}} }}%;
+
    height:{{#expr:
  ">&nbsp;</div>
+
      floor( ({{{count|0}}}
  {{#ifexpr:(({{{count|0}}} + {{{offset|0}}}) mod {{{stride|10}}})>0
+
        - {{min|{{#expr:({{{stride|10}}}
  |<div style="
+
          - {{{offset|0}}} mod {{{stride|10}}})}}|{{{count|0}}}}}
  background:{{{color|silver}}};
+
        - ( ({{{count|0}}} + {{{offset|0}}}) mod {{{stride|10}}})
  float:left;
+
        )/{{{stride|10}}}) * 100/{{{stride|10}}} }}%;<!--
  clear:left;
+
    -->">&nbsp;</div>{{
  height:{{#expr:100/{{{stride|10}}}}}%;
+
    #ifexpr:(({{{count|0}}} + {{{offset|0}}}) mod {{{stride|10}}}) > 0
  width:{{#expr:(({{{count|0}}} + {{{offset|0}}}) mod {{{stride|10}}}) * 100/{{{stride|10}}} }}%;
+
      |<!--show final bricks (if any)--><div style="
  ">&nbsp;</div>
+
        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}}} }}%;<!--
 +
        -->">&nbsp;</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 "&nbsp;".
 +
--
 +
----------------------------------------------------------------------------
 +
-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>

Revision as of 08:32, 17 September 2012


The Template:Brick_chart/Bricks draws bricks for {{Brick chart}}.