Difference between revisions of "Template:Command Panel UI Button"

From Zero-K
Jump to navigation Jump to search
(Mobile is a better default than Misc.)
(Added numbered parameters..)
Line 1: Line 1:
<div style="width:53px;height:49px;;border:#356 solid 2px;border-radius:4px;background-color:#233;padding:0;margin:0;position:relative"><img src="//raw.githubusercontent.com/ZeroK-RTS/Zero-K/master/LuaUI/Images/nested_buildmenu/frame_{{{frame|Mobile}}}.png" style="width:53px;height:{{#if:{{{price|}}}|40|47}}px;margin:0;border:none;position:absolute;top:0;left:0" alt=""><img src="//manual.zero-k.info/unitpics/{{{unitpic|cloakraid}}}.png" style="width:53px;height:{{#if:{{{price|}}}|40|47}}px;margin:0;border:none;position:absolute;top:0;left:0" alt="">
+
<div style="width:53px;height:49px;;border:#356 solid 2px;border-radius:4px;background-color:#233;padding:0;margin:0;position:relative"><img src="//raw.githubusercontent.com/ZeroK-RTS/Zero-K/master/LuaUI/Images/nested_buildmenu/frame_{{{frame|Mobile}}}.png" style="width:53px;height:{{#if:{{{price|}}}|40|47}}px;margin:0;border:none;position:absolute;top:0;left:0" alt="{{{frame|Mobile}}}"><img src="//manual.zero-k.info/unitpics/{{{unitpic|cloakraid}}}.png" style="width:53px;height:{{#if:{{{price|}}}|40|47}}px;margin:0;border:none;position:absolute;top:0;left:0" alt="{{{name|{{{1|}}}}}}"{{#if:{{{name|{{{1|}}}}}}| title="{{{name|{{{1|Glaive}}}}}}"}}>
 
{{#if:{{{price|}}}|<div style="line-height:19px;color:#0f0;text-shadow:1px 1px 2px #000;position:absolute;top:0;left:5px;font-family:FreeSans,Arial,sans-serif;font-weight:bold;font-size:11px">{{{hotkey|W}}}</div>
 
{{#if:{{{price|}}}|<div style="line-height:19px;color:#0f0;text-shadow:1px 1px 2px #000;position:absolute;top:0;left:5px;font-family:FreeSans,Arial,sans-serif;font-weight:bold;font-size:11px">{{{hotkey|W}}}</div>
 
<div style="line-height:22px;color:#eee;text-shadow:1px 1px 2px #000;position:absolute;top:33px;left:5px;font-family:FreeSans,Arial,sans-serif;font-weight:bold;font-size:12px">{{{price|65}}}</div>
 
<div style="line-height:22px;color:#eee;text-shadow:1px 1px 2px #000;position:absolute;top:33px;left:5px;font-family:FreeSans,Arial,sans-serif;font-weight:bold;font-size:12px">{{{price|65}}}</div>
 
}}
 
}}
{{#if:{{{queued|}}}|<div style="line-height:26px;color:#fff;text-shadow:1px 1px 2px #000;position:absolute;top:25px;left:0;width:47px;font-family:FreeSans,Arial,sans-serif;font-weight:bold;font-size:15px;text-align:right">{{{queued|0}}}</div>
+
{{#if:{{{queued|{{{2|}}}}}}|<div style="line-height:26px;color:#fff;text-shadow:1px 1px 2px #000;position:absolute;top:25px;left:0;width:47px;font-family:FreeSans,Arial,sans-serif;font-weight:bold;font-size:15px;text-align:right">{{{queued|{{{2|0}}}}}}</div>
{{#if:{{{progress|50}}}|<div style="width:{{#expr:{{{progress|0}}}*0.53}}px;height:43px;margin:0;border:none;position:absolute;top:2;left:2;background:rgba(192, 192, 96, 0.55)"></div>}}}}
+
{{#if:{{{progress|{{{3|}}}}}}|<div style="width:{{#expr:{{{progress|{{{3|0}}}}}}*0.53}}px;height:43px;margin:0;border:none;position:absolute;top:2;left:2;background:rgba(192, 192, 96, 0.55)"></div>}}}}
 
</div><noinclude>{{Documentation}}</noinclude>
 
</div><noinclude>{{Documentation}}</noinclude>

Revision as of 11:52, 16 October 2022

Mobile


Template documentation[view] [edit] [history] [purge]

Command Panel UI Button is a template to insert a picture of a UI panel button without having to resort to taking a screen shot. A simple wiki table effectively groups multiple buttons.

It is called like this:

{{Command Panel UI Button|unitpic=cloakraid |Glaive |18 |25 }}

This results in a nice button that shows a Glaive which is 25% completed.

MobileGlaive
18

The unitpic parameter is required. It provides the name of the image file to be used for the unit's picture. All images are assumed to be in .png format.

Everything else is optional. The following parameters are allowed:

  • The first unnamed one or name is the name of the unit.
  • The second unnamed one or queued is how many units are waiting in the queue to be built.
  • The third unnamed one or percentage is how much of the unit has already completed building, in percent. It shows the transparent yellow progress bar on the button.
  • frame is the rectangle around the unit. It defaults to Mobile, but other values include Fac for builders and Misc for radars and jammers. When in doubt, look at the frame in the actual game.
  • hotkey is the shortcut key assigned to the button.
  • price is the price of the unit in Metal and Energy.

A full or partial panel can be simulated using wiki tables:

FacConjurer
Q
120
MobileGlaive
W
65
MobileRonin
E
90
MiscIris
H
600
MobileGlaive
1
MobileRonin
3
FacConjurer
5
MiscIris
1