KKeine Bearbeitungszusammenfassung |
K 1 Version importiert |
||
| (11 dazwischenliegende Versionen von 4 Benutzern werden nicht angezeigt) | |||
| Zeile 46: | Zeile 46: | ||
{{#switch: {{{Anw|{{Anw}} }}} | {{#switch: {{{Anw|{{Anw}} }}} | ||
| MS | | MS | ||
| USC=font- | | USC=font-color__{{{c|grau-l}}} | ||
| #default=font-color__{{{c|grau-l}}} | | #default=font-color__{{{c|grau-l}}} | ||
}} | }} | ||
| Zeile 123: | Zeile 123: | ||
font-color__{{{c|graul}}} | font-color__{{{c|graul}}} | ||
{{{sp-class|}}}" | {{{sp-class|}}}" | ||
| icon= | |||
<span class="spc__default noborder | |||
{{{Anw|{{Anw}} }}} | |||
bc__{{{bc|white-l}}} | |||
icon__grau {{{sp-class|}}}" | |||
| b | | b | ||
| button | | button | ||
| Zeile 159: | Zeile 164: | ||
| t | | t | ||
| tacho={{var|t|Übersicht|Overview}}<i class="{{#if:{{{class|}}}|{{{class|fal}}}|fal}} fa-tachometer-alt {{#if: {{{icon-c|}}} | font-color__{{{icon-c|}}} }}"></i>{{#switch: {{{3|}}} |-=|x=|#default= {{{ 3 | {{#var:t|Übersicht}} }}} }} | | tacho={{var|t|Übersicht|Overview}}<i class="{{#if:{{{class|}}}|{{{class|fal}}}|fal}} fa-tachometer-alt {{#if: {{{icon-c|}}} | font-color__{{{icon-c|}}} }}"></i>{{#switch: {{{3|}}} |-=|x=|#default= {{{ 3 | {{#var:t|Übersicht}} }}} }} | ||
| shield | | shield | ||
| profile | | profile | ||
| Zeile 231: | Zeile 235: | ||
| list={{var|list|Listenansicht|List view}}<i class="{{#if:{{{class|}}}|{{{class|fal}}}|fal}} fa-th {{#if: {{{icon-c|}}} | font-color__{{{icon-c|}}} }}"></i>{{#switch: {{{3|}}} |-=|x=|#default= {{{ 3 | {{#var:list|Listenansicht}} }}} }} | | list={{var|list|Listenansicht|List view}}<i class="{{#if:{{{class|}}}|{{{class|fal}}}|fal}} fa-th {{#if: {{{icon-c|}}} | font-color__{{{icon-c|}}} }}"></i>{{#switch: {{{3|}}} |-=|x=|#default= {{{ 3 | {{#var:list|Listenansicht}} }}} }} | ||
| typ | | typ | ||
| select-list={{var|typ|Typ|Type | | select-list={{var|typ|Typ|Type}}<i class="{{#if:{{{class|}}}|{{{class|fas}}}|fas}} fa-list {{#if: {{{icon-c|}}} | font-color__{{{icon-c|}}} }}"></i>{{#switch: {{{3|}}} |-=|x=|dr= {{{4|{{#var:typ}}}}}<i class="fal fa-fw fa-angle-down"></i>|#default= {{{ 3 | {{#var:typ|Typ}} }}} }} | ||
| list-allgemein={{var|Allgemein|Allgemein|General}}<i class="{{#if:{{{class|}}}|{{{class|fal}}}|fal}} fa-list {{#if: {{{icon-c|}}} | font-color__{{{icon-c|}}} }}"></i>{{#switch: {{{3|}}} |-=|x=|dr= {{{4|{{#var:Allgemein}}}}}<i class="fal fa-fw fa-angle-down"></i>|#default= {{{ 3 | {{#var:typ|Typ}} }}} }} | | list-allgemein={{var|Allgemein|Allgemein|General}}<i class="{{#if:{{{class|}}}|{{{class|fal}}}|fal}} fa-list {{#if: {{{icon-c|}}} | font-color__{{{icon-c|}}} }}"></i>{{#switch: {{{3|}}} |-=|x=|dr= {{{4|{{#var:Allgemein}}}}}<i class="fal fa-fw fa-angle-down"></i>|#default= {{{ 3 | {{#var:typ|Typ}} }}} }} | ||
| select-list-alt | | select-list-alt | ||
| Zeile 559: | Zeile 563: | ||
| Vorlage={{#switch: {{{3|}}} |-=|x=|#default= {{{ 3 | Vorlage }}} }} | | Vorlage={{#switch: {{{3|}}} |-=|x=|#default= {{{ 3 | Vorlage }}} }} | ||
| Dropdown-Vorlage={{#switch: {{{3|}}} |-=|x=|dr= {{{4|Dropdown-Vorlage}}}<i class="fal fa-fw fa-angle-down"></i>|#default= {{{ 3 | Dropdown-Vorlage }}} }} | | Dropdown-Vorlage={{#switch: {{{3|}}} |-=|x=|dr= {{{4|Dropdown-Vorlage}}}<i class="fal fa-fw fa-angle-down"></i>|#default= {{{ 3 | Dropdown-Vorlage }}} }} | ||
| sun | |||
| unc=<i class="fal fa-server"></i>{{#switch: {{{3|}}} |-=|x=|dr= {{{4|Unified Network Console}}}<i class="fal fa-fw fa-angle-down"></i>|#default= {{{ 3 | Unified Network Console }}} }} | |||
| Vorlage={{#switch: {{{3|}}} |-=|x=|#default= {{{ 3 | Vorlage }}} }} | |||
| Dropdown-Vorlage={{#switch: {{{3|}}} |-=|x=|dr= {{{4|Dropdown-Vorlage}}}<i class="fal fa-fw fa-angle-down"></i>|#default= {{{ 3 | Dropdown-Vorlage }}} }} | |||
| Windows | |||
| windows=<i class="fab fa-windows {{#if: {{{icon-c|}}} | font-color__{{{icon-c|}}} }}"></i>{{#switch: {{{3|}}} |-=|x=|dr= {{{4|Windows}}}<i class="fal fa-fw fa-angle-down"></i>|#default= {{{ 3 | Windows}}} }} | |||
| Microsoft | |||
| microsoft=<i class="fab fa-microsoft {{#if: {{{icon-c|}}} | font-color__{{{icon-c|}}} }}"></i>{{#switch: {{{3|}}} |-=|x=|dr= {{{4|Microsoft}}}<i class="fal fa-fw fa-angle-down"></i>|#default= {{{ 3 | Microsoft}}} }} | |||
| Vorlage={{#switch: {{{3|}}} |-=|x=|#default= {{{ 3 | Vorlage }}} }} | |||
| Dropdown-Vorlage={{#switch: {{{3|}}} |-=|x=|dr= {{{4|Dropdown-Vorlage}}}<i class="fal fa-fw fa-angle-down"></i>|#default= {{{ 3 | Dropdown-Vorlage }}} }} | |||
| vpn-konfiguration | |||
| vpn-konfig=<i class="{{{class|{{{class|fal}}}}}} fa-puzzle {{#if: {{{icon-c|}}} | font-color__{{{icon-c|}}} }}"></i>{{#switch: {{{3|}}} |-=|x=|#default= {{{ 3 | VPN-Konfiguration }}} }} | |||
| cog3 | | cog3 | ||
| Windows-Dienste=[[Datei:Windows Dienste Icon.png|15px|class=max-width-2em]]{{#switch: {{{3|}}} |-=|x=|#default= {{{ 3 | }}} }} | | Windows-Dienste=[[Datei:Windows Dienste Icon.png|15px|class=max-width-2em]]{{#switch: {{{3|}}} |-=|x=|#default= {{{ 3 | }}} }} | ||
| dashboards | | dashboards | ||
| sitemap | | sitemap | ||
| console=<i class="fal fa-sitemap"></i>{{#switch: {{{3|}}} |-=|x=|dr= {{{4|Dashboards}}}<i class="fal fa-fw fa-angle-down"></i>|#default= {{{ 3 | Dashboards }}} }} | | console=<i class="fal fa-sitemap"></i>{{#switch: {{{3|}}} |-=|x=|dr= {{{4|Dashboards}}}<i class="fal fa-fw fa-angle-down"></i>|#default= {{{ 3 | Dashboards }}} }} | ||
| mdm-toolbox | |||
| toolbox=[[Datei:MDM_Toolbox.png|x16px|link=]]{{#switch: {{{3|}}} |-=|x=|#default= {{{ 3 | MDM Toolbox }}} }} | |||
| help=[[Datei:MaS Help.svg]]{{#switch: {{{3|}}} |-=|x=|#default= {{{ 3 | }}} }} | |||
| mdm-ortung | |||
| ortung | |||
| location | |||
| mdm-location=[[Datei:MDM_Ortung.png|x16px|link=]]{{#switch: {{{3|}}} |-=|x=|#default= {{{ 3 | MDM Location Plugin }}} }} | |||
| mas-upload | |||
| MaS-Upload=[[Datei:MaS_Upload.svg|x20px]]{{#switch: {{{3|}}} |-=|x=|#default= {{{ 3 | Upload }}} }} | |||
| mas-trash | |||
| MaS-Trash=[[Datei:MaS_Trash.svg|x20px]]{{#switch: {{{3|}}} |-=|x=|#default= {{{ 3 | Upload }}} }} | |||
| box-check | |||
| boxcheck | |||
| Box-Check=<i class="fal fa-box-check {{#if: {{{icon-c|}}} | font-color__{{{icon-c|}}} }}"></i>{{#switch: {{{3|}}} |-=|x=|dr= {{{4| UTM Zero-Touch}}}|#default= {{{ 3 | UTM Zero-Touch }}} }} | |||
| sp-icon-external | |||
| spicon-external=<i class="spicon-external {{#if: {{{icon-c|}}} | font-color__{{{icon-c|}}} }}"></i>{{#switch: {{{3|}}} |-=|x=|#default= {{{ 3 | SPicon-external }}} }}<!--[[Datei:SP-Icons_external.png|x16px|link=]]--> | |||
| #default={{#if: {{{ 1|}}} |{{{1|}}}|{{{3|}}} }}<!-- {{{3|}}} --> | |||
| chevron-rechts | |||
| cr=<i class="fas fa-chevron-right {{#if: {{{icon-c|}}} | font-color__{{{icon-c|}}} }}"></i>{{#switch: {{{3|}}} |-=|x=|dr= {{{4|App-Links}}}|#default= {{{3|App-Links}}} }} | |||
| chevron-rechts-r | |||
| crr={{#switch: {{{3|}}} |-=|x=|dr= {{{4|App-Links}}}|#default={{{3|App-Links}}} }}<i class="fas fa-chevron-right {{#if: {{{icon-c|}}} | font-color__{{{icon-c|}}} }}"></i> | |||
| star | |||
| stern=<i class="fas fa-star {{#if: {{{icon-c|}}} | font-color__{{{icon-c|}}} }}"></i>{{#switch: {{{3|}}} |-=|x=|dr= {{{4|Neu}}}|#default= {{{3|Neu}}} }} | |||
}}{{#if:{{{PIN|}}}|<span class=topRightCircle><i class="fa fa-lock"></i></span>}}</span><noinclude> | }}{{#if:{{{PIN|}}}|<span class=topRightCircle><i class="fa fa-lock"></i></span>}}</span><noinclude> | ||
{{Dokumentation}} | {{Dokumentation}} | ||
</noinclude> | </noinclude> | ||
Aktuelle Version vom 23. Januar 2026, 12:08 Uhr
Syntax: {{ spc | 1.Parameter: Anzeige-Text oder Icon-Kürzel | 2. Parameter: Verwendung | Optionale Parameter }}
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="noborder 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 || Logging || {{#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 || || {{Logging-Slider}} || {{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}} || {{Logging-Slider}} || {{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}} || || {{Logging-Slider}} || {{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}} || {{Logging-Slider}} || {{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 | Logging | Aktion | Aktiv | ||
| 4 | Accept | Einladung senden | ||||||||
Code
{| class="sptable2 Paketfilter pd5 tr--bc__white zh1"
|- class="bold small no1cell"
| rowspan="3" class="noborder 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 || Logging || {{#var:Aktion}} || {{#var:Aktiv}} || class=mw5 |
|-
| {{spc|drag|o|-}} || 4 || {{spc|vpn-network|o|-}} internal-network || {{spc|world|o|-}} internet || {{spc|tcp|o|-}} HTTP || || {{Logging-Slider}} || {{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 | Beschreibung | |
| Ziel | ||
| Dienst | ||
| Aktion | ||
NAT
| ||
| Typ | ||
| Netzwerkobjekt | ||
| Dienst | ||
{| 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}} ||
|}
|
|