Difference between revisions of "User:Dusty/Sandbox/Templates/Template:dsInfobox"
(45 intermediate revisions by the same user not shown) | |||
Line 31: | Line 31: | ||
|voxelVolume= | |voxelVolume= | ||
|maxSpeed= | |maxSpeed= | ||
|range= | |||
|specificationsExtra= | |specificationsExtra= | ||
Line 98: | Line 99: | ||
|cargoCapacity=0 | |cargoCapacity=0 | ||
|productionState=In production | |productionState=In production | ||
|generalExtras={{ | |generalExtras={{Infobox_Infocell | ||
|cellHeader=Passenger Capacity | |cellHeader=Passenger Capacity | ||
|cellBody=12 | |cellBody=12 | ||
Line 104: | Line 105: | ||
|unitCost=11.2 million credits (approx.) | |unitCost=11.2 million credits (approx.) | ||
|runningCost=4,000 credits/hour | |runningCost=4,000 credits/hour | ||
|marketingExtras={{ | |marketingExtras={{Infobox_Infocell | ||
|cellHeader=Rental cost | |cellHeader=Rental cost | ||
|cellBody=60,000 credits/hour | |cellBody=60,000 credits/hour | ||
Line 113: | Line 114: | ||
|voxelVolume=789,312,045 | |voxelVolume=789,312,045 | ||
|maxSpeed=To be determined | |maxSpeed=To be determined | ||
|specificationsExtra={{ | |range=12 hours (est.) | ||
|specificationsExtra={{Infobox_Infocell | |||
|cellHeader=Max Acceleration | |cellHeader=Max Acceleration | ||
|cellBody=Unknown | |cellBody=Unknown | ||
}} | }} | ||
|overviewTabExtra= | |overviewTabExtra= | ||
|hull={{ | |hull={{Infobox_Component | ||
|component=Plating | |component=Plating | ||
|count=60% | |count=60% | ||
|text=[[Bastium]] | |text=[[Bastium]] | ||
|icon=Plate | |icon=[[File:Plate.png]] | ||
}} | }} | ||
{{ | {{Infobox_Component | ||
|component=Plating | |component=Plating | ||
|count=30% | |count=30% | ||
|text=[[Bastonium]] | |text=[[Bastonium]] | ||
|icon=Plate | |icon=[[File:Plate.png]] | ||
}} | }} | ||
{{ | {{Infobox_Component | ||
|component=Plating | |component=Plating | ||
|count=10% | |count=10% | ||
|text=[[Charodium]] | |text=[[Charodium]] | ||
|icon=Plate | |icon=[[File:Plate.png]] | ||
}} | }} | ||
|frame={{ | |frame={{Infobox_Component | ||
|component=Frame | |component=Frame | ||
|count=100% | |count=100% | ||
|text=[[Bastium]] | |text=[[Bastium]] | ||
|icon=Beam | |icon=[[File:Beam.png]] | ||
}} | }} | ||
|sensors={{ | |sensors={{Infobox_Component | ||
|component=[[Rangefinder]] | |component=[[Rangefinder]] | ||
|count=2x | |count=2x | ||
|text=Bottom-facing landing sensors | |text=Bottom-facing landing sensors | ||
|icon=Sensor | |icon=[[File:Sensor.png]] | ||
}} | }} | ||
{{ | {{Infobox_Component | ||
|component=[[Receiver]] | |component=[[Receiver]] | ||
|count=4x | |count=4x | ||
|text=Location processing | |text=Location processing | ||
|icon=Sensor | |icon=[[File:Sensor.png]] | ||
}} | }} | ||
|yolol={{ | |yolol={{Infobox_Component | ||
|component=ISAN Processor | |component=ISAN Processor | ||
|count=1x | |count=1x | ||
|text=Location processing | |text=Location processing | ||
|icon=Yolol | |icon=[[File:Yolol.png]] | ||
}} | }} | ||
|power={{ | |power={{Infobox_Component | ||
|component=[[Generator]] | |component=[[Generator]] | ||
|count=14x | |count=14x | ||
|text=No enhancers | |text=No enhancers | ||
|icon=Power | |icon=[[File:Power.png]] | ||
}} | }} | ||
{{ | {{Infobox_Component | ||
|component=[[Fuel Rod Chamber]] | |component=[[Fuel Rod Chamber]] | ||
|count=2 | |count=2 | ||
|text=No enhancers | |text=No enhancers | ||
|icon=Power | |icon=[[File:Power.png]] | ||
}} | }} | ||
{{ | {{Infobox_Component | ||
|component=[[Fuel Rod Chamber]] | |component=[[Fuel Rod Chamber]] | ||
|count=2x | |count=2x | ||
|text=[[Tier 3 Enhancers]] | |text=[[Tier 3 Enhancers]] | ||
|icon=Power | |icon=[[File:Power.png]] | ||
}} | }} | ||
{{ | {{Infobox_Component | ||
|component=[[Propellant Tank|Propellant Tank (med.)]] | |component=[[Propellant Tank|Propellant Tank (med.)]] | ||
|count=6x | |count=6x | ||
|text=30,000,000 [[propellant]] units | |text=30,000,000 [[propellant]] units | ||
|icon=Fuel | |icon=[[File:Fuel.png]] | ||
}} | }} | ||
{{ | {{Infobox_Component | ||
|component=[[Propellant Tank|Propellant Tank (sm.)]] | |component=[[Propellant Tank|Propellant Tank (sm.)]] | ||
|count=2x | |count=2x | ||
|text=3,000,000 [[propellant]] units | |text=3,000,000 [[propellant]] units | ||
|icon=Fuel | |icon=[[File:Fuel.png]] | ||
}} | }} | ||
|thrusters={{ | |thrusters={{Infobox_Component | ||
|component=[[Triangle Thruster]] | |component=[[Triangle Thruster]] | ||
|count=31x | |count=31x | ||
|text=Main thrust | |text=Main thrust | ||
|icon=Thruster | |icon=[[File:Thruster.png]] | ||
}} | }} | ||
{{ | {{Infobox_Component | ||
|component=[[Maneuver Thruster]] | |component=[[Maneuver Thruster]] | ||
|count=16x | |count=16x | ||
|text=Roll, pitch, yaw placements | |text=Roll, pitch, yaw placements | ||
|icon=Thruster | |icon=[[File:Thruster.png]] | ||
}} | }} | ||
|devices={{ | |devices={{Infobox_Component | ||
|component=[[Lamp]] | |component=[[Lamp]] | ||
|count=28x | |count=28x | ||
|text=Interior lighting | |text=Interior lighting | ||
|icon=Light | |icon=[[File:Light.png]] | ||
}} | }} | ||
{{ | {{Infobox_Component | ||
|component=[[Main Flight Computer|M.F.C]] | |component=[[Main Flight Computer|M.F.C]] | ||
|count=1x | |count=1x | ||
|text=Forward orientation | |text=Forward orientation | ||
|icon=Device | |icon=[[File:Device.png]] | ||
}} | }} | ||
|armaments={{ | |armaments={{Infobox_Component | ||
|component=[[Mining Laser]] | |component=[[Mining Laser]] | ||
|count=2x | |count=2x | ||
|text=Lateral placement | |text=Lateral placement | ||
|icon=Weapon | |icon=[[File:Weapon.png]] | ||
}} | }} | ||
}} | }} | ||
Line 226: | Line 228: | ||
<includeonly> | <includeonly> | ||
<div class="divInfobox"> | <div class="divInfobox"> | ||
<div class="infoboxPicture">{{#if:{{{image|}}}|[[File:{{{image}}} | <div class="infoboxPicture">{{#if:{{{image|}}}|[[File:{{{image}}}]]|No image submitted.}}</div> | ||
<div class="infoboxTitle">{{#if:{{{model|}}}|{{{model}}}|Name not submitted.}}</div> | <div class="infoboxTitle">{{#if:{{{model|}}}|{{{model}}}|Name not submitted.}}</div> | ||
<div class="shipTemplateDesignWrapper"> | <div class="shipTemplateDesignWrapper"> | ||
Line 243: | Line 245: | ||
<div class="shipTemplateDesignContent"> | <div class="shipTemplateDesignContent"> | ||
<div class="shipTemplateDesign-overview shipTemplateContent"> | <div class="shipTemplateDesign-overview shipTemplateContent"> | ||
<div class="shipTemplateDesign-overview-inner">{{#if:{{{manufacturer|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Manufacturer</div><div class="infoboxCellBottom">{{{manufacturer}}}</div></div>}}{{#if:{{{role|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Role</div><div class="infoboxCellBottom">{{{role}}}</div></div>}}{{#if:{{{size|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Size</div><div class="infoboxCellBottom">{{{size}}}</div></div>}}{{#if:{{{crew|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Crew</div><div class="infoboxCellBottom">{{{crew}}}</div></div>}}{{#if:{{{cargoCapacity|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Cargo Capacity</div><div class="infoboxCellBottom">{{{cargoCapacity}}}</div></div>}}{{#if:{{{productionState|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Production State</div><div class="infoboxCellBottom">{{{productionState}}}</div></div>}}{{#if:{{{generalExtras|}}}|{{{generalExtras}}}}}{{#if:{{{initialPrice|}}}{{{runningCost|}}}{{{marketingExtras|}}}|<div class="infoboxHeader">Market</div>}}{{#if:{{{unitCost|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Unit price</div><div class="infoboxCellBottom">{{{unitCost}}}</div></div>}}{{#if:{{{runningCost|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Cost of running</div><div class="infoboxCellBottom">{{{runningCost}}}</div></div>}}{{#if:{{{marketingExtras|}}}|{{{marketingExtras}}}}}{{#if:{{{length|}}}{{{beam|}}}{{{height|}}}{{{voxelVolume|}}}{{{maxSpeed|}}}|<div class="infoboxHeader">Specifications</div>}}{{#if:{{{length|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Length</div><div class="infoboxCellBottom">{{{length}}}</div></div>}}{{#if:{{{beam|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Beam</div><div class="infoboxCellBottom">{{{beam}}}</div></div>}}{{#if:{{{height|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Height</div><div class="infoboxCellBottom">{{{height}}}</div></div>}}{{#if:{{{voxelVolume|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Voxel volume</div><div class="infoboxCellBottom">{{{voxelVolume}}}</div></div>}}{{#if:{{{maxSpeed|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Max speed</div><div class="infoboxCellBottom">{{{maxSpeed}}}</div></div>}}{{#if:{{{specificationsExtra|}}}|{{{specificationsExtra|}}}}}{{#if:{{{overviewTabExtra|}}}|{{{overviewTabExtra}}}}}<div class="shipTemplate-hiddenWarning">No data found..</div> | <div class="shipTemplateDesign-overview-inner">{{#if:{{{manufacturer|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Manufacturer</div><div class="infoboxCellBottom">{{{manufacturer}}}</div></div>}}{{#if:{{{role|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Role</div><div class="infoboxCellBottom">{{{role}}}</div></div>}}{{#if:{{{size|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Size</div><div class="infoboxCellBottom">{{{size}}}</div></div>}}{{#if:{{{crew|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Crew</div><div class="infoboxCellBottom">{{{crew}}}</div></div>}}{{#if:{{{cargoCapacity|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Cargo Capacity</div><div class="infoboxCellBottom">{{{cargoCapacity}}}</div></div>}}{{#if:{{{productionState|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Production State</div><div class="infoboxCellBottom">{{{productionState}}}</div></div>}}{{#if:{{{generalExtras|}}}|{{{generalExtras}}}}}{{#if:{{{initialPrice|}}}{{{runningCost|}}}{{{marketingExtras|}}}|<div class="infoboxHeader">Market</div>}}{{#if:{{{unitCost|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Unit price</div><div class="infoboxCellBottom">{{{unitCost}}}</div></div>}}{{#if:{{{runningCost|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Cost of running</div><div class="infoboxCellBottom">{{{runningCost}}}</div></div>}}{{#if:{{{marketingExtras|}}}|{{{marketingExtras}}}}}{{#if:{{{length|}}}{{{beam|}}}{{{height|}}}{{{voxelVolume|}}}{{{maxSpeed|}}}{{{range|}}}|<div class="infoboxHeader">Specifications</div>}}{{#if:{{{length|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Length</div><div class="infoboxCellBottom">{{{length}}}</div></div>}}{{#if:{{{beam|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Beam</div><div class="infoboxCellBottom">{{{beam}}}</div></div>}}{{#if:{{{height|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Height</div><div class="infoboxCellBottom">{{{height}}}</div></div>}}{{#if:{{{voxelVolume|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Voxel volume</div><div class="infoboxCellBottom">{{{voxelVolume}}}</div></div>}}{{#if:{{{maxSpeed|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Max speed</div><div class="infoboxCellBottom">{{{maxSpeed}}}</div></div>}}{{#if:{{{range|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Range</div><div class="infoboxCellBottom">{{{range}}}</div></div>}}{{#if:{{{specificationsExtra|}}}|{{{specificationsExtra|}}}}}{{#if:{{{overviewTabExtra|}}}|{{{overviewTabExtra}}}}}<div class="shipTemplate-hiddenWarning">No data found..</div> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 292: | Line 294: | ||
display: flex; | display: flex; | ||
flex-grow: 1; | flex-grow: 1; | ||
padding: .25em 1em; | |||
} | } | ||
.shipTemplateTab a { | .shipTemplateTab a { | ||
Line 299: | Line 302: | ||
align-items: center; | align-items: center; | ||
font-size: 1.3em; | font-size: 1.3em; | ||
flex-grow: 1; | flex-grow: 1; | ||
text-decoration: none; | text-decoration: none; | ||
Line 344: | Line 346: | ||
} | } | ||
.infoboxPicture { | .infoboxPicture { | ||
text-align: center; | |||
padding: 20px 0; | padding: 20px 0; | ||
} | |||
.infoboxPicture img { | |||
width:90%; | |||
height:90%; | |||
} | } | ||
.shipTemplateDesignCategories { | .shipTemplateDesignCategories { | ||
Line 359: | Line 363: | ||
border: 1px solid #4b4b4b; | border: 1px solid #4b4b4b; | ||
padding: 10px; | padding: 10px; | ||
} | } | ||
.shipTemplateDesignHeader, .infoboxHeader { | .shipTemplateDesignHeader, .infoboxHeader { | ||
font-size:1. | font-size:1.4em; | ||
height: | height:20px; | ||
background:linear-gradient(#1f3e40, #2c585b); | background:linear-gradient(#1f3e40, #2c585b); | ||
display: flex; | display: flex; | ||
Line 376: | Line 372: | ||
align-items: center; | align-items: center; | ||
width: 100%; | width: 100%; | ||
padding: 2px 0; | |||
} | } | ||
. | |||
width: | |||
/* Row CSS */ | |||
.shipTemplateDesignRow { | |||
display: flex; | |||
box-sizing: border-box; | |||
width: 100%; | |||
text-align: center; | |||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
white-space: pre-wrap; | |||
height: 60px; | |||
} | |||
.shipTemplateDesignComponentLeft, .shipTemplateDesignComponentRight { | |||
width: 48%; | |||
height: 75%; | |||
display: flex; | display: flex; | ||
justify-content: center; | |||
align-items: center; | |||
} | |||
.shipTemplateDesignComponentLeft { | |||
border-right: 1px solid #4b4b4b; | |||
} | } | ||
.shipTemplateDesignComponentRight { | .shipTemplateDesignComponentRight { | ||
word-break: break-all; | |||
} | } | ||
. | .shipTemplateComponentName { | ||
flex-basis: 55%; | |||
margin-right: .25em; | |||
. | |||
} | } | ||
.shipTemplateComponentIcon { | .shipTemplateComponentIcon { | ||
width:40px; | max-width: 40px; | ||
height:40px | max-height: 40px; | ||
display: flex; | display: flex; | ||
justify-content: center; | justify-content: center; | ||
flex-basis: 27.5%; | |||
flex-shrink:2; | |||
} | |||
.shipTemplateComponentCount { | |||
flex-basis: 7.5%; | |||
} | } | ||
.shipTemplateComponentIcon img { | |||
width: 100%; | |||
height: 100%; | |||
} | } | ||
.shipTemplateDesign-overview-inner { | .shipTemplateDesign-overview-inner { | ||
Line 425: | Line 432: | ||
} | } | ||
.infoboxCell { | .infoboxCell { | ||
width: 45%; | width: calc(45% - 10px); | ||
padding:10px; | padding:10px; | ||
} | } | ||
.infoboxCellTop { | .infoboxCellTop { | ||
font-weight: bold; | font-weight: bold; | ||
} | |||
/* Media Queries */ | |||
@media only screen | |||
and (width < 900px) | |||
and (orientation: landscape) { | |||
.shipTemplateComponentIcon { | |||
display:none; | |||
} | |||
} | |||
@media only screen | |||
and (pointer:coarse) , | |||
only screen | |||
and (width < 800px) | |||
and (orientation: portrait) { | |||
.divInfobox { | |||
float: none; | |||
width:100%; | |||
font-size: 1.35em; | |||
} | |||
.infoboxPicture { | |||
padding: 0; | |||
} | |||
.infoboxTitle { | |||
font-size: 1.5em; | |||
} | |||
.shipTemplateDesignWrapper { | |||
} | |||
.shipTemplateDesignRow { | |||
height: auto; | |||
} | |||
} | } | ||
}} | }} | ||
</includeonly> | </includeonly> |
Latest revision as of 00:43, 26 July 2020
This is the documentation for the infobox template as designed by meeeee
Loading Template
Usage
Copy and paste the source below into the document being edited to load the infobox template. The template is set to float on the right side of the page, and should be hoisted above body content.
Source
{{User:Dusty/Sandbox/Templates/Template:dsInfobox |image= |model= <!-- Overview tab --> |manufacturer= |role= |size= |crew= |cargoCapacity= |productionState= |generalExtras= <!-- Marketing section --> |unitCost= |runningCost= |marketingExtras= <!-- Specifications section --> |length= |beam= |height= |voxelVolume= |maxSpeed= |range= |specificationsExtra= <!-- Custom overview header and field section --> |overviewTabExtra= <!-- Hull & Frame tab --> |hull= |frame= <!-- Sensors & YOLOL tab --> |sensors= |yolol= <!-- Power & Thrusters tab --> |power= |thrusters= <!-- Devices & Armaments tab --> |devices= |armaments= }}
Configuring Template
All fields are optional, and can accept strings or HTML. Though the Hull & Frame, Sensors & YOLOL, Power & Thrusters, and Devices & Armaments tabs can be supplied with unformatted body text, they should instead be supplied with the component row template on a per-component basis, with each use of the template separated by a line-break.
Current Icons List
Beam Device Fuel Light Plate Power Sensor Thruster Weapon Yolol
Additional icons can be uploaded and attached with the |icon= parameter
Appending Extra Content
Appending non-standard content to the overview tab can be achieved by adding the header template and/or row template as arguments in the generalExtras, marketingExtras, specificationsExtras, and/or overviewTabExtra parameters. The header template will create a new header which is used to divide each of the sections, eg: general, marketing, and specifications areas. The row template will create a single new cell in its place.
Example Usage
An example page with this template can be found here.
{{User:Dusty/Sandbox/Templates/Template:dsInfobox |image=Ithaca_IV_Cover.png |model=Ithaca IV |manufacturer=Eos Shipyards |role=Civilian Transport |size=Medium |crew=1 Pilot + 1 Co-pilot |cargoCapacity=0 |productionState=In production |generalExtras={{Infobox_Infocell |cellHeader=Passenger Capacity |cellBody=12 }} |unitCost=11.2 million credits (approx.) |runningCost=4,000 credits/hour |marketingExtras={{Infobox_Infocell |cellHeader=Rental cost |cellBody=60,000 credits/hour }} |length=36.36 meters |beam=22.08 meters |height=10.16 meters |voxelVolume=789,312,045 |maxSpeed=To be determined |range=12 hours (est.) |specificationsExtra={{Infobox_Infocell |cellHeader=Max Acceleration |cellBody=Unknown }} |overviewTabExtra= |hull={{Infobox_Component |component=Plating |count=60% |text=[[Bastium]] |icon=[[File:Plate.png]] }} {{Infobox_Component |component=Plating |count=30% |text=[[Bastonium]] |icon=[[File:Plate.png]] }} {{Infobox_Component |component=Plating |count=10% |text=[[Charodium]] |icon=[[File:Plate.png]] }} |frame={{Infobox_Component |component=Frame |count=100% |text=[[Bastium]] |icon=[[File:Beam.png]] }} |sensors={{Infobox_Component |component=[[Rangefinder]] |count=2x |text=Bottom-facing landing sensors |icon=[[File:Sensor.png]] }} {{Infobox_Component |component=[[Receiver]] |count=4x |text=Location processing |icon=[[File:Sensor.png]] }} |yolol={{Infobox_Component |component=ISAN Processor |count=1x |text=Location processing |icon=[[File:Yolol.png]] }} |power={{Infobox_Component |component=[[Generator]] |count=14x |text=No enhancers |icon=[[File:Power.png]] }} {{Infobox_Component |component=[[Fuel Rod Chamber]] |count=2 |text=No enhancers |icon=[[File:Power.png]] }} {{Infobox_Component |component=[[Fuel Rod Chamber]] |count=2x |text=[[Tier 3 Enhancers]] |icon=[[File:Power.png]] }} {{Infobox_Component |component=[[Propellant Tank|Propellant Tank (med.)]] |count=6x |text=30,000,000 [[propellant]] units |icon=[[File:Fuel.png]] }} {{Infobox_Component |component=[[Propellant Tank|Propellant Tank (sm.)]] |count=2x |text=3,000,000 [[propellant]] units |icon=[[File:Fuel.png]] }} |thrusters={{Infobox_Component |component=[[Triangle Thruster]] |count=31x |text=Main thrust |icon=[[File:Thruster.png]] }} {{Infobox_Component |component=[[Maneuver Thruster]] |count=16x |text=Roll, pitch, yaw placements |icon=[[File:Thruster.png]] }} |devices={{Infobox_Component |component=[[Lamp]] |count=28x |text=Interior lighting |icon=[[File:Light.png]] }} {{Infobox_Component |component=[[Main Flight Computer|M.F.C]] |count=1x |text=Forward orientation |icon=[[File:Device.png]] }} |armaments={{Infobox_Component |component=[[Mining Laser]] |count=2x |text=Lateral placement |icon=[[File:Weapon.png]] }} }}