Sb forum speech.png DiscordLink.png FacebookLink.png RedditLink.png SteamLink.png TwitterLink.png YoutubeLink.png

Difference between revisions of "User:Dusty/Sandbox/Templates/Template:dsInfobox"

From Starbase wiki
Jump to navigation Jump to search
 
(84 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div class="divInfobox">
<noinclude>
  <div class="infoboxPicture">{{#if:{{{image|}}}|[[File:{{{image}}}|frameless|center]]|No image submitted.}}</div>
__FORCETOC__
  <div class="infoboxTitle">{{#if:{{{model|}}}|{{{model}}}|Name not submitted.}}</div>
This is the documentation for the infobox template as designed by meeeee
  <div class="shipTemplateDesignWrapper">
 
<div id="shipTemplate-HF" class="shipTemplateAnchor"></div>
=Loading Template=
<div id="shipTemplate-SY" class="shipTemplateAnchor"></div>
==Usage==
<div id="shipTemplate-PT" class="shipTemplateAnchor"></div>
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.
<div id="shipTemplate-DA" class="shipTemplateAnchor"></div>
==Source==
<div id="shipTemplate-OV" class="shipTemplateAnchor"></div>
<pre>{{User:Dusty/Sandbox/Templates/Template:dsInfobox
      <div class="shipTemplateDesignCategories">
|image=
    {{#if:{{{includeOverview|}}}|<div class="shipTemplateTab templateTab-OV">[[#shipTemplate-OV|Overview]]</div>}}
|model=
        {{#if:{{{includeHullFrame|}}}|<div class="shipTemplateTab templateTab-HF">[[#shipTemplate-HF|Hull & Frame]]</div>}}
 
{{#if:{{{includeSensorsYOLOL|}}}|<div class="shipTemplateTab templateTab-SY">[[#shipTemplate-SY|Sensors & YOLOL]]</div>}}
<!-- Overview tab -->
{{#if:{{{includePowerThrusters|}}}|<div class="shipTemplateTab templateTab-PT">[[#shipTemplate-PT|Power & Thrusters]]</div>}}
|manufacturer=
{{#if:{{{includeDevicesArmaments|}}}|<div class="shipTemplateTab templateTab-DA">[[#shipTemplate-DA|Devices & Armaments]]</div>}}
|role=
      </div>
|size=
      <div class="shipTemplateDesignContent">
|crew=
        <div class="shipTemplateDesign-overview shipTemplateContent">
|cargoCapacity=
            <div class="shipTemplateDesign-overview-inner">
|productionState=
              {{#if:{{{manufacturer|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Manufacturer</div><div class="infoboxCellBottom">{{{manufacturer}}}</div></div>}}
|generalExtras=
              {{#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>}}
<!-- Marketing section -->
              {{#if:{{{crew|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Crew</div><div class="infoboxCellBottom">{{{crew}}}</div></div>}}
|unitCost=
              {{#if:{{{cargoCapacity|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Cargo Capacity</div><div class="infoboxCellBottom">{{{cargoCapacity}}}</div></div>}}
|runningCost=
              {{#if:{{{productionState|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Production State</div><div class="infoboxCellBottom">{{{productionState}}}</div></div>}}
|marketingExtras=
 
 
{{#if:{{{initialPrice|}}}{{{runningCost|}}}|<div class="infoboxHeader">Market</div>}}
<!-- Specifications section -->
              {{#if:{{{unitCost|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Unit price</div><div class="infoboxCellBottom">{{{unitCost}}}</div></div>}}
|length=
              {{#if:{{{runningCost|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Cost of running</div><div class="infoboxCellBottom">{{{runningCost}}}</div></div>}}
|beam=
             
|height=
{{#if:{{{length|}}}{{{beam|}}}{{{height|}}}{{{voxelVolume|}}}{{{maxSpeed|}}}|<div class="infoboxHeader">Specifications</div>}}
|voxelVolume=
              {{#if:{{{length|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Length</div><div class="infoboxCellBottom">{{{length}}}</div></div>}}
|maxSpeed=
              {{#if:{{{beam|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Beam</div><div class="infoboxCellBottom">{{{beam}}}</div></div>}}
|range=
              {{#if:{{{height|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Height</div><div class="infoboxCellBottom">{{{height}}}</div></div>}}
|specificationsExtra=
              {{#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>}}
<!-- 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=
}}
</pre>
=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 [[User:Dusty/Sandbox/Templates/Template:dsComponentRow|component row]] template on a per-component basis, with each use of the template separated by a line-break.
 
==Current Icons List==
<pre>
Beam
Device
Fuel
Light
Plate
Power
Sensor
Thruster
Weapon
Yolol
</pre>
Additional icons can be uploaded and attached with the '''|icon=''' parameter
<gallery>
[[File:Beam.png|thumb]]
[[File:Device.png|thumb]]
[[File:Fuel.png|thumb]]
[[File:Light.png|thumb]]
[[File:Plate.png|thumb]]
[[File:Power.png|thumb]]
[[File:Sensor.png|thumb]]
[[File:Thruster.png|thumb]]
[[File:Weapon.png|thumb]]
[[File:Yolol.png|thumb]]
</gallery>


            </div>
        </div>
        <div class="shipTemplateDesign-hullFrame shipTemplateContent">
            <div class="shipTemplateDesignHeader">Hull</div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Plating</div>
                  <div class="shipTemplateComponentCount">60%</div>
              </div>
              <div class="shipTemplateDesignComponentRight">Bastium</div>
            </div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Plating</div>
                  <div class="shipTemplateComponentCount">30%</div>
              </div>
              <div class="shipTemplateDesignComponentRight">Bastonium</div>
            </div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Plating</div>
                  <div class="shipTemplateComponentCount">10%</div>
              </div>
              <div class="shipTemplateDesignComponentRight">Charodium</div>
            </div>
            <div class="shipTemplateDesignHeader">Frame</div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Frame Beams</div>
                  <div class="shipTemplateComponentCount">100%</div>
              </div>
              <div class="shipTemplateDesignComponentRight">Bastium</div>
            </div>
        </div>
        <div class="shipTemplateDesign-sensorsYOLOL shipTemplateContent">
            <div class="shipTemplateDesignHeader">Sensors</div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Rangefinder</div>
                  <div class="shipTemplateComponentCount">2x</div>
              </div>
              <div class="shipTemplateDesignComponentRight">Bottom-facing for landing</div>
            </div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Receiver</div>
                  <div class="shipTemplateComponentCount">4x</div>
              </div>
              <div class="shipTemplateDesignComponentRight">Location Processing</div>
            </div>
            <div class="shipTemplateDesignHeader">YOLOL</div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>ISAN Computer</div>
                  <div class="shipTemplateComponentCount">1x</div>
              </div>
              <div class="shipTemplateDesignComponentRight">Location Processing</div>
            </div>
        </div>
        <div class="shipTemplateDesign-powerThrusters shipTemplateContent">
            <div class="shipTemplateDesignHeader">Power</div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Generator</div>
                  <div class="shipTemplateComponentCount">14x</div>
              </div>
              <div class="shipTemplateDesignComponentRight">No enhancers</div>
            </div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Fuel Rod Chamber</div>
                  <div class="shipTemplateComponentCount">2x</div>
              </div>
              <div class="shipTemplateDesignComponentRight">No enhancers</div>
            </div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Fuel Rod Chamber</div>
                  <div class="shipTemplateComponentCount">2x</div>
              </div>
              <div class="shipTemplateDesignComponentRight">Tier 3 Enhancers</div>
            </div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Medium Propellant Tank</div>
                  <div class="shipTemplateComponentCount">6x</div>
              </div>
              <div class="shipTemplateDesignComponentRight">30,000,000 propellant units</div>
            </div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Small Propellant Tank</div>
                  <div class="shipTemplateComponentCount">2x</div>
              </div>
              <div class="shipTemplateDesignComponentRight">3,000,000 propellant units</div>
            </div>
            <div class="shipTemplateDesignHeader">Thrusters</div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Triangle Thruster</div>
                  <div class="shipTemplateComponentCount">31x</div>
              </div>
              <div class="shipTemplateDesignComponentRight">9,300,000 thrust unit</div>
            </div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Maneuver Thruster</div>
                  <div class="shipTemplateComponentCount">16x</div>
              </div>
              <div class="shipTemplateDesignComponentRight">Roll, pitch, yaw placement</div>
            </div>
        </div>
        <div class="shipTemplateDesign-devicesArmaments shipTemplateContent">
            <div class="shipTemplateDesignHeader">Devices</div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Lamp</div>
                  <div class="shipTemplateComponentCount">28x</div>
              </div>
              <div class="shipTemplateDesignComponentRight">Interior Lighting</div>
            </div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Main Flight Computer</div>
                  <div class="shipTemplateComponentCount">1x</div>
              </div>
              <div class="shipTemplateDesignComponentRight">Forward orientation</div>
            </div>
            <div class="shipTemplateDesignHeader">Armaments</div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Mining Laser</div>
                  <div class="shipTemplateComponentCount">2x</div>
              </div>
              <div class="shipTemplateDesignComponentRight">Lateral Placement</div>
            </div>
        </div>
      </div>
  </div>
</div>


==Appending Extra Content==
Appending non-standard content to the overview tab can be achieved by adding the [[User:Dusty/Sandbox/Templates/Template:dsHeaderRow|header template]] and/or [[User:Dusty/Sandbox/Templates/Template:dsInfoRow|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 [[User:Dusty/Sandbox/TemplateConversion|here]].
<pre>{{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]]
}}
}}
</pre>
</noinclude>


<noinclude>
<includeonly>
<div class="divInfobox">
<div class="divInfobox">
   <div class="infoboxPicture">[[File:Ithaca_IV_Cover.png|frameless|center]]</div>
   <div class="infoboxPicture">{{#if:{{{image|}}}|[[File:{{{image}}}]]|No image submitted.}}</div>
   <div class="infoboxTitle">Ithaca IV</div>
   <div class="infoboxTitle">{{#if:{{{model|}}}|{{{model}}}|Name not submitted.}}</div>
   <div class="shipTemplateDesignWrapper">
   <div class="shipTemplateDesignWrapper">
<div id="shipTemplate-HF" class="shipTemplateAnchor"></div>
<div id="shipTemplate-HF" class="shipTemplateAnchor"></div>
Line 190: Line 237:
<div id="shipTemplate-OV" class="shipTemplateAnchor"></div>
<div id="shipTemplate-OV" class="shipTemplateAnchor"></div>
       <div class="shipTemplateDesignCategories">
       <div class="shipTemplateDesignCategories">
        <div class="shipTemplateTab templateTab-OV">[[#shipTemplate-OV|Overview]]</div>
    <div class="shipTemplateTab templateTab-OV">[[#shipTemplate-OV|Overview]]</div>
        <div class="shipTemplateTab templateTab-HF">[[#shipTemplate-HF|Hull &amp; Frame]]</div>
        {{#if:{{{hull|}}}{{{frame|}}}|<div class="shipTemplateTab templateTab-HF">[[#shipTemplate-HF|Hull & Frame]]</div>}}
        <div class="shipTemplateTab templateTab-SY">[[#shipTemplate-SY|Sensors &amp; YOLOL]]</div>
        {{#if:{{{sensors|}}}{{{yolol|}}}|<div class="shipTemplateTab templateTab-SY">[[#shipTemplate-SY|Sensors & YOLOL]]</div>}}
        <div class="shipTemplateTab templateTab-PT">[[#shipTemplate-PT|Power &amp; Thrusters]]</div>
        {{#if:{{{power|}}}{{{thrusters|}}}|<div class="shipTemplateTab templateTab-PT">[[#shipTemplate-PT|Power & Thrusters]]</div>}}
        <div class="shipTemplateTab templateTab-DA">[[#shipTemplate-DA|Devices &amp; Armaments]]</div>
        {{#if:{{{devices|}}}{{{armaments|}}}|<div class="shipTemplateTab templateTab-DA">[[#shipTemplate-DA|Devices & Armaments]]</div>}}
       </div>
       </div>
       <div class="shipTemplateDesignContent">
       <div class="shipTemplateDesignContent">
         <div class="shipTemplateDesign-overview shipTemplateContent">
         <div class="shipTemplateDesign-overview shipTemplateContent">
             <div class="shipTemplateDesign-overview-inner">
             <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 class="infoboxCell">
                  <div class="infoboxCellTop">Manufacturer</div>
                  <div class="infoboxCellBottom">Eos Shipyards</div>
              </div>
              <div class="infoboxCell">
                  <div class="infoboxCellTop">Role</div>
                  <div class="infoboxCellBottom">Civilian Transport</div>
              </div>
              <div class="infoboxCell">
                  <div class="infoboxCellTop">Size</div>
                  <div class="infoboxCellBottom">Medium</div>
              </div>
              <div class="infoboxCell">
                  <div class="infoboxCellTop">Crew</div>
                  <div class="infoboxCellBottom">1 Pilot + 1 Co-pilot</div>
              </div>
              <div class="infoboxCell">
                  <div class="infoboxCellTop">Cargo Capacity</div>
                  <div class="infoboxCellBottom">0</div>
              </div>
              <div class="infoboxCell">
                  <div class="infoboxCellTop">Production state</div>
                  <div class="infoboxCellBottom">In production</div>
              </div>
              <div class="infoboxHeader">Market</div>
              <div class="infoboxCell">
                  <div class="infoboxCellTop">Upfront Price</div>
                  <div class="infoboxCellBottom">11.2 million credits (approx.)</div>
              </div>
              <div class="infoboxCell">
                  <div class="infoboxCellTop">Cost of running</div>
                  <div class="infoboxCellBottom">X credits/hour</div>
              </div>
              <div class="infoboxHeader">Specifications</div>
              <div class="infoboxCell">
                  <div class="infoboxCellTop">Length</div>
                  <div class="infoboxCellBottom">36.36 meters</div>
              </div>
              <div class="infoboxCell">
                  <div class="infoboxCellTop">Beam</div>
                  <div class="infoboxCellBottom">22.08 meters</div>
              </div>
              <div class="infoboxCell">
                  <div class="infoboxCellTop">Height</div>
                  <div class="infoboxCellBottom">10.16 meters</div>
              </div>
              <div class="infoboxCell">
                  <div class="infoboxCellTop">Voxel volume</div>
                  <div class="infoboxCellBottom">789,312,045</div>
              </div>
              <div class="infoboxCell">
                  <div class="infoboxCellTop">Max speed</div>
                  <div class="infoboxCellBottom">To be determined</div>
              </div>
             </div>
             </div>
         </div>
         </div>
        {{#if:{{{hull|}}}{{{frame|}}}|
         <div class="shipTemplateDesign-hullFrame shipTemplateContent">
         <div class="shipTemplateDesign-hullFrame shipTemplateContent">
             <div class="shipTemplateDesignHeader">Hull</div>
             {{#if:{{{hull|}}}|<div class="shipTemplateDesignHeader">Hull</div>{{{hull}}}}}
             <div class="shipTemplateDesignRow">
             {{#if:{{{frame|}}}|<div class="shipTemplateDesignHeader">Frame</div>{{{frame}}}}}
              <div class="shipTemplateDesignComponentLeft" style="">
        </div>}}
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Plating</div>
 
                  {|
         {{#if:{{{sensors|}}}{{{yolol|}}}|
|Plating||60%||Bastium
|-
|Plating||30%||Bastonium
|-
|Plating||10%||Charodium
|}
            <div class="shipTemplateDesignHeader">Frame</div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Frame Beams</div>
                  <div class="shipTemplateComponentCount">100%</div>
              </div>
              <div class="shipTemplateDesignComponentRight">Bastium</div>
            </div>
         </div>
         <div class="shipTemplateDesign-sensorsYOLOL shipTemplateContent">
         <div class="shipTemplateDesign-sensorsYOLOL shipTemplateContent">
             <div class="shipTemplateDesignHeader">Sensors</div>
             {{#if:{{{sensors|}}}|<div class="shipTemplateDesignHeader">Sensors</div>{{{sensors}}}}}
             <div class="shipTemplateDesignRow">
             {{#if:{{{yolol|}}}|<div class="shipTemplateDesignHeader">YOLOL</div>{{{yolol}}}}}
              <div class="shipTemplateDesignComponentLeft" style="">
        </div>}}
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Rangefinder</div>
 
                  <div class="shipTemplateComponentCount">2x</div>
         {{#if:{{{power|}}}{{{thrusters|}}}|
              </div>
              <div class="shipTemplateDesignComponentRight">Bottom-facing for landing</div>
            </div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Receiver</div>
                  <div class="shipTemplateComponentCount">4x</div>
              </div>
              <div class="shipTemplateDesignComponentRight">Location Processing</div>
            </div>
            <div class="shipTemplateDesignHeader">YOLOL</div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>ISAN Computer</div>
                  <div class="shipTemplateComponentCount">1x</div>
              </div>
              <div class="shipTemplateDesignComponentRight">Location Processing</div>
            </div>
         </div>
         <div class="shipTemplateDesign-powerThrusters shipTemplateContent">
         <div class="shipTemplateDesign-powerThrusters shipTemplateContent">
             <div class="shipTemplateDesignHeader">Power</div>
             {{#if:{{{power|}}}|<div class="shipTemplateDesignHeader">Power</div>{{{power}}}}}
             <div class="shipTemplateDesignRow">
             {{#if:{{{thrusters|}}}|<div class="shipTemplateDesignHeader">Thrusters</div>{{{thrusters}}}}}
              <div class="shipTemplateDesignComponentLeft" style="">
        </div>}}
  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Generator</div>
 
                  <div class="shipTemplateComponentCount">14x</div>
         {{#if:{{{devices|}}}{{{armaments|}}}|
              </div>
              <div class="shipTemplateDesignComponentRight">No enhancers</div>
            </div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Fuel Rod Chamber</div>
                  <div class="shipTemplateComponentCount">2x</div>
              </div>
              <div class="shipTemplateDesignComponentRight">No enhancers</div>
            </div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Fuel Rod Chamber</div>
                  <div class="shipTemplateComponentCount">2x</div>
              </div>
              <div class="shipTemplateDesignComponentRight">Tier 3 Enhancers</div>
            </div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Medium Propellant Tank</div>
                  <div class="shipTemplateComponentCount">6x</div>
              </div>
              <div class="shipTemplateDesignComponentRight">30,000,000 propellant units</div>
            </div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Small Propellant Tank</div>
                  <div class="shipTemplateComponentCount">2x</div>
              </div>
              <div class="shipTemplateDesignComponentRight">3,000,000 propellant units</div>
            </div>
            <div class="shipTemplateDesignHeader">Thrusters</div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Triangle Thruster</div>
                  <div class="shipTemplateComponentCount">31x</div>
              </div>
              <div class="shipTemplateDesignComponentRight">9,300,000 thrust unit</div>
            </div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Maneuver Thruster</div>
                  <div class="shipTemplateComponentCount">16x</div>
              </div>
              <div class="shipTemplateDesignComponentRight">Roll, pitch, yaw placement</div>
            </div>
         </div>
         <div class="shipTemplateDesign-devicesArmaments shipTemplateContent">
         <div class="shipTemplateDesign-devicesArmaments shipTemplateContent">
             <div class="shipTemplateDesignHeader">Devices</div>
             {{#if:{{{devices|}}}|<div class="shipTemplateDesignHeader">Devices</div>{{{devices}}}}}
             <div class="shipTemplateDesignRow">
             {{#if:{{{armaments|}}}|<div class="shipTemplateDesignHeader">Armaments</div>{{{armaments}}}}}
              <div class="shipTemplateDesignComponentLeft" style="">
         </div>}}
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Lamp</div>
                  <div class="shipTemplateComponentCount">28x</div>
              </div>
              <div class="shipTemplateDesignComponentRight">Interior Lighting</div>
            </div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Main Flight Computer</div>
                  <div class="shipTemplateComponentCount">1x</div>
              </div>
              <div class="shipTemplateDesignComponentRight">Forward orientation</div>
            </div>
            <div class="shipTemplateDesignHeader">Armaments</div>
            <div class="shipTemplateDesignRow">
              <div class="shipTemplateDesignComponentLeft" style="">
                  <div class="shipTemplateDesignComponent-InnerLeft"><div class="shipTemplateComponentIcon"></div>Mining Laser</div>
                  <div class="shipTemplateComponentCount">2x</div>
              </div>
              <div class="shipTemplateDesignComponentRight">Lateral Placement</div>
            </div>
         </div>
       </div>
       </div>
   </div>
   </div>
</div>
</div>
</noinclude>


{{#css:
{{#css:
Line 395: Line 285:
   display:none;
   display:none;
}
}
 
.shipTemplate-hiddenWarning {
  display: none;
}
.shipTemplateDesign-overview-inner + .shipTemplate-hiddenWarning {
  display: block;
}
.shipTemplateTab {
.shipTemplateTab {
   display: flex;
   display: flex;
   flex-grow: 1;
   flex-grow: 1;
  padding: .25em 1em;
}
}
.shipTemplateTab a {
.shipTemplateTab a {
Line 406: Line 302:
   align-items: center;
   align-items: center;
   font-size: 1.3em;
   font-size: 1.3em;
  padding: 0 1.4em 0.2em 1.4em;
   flex-grow: 1;
   flex-grow: 1;
   text-decoration: none;
   text-decoration: none;
Line 451: Line 346:
}
}
.infoboxPicture {
.infoboxPicture {
   display: flex;
   text-align: center;
  justify-content: center;
  align-items: center;
   padding: 20px 0;
   padding: 20px 0;
}
.infoboxPicture img {
  width:90%;
  height:90%;
}
}
.shipTemplateDesignCategories {
.shipTemplateDesignCategories {
Line 462: Line 359:
   width: 100%;
   width: 100%;
   flex-wrap: wrap;
   flex-wrap: wrap;
}
.shipTemplateDesignCategories label {
  display:flex;
  justify-content: center;
  cursor: pointer;
  align-items: center;
  font-size: 1.3em;
  padding: 0 1.4em 0.2em 1.4em;
  flex-grow: 1;
}
}
.shipTemplateDesignContent {
.shipTemplateDesignContent {
   border: 1px solid #4b4b4b;
   border: 1px solid #4b4b4b;
   padding: 10px;
   padding: 10px;
}
.shipTemplateDesignRow {
  display:flex;
  justify-content: center;
  border-top: 1px solid #4b4b4b;
  height: 60px;
  align-items: center;
}
}
.shipTemplateDesignHeader, .infoboxHeader {
.shipTemplateDesignHeader, .infoboxHeader {
   font-size:1.6em;
   font-size:1.4em;
   height:40px;
   height:20px;
   background:linear-gradient(#1f3e40, #2c585b);
   background:linear-gradient(#1f3e40, #2c585b);
   display: flex;
   display: flex;
Line 491: Line 372:
   align-items: center;
   align-items: center;
   width: 100%;
   width: 100%;
  padding: 2px 0;
}
}
.shipTemplateDesignComponentLeft, .shipTemplateDesignComponentRight {
 
   width: 50%;
 
/* 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;
   height: 75%;
   justify-content: center;
   padding: 0 1%;
   align-items: center;
}
.shipTemplateDesignComponentLeft {
  border-right: 1px solid #4b4b4b;
}
}
.shipTemplateDesignComponentRight {
.shipTemplateDesignComponentRight {
   border-left: 1px solid #4b4b4b
   word-break: break-all;
}
}
.shipTemplateDesignComponent-InnerLeft {
.shipTemplateComponentName {
   font-weight:bold;
  flex-basis: 55%;
   width: 80%;
   margin-right: .25em;
   justify-content: left;
}
.shipTemplateComponentIcon {
   max-width: 40px;
   max-height: 40px;
   display: flex;
   display: flex;
   align-items: center;
   justify-content: center;
  flex-basis: 27.5%;
  flex-shrink:2;
}
}
.shipTemplateComponentCount {
.shipTemplateComponentCount {
   width: 20%;
   flex-basis: 7.5%;
  justify-content: center;
  display: flex;
}
}
.shipTemplateComponentIcon {
.shipTemplateComponentIcon img {
   width:40px;
   width: 100%;
   height:40px;
   height: 100%;
  border:1px solid gray;
  margin-right: 10px;
}
@media (width < 1000px) {
  .shipTemplateComponentIcon {
    display:none;
  }
}
}
.shipTemplateDesign-overview-inner {
.shipTemplateDesign-overview-inner {
Line 538: Line 432:
}
}
.infoboxCell {
.infoboxCell {
   width: 45%;
   width: calc(45% - 10px);
   padding:10px;
   padding:10px;
}
}
Line 544: Line 438:
   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>

Latest revision as of 01: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]]
}}
}}


Cookies help us deliver our services. By using our services, you agree to our use of cookies.