Difference between revisions of "Template:HHDVillagerInfo"

From Nookipedia, the Animal Crossing wiki
(Empty alt for icons)
(redesigning the infobox to fit more with the new HHP infobox design.)
Line 25: Line 25:
 
|quote = {{{quote|}}}
 
|quote = {{{quote|}}}
 
}}}}</includeonly>
 
}}}}</includeonly>
<div class="nomobile">
+
<div style="display: grid; vertical-align: top; background: #{{{primarycolor|93C5D9}}}; margin-left: 10px; margin-bottom: 10px; {{roundy|15px}} border: 3px solid #{{{bordercolor|93C5D9}}}; max-width: 700px; padding: 2px; {{#if:{{{minwidth|}}}|min-width: {{{minwidth}}}}};">
{| style="background: #ffc644; border:2px solid #ffc644; text-align:center; {{roundy|28px}}; width: 100%; max-width: 500px; min-width: 300px;"
+
{{#if: {{{collapse|}}} | <div class="infobox mw-customtoggle-{{{collapse-id|1}}}">Click to toggle.</div>}}
! colspan=2 | {{HHD|short|nolink}} client information
+
<div style="text-align: center">'''{{HHD|nolink|short}} client information'''</div>
|-
+
<div {{#if: {{{collapse|}}} | id="mw-customcollapsible-{{{collapse-id|1}}}"}} class="flex-container {{#if: {{{collapse|}}} | mw-collapsible mw-collapsed mw-collapsible-content}}">
| colspan=2 style="padding: 1px; border-top: 1px solid #ffe543" |
+
{{#if:{{{image|}}}|
|-
+
<div class="flex-item" style="margin: 0 auto; background: #ffffff; {{roundy|9px}}; text-align: center; padding: 10px; max-width: 250px;">
| style="padding:0px;" |
+
{{#if:{{{number|}}}|<div style="float: left; position: absolute; background: #{{{secondarycolor|d9d9d9}}}; border-radius: 15px; color: #FFFFFF; padding: 5px;"><small>#{{{number|}}}</small></div> | }}
| rowspan=2 width=75% style="vertical-align: top; background: #ffe543; padding:0px; {{roundy|25px}};"|
+
<div style="display: table; height: 100%; width: 100%;">
{| width=100% style="background: transparent; padding: 3px; {{roundytop|25px}};"
+
<div style="display: table-cell; vertical-align: middle;">
| colspan=2 style="background: #ffe543; border-bottom: 1px solid #ffc644; {{roundytop|25px}};" | '''{{{name|{{PAGENAME}}}}}'''
+
{{#if:{{{image|}}}|[[File:{{{image|{{{name|Goldie}}}_HHD_{{#incat:Special Characters|Character|Villager}}_Icon.png}}}|center|{{{name|Goldie}}}'s Happy Home Designer icon{{#if:{{{crisp|}}}|{{!}}class=sprite}}]]|Have an image of the villager?<br>Then please '''[[Special:Upload|upload]]''' it!}}{{#if:{{{caption|}}}|<br>{{{caption}}}}}
|-
+
</div>
| height=230px style="vertical-align:top; padding:4px 0 0 2px;"|
+
</div>
{| width=100% style="background: transparent;"
+
</div>
|- {{#if: {{{thought|}}} | | style="display: none;" }}
+
|}}
| style="width:70px; background: #ffe543; padding: 3px; text-align:right;" | '''Thought bubble:'''
+
<div class="flex-item">
| style="background: #ffffff; padding: 0 0 0 9px; {{roundy}};" align="left" | {{{thought|}}}
+
{| style="display: inline-table; width: 100%; height: 100%;" |
|-
+
|- {{#if:{{{thought|}}}|
| style="width:70px; background: #ffe543; padding: 3px; text-align:right;" | '''Client's vision:'''
+
{{!-}}
| style="background: #ffffff; padding: 0 0 0 9px; {{roundy}};" align="left" | {{{request|}}}
+
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center; {{roundytl|9px}}" {{!}} '''Thought bubble'''
|-
+
{{!}} colspan="2" style="background:#ffffff; padding:0 0 0 6px; {{roundytr|9px}}" {{!}} {{{thought|}}}}}
| style="width:70px; background: #ffe543; padding: 3px; text-align:right;" | '''Required items:'''
+
|- {{#if:{{{request|}}}|
| style="background: #ffffff; padding: 0 0 0 9px; {{roundy}};" align="left" | {{#if:{{{items|}}}|{{{items|-}}}|{{#if:{{{item1|}}}|[[File:{{{img1|{{{item1|}}}}}}_HHD_Icon.png|30px|alt=|link=]]{{{item1|}}}|}}{{#if:{{{item2|}}}|<br>[[File:{{{img2|{{{item2|}}}}}}_HHD_Icon.png|30px|alt=|link=]]{{{item2|}}}|}}{{#if:{{{item3|}}}|<br>[[File:{{{img3|{{{item3|}}}}}}_HHD_Icon.png|30px|alt=|link=]]{{{item3|}}}}}|}}
+
{{!-}}
|- {{#if: {{{song|}}} | | style="display: none;" }}
+
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} '''Client's vision'''
| style="width:70px; background: #ffe543; padding: 3px; text-align:right;" | '''Favorite song:'''
+
{{!}} colspan="2" style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{{request|}}}}}
| style="background: #ffffff; padding: 0 0 0 9px; {{roundy}};" align="left" | {{#if:{{{song|}}}|[[File:{{{song|}}}_(Album Cover)_HHD_Icon.png|27px|alt=|link={{{song|}}}]]&nbsp;[[{{{song|}}}]]|}}
+
|- {{#if:{{{item1|}}}|
|-
+
{{!-}}
| style="width:70px; background: #ffe543; padding: 3px; text-align:right;" | '''Favorite saying:'''
+
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} '''Required items'''
| style="background: #ffffff; padding: 0 0 0 9px; {{roundy}};" align="left" | {{{quote|}}}
+
{{!}} colspan="2" style="background:#ffffff; padding:0 0 0 6px;" {{!}} {{#if:{{{items|}}}|{{{items|-}}}|{{#forargs: item
|-
+
| key
|}
+
| value
|}
+
| <nowiki /> [[File:{{{img{{#var: key }}|{{{item{{#var: key }}|}}}}}}_HHD_Icon.png|30px|alt=|link=]]{{{item{{#var: key }}|}}}<br>}}}}}}
|-
+
|- {{#if:{{{song|}}}|
| width=25% style="padding:0 3px 0 1px;" | [[File:{{{image|{{{name|Goldie}}}_HHD_{{#incat:Special Characters|Character|Villager}}_Icon.png}}}|center|{{{name|Goldie}}}'s Happy Home Designer icon]]
+
{{!-}}
 +
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center;" {{!}} '''Favorite song'''
 +
{{!}} colspan="2" style="background:#ffffff; padding:0 0 0 6px;" {{!}} [[File:{{{song|}}}_(Album Cover)_HHD_Icon.png|27px|alt=|link={{{song|}}}]]&nbsp;[[{{{song|}}}]]}}
 +
|- {{#if:{{{quote|}}}|
 +
{{!-}}
 +
! style="background: #{{{secondarycolor|C8E2ED}}}; text-align:center; {{roundybl|9px}}" {{!}} '''Favorite saying'''
 +
{{!}} colspan="2" style="background:#ffffff; padding:0 0 0 6px; {{roundybr|9px}}" {{!}} {{{quote|}}}}}
 
|}
 
|}
 
+
</div>
{| class="mw-collapsible mw-collapsed" style="background: #ffc644; border:2px solid #ffc644; text-align:center; {{roundy|28px}}; width: 100%; max-width: 500px; min-width: 300px;"
+
</div>
!
+
</div>
! Unlocked items
+
<div style="vertical-align: top; margin-left: 10px; margin-bottom: 10px; {{roundy|15px}}; max-width: 700px; padding: 2px;">
 +
{| class="mw-collapsible mw-collapsed" align="center" cellpadding="0px" style="width: 100%; text-align:center; background-color:#FFDD66; border-top: 3px solid #FFDD66; border-right: 3px solid #FFDD66; border-left: 3px solid #FFDD66; {{roundy|10px}}"  
 +
! colspan="2" | Unlocked items
 
|-  
 
|-  
 
{{#if:{{{furn1|}}}|
 
{{#if:{{{furn1|}}}|
Line 146: Line 154:
 
}}
 
}}
 
|-
 
|-
|}</div>
+
|}</div></div>{{clear}}<includeonly>[[Category:Happy Home Designer characters]]{{#ifeq:{{PAGENAME}}|Goldie||{{#incat:Villagers|{{#incat:New Leaf characters|{{#if:{{{thought|}}}||[[Category:Happy Home Designer character's thought parameter missing]]}}|}}|}}}}</includeonly><noinclude>{{Documentation}}</noinclude>
 
 
<div class="onlymobile">
 
{| width=100%; style="background: #ffc644; border:2px solid #ffc644; text-align:center; {{roundy|28px}};"
 
! colspan=2 | {{HHD|short|nolink}} client information
 
|-
 
| colspan=2 style="padding: 1px; border-top: 1px solid #ffe543" |
 
|-
 
| style="padding:0px;" |
 
| rowspan=2 width=75% style="vertical-align: top; background: #ffe543; padding:0px; {{roundy|25px}};"|
 
{| width=100% style="background: transparent; padding: 3px; {{roundytop|25px}};"
 
| colspan=2 style="background: #ffe543; border-bottom: 1px solid #ffc644; {{roundytop|25px}};" | '''{{{name|{{PAGENAME}}}}}'''
 
|-
 
| height=230px style="vertical-align:top; padding:4px 0 0 2px;"|
 
{| width=100% style="background: transparent;"
 
|- {{#if: {{{thought|}}} | | style="display: none;" }}
 
| style="width:70px; background: #ffe543; padding: 3px; text-align:right;" | '''Thought bubble:'''
 
| style="background: #ffffff; padding: 0 0 0 9px; {{roundy}};" align="left" | {{{thought|}}}
 
|-
 
| style="width:70px; background: #ffe543; padding: 3px; text-align:right;" | '''Client's vision:'''
 
| style="background: #ffffff; padding: 0 0 0 9px; {{roundy}};" align="left" | {{{request|}}}
 
|-
 
| style="width:70px; background: #ffe543; padding: 3px; text-align:right;" | '''Required items:'''
 
| style="background: #ffffff; padding: 0 0 0 9px; {{roundy}};" align="left" | {{#if:{{{items|}}}|{{{items|-}}}|{{#if:{{{item1|}}}|[[File:{{{img1|{{{item1|}}}}}}_HHD_Icon.png|30px|link=]]{{{item1|}}}|}}{{#if:{{{item2|}}}|<br>[[File:{{{img2|{{{item2|}}}}}}_HHD_Icon.png|30px|link=]]{{{item2|}}}|}}{{#if:{{{item3|}}}|<br>[[File:{{{img3|{{{item3|}}}}}}_HHD_Icon.png|30px|link=]]{{{item3|}}}}}|}}
 
|- {{#if: {{{song|}}} | | style="display: none;" }}
 
| style="width:70px; background: #ffe543; padding: 3px; text-align:right;" | '''Favorite song:'''
 
| style="background: #ffffff; padding: 0 0 0 9px; {{roundy}};" align="left" | {{#if:{{{song|}}}|[[File:{{{song|}}}_(Album Cover)_HHD_Icon.png|27px|link={{{song|}}}]]&nbsp;[[{{{song|}}}]]|}}
 
|-
 
| style="width:70px; background: #ffe543; padding: 3px; text-align:right;" | '''Favorite saying:'''
 
| style="background: #ffffff; padding: 0 0 0 9px; {{roundy}};" align="left" | {{{quote|}}}
 
|-
 
|}
 
|}
 
|-
 
| width=25% style="padding:0 3px 0 1px;" | [[File:{{{image|{{{name|Goldie}}}_HHD_{{#incat:Special Characters|Character|Villager}}_Icon.png}}}|center|{{{name|Goldie}}}'s Happy Home Designer icon]]
 
|}
 
 
 
{| class="mw-collapsible mw-collapsed" width=100%; style="background: #ffc644; border:2px solid #ffc644; text-align:center; {{roundy|28px}};"
 
!
 
! Unlocked items
 
|-
 
{{#if:{{{furn1|}}}|
 
{{!}} style="width:115px; padding: 3px; text-align:right; vertical-align:top;" {{!}} '''Furniture:'''
 
{{!}} style="background: #ffffff; padding: 0 0 0 9px; {{roundy}};" align="left" {{!}}
 
{{(!}} style{{=}}"text-align:left;"
 
{{#forargs: furn
 
| key
 
| value
 
| <nowiki />
 
{{!}} [[File:{{{f{{#var: key }}-img|{{{furn{{#var: key }}|}}}}}}_HHD_Icon.png|30px|link=]]&nbsp;{{{f{{#var: key }}|{{{furn{{#var: key }}|}}}}}}&nbsp;&nbsp;
 
{{#ifexpr: {{#var: key }} mod 2 | | {{!-}} }}
 
}}
 
{{!)}}}}
 
|-
 
{{#if:{{{fnNLWa1|}}}|
 
{{!}} style="width:115px; padding: 3px; text-align:right; vertical-align:top;" {{!}} '''Furniture:'''
 
{{!}} style="background: #ffffff; padding: 0 0 0 9px; {{roundy}};" align="left" {{!}}
 
{{(!}} style{{=}}"text-align:left;"
 
{{#forargs: fnNLWa
 
| key
 
| value
 
| <nowiki />
 
{{!}} [[File:{{{fn{{#var: key }}-img|{{{fnNLWa{{#var: key }}|}}}}}}_NLWa_Model.png|30px|link=]]&nbsp;{{{fn{{#var: key }}|{{{fnNLWa{{#var: key }}|}}}}}}&nbsp;&nbsp;
 
{{#ifexpr: {{#var: key }} mod 2 | | {{!-}} }}
 
}}
 
{{!)}}}}
 
|-
 
{{#if:{{{inter1|}}}|
 
{{!}} style="width:70px; padding: 3px; text-align:right; vertical-align:top;" {{!}} '''Interior:'''
 
{{!}} style="background: #ffffff; padding: 0 0 0 9px; {{roundy}};" align="left" {{!}}
 
{{(!}} style{{=}}"text-align:left;"
 
{{#forargs: inter
 
| key
 
| value
 
| <nowiki />
 
{{!}} [[File:{{{i{{#var: key }}-img|{{{inter{{#var: key }}|}}}}}}_HHD_Icon.png|30px|link=]]&nbsp;{{{i{{#var: key }}|{{{inter{{#var: key }}|}}}}}}&nbsp;&nbsp;
 
{{#ifexpr: {{#var: key }} mod 2 | | {{!-}} }}
 
}}
 
{{!)}}}}
 
|-
 
{{#if:{{{cloth1|}}}|
 
{{!}} style="width:70px; padding: 3px; text-align:right; vertical-align:top;" {{!}} '''Clothing:'''
 
{{!}} style="background: #ffffff; padding: 0 0 0 9px; {{roundy}};" align="left" {{!}}
 
{{(!}} style{{=}}"text-align:left;"
 
{{#forargs: cloth
 
| key
 
| value
 
| <nowiki />
 
{{!}} [[File:{{{c{{#var: key }}-img|{{{cloth{{#var: key }}|}}}}}}_HHD_Icon.png|30px|link=]]&nbsp;{{{c{{#var: key }}|{{{cloth{{#var: key }}|}}}}}}&nbsp;&nbsp;
 
{{#ifexpr: {{#var: key }} mod 2 | | {{!-}} }}
 
}}
 
{{!)}}}}
 
|-
 
{{#if:{{{plant1|}}}|
 
{{!}} style="width:70px; padding: 3px; text-align:right; vertical-align:top;" {{!}} '''Nature:'''
 
{{!}} style="background: #ffffff; padding: 0 0 0 9px; {{roundy}};" align="left" {{!}}
 
{{(!}} style{{=}}"text-align:left;"
 
{{#forargs: plant
 
| key
 
| value
 
| <nowiki />
 
{{!}} [[File:{{{p{{#var: key }}-img|{{{plant{{#var: key }}|}}}}}}_HHD_Icon.png|30px|link=]]&nbsp;{{{p{{#var: key }}|{{{plant{{#var: key }}|}}}}}}&nbsp;&nbsp;
 
{{#ifexpr: {{#var: key }} mod 2 | | {{!-}}}}
 
}}
 
{{!)}}}}
 
|-
 
{{#if:{{{house1|}}}|
 
{{!}} style="width:70px; padding: 3px; text-align:right; vertical-align:top;" {{!}} '''Housing:'''
 
{{!}} style="background: #ffffff; padding: 0 0 0 9px; {{roundy}};" align="left" {{!}}
 
{{(!}} style{{=}}"text-align:left;"
 
{{#forargs: house
 
| key
 
| value
 
| <nowiki />
 
{{!}} [[File:{{{h{{#var: key }}-img|{{{house{{#var: key }}|}}}}}}_HHD_Icon.png|30px|link=]]&nbsp;{{{h{{#var: key }}|{{{house{{#var: key }}|}}}}}}&nbsp;&nbsp;
 
{{#ifexpr: {{#var: key }} mod 2 | | {{!-}} &nbsp;}}
 
}}
 
{{!)}}}}
 
|-
 
{{#ifexist:File:House_of_{{PAGENAME}}_HHD_Exterior.png|
 
{{!}} style="width:70px; padding: 3px; text-align:right; vertical-align:top;" {{!}} '''Starting house:'''
 
{{!}} style="background: #ffe543; padding: 0 0 0 9px; {{roundy}};" {{!}} [[File:House_of_{{PAGENAME}}_HHD_Exterior.png]]
 
}}
 
|-
 
|}</div>
 
<includeonly>[[Category:Happy Home Designer characters]]{{#ifeq:{{PAGENAME}}|Goldie||{{#incat:Villagers|{{#incat:New Leaf characters|{{#if:{{{thought|}}}||[[Category:Happy Home Designer character's thought parameter missing]]}}|}}|}}}}</includeonly>
 

Revision as of 09:29, October 26, 2021

This template defines the table "hhd_villager". View table.

Happy Home Designer client information
Unlocked items

Template documentation (view)


More Cargo templates

Usage

General Example

{{HHDVillagerInfo
|name = 
|image = 
|example = 
|birthday-month = 
|birthday = 
|sign = 
|personality = 
|catchphrase = 
|top = 
|umbrella = 
|thought = 
|request = 
|item1 = 
|item2 = 
|item3 = 
|song = 
|quote = 
|furn1 = 
|furn2 = 
...
|inter1 = 
|inter2 = 
...
|cloth1 = 
|cloth2 = 
...
|plant1= 
|plant2= 
...
|house1 = 
|house2 = 
...
|start-house = 
}}

Maple Example

Happy Home Designer client information
Maple's Happy Home Designer icon
Thought bubble Wouldn't it be fun to be surrounded by teddy bears?
Client's vision A plush bear den.
Required items 30pxPapa bear
30pxMama bear
30pxranch dresser
Favorite song  Neapolitan
Favorite saying Waste not, want not.
Unlocked items
Furniture:
30px ranch bed   30px ranch table  
30px ranch chair   30px ranch armchair  
30px ranch couch   30px ranch wardrobe  
30px ranch dresser   30px ranch bookcase  
30px ranch hutch    pancakes  
30px Baby bear   30px Mama bear  
30px Papa bear   30px wooden bear  
 Neapolitan    beehive  
30px Maple's pic   30px ranch wall rack  
Interior:
30px ranch rug   30px rococo wall  
Clothing:
30px bear costume   30px bear-costume pants  
30px bear cap   30px petal parasol  
{{HHDVillagerInfo
|name = Maple
|image = Maple HHD Villager Icon.png
|example = Maple HHD Request.png
|birthday-month = June
|birthday = 15
|sign = Gemini
|personality = Normal
|catchphrase = honey
|top = dapper tee
|umbrella = petal parasol
|thought = Wouldn't it be fun to be <span style="color:hotpink">surrounded by teddy bears</span>?
|request = A plush bear den.
|item1 = Papa bear
|item2 = Mama bear
|item3 = ranch dresser
|song = Neapolitan
|quote = Waste not, want not.
|furn1 = ranch bed
|furn2 = ranch table
|furn3 = ranch chair
|furn4 = ranch armchair
|furn5 = ranch couch
|furn6 = ranch wardrobe
|furn7 = ranch dresser
|furn8 = ranch bookcase
|furn9 = ranch hutch
|furn10 = pancakes
|furn11 = Baby bear
|furn12 = Mama bear
|furn13 = Papa bear
|furn14 = wooden bear
|furn15 = Neapolitan
|furn16 = beehive
|furn17 = Maple's pic
|furn18 = ranch wall rack
|inter1 = ranch rug
|inter2 = rococo wall
|cloth1 = bear costume
|cloth2 = bear-costume pants
|cloth3 = bear cap
|cloth4 = petal parasol
|start-house = Maple
}}