KKeine Bearbeitungszusammenfassung |
K (Textersetzung - „sptable2 spezial“ durch „sptable2 Paketfilter“) |
||
(Eine dazwischenliegende Version von einem anderen Benutzer wird nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
<templatestyles src="Vorlage:Gallery.css" /><templatestyles src="Vorlage:Styles.css" /><br clear=all>{{TOC2}} | <templatestyles src="Vorlage:Gallery.css" /><templatestyles src="Vorlage:Styles.css" /><br clear=all>{{TOC2}} | ||
=== Parameter Übersicht === | === Parameter Übersicht === | ||
{| class=" | {| class="sptable2 pd5 Einrücken" | ||
|- class="Leerzeile" | |||
| colspan="3" | | |||
====== 1. Parameter ====== | |||
|- | |||
! Wert !! Funktion !! Beispiel | |||
|- | |||
| Schaltfläche || Anzeige-Text || <nowiki>{{spc|Schaltfläche}}</nowiki>={{spc|Schaltfläche}} | |||
|- | |||
| siehe Tabelle [[#Icon-Details | Icon-Details]] || Icon-Kürzel || <nowiki>{{spc|cog}}</nowiki>={{spc|cog}} | |||
|- | |||
| fa || ermöglicht mit class= eine beliebige fontAwesome-Klasse anzugeben || | |||
|- class="Leerzeile" | |||
| colspan="3" | | |||
====== 2. Parameter ====== | |||
|- | |||
| siehe [[#Formatierungs-Übersicht | Formatierungs-Übersicht]] || Layout der Anzeige || default=Button | |||
|- class="Leerzeile" | |||
| colspan="3" | | |||
====== 3. Parameter ====== | |||
|- | |- | ||
| x || Icon ohne Standard-Text, w=x | | x || Icon ohne Standard-Text, w=x || <nowiki>{{spc|cog|b|x}}</nowiki>={{spc|cog|b|x}} | ||
|- | |||
| - || Icon ohne Standard-Text, Breite kann angegeben werden mit w= || <nowiki>{{spc|cog|b|-}}</nowiki>={{spc|cog|b|-}} | |||
<!-- | |||
|- | |||
| dr || Bei Bezeichnungen, die im MobSec-Portal als Dropdown-Menüs verwendet werden, kann ''dr'' einen Dropdown-Pfeil anzeigen. <br>Es wird der Default-Text, oder der Inhalt des 4. Parameters mit angezeigt. || <nowiki>{{spc|cog|dr|Dropdown}}</nowiki>={{spc|dr|b|Dropdown}} | |||
--> | |||
|- class="Leerzeile" | |||
| colspan="3" | | |||
====== Optionale Parameter ====== | |||
|- | |- | ||
| | | rowspan="3" | css= || css-Klasse, die auf das FontAwesome-Icon wirkt || | ||
|- | |- | ||
| | | Abhängig vom Icon gibt es jeweils einen default-Wert, der Überschrieben wird, sobald eine css-Klasse übergeben wird. || <nowiki>{{spc|b|o|-}}</nowiki> → {{spc|b|o|-}} <small>default=fal</small><br><nowiki>{{spc|b|o|-|class=fas}}</nowiki> → {{spc|b|o|-|class=fas}} | ||
|- | |- | ||
! | | Soll z.B. die Hintergrundfarbe gesetzt werden, muss die Klaase ''fas / far / fal'' zusätzlich gesetzt werden! || <nowiki>{{spc|b|o|-|class=fas bc__rot}}</nowiki> → {{spc|b|o|-|class=fas bc__rot}} | ||
|- | |- | ||
| class=fas || solid <small>(=bold)</small> {{spc|b|o|-|class=fas}} | | class=fas || solid <small>(=bold)</small> || <nowiki>{{spc|b|o|-|class=fas}}</nowiki> → {{spc|b|o|-|class=fas}} | ||
|- | |- | ||
| class=far || regular {{spc|b|o|-|class=far}} | | class=far || regular || <nowiki>{{spc|b|o|-|class=far}}</nowiki> → {{spc|b|o|-|class=far}} | ||
|- | |- | ||
| class=fal || light {{spc|b|o|-|class=fal}} | | class=fal || light || <nowiki>{{spc|b|o|-|class=fal}}</nowiki> → {{spc|b|o|-|class=fal}} | ||
|- | |- | ||
|class=fa''x'' fa-''icon-class'' || beliebige fontawesome-Klasse <br>erfordert: als 1. Parameter: fa | |class=fa''x'' fa-''icon-class'' || beliebige fontawesome-Klasse <br>erfordert: als 1. Parameter: fa || <nowiki>{{spc|fa|o|-|class=fab fa-linux}}</nowiki> → {{spc|fa|o|-|class=fab fa-linux}} | ||
|- | |- | ||
| sp-class= || Klasse für den gesamten spc-Span | | sp-class= || Klasse für den gesamten spc-Span || <nowiki>{{spc|Anzeigetext|o|-|sp-class=bc__gelb}}</nowiki>→{{spc|Anzeigetext|o|-|sp-class=bc__gelb}} | ||
|- | |- | ||
| | | | | | icon-c= || Farbe des Icons → font-color__''icon-c'' || <nowiki>{{spc|b|o|icon-c=red}}</nowiki> → {{spc|b|o|icon-c=red}} | ||
|- | |||
| | |PIN=true || Zeigt Schloss-Icon an (Aktion erfordert PIN-Eingabe) || <nowiki>{{spc|vpn|b|PIN|PIN=true}}</nowiki> → {{spc|vpn|b|PIN|PIN=true}} | |||
|} | |} | ||
---- | ---- | ||
=== Icon-Übersicht === | === Icon-Übersicht === | ||
<div class="Einrücken"> | |||
<nowiki>{{ spc | </nowiki> '''1. Parameter''': Icon-Kürzel |'''2. Parameter''': | <nowiki>{{ spc | </nowiki> '''1. Parameter''': Icon-Kürzel |'''2. Parameter''': Formatierung(s.u.) | '''3.Parameter''': Alternativer Anzeige-Text oder nur Icon: '''x''' bzw. '''-''' = ohne Text. | '''Optionale Parameter'''<nowiki>}} </nowiki><br> | ||
<div class="flexbox" style="--me-width:25px;"> | <div class="flexbox" style="--me-width:25px;"> | ||
Zeile 37: | Zeile 65: | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | md | o | - }} |"md, m-d, mobiled, mobile-d, gd, g-d" }}</div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | md | o | - }} |"md, m-d, mobiled, mobile-d, gd, g-d" }}</div> | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | t | o | - }} |"t, tacho" }}</div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | t | o | - }} |"t, tacho" }}</div> | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | | <div class="flexelement items_n mw2">{{hover2 | {{spc | shield | o |- }} | "shield, profile , p "}} </div> | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | a | o| - }} | "a, apps" }}</div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | a | o| - }} | "a, apps" }}</div> | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | vpn | o| -}} | "vpn," }}</div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | vpn | o| -}} | "vpn," }}</div> | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | b |o|-}} | "b, benutzer" }}</div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | b |o|-}} | "b, benutzer" }}</div> | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | r |o|-}} | "r, gr, gruppe, gruppen, rolle, rollen" }}</div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | r |o|-}} | "r, gr, gruppe, gruppen, rolle, rollen" }}</div> | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | c |o|-}} | "c, certificate, z, | <div class="flexelement items_n mw2">{{hover2 | {{spc | c |o|-}} | "c, certificate, z, zertifikat, zertifikate" }}</div> | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | s |o|-}} | "s, stat, statisik, statistiken"}}</div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | s |o|-}} | "s, stat, statisik, statistiken"}}</div> | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | chart |o|-}} | "chart, chart-line"}}</div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | chart |o|-}} | "chart, chart-line"}}</div> | ||
Zeile 48: | Zeile 76: | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | i |o|-}} | "i, info, k, konto"}}</div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | i |o|-}} | "i, info, k, konto"}}</div> | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | f |o|-}} | "f, ?, faq}} </div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | f |o|-}} | "f, ?, faq}} </div> | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | | <div class="flexelement items_n mw2">{{hover2 | {{spc | play |o|-}} | "play, tu, tutorials"}} </div> | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | l |o|-}} | "l, log"}} </div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | l |o|-}} | "l, log"}} </div> | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | e |o|-}} | "e, external, re, reseller"}} </div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | e |o|-}} | "e, external, re, reseller"}} </div> | ||
Zeile 117: | Zeile 145: | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | cogs |o|-}} | "settings, configs, cogs"}} </div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | cogs |o|-}} | "settings, configs, cogs"}} </div> | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | cog2 |o|-}} | "settings-uma, cog2"}} </div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | cog2 |o|-}} | "settings-uma, cog2"}} </div> | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | cog3 |o|-}} | "cog3, Windows-Dienste"}} </div> | |||
<div class="flexelement items_n mw2">{{hover2 | {{spc | neustarten |o|-}} | "neustarten, reboot, redo"}} </div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | neustarten |o|-}} | "neustarten, reboot, redo"}} </div> | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | herunterfahren |o|-}} | "herunterfahren, aus,| poweroff"}} </div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | herunterfahren |o|-}} | "herunterfahren, aus,| poweroff"}} </div> | ||
Zeile 169: | Zeile 198: | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | dienste |o|-}} | "dienste, service-group"}} </div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | dienste |o|-}} | "dienste, service-group"}} </div> | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | net |o|-}} | "net"}} </div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | net |o|-}} | "net"}} </div> | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | netgroup |o|-}} | "netgroup, node-group"}} </div> | |||
<div class="flexelement items_n mw2">{{hover2 | {{spc | vpn-network |o|-}} | "vpn-network"}} </div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | vpn-network |o|-}} | "vpn-network"}} </div> | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | host |o|-}} | "host"}} </div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | host |o|-}} | "host"}} </div> | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | vpn-host |o|-}} | "vpn-host"}} </div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | vpn-host |o|-}} | "vpn-host"}} </div> | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | ugrp|o|-}} | "ugrp, ipgroup, ipsetgroup"}} </div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | ugrp|o|-}} | "ugrp, ipgroup, ipsetgroup"}} </div> | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | drag |o|-}} | "drag, dragndrop"}} </div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | drag |o|-}} | "drag, dragndrop"}} </div> | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | dl-uma |o|-}} | "dk-uma, donwload-uma"}} </div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | dl-uma |o|-}} | "dk-uma, donwload-uma"}} </div> | ||
Zeile 185: | Zeile 214: | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | an-rw |o|-}} | "an-rw, android-red-white"}} </div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | an-rw |o|-}} | "an-rw, android-red-white"}} </div> | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | an-rlg |o|-}} | "an-rlg, android-red-lightgrey"}} </div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | an-rlg |o|-}} | "an-rlg, android-red-lightgrey"}} </div> | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | list-alt |o|-}} | "list-alt, select-list-alt"}} </div> | |||
<div class="flexelement items_n mw2">{{hover2 | {{spc | dashboards |o|-}} | "dashboards, sitemap"}} </div> | |||
<!-- | <!-- | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | |o|-}} | ""}} </div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | |o|-}} | ""}} </div> | ||
<div class="flexelement items_n mw2">{{hover2 | {{spc | |o|-}} | ""}} </div> | <div class="flexelement items_n mw2">{{hover2 | {{spc | |o|-}} | ""}} </div> | ||
--> | --> | ||
</div> | |||
</div> | </div> | ||
---- | ---- | ||
=== | === Formatierungs-Übersicht === | ||
{| class=" | {| class="sptable2 pd5 Einrücken block" | ||
! Anzeige !! Verwendung !! Optionale Parameter !! default | ! Anzeige !! Verwendung !! Optionale Parameter !! default | ||
|- | |- | ||
Zeile 335: | Zeile 367: | ||
=== Icon-Details === | === Icon-Details === | ||
{| class=" | |||
! class= | {| class="sptable2 pd5 sortable Einrücken block" | ||
! class=unsortable|Icon !! Standardtext !! 1. Parameter !! Class in Awesomefont | |||
|- | |- | ||
| rowspan="4" style="vertical-align: top;" | <i class="fal fa-mobile-alt"></i> || rowspan="4" style="vertical-align: top;" | Geräte || m || rowspan="4" style="vertical-align: top;" | fal fa-mobile-alt | | rowspan="4" style="vertical-align: top;" | <i class="fal fa-mobile-alt"></i> || rowspan="4" style="vertical-align: top;" | Geräte || m || rowspan="4" style="vertical-align: top;" | fal fa-mobile-alt | ||
Zeile 841: | Zeile 874: | ||
|- | |- | ||
| select-list | | select-list | ||
|- | |||
| rowspan="2" style="vertical-align: top;" | <i class="fal fa-list-alt"></i> || rowspan="2" style="vertical-align: top;" | Typ || list-alt || rowspan="2" style="vertical-align: top;" | fal fa-list-alt | |||
|- | |||
| select-list-alt | |||
|- | |- | ||
| rowspan="3" style="vertical-align: top;" | <i class="fal fa-desktop"></i>|| rowspan="3" style="vertical-align: top;" | Geräte || dt || rowspan="3" style="vertical-align: top;" | fal fa-desktop | | rowspan="3" style="vertical-align: top;" | <i class="fal fa-desktop"></i>|| rowspan="3" style="vertical-align: top;" | Geräte || dt || rowspan="3" style="vertical-align: top;" | fal fa-desktop | ||
Zeile 1.074: | Zeile 1.111: | ||
|- | |- | ||
| android-red-lightgrey | | android-red-lightgrey | ||
|- | |||
| rowspan="2" style="vertical-align: top;" | [[Datei:Windows Dienste Icon.png|15px]] || rowspan="2" style="vertical-align: top;" | - || cog3 || rowspan="2" style="vertical-align: top;" | - | |||
|- | |||
| Windows-Dienste | |||
|- | |||
| rowspan="2" style="vertical-align: top;" | <i class="fal fa-sitemap"></i> || rowspan="2" style="vertical-align: top;" | Dashboards || dashboards || rowspan="2" style="vertical-align: top;" | fal fa-sitemap | |||
|- | |||
| sitemap | |||
|} | |} | ||
<!-- | <!-- | ||
Zeile 1.084: | Zeile 1.129: | ||
| kürzel3 | | kürzel3 | ||
--> | --> | ||
<br clear=all> | |||
=== Portfilter Beispiel === | === Portfilter Beispiel === | ||
==== Darstellung ==== | ==== Darstellung ==== | ||
{{var | Quelle | {{var | Quelle | ||
| Quelle | | Quelle | ||
| | | Source }} | ||
{{var | Ziel | {{var | Ziel | ||
| Ziel | | Ziel | ||
| | | Destination }} | ||
{{var | Dienst | {{var | Dienst | ||
| Dienst | | Dienst | ||
Zeile 1.109: | Zeile 1.156: | ||
| Netzwerkobjekt | | Netzwerkobjekt | ||
| Networkobject }} | | Networkobject }} | ||
{{var | Allgemein | |||
| Allgemein | |||
| General }} | |||
{{#var:Anzeige Portfilter Regel|Anzeige Portfilter Regel}} | {{#var:Anzeige Portfilter Regel|Anzeige Portfilter Regel}} | ||
{| class="sptable2 | <div class="Einrücken"> | ||
{| class="sptable2 Paketfilter pd5 tr--bc__white zh1" | |||
|- class="bold small no1cell" | |- class="bold small no1cell" | ||
Zeile 1.130: | Zeile 1.182: | ||
| {{spc|drag|o|-}} || 7 || {{spc|vpn-network|o|-}} SSL-VPN-RW-Network || {{spc|host|o|-}} {{#var:Name--val}} || {{spc|dienste|o|-}} {{#var:regel--dienst--desc}} || {{Kasten|HNE|blau}} || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}} | | {{spc|drag|o|-}} || 7 || {{spc|vpn-network|o|-}} SSL-VPN-RW-Network || {{spc|host|o|-}} {{#var:Name--val}} || {{spc|dienste|o|-}} {{#var:regel--dienst--desc}} || {{Kasten|HNE|blau}} || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}} | ||
|} | |} | ||
</div> | |||
==== Code ==== | ==== Code ==== | ||
<div class | <div class="Einrücken"> | ||
< | <pre> | ||
{| class="sptable2 Paketfilter pd5 tr--bc__white zh1" | |||
|- class="bold small no1cell" | |||
| class="Leerzeile bc__default" | || || <nowiki>#</nowiki> || style="min-width:12em;"| {{#var:Quelle}} || style="min-width:12em;"| {{#var:Ziel}} || style="min-width:12em;"| {{#var:Dienst}} || style="min-width:6em;"| NAT || {{#var:Aktion}} || {{#var:Aktiv}} ||style="min-width:5em;"| | |||
|- | |||
| class="bc__default" | {{#var:IPSec-Regel-external-interface--desc}} || {{spc|drag|o|-}} || 4 || {{spc|world|o|-}} internet || {{spc|interface|o|-}} external-interface || {{spc|dienste|o|-}} ipsec || || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}} | |||
|- | |||
| class="bc__default" | {{#var:Zugriff auf IPSec-Netzwerk--desc}} || {{spc|drag|o|-}} || 5 || {{spc|network|o|-}} internal-network || {{spc|vpn-network|o|-}} IPSec-Network || {{spc|dienste|o|-}} {{#var:regel--dienst--desc}} || {{Kasten|HNE|blau}} || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}} | |||
|- | |||
| class="bc__default" | {{#var:Zugriff auf lokales Netzwerk--desc}} || {{spc|drag|o|-}} || 6 || {{spc|vpn-network|o|-}} IPSec Network || {{spc|network|o|-}} internal-network || {{spc|dienste|o|-}} {{#var:regel--dienst--desc}} || || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}} | |||
|- class="redborder" | |||
| class="bc__default" | {{#var:Neue Regel--SSL-VPN--desc}} || {{spc|drag|o|-}} || 7 || {{spc|vpn-network|o|-}} SSL-VPN-RW-Network || {{spc|host|o|-}} {{#var:Name--val}} || {{spc|dienste|o|-}} {{#var:regel--dienst--desc}} || {{Kasten|HNE|blau}} || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}} | |||
|} | |||
</div> | </pre></div> | ||
==== Code .lang ==== | ==== Code .lang ==== | ||
<div class | <div class="Einrücken"> | ||
< | Zu verwenden sowohl für die Portfilter-Regel-Übersicht (s.o.) als auch die Detailansicht (s.u.)<br> | ||
<pre> | |||
{{var | Quelle | Quelle | Quelle }} | |||
{{var | Ziel | {{var | Ziel | Ziel | Target }} | ||
{{var | Dienst | Dienst | Service }} | |||
{{var | Aktion | Aktion | Action }} | |||
{{var | Dienst | {{var | Aktiv | Aktiv | Active }} | ||
{{var | Typ | Typ | Type }} | |||
{{var | Netzwerkobjekt | Netzwerkobjekt | Networkobject }} | |||
{{var | Aktion | {{var | Allgemein | Allgemein | General }} | ||
</pre> | |||
</div> | |||
{{var | Aktiv | |||
==== Darstellung Einzelregel ==== | |||
'''Häufig genutzte Darstellung für eine einzelne Regel:''' | |||
{{var | {| class="sptable2 Paketfilter pd5 tr--bc__white zh1" | ||
|- class="bold small no1cell" | |||
| rowspan="3" class="Leerzeile pd0 pdr05 bc__default fs-initial normal" | Inhalt der Variablen<br><nowiki>{{#var:Portfilterregel--desc}}</nowiki><br>der länger sein kann,<br>als die Portfilter Regel | |||
{{var | | | || <nowiki>#</nowiki> || class=mw12 | {{#var:Quelle}} || class=mw12 | {{#var:Ziel}} || class=mw12 | {{#var:Dienst}} || class=mw6 | NAT || {{#var:Aktion}} || {{#var:Aktiv}} || class=mw5 | | ||
|- | |||
| {{spc|drag|o|-}} || 4 || {{spc|vpn-network|o|-}} internal-network || {{spc|world|o|-}} internet || {{spc|tcp|o|-}} HTTP || || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}} | |||
|- class="Leerzeile" | |||
| colspan="9" class=bc__default| | |||
|} | |||
==== Code ==== | |||
<pre> | |||
{| class="sptable2 Paketfilter pd5 tr--bc__white zh1" | |||
|- class="bold small no1cell" | |||
| rowspan="3" class="Leerzeile pd0 pdr05 bc__default fs-initial normal" | {{#var:Portfilterregel--desc}} | |||
| || <nowiki>#</nowiki> || class=mw12 | {{#var:Quelle}} || class=mw12 | {{#var:Ziel}} || class=mw12 | {{#var:Dienst}} || class=mw6 | NAT || {{#var:Aktion}} || {{#var:Aktiv}} || class=mw5 | | |||
|- | |||
| {{spc|drag|o|-}} || 4 || {{spc|vpn-network|o|-}} internal-network || {{spc|world|o|-}} internet || {{spc|tcp|o|-}} HTTP || || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}} | |||
|- class="Leerzeile" | |||
| colspan="9" class=bc__default| | |||
|}</pre> | |||
{| class="sptable2 | '''Code.lang siehe oben!''' | ||
<!-- | |||
{| class="sptable2 Paketfilter pd5 zh1 Einrücken" | |||
| {{Kasten| {{#var:Quelle}} }} || {{spc|vpn-network|rule|vpn-network}} || | | {{Kasten| {{#var:Quelle}} }} || {{spc|vpn-network|rule|vpn-network}} || | ||
|- | |- | ||
Zeile 1.195: | Zeile 1.263: | ||
|} | |} | ||
<div class=code> | <div class="code Einrücken"> | ||
<nowiki>{| class="sptable2 | <nowiki>{| class="sptable2 Paketfilter pd5 zh1" </nowiki><br><nowiki> | ||
| {{Kasten| {{#var:Quelle}} }} || {{spc|vpn-network|rule|vpn-network}} || </nowiki><br><nowiki> | | {{Kasten| {{#var:Quelle}} }} || {{spc|vpn-network|rule|vpn-network}} || </nowiki><br><nowiki> | ||
|- </nowiki><br><nowiki> | |- </nowiki><br><nowiki> | ||
Zeile 1.208: | Zeile 1.276: | ||
|} | |} | ||
</nowiki></div> | </nowiki></div> | ||
--> | |||
{| class="sptable2 Paketfilter pd5 zh1 Einrücken" | |||
|- class="Leerzeile" | |||
| colspan="3" | {{Kasten|{{#var:Allgemein}} }} | |||
|- | |||
| {{b| {{#var:Quelle}} }} || {{ic|vpn-network|dr|icon=vpn-network|iconborder=none|class=mw13}} || Beschreibung | |||
|- | |||
| {{b| {{#var:Ziel}} }} || {{ic|internet|dr|icon=world|iconborder=none|class=mw13}} || | |||
|- | |||
| {{b| {{#var:Dienst}} }} || {{ic|dienstname|dr|icon=dienste|iconborder=none|class=mw13}} || | |||
|- | |||
| {{b| {{#var:Aktion}} }} || {{Button|Accept|dr|class=mw13}} || | |||
|- class="Leerzeile" | |||
| colspan="3" | {{Kasten|NAT}} | |||
|- | |||
| {{b|{{#var:Typ}} }}|| {{Button|Hidenat|dr|class=mw13}} || | |||
|- | |||
| {{b|{{#var:Netzwerkobjekt}} }}|| {{ic|internal-interface|dr|icon=interface|iconborder=none|class=mw13}} || <li class="list--element__alert list--element__warning"></li> | |||
|- | |||
| {{b| {{#var:Dienst}} }} || {{ic|dienstname|dr|icon=tcp|iconborder=none|class=mw13}} || | |||
|} | |||
<pre> | |||
{| class="sptable2 Paketfilter pd5 zh1 Einrücken" | |||
|- class="Leerzeile" | |||
| colspan="3" | {{Kasten|{{#var:Allgemein}} }} | |||
|- | |||
| {{b| {{#var:Quelle}} }} || {{ic|vpn-network|dr|icon=vpn-network|iconborder=none|class=mw13}} || | |||
|- | |||
| {{b| {{#var:Ziel}} }} || {{ic|internet|dr|icon=world|iconborder=none|class=mw13}} || | |||
|- | |||
| {{b| {{#var:Dienst}} }} || {{ic|dienstname|dr|icon=dienste|iconborder=none|class=mw13}} || | |||
|- | |||
| {{b| {{#var:Aktion}} }} || {{Button|Accept|dr|class=mw13}} || | |||
|- class="Leerzeile" | |||
| colspan="3" | {{Kasten|NAT}} | |||
|- | |||
| {{b|{{#var:Typ}} }}|| {{Button|Hidenat|dr|class=mw13}} || | |||
|- | |||
| {{b|{{#var:Netzwerkobjekt}} }}|| {{ic|internal-interface|dr|icon=interface|iconborder=none|class=mw13}} || <li class="list--element__alert list--element__warning"></li> | |||
|- | |||
| {{b| {{#var:Dienst}} }} || {{ic|dienstname|dr|icon=tcp|iconborder=none|class=mw13}} || | |||
|} | |||
</pre> |
Aktuelle Version vom 29. Mai 2024, 10:49 Uhr
Parameter Übersicht
1. Parameter | ||
Wert | Funktion | Beispiel |
---|---|---|
Schaltfläche | Anzeige-Text | {{spc|Schaltfläche}}=Schaltfläche |
siehe Tabelle Icon-Details | Icon-Kürzel | {{spc|cog}}= Apps installieren |
fa | ermöglicht mit class= eine beliebige fontAwesome-Klasse anzugeben | |
2. Parameter | ||
siehe Formatierungs-Übersicht | Layout der Anzeige | default=Button |
3. Parameter | ||
x | Icon ohne Standard-Text, w=x | {{spc|cog|b|x}}= |
- | Icon ohne Standard-Text, Breite kann angegeben werden mit w= | {{spc|cog|b|-}}= |
Optionale Parameter | ||
css= | css-Klasse, die auf das FontAwesome-Icon wirkt | |
Abhängig vom Icon gibt es jeweils einen default-Wert, der Überschrieben wird, sobald eine css-Klasse übergeben wird. | {{spc|b|o|-}} → default=fal {{spc|b|o|-|class=fas}} → | |
Soll z.B. die Hintergrundfarbe gesetzt werden, muss die Klaase fas / far / fal zusätzlich gesetzt werden! | {{spc|b|o|-|class=fas bc__rot}} → | |
class=fas | solid (=bold) | {{spc|b|o|-|class=fas}} → |
class=far | regular | {{spc|b|o|-|class=far}} → |
class=fal | light | {{spc|b|o|-|class=fal}} → |
class=fax fa-icon-class | beliebige fontawesome-Klasse erfordert: als 1. Parameter: fa |
{{spc|fa|o|-|class=fab fa-linux}} → |
sp-class= | Klasse für den gesamten spc-Span | {{spc|Anzeigetext|o|-|sp-class=bc__gelb}}→Anzeigetext |
| icon-c= | Farbe des Icons → font-color__icon-c | {{spc|b|o|icon-c=red}} → Benutzer |
|PIN=true | Zeigt Schloss-Icon an (Aktion erfordert PIN-Eingabe) | {{spc|vpn|b|PIN|PIN=true}} → PIN |
Icon-Übersicht
{{ spc | 1. Parameter: Icon-Kürzel |2. Parameter: Formatierung(s.u.) | 3.Parameter: Alternativer Anzeige-Text oder nur Icon: x bzw. - = ohne Text. | Optionale Parameter}}
Formatierungs-Übersicht
Anzeige | Verwendung | Optionale Parameter | default |
---|---|---|---|
m oder Menü | c=Schrift-Farbe (Angabe ohne ;) bdc=Rand-Farbe w=100px Breite (width) fs=Font-Size |
white border: 0; → (border: 1px solid color;) 100px (falls nur ein Icon angezeigt wird: 17px) 1em | |
k oder Kontext | c=Schrift-Farbe (Angabe ohne ;) w=100px Breite (width) fs=Font-Size |
white 100px (falls nur ein Icon angezeigt wird: 17px) 1em | |
Eintrag Liste | e oder Eintrag | c=Schrift-Farbe (Angabe ohne ;) bdc=Linien-Farbe w=100px Breite (width) w=0 => dynamisch mr=10px Abstand margin right pv=0px padding vertical (top+bottom) ph=0px padding horizontal (left+right) fs=Font-Size |
rgba(0, 0, 0, 0.75) rgba(0, 0, 0, 0.75) 100px (falls nur ein Icon angezeigt wird: 17px) 0px 0px 0px 1em |
ka oder Kasten | c=Schrift-Farbe (Angabe ohne ;) bdc=Rand-Farbe (Angabe ohne ;) bc=Backgound-Color fs=Font-Size |
Farbe rots Farbe: rotr white 1em | |
Ohne Kasten | o oder ohne | c=Schrift-Farbe (Angabe ohne ;) w=100px Breite (width) w=0 => dynamisch fs=Font-Size |
rgba(0, 0, 0, 0.75) 100px (falls nur ein Icon angezeigt wird: 17px) 1em |
Status | s, st oder Status | c=Schrift-Farbe (Angabe ohne ;) bc=Hintergrund-Farbe background-color fs=Font-Size |
{{Farbe|grau-l}} {{Farbe|hgrau}} 1em |
Graue Schaltfläche | gr , grau | c=Schrift-Farbe (Angabe ohne ;) bc=Hintergrund-Farbe background-color bdc=Rand-Farbe border-color bdr=Border-Radius fs=Font-Size |
white-l grey {{Farbe|hgrau}} 5px 1em |
Default | b , Button oder default ohne Parameter |
c=Schrift-Farbe (Angabe ohne ;) bc=Hintergrund-Farbe background-color bdc=Rand-Farbe border-color bdr=Border-Radius fs=Font-Size w=width |
white-l rot rotr 2px 1em nicht mit »x« als 3. Parameter ! |
c, circle | c=Schrift-Farbe (Angabe ohne ;) bc=Hintergrund-Farbe background-color |
white-l grün | |
cb, circle-big | c=Schrift-Farbe (Angabe ohne ;) bc=Hintergrund-Farbe background-color |
rot white-l | |
buttong | buttong buttony bg |
c=Schrift-Farbe (Angabe ohne ;) bc=Hintergrund-Farbe background-color |
white-l gelb |
buttongr | buttongr bgr |
c=Schrift-Farbe (Angabe ohne ;) bc=Hintergrund-Farbe background-color |
white-l grün |
buttongrey | buttongrey buttongrau bgrau |
c=Schrift-Farbe (Angabe ohne ;) bc=Hintergrund-Farbe background-color |
white-l grau |
buttonuma | buttonuma bu bb |
c=Schrift-Farbe (Angabe ohne ;) bc=Hintergrund-Farbe background-color |
white-l grau |
rule | rule regel |
alle Farbnamen als css-Name ohne xy__ davor c=Schrift-Farbe (Angabe ohne ; ) |
graul |
Icon-Details
-
Portfilter Beispiel
Darstellung
Anzeige Portfilter Regel
Code
{| class="sptable2 Paketfilter pd5 tr--bc__white zh1" |- class="bold small no1cell" | class="Leerzeile bc__default" | || || <nowiki>#</nowiki> || style="min-width:12em;"| {{#var:Quelle}} || style="min-width:12em;"| {{#var:Ziel}} || style="min-width:12em;"| {{#var:Dienst}} || style="min-width:6em;"| NAT || {{#var:Aktion}} || {{#var:Aktiv}} ||style="min-width:5em;"| |- | class="bc__default" | {{#var:IPSec-Regel-external-interface--desc}} || {{spc|drag|o|-}} || 4 || {{spc|world|o|-}} internet || {{spc|interface|o|-}} external-interface || {{spc|dienste|o|-}} ipsec || || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}} |- | class="bc__default" | {{#var:Zugriff auf IPSec-Netzwerk--desc}} || {{spc|drag|o|-}} || 5 || {{spc|network|o|-}} internal-network || {{spc|vpn-network|o|-}} IPSec-Network || {{spc|dienste|o|-}} {{#var:regel--dienst--desc}} || {{Kasten|HNE|blau}} || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}} |- | class="bc__default" | {{#var:Zugriff auf lokales Netzwerk--desc}} || {{spc|drag|o|-}} || 6 || {{spc|vpn-network|o|-}} IPSec Network || {{spc|network|o|-}} internal-network || {{spc|dienste|o|-}} {{#var:regel--dienst--desc}} || || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}} |- class="redborder" | class="bc__default" | {{#var:Neue Regel--SSL-VPN--desc}} || {{spc|drag|o|-}} || 7 || {{spc|vpn-network|o|-}} SSL-VPN-RW-Network || {{spc|host|o|-}} {{#var:Name--val}} || {{spc|dienste|o|-}} {{#var:regel--dienst--desc}} || {{Kasten|HNE|blau}} || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}} |}
Code .lang
Zu verwenden sowohl für die Portfilter-Regel-Übersicht (s.o.) als auch die Detailansicht (s.u.)
{{var | Quelle | Quelle | Quelle }} {{var | Ziel | Ziel | Target }} {{var | Dienst | Dienst | Service }} {{var | Aktion | Aktion | Action }} {{var | Aktiv | Aktiv | Active }} {{var | Typ | Typ | Type }} {{var | Netzwerkobjekt | Netzwerkobjekt | Networkobject }} {{var | Allgemein | Allgemein | General }}
Darstellung Einzelregel
Häufig genutzte Darstellung für eine einzelne Regel:
Inhalt der Variablen {{#var:Portfilterregel--desc}} der länger sein kann, als die Portfilter Regel |
# | Quelle | Ziel | Dienst | NAT | Aktion | Aktiv | ||
4 | internal-network | internet | HTTP | Accept | Einladung senden | ||||
Code
{| class="sptable2 Paketfilter pd5 tr--bc__white zh1" |- class="bold small no1cell" | rowspan="3" class="Leerzeile pd0 pdr05 bc__default fs-initial normal" | {{#var:Portfilterregel--desc}} | || # || class=mw12 | {{#var:Quelle}} || class=mw12 | {{#var:Ziel}} || class=mw12 | {{#var:Dienst}} || class=mw6 | NAT || {{#var:Aktion}} || {{#var:Aktiv}} || class=mw5 | |- | {{spc|drag|o|-}} || 4 || {{spc|vpn-network|o|-}} internal-network || {{spc|world|o|-}} internet || {{spc|tcp|o|-}} HTTP || || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}} |- class="Leerzeile" | colspan="9" class=bc__default| |}
Code.lang siehe oben!
Allgemein
| ||
Quelle | vpn-network | Beschreibung |
Ziel | internet | |
Dienst | dienstname | |
Aktion | ||
NAT
| ||
Typ | ||
Netzwerkobjekt | internal-interface | |
Dienst | dienstname |
{| class="sptable2 Paketfilter pd5 zh1 Einrücken" |- class="Leerzeile" | colspan="3" | {{Kasten|{{#var:Allgemein}} }} |- | {{b| {{#var:Quelle}} }} || {{ic|vpn-network|dr|icon=vpn-network|iconborder=none|class=mw13}} || |- | {{b| {{#var:Ziel}} }} || {{ic|internet|dr|icon=world|iconborder=none|class=mw13}} || |- | {{b| {{#var:Dienst}} }} || {{ic|dienstname|dr|icon=dienste|iconborder=none|class=mw13}} || |- | {{b| {{#var:Aktion}} }} || {{Button|Accept|dr|class=mw13}} || |- class="Leerzeile" | colspan="3" | {{Kasten|NAT}} |- | {{b|{{#var:Typ}} }}|| {{Button|Hidenat|dr|class=mw13}} || |- | {{b|{{#var:Netzwerkobjekt}} }}|| {{ic|internal-interface|dr|icon=interface|iconborder=none|class=mw13}} || <li class="list--element__alert list--element__warning"></li> |- | {{b| {{#var:Dienst}} }} || {{ic|dienstname|dr|icon=tcp|iconborder=none|class=mw13}} || |}