Template:WarnAlt: Difference between revisions

From Caps Wiki
Jump to navigation Jump to search
(subst for debugging)
No edit summary
 
(50 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<!--This template is just selection logic. The actual dialogs are all stored in subpages.-->
{{#switch: {{{size | {{{2|}}} }}}
{{#switch: {{{severity| {{{1|}}} }}}
| #default = {{error|The severity and size arguments are required.}}
| #default = The severity argument is required.
| large=<div style="padding: 1.2em; margin-top: 0.5em; border-top-width: 0.4em; border-radius: 0.20em; box-shadow: 2px 2px #F7F8F9; background-color: #{{#switch: {{{severity| {{{1}}} }}}
| note|1 = {{#switch: {{{size| {{{2|}}} }}}  
<!-- large box background colors -->
| #default = Size argument is required.
| danger=fee7e6
| large|3 = <div style="background-color:#f8f9fa; padding: 1.2rem; margin-top: 0.5em; border: 1px solid #4666c8; border-top-color:4666c8 ; border-top-width: .4rem; border-radius: .20rem; box-shadow: 2px 2px #F7F8F9;">[[File:OOjs UI icon information-progressive.svg|35px|left|link=]]'''NOTE''' {{{message {{{3|}}} }}} </div>
| warning=fceee6
| medium|med|2 = <table cellspacing="0" cellpadding="0" border="0" style="margin-top:0.5em; border:1px #4666c8 solid; padding:0.5em; background-color:#f8f9fa"><tr><td nowrap="true" valign="top">
| caution=fcf8e6
[[File:OOjs UI icon information-progressive.svg|18px|text-bottom|alt=NOTE]] '''NOTE'''  {{{message {{{3|}}} }}} </table>
| note|custom=f8f9fa
| small|1 = [[File:OOjs UI icon information-progressive.svg|18px|text-bottom|alt=NOTE]] '''NOTE''' {{{message {{{3|}}} }}}  
}}; border: 1px solid #{{#switch: {{{severity| {{{1}}} }}}
}}
<!-- large box border colors -->
| caution|2 = {{subst:User:lyiriyah/sandbox/warn/caution| {{{size| {{{2|}}} }}} | {{{message {{{3|}}} }}} }}
| danger=bf3333
| warning|3 = {{subst:User:lyiriyah/sandbox/warn/warning| {{{size| {{{2|}}} }}} | {{{message {{{3|}}} }}} }}
| warning=df5c15
| danger|4 = {{subst:User:lyiriyah/sandbox/warn/danger| {{{size| {{{2|}}} }}} | {{{message {{{3|}}} }}} }}
| caution=f1cc43
}}
| note|custom=4666c8
<noinclude>
}}; border-top-width: 0.4em;"><table><tr><td>[[File:{{#switch: {{{severity| {{{1}}} }}}
{{User:lyiriyah/sandbox/warn/doc}}
<!-- large box icons -->
</noinclude>
| danger=OOjs UI icon alert-destructive.svg
| warning=OOjs UI icon alert-warning.svg
| caution=OOjs UI icon alert-yellow.svg
| note=OOjs UI icon information-progressive.svg
| custom={{{custom_icon}}}
}}|35px|left|link=|alt={{{severity| {{{1}}} }}}]]</td><td>{{#switch: {{{severity| {{{1}}} }}}
<!-- large box labels -->
| danger='''DANGER'''
| warning='''WARNING'''
| caution='''CAUTION'''
| note='''NOTE'''
| custom={{{custom_label}}}
}} {{{message| {{{3|}}} }}}</td></tr></table></div>
| medium|med=<table style="padding: 0.5em; margin-top: 0.5em; background-color: #{{#switch: {{{severity| {{{1}}} }}}
<!-- medium box background colors -->
| danger=fee7e6
| warning=fceee6
| caution=fcf8e6
| note|custom=f8f9fa
}}; border: 1px solid #{{#switch: {{{severity| {{{1}}} }}}
<!-- medium box border colors -->
| danger=bf3333
| warning=df5c15
| caution=f1cc43
| note|custom=4666c8
}};"><tr><td nowrap="true">[[File:{{#switch: {{{severity| {{{1}}} }}}
<!-- medium box icons -->
| danger=OOjs UI icon alert-destructive.svg
| warning=OOjs UI icon alert-warning.svg
| caution=OOjs UI icon alert-yellow.svg
| note=OOjs UI icon information-progressive.svg
| custom={{{custom_icon}}}
}}|18px|text-bottom|link=|alt={{{severity| {{{1}}} }}}]] {{#switch: {{{severity| {{{1}}} }}}
<!-- medium box labels -->
| danger='''DANGER'''
| warning='''WARNING'''
| caution='''CAUTION'''
| note='''NOTE'''
| custom={{{custom_label}}}
}} {{{message| {{{3|}}} }}}</table>
| small=[[File:{{#switch: {{{severity| {{{1}}} }}}
<!-- small box icons -->
| danger=OOjs UI icon alert-destructive.svg
| warning=OOjs UI icon alert-warning.svg
| caution=OOjs UI icon alert-yellow.svg
| note=OOjs UI icon information-progressive.svg
| custom={{{custom_icon}}}
}}|18px|text-bottom|link=|alt={{{severity| {{{1}}} }}}]] {{#switch: {{{severity| {{{1}}} }}}
<!-- small box labels -->
| danger='''DANGER'''
| warning='''WARNING'''
| caution='''CAUTION'''
| note='''NOTE'''
| custom={{{custom_label}}}
}} {{{message| {{{3|}}} }}}
}}<noinclude>
{{/doc}}[[Category:Warning Templates]]</noinclude>

Latest revision as of 22:23, 17 February 2022

Error: The severity and size arguments are required.

Documentation

This template is an intended replacement for the {{warn}} template. It has four different severity levels and three different sizes, which are demonstrated here.

Syntax

For the source editor, the syntax is {{WarnAlt|<note|caution|warning|danger>|<large|medium/med|small>|<message>}}.
The visual editor provides a nice popup box where you can fill in all the data, but the same arguments apply.

TemplateData

Create a warning box to get the users attention

[Edit template data]

Template parameters

ParameterDescriptionTypeStatus
Severity and Colorseverity 1

The severity of the warning that will also determine the color of the warning.

Example
danger, warning, caution, note, custom
Stringrequired
Warning Box Sizesize 2

The size or type of the warning to be created.

Example
large, medium, small
Stringrequired
Displayed Textmessage 3

The text to be displayed in the warning box.

Example
Caps may retain charge after poweroff
Stringrequired
Custom Labelcustom_label

A custom label to be displayed before the message. Required when ''severity'' is set to ''custom''.

Example
ACHTUNG
Stringoptional
Custom Iconcustom_icon

An image file to be displayed as an icon before the label. Required when ''severity'' is set to ''custom''. Do not include ''File:''. Since the custom option displays in a blue theme, blue-colored icons are suggested.

Example
OOjs UI icon laptop-progressive.svg
Stringoptional