Template:Connection panel: Difference between revisions

From Official Barotrauma Wiki
Jump to: navigation, search
No edit summary
(Colored labels)
Line 1: Line 1:
<includeonly>{| class="wiringpanel" style="float:{{{float|none}}};clear:{{{clear|none}}};"
<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:350px;position:relative;">
<div style="width:370px;height:370px;position:relative;">
{|class="connectionpanel-table1"
{|class="connectionpanel-table1"
|-
|-
| style="width:20px;height:30px;margin:0;padding:0;" | {{#if:{{{input1|}}}|[[File:Connection Port.png|30px]]|}}
| style="width:20px;height:36px;margin:0;padding:0;" | {{#if:{{{input1|}}}|[[File:Connection Port.png|36px]]|}}
| style="width:5px;height:30px;margin:0;padding:0;position:relative;" |
| style="width:5px;height:36px;margin:0;padding:0;position:relative;" |
| style="width:95px;height:30px;margin:0;padding:0;" | <span style="background-color:black;{{#ifeq:{{{input1|}}}|power_in|color:red;|}}">{{{input1|}}}</span>
| 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:30px;margin:0;padding:0;" | {{#if:{{{input2|}}}|[[File:Connection Port.png|30px]]|}}
| style="width:20px;height:36px;margin:0;padding:0;" | {{#if:{{{input2|}}}|[[File:Connection Port.png|36px]]|}}
| style="width:5px;height:30px;margin:0;padding:0;position:relative;" |
| style="width:5px;height:36px;margin:0;padding:0;position:relative;" |
| style="width:95px;height:30px;margin:0;padding:0;" | <span style="background-color:black;">{{{input2|}}}</span>
| 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:30px;margin:0;padding:0;" | {{#if:{{{input3|}}}|[[File:Connection Port.png|30px]]|}}
| style="width:20px;height:36px;margin:0;padding:0;" | {{#if:{{{input3|}}}|[[File:Connection Port.png|36px]]|}}
| style="width:5px;height:30px;margin:0;padding:0;position:relative;" |
| style="width:5px;height:36px;margin:0;padding:0;position:relative;" |
| style="width:95px;height:30px;margin:0;padding:0;" | <span style="background-color:black;">{{{input3|}}}</span>
| 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:30px;margin:0;padding:0;" | {{#if:{{{input4|}}}|[[File:Connection Port.png|30px]]|}}
| style="width:20px;height:36px;margin:0;padding:0;" | {{#if:{{{input4|}}}|[[File:Connection Port.png|36px]]|}}
| style="width:5px;height:30px;margin:0;padding:0;position:relative;" |
| style="width:5px;height:36px;margin:0;padding:0;position:relative;" |
| style="width:95px;height:30px;margin:0;padding:0;" | <span style="background-color:black;">{{{input4|}}}</span>
| 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:30px;margin:0;padding:0;" | {{#if:{{{input5|}}}|[[File:Connection Port.png|30px]]|}}
| style="width:20px;height:36px;margin:0;padding:0;" | {{#if:{{{input5|}}}|[[File:Connection Port.png|36px]]|}}
| style="width:5px;height:30px;margin:0;padding:0;position:relative;" |
| style="width:5px;height:36px;margin:0;padding:0;position:relative;" |
| style="width:95px;height:30px;margin:0;padding:0;" | <span style="background-color:black;">{{{input5|}}}</span>
| 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:30px;margin:0;padding:0;" | {{#if:{{{input6|}}}|[[File:Connection Port.png|30px]]|}}
| style="width:20px;height:36px;margin:0;padding:0;" | {{#if:{{{input6|}}}|[[File:Connection Port.png|36px]]|}}
| style="width:5px;height:30px;margin:0;padding:0;position:relative;" |
| style="width:5px;height:36px;margin:0;padding:0;position:relative;" |
| style="width:95px;height:30px;margin:0;padding:0;" | <span style="background-color:black;">{{{input6|}}}</span>
| 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:30px;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="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:30px;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="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:30px;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="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:30px;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="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:30px;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="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:30px;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>|}}
| 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:30px;margin:0;padding:0;text-align:right;" | <span style="background-color:black;{{#ifeq:{{{output1|}}}|power_out|color:red;|}}">{{{output1|}}}</span>
| 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:30px;margin:0;padding:0;position:relative;" |  
| style="width:5px;height:36px;margin:0;padding:0;position:relative;" |  
| style="width:20px;height:30px;margin:0;padding:0;" | {{#if:{{{output1|}}}|[[File:Connection Port.png|30px]]|}}
| 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:30px;margin:0;padding:0;text-align:right;" | <span style="background-color:black;">{{{output2|}}}</span>
| 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:30px;margin:0;padding:0;position:relative;" |
| style="width:5px;height:36px;margin:0;padding:0;position:relative;" |
| style="width:20px;height:30px;margin:0;padding:0;" | {{#if:{{{output2|}}}|[[File:Connection Port.png|30px]]|}}
| 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:30px;margin:0;padding:0;text-align:right;" | <span style="background-color:black;">{{{output3|}}}</span>
| 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:30px;margin:0;padding:0;position:relative;" |  
| style="width:5px;height:36px;margin:0;padding:0;position:relative;" |  
| style="width:20px;height:30px;margin:0;padding:0;" | {{#if:{{{output3|}}}|[[File:Connection Port.png|30px]]|}}
| 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:30px;margin:0;padding:0;text-align:right;" | <span style="background-color:black;">{{{output4|}}}</span>
| 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:30px;margin:0;padding:0;position:relative;" |
| style="width:5px;height:36px;margin:0;padding:0;position:relative;" |
| style="width:20px;height:30px;margin:0;padding:0;" | {{#if:{{{output4|}}}|[[File:Connection Port.png|30px]]|}}
| 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:30px;margin:0;padding:0;text-align:right;" | <span style="background-color:black;">{{{output5|}}}</span>
| 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:30px;margin:0;padding:0;position:relative;" |
| style="width:5px;height:36px;margin:0;padding:0;position:relative;" |
| style="width:20px;height:30px;margin:0;padding:0;" | {{#if:{{{output5|}}}|[[File:Connection Port.png|30px]]|}}
| 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:30px;margin:0;padding:0;text-align:right;" | <span style="background-color:black;">{{{output6|}}}</span>
| 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:30px;margin:0;padding:0;position:relative;" |
| style="width:5px;height:36px;margin:0;padding:0;position:relative;" |
| style="width:20px;height:30px;margin:0;padding:0;" | {{#if:{{{output6|}}}|[[File:Connection Port.png|30px]]|}}
| 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:30px;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="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:30px;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="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:30px;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="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:30px;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="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:30px;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="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:30px;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>|}}
| 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
Input 1
Input 2
Input 3
Input 4
Input 5
Input 6
Tooltip for input 1.
Tooltip for input 2.
Tooltip for input 3.
Tooltip for input 4.
Tooltip for input 5.
Tooltip for input 6.
Output 1
Output 2
Output 3
Output 4
Output 5
Output 6
Tooltip for output 1.
Tooltip for output 2.
Tooltip for output 3.
Tooltip for output 4.
Tooltip for output 5.
Tooltip for output 6.