Template:Connection panel: Difference between revisions
From Official Barotrauma Wiki
No edit summary |
(Colored labels) |
||
Line 1: | Line 1: | ||
<includeonly>{| class=" | <includeonly>{| class="connectionpanel" style="float:{{{float|none}}};clear:{{{clear|none}}};" | ||
|- | |- | ||
! style="padding: 0 0 10px 0"|<span style="text-shadow: 1px 1px #000000;">[[Connection Panels|Connection panel]] for '''{{{panelfor|{{PAGENAME}}}}}'''</span> | ! style="padding: 0 0 10px 0"|<span style="text-shadow: 1px 1px #000000;">[[Connection Panels|Connection panel]] for '''{{{panelfor|{{PAGENAME}}}}}'''</span> | ||
|- | |- | ||
| style="position:relative;" | | | style="position:relative;" | | ||
<div style="width:370px;height: | <div style="width:370px;height:370px;position:relative;"> | ||
{|class="connectionpanel-table1" | {|class="connectionpanel-table1" | ||
|- | |- | ||
| style="width:20px;height: | | style="width:20px;height:36px;margin:0;padding:0;" | {{#if:{{{input1|}}}|[[File:Connection Port.png|36px]]|}} | ||
| style="width:5px;height: | | style="width:5px;height:36px;margin:0;padding:0;position:relative;" | | ||
| style="width:95px;height: | | style="width:95px;height:36px;margin:0;padding:0;" | <div class="connectionpanel-{{#ifeq:{{{input1color}}}|red|red|blue}}label">{{{input1|}}}</div> | ||
|- | |- | ||
| colspan="3" style="height:10px;" | | | colspan="3" style="height:10px;" | | ||
|- | |- | ||
| style="width:20px;height: | | style="width:20px;height:36px;margin:0;padding:0;" | {{#if:{{{input2|}}}|[[File:Connection Port.png|36px]]|}} | ||
| style="width:5px;height: | | style="width:5px;height:36px;margin:0;padding:0;position:relative;" | | ||
| style="width:95px;height: | | style="width:95px;height:36px;margin:0;padding:0;" | <div class="connectionpanel-{{#ifeq:{{{input2color}}}|red|red|blue}}label">{{{input2|}}}</div> | ||
|- | |- | ||
| colspan="3" style="height:10px;" | | | colspan="3" style="height:10px;" | | ||
|- | |- | ||
| style="width:20px;height: | | style="width:20px;height:36px;margin:0;padding:0;" | {{#if:{{{input3|}}}|[[File:Connection Port.png|36px]]|}} | ||
| style="width:5px;height: | | style="width:5px;height:36px;margin:0;padding:0;position:relative;" | | ||
| style="width:95px;height: | | style="width:95px;height:36px;margin:0;padding:0;" | <div class="connectionpanel-{{#ifeq:{{{input3color}}}|red|red|blue}}label">{{{input3|}}}</div> | ||
|- | |- | ||
| colspan="3" style="height:10px;" | | | colspan="3" style="height:10px;" | | ||
|- | |- | ||
| style="width:20px;height: | | style="width:20px;height:36px;margin:0;padding:0;" | {{#if:{{{input4|}}}|[[File:Connection Port.png|36px]]|}} | ||
| style="width:5px;height: | | style="width:5px;height:36px;margin:0;padding:0;position:relative;" | | ||
| style="width:95px;height: | | style="width:95px;height:36px;margin:0;padding:0;" | <div class="connectionpanel-{{#ifeq:{{{input4color}}}|red|red|blue}}label">{{{input4|}}}</div> | ||
|- | |- | ||
| colspan="3" style="height:10px;" | | | colspan="3" style="height:10px;" | | ||
|- | |- | ||
| style="width:20px;height: | | style="width:20px;height:36px;margin:0;padding:0;" | {{#if:{{{input5|}}}|[[File:Connection Port.png|36px]]|}} | ||
| style="width:5px;height: | | style="width:5px;height:36px;margin:0;padding:0;position:relative;" | | ||
| style="width:95px;height: | | style="width:95px;height:36px;margin:0;padding:0;" | <div class="connectionpanel-{{#ifeq:{{{input5color}}}|red|red|blue}}label">{{{input5|}}}</div> | ||
|- | |- | ||
| colspan="3" style="height:10px;" | | | colspan="3" style="height:10px;" | | ||
|- | |- | ||
| style="width:20px;height: | | style="width:20px;height:36px;margin:0;padding:0;" | {{#if:{{{input6|}}}|[[File:Connection Port.png|36px]]|}} | ||
| style="width:5px;height: | | style="width:5px;height:36px;margin:0;padding:0;position:relative;" | | ||
| style="width:95px;height: | | style="width:95px;height:36px;margin:0;padding:0;" | <div class="connectionpanel-{{#ifeq:{{{input6color}}}|red|red|blue}}label">{{{input6|}}}</div> | ||
|} | |} | ||
{|class="connectionpanel-table2" | {|class="connectionpanel-table2" | ||
|- | |- | ||
| style="width:100%;height: | | style="width:100%;height:36px;margin:0;padding:0;position:relative;" | {{#if:{{{input1tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{input1tt}}}</div>|}} | ||
|- | |- | ||
| style="height:10px;" | | | style="height:10px;" | | ||
|- | |- | ||
| style="width:100%;height: | | style="width:100%;height:36px;margin:0;padding:0;position:relative;" | {{#if:{{{input2tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{input2tt}}}</div>|}} | ||
|- | |- | ||
| style="height:10px;" | | | style="height:10px;" | | ||
|- | |- | ||
| style="width:100%;height: | | style="width:100%;height:36px;margin:0;padding:0;position:relative;" | {{#if:{{{input3tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{input3tt}}}</div>|}} | ||
|- | |- | ||
| style="height:10px;" | | | style="height:10px;" | | ||
|- | |- | ||
| style="width:100%;height: | | style="width:100%;height:36px;margin:0;padding:0;position:relative;" | {{#if:{{{input4tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{input4tt}}}</div>|}} | ||
|- | |- | ||
| style="height:10px;" | | | style="height:10px;" | | ||
|- | |- | ||
| style="width:100%;height: | | style="width:100%;height:36px;margin:0;padding:0;position:relative;" | {{#if:{{{input5tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{input5tt}}}</div>|}} | ||
|- | |- | ||
| style="height:10px;" | | | style="height:10px;" | | ||
|- | |- | ||
| style="width:100%;height: | | style="width:100%;height:36px;margin:0;padding:0;position:relative;" | {{#if:{{{input6tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{input6tt}}}</div>|}} | ||
|} | |} | ||
{|class="connectionpanel-table3" | {|class="connectionpanel-table3" | ||
|- | |- | ||
| style="width:95px;height: | | style="width:95px;height:36px;margin:0;padding:0;text-align:right;" | <div class="connectionpanel-{{#ifeq:{{{output1color}}}|red|red|blue}}label">{{{output1|}}}</div> | ||
| style="width:5px;height: | | style="width:5px;height:36px;margin:0;padding:0;position:relative;" | | ||
| style="width:20px;height: | | style="width:20px;height:36px;margin:0;padding:0;" | {{#if:{{{output1|}}}|[[File:Connection Port.png|36px]]|}} | ||
|- | |- | ||
| colspan="3" style="height:10px;" | | | colspan="3" style="height:10px;" | | ||
|- | |- | ||
| style="width:95px;height: | | style="width:95px;height:36px;margin:0;padding:0;text-align:right;" | <div class="connectionpanel-{{#ifeq:{{{output2color}}}|red|red|blue}}label">{{{output2|}}}</div> | ||
| style="width:5px;height: | | style="width:5px;height:36px;margin:0;padding:0;position:relative;" | | ||
| style="width:20px;height: | | style="width:20px;height:36px;margin:0;padding:0;" | {{#if:{{{output2|}}}|[[File:Connection Port.png|36px]]|}} | ||
|- | |- | ||
| colspan="3" style="height:10px;" | | | colspan="3" style="height:10px;" | | ||
|- | |- | ||
| style="width:95px;height: | | style="width:95px;height:36px;margin:0;padding:0;text-align:right;" | <div class="connectionpanel-{{#ifeq:{{{output3color}}}|red|red|blue}}label">{{{output3|}}}</div> | ||
| style="width:5px;height: | | style="width:5px;height:36px;margin:0;padding:0;position:relative;" | | ||
| style="width:20px;height: | | style="width:20px;height:36px;margin:0;padding:0;" | {{#if:{{{output3|}}}|[[File:Connection Port.png|36px]]|}} | ||
|- | |- | ||
| colspan="3" style="height:10px;" | | | colspan="3" style="height:10px;" | | ||
|- | |- | ||
| style="width:95px;height: | | style="width:95px;height:36px;margin:0;padding:0;text-align:right;" | <div class="connectionpanel-{{#ifeq:{{{output4color}}}|red|red|blue}}label">{{{output4|}}}</div> | ||
| style="width:5px;height: | | style="width:5px;height:36px;margin:0;padding:0;position:relative;" | | ||
| style="width:20px;height: | | style="width:20px;height:36px;margin:0;padding:0;" | {{#if:{{{output4|}}}|[[File:Connection Port.png|36px]]|}} | ||
|- | |- | ||
| colspan="3" style="height:10px;" | | | colspan="3" style="height:10px;" | | ||
|- | |- | ||
| style="width:95px;height: | | style="width:95px;height:36px;margin:0;padding:0;text-align:right;" | <div class="connectionpanel-{{#ifeq:{{{output5color}}}|red|red|blue}}label">{{{output5|}}}</div> | ||
| style="width:5px;height: | | style="width:5px;height:36px;margin:0;padding:0;position:relative;" | | ||
| style="width:20px;height: | | style="width:20px;height:36px;margin:0;padding:0;" | {{#if:{{{output5|}}}|[[File:Connection Port.png|36px]]|}} | ||
|- | |- | ||
| colspan="3" style="height:10px;" | | | colspan="3" style="height:10px;" | | ||
|- | |- | ||
| style="width:95px;height: | | style="width:95px;height:36px;margin:0;padding:0;text-align:right;" | <div class="connectionpanel-{{#ifeq:{{{output6color}}}|red|red|blue}}label">{{{output6|}}}</div> | ||
| style="width:5px;height: | | style="width:5px;height:36px;margin:0;padding:0;position:relative;" | | ||
| style="width:20px;height: | | style="width:20px;height:36px;margin:0;padding:0;" | {{#if:{{{output6|}}}|[[File:Connection Port.png|36px]]|}} | ||
|} | |} | ||
Line 107: | Line 107: | ||
{|class="connectionpanel-table4" | {|class="connectionpanel-table4" | ||
|- | |- | ||
| style="width:100%;height: | | style="width:100%;height:36px;margin:0;padding:0;position:relative;" | {{#if:{{{output1tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{output1tt}}}</div>|}} | ||
|- | |- | ||
| style="height:10px;" | | | style="height:10px;" | | ||
|- | |- | ||
| style="width:100%;height: | | style="width:100%;height:36px;margin:0;padding:0;position:relative;" | {{#if:{{{output2tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{output2tt}}}</div>|}} | ||
|- | |- | ||
| style="height:10px;" | | | style="height:10px;" | | ||
|- | |- | ||
| style="width:100%;height: | | style="width:100%;height:36px;margin:0;padding:0;position:relative;" | {{#if:{{{output3tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{output3tt}}}</div>|}} | ||
|- | |- | ||
| style="height:10px;" | | | style="height:10px;" | | ||
|- | |- | ||
| style="width:100%;height: | | style="width:100%;height:36px;margin:0;padding:0;position:relative;" | {{#if:{{{output4tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{output4tt}}}</div>|}} | ||
|- | |- | ||
| style="height:10px;" | | | style="height:10px;" | | ||
|- | |- | ||
| style="width:100%;height: | | style="width:100%;height:36px;margin:0;padding:0;position:relative;" | {{#if:{{{output5tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{output5tt}}}</div>|}} | ||
|- | |- | ||
| style="height:10px;" | | | style="height:10px;" | | ||
|- | |- | ||
| style="width:100%;height: | | style="width:100%;height:36px;margin:0;padding:0;position:relative;" | {{#if:{{{output6tt|}}}|<div class="cp-hover" style="width:100%;height:100%;margin:0;padding:0;"></div><div class="cp-tooltip">{{{output6tt}}}</div>|}} | ||
|} | |} | ||
</div> | </div> | ||
Line 136: | Line 136: | ||
|input1 = Input 1 | |input1 = Input 1 | ||
|input1tt = Tooltip for input 1. | |input1tt = Tooltip for input 1. | ||
|input1color = red | |||
|input2 = Input 2 | |input2 = Input 2 | ||
|input2tt = Tooltip for input 2. | |input2tt = Tooltip for input 2. | ||
Line 149: | Line 150: | ||
|output1 = Output 1 | |output1 = Output 1 | ||
|output1tt = Tooltip for output 1. | |output1tt = Tooltip for output 1. | ||
|output1color = red | |||
|output2 = Output 2 | |output2 = Output 2 | ||
|output2tt = Tooltip for output 2. | |output2tt = Tooltip for output 2. |
Revision as of 02:03, 6 January 2021
Connection panel for this example | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|