Wechseln zu:Navigation, Suche
Wiki

Vorlage:Spc: Unterschied zwischen den Versionen

Aus Securepoint Wiki
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
{{#switch: {{ lc: {{{2|b}}} }}
{{#switch: {{ lc: {{{2|b}}} }}
| menü
| menü
| m=<span style="
| m=<span class="spc__default spc__menu
display: inline-block;
{{{Anw|{{Anw}} }}}  
width: {{#switch: {{{3|}}} |-|x=23px|{{{w|100px}}} }};
bc__{{{bc|grau-menu}}}  
background: #3c3f46;
border-color__{{{bdc|{{{bc|grau-menu}}} }}}  
border: {{#if:{{{bdc}}}| 1px solid {{Farbe|{{{bdc}}} }} | 0; }}
font-color__{{{c|white}}}  
border-radius:0px;
{{#ifeq: {{{3|}}}| -|x=spc__menu--width-x}}
padding: 2px 4px;
{{{class|}}}"
color: {{{c|white}}};
font-size:{{{fs|1em}}};
margin-left: 3px;
clear: both"
| kontext
| kontext
| k=<span style="
| k=<span class="spc__default spc__kontext
display: inline-block;
{{{Anw|{{Anw}} }}}
width: {{#switch: {{{3|}}} |-|x=17px|{{{w|100px}}} }};
bc__{{{bc|grau-l}}}  
background: rgba(0, 0, 0, 0.6);
border-color__{{{bdc|{{{bc|grau-menu}}} }}}  
border: 0px solid #3c3f46;
font-color__{{{c|white}}}  
border-radius:0px;
{{#ifeq: {{{3|}}}| -|x=spc__kontext--width-x}}
padding: 2px 4px;
{{{class|}}}"
color: {{{c|white}}};
font-size:{{{fs|1em}}};
clear: both"
| e
| e
| eintrag=<span style="
| eintrag=<span class="spc__default spc__eintrag
{{#switch: {{{w|}}
{{{Anw|{{Anw}} }}}  
| 0
bc__{{{bc|white}}}  
| -
border-color__{{{bdc|{{{bc|dgrau}}} }}}  
| x=display: nüscht;
font-color__{{{c|dgrau}}}  
| #default=display: inline-block;
{{{class|}}}"
width: {{#switch: {{{3|}}} |-|x=17px|{{{w | 100px }}} }};
}}
background: white;
border-top: {{{bdt|1px}}} solid {{Farbe|{{{bdc|graubd}}} }};
border-bottom: 1px solid {{Farbe|{{{bdc|graubd}}} }};
border-radius:0px;
padding: {{{pv|0px}}} {{{ph|0px}}};
margin-right: {{{mr|0px}}};
color: {{{c|rgba(0, 0, 0, 0.75)}}};
font-weight: bold;
font-size:{{{fs|1em}}};
clear: both"
| ka
| ka
| kasten=<span style="
| kasten=<span class="spc__default spc__kasten
background: {{Farbe | {{{bc|white;}}} }}
{{{Anw|{{Anw}} }}}  
border: 1px solid {{Farbe | {{{bdc | rotr}}} }}
bc__{{{bc|white}}}  
border-radius:2px;
border-color__{{{bdc|{{{bc|grau-menu}}} }}}  
padding:2px 2px 2px 2px;
font-color__{{{c|rots}}}  
margin-right: {{{mr|0px}}};
{{{class|}}}"
color: {{ Farbe | {{{c|rots}}} }}
| o=<span class="spc__default spc__blank
font-size:{{{fs|1em}}};
{{{Anw|{{Anw}} }}}  
line-height: {{{lh|1em}}};
{{#if:{{{bc |}}} | bc__{{{bc}}} }}  
clear: both"
{{#if:{{{bdc|}}} | border-color__{{{bdc}}} }}  
| ohne
{{#if:{{{c  |}}} | font-color__{{{c}}} }}
| o=<span style="
{{{class|}}}"
margin-right: {{{mr|0px}}};
{{#switch: {{{w|0}}}
| 0
| -
| x=margin-right: {{{mr|0px}}};
| #default= margin-right: {{{mr|3px}}};
display: inline-block;
width: {{{w|20px}}}; border: 1px solid red;
}}
xbackground: white;
border: 0px solid #3c3f46;
border-radius:0px;
font-weight: {{{fw|}}};
font-size:{{{fs|1em}}};
color: {{Farbe | {{{c|rgba(0, 0, 0, 0.75)}}} }}
clear: both"
| s
| s
| st
| st
| status=<span style="
| status=<span class="spc__default spc__status
background: {{Farbe|{{{bc|hgrau}}} }}
{{{Anw|{{Anw}} }}}
border: 1px solid {{{bdc|{{Farbe|hgrau}} }}}
bc__{{{bc|hgrau}}}  
border-radius:2px;
border-color__{{{bdc|{{{bc|hgrau}}} }}}  
padding: 2px 2px 0px 2px;
font-color__{{{c|grau-l}}}  
font-size:{{{fs|0.8em}}};
{{{class|}}}"<!-- pd ist hier ohne Wirkung wg. border-collapse:collapse -->
color: {{Farbe | {{{ c | grau-l}}} }}
clear: both"
| gr
| gr
| g
| g
| grau=<span style="
| grau=<span class="spc__default spc__grau--rund
background: {{ Farbe | {{{bc|grey;}}} }}
{{{Anw|{{Anw}} }}}
border: 1px solid {{{bdc|{{Farbe|hgrau}} }}}
bc__{{{bc|grey}}}  
border-radius:{{{bdr|5px}}};
border-color__{{{bdc|{{{bc|hgrau}}} }}}  
padding: 2px 2px 0px 2px;
font-color__{{{c|white-l}}}  
color: {{ Farbe | {{{c|white-l}}} }}
{{{class|}}}"
font-size:{{{fs|1em}}};
 
clear: both"
| c
| c
| circle=<span style="
| circle=<span class="spc__default spc__circle
background: {{Farbe | {{{bc|grün}}} }}
{{{Anw|{{Anw}} }}}  
border: {{{bd|3px}}} solid {{Farbe | {{{bdc| rgba(255, 255, 255, 0.85); }}} }}
bc__{{{bc|grün}}}  
border-radius:{{{bdr|50%}}};
border-color__{{{bdc|white-l-shadow}}}  
box-sizing: border-box;
font-color__{{{c|white-l}}}  
padding:{{{pd|10px}}};
{{{class|}}}"
margin-right: {{{mr|0px}}};
margin-bottom: {{{mb|0px;}}}
color: {{ Farbe | {{{c|white-l}}} }}
font-weight: bold;
font-size:{{{fs|1em}}};
{{{Parameter}}}
clear: both"
| cb
| cb
| circle-big=<span style="
| circle-big=
background: {{Farbe | {{{bc|white-l}}} }}
<span class="spc__default spc__circle-big
border: {{{bd|1px}}} solid {{Farbe | {{{bdc| grau }}} }}
{{{Anw|{{Anw}} }}}  
border-radius:{{{bdr|50%}}};
bc__{{{bc|white-l}}}  
box-sizing: border-box;
border-color__{{{bdc|grau}}}  
padding:{{{pd|10px}}};
font-color__{{{c|rot}}} {{{class|}}}"
margin-right: {{{mr|0px}}};
margin-bottom: {{{mb|0px;}}}
color: {{ Farbe | {{{c|rot}}} }}
font-weight: bold;
font-size:{{{fs|1em}}};
{{{Parameter}}}
clear: both"
| bg
| bg
| buttony
| buttony
| buttong=<span style="
| buttong=
background: {{ Farbe | {{{bc|gelb }}} }}
<span class="spc__default spc__gelb
border: {{{bd|1px}}} solid {{ Farbe | {{{bdc|gelbbd }}} }}
{{{Anw|{{Anw}} }}}  
border-radius:{{{bdr|2px}}};
bc__{{{bc|gelb}}}  
padding: {{{pd|2px 2px 0px 2px}}};
border-color__{{{bdc|gelbbd}}}  
{{#switch: {{{w|100px}}
font-color__{{{c|white-l}}}  
| 0
{{{class|}}}"
| -
| x=margin-right: {{{mr|0px}}};
| #default={{#switch: {{{3|}}}
| -
| x=margin-right: {{{mr|3px}}};
| #default=display: inline-block;
width: {{{w | 100px }}};
}}
}}
color: {{{c|{{Farbe|white-l}} }}}
font-size:{{{fs|1em}}};
{{{Parameter}}}
clear: both"
| bgr
| bgr
| buttongr=<span style="
| buttongr=
background: {{ Farbe | {{{bc|grün }}} }}
<span class="spc__default spc__default spc__gruen
border: {{{bd|1px}}} solid {{ Farbe | {{{bdc|grünbd }}} }}
{{{Anw|{{Anw}} }}}  
border-radius:{{{bdr|2px}}};
bc__{{{bc|grün}}}  
padding: {{{pd|2px 2px 0px 2px}}};
border-color__{{{bdc|grün}}}  
{{#switch: {{{w|100px}}
font-color__{{{c|white-l}}}  
| 0
{{{class|}}}"
| -
| x=margin-right: {{{mr|0px}}};
| #default={{#switch: {{{3|}}}
| -
| x=margin-right: {{{mr|3px}}};
| #default=display: inline-block;
width: {{{w | 100px }}};
}}
}}
color: {{{c|{{Farbe|white-l}} }}}
font-size:{{{fs|1em}}};
{{{Parameter}}}
clear: both"
| bgrau
| bgrau
| buttongrau
| buttongrau
| buttongrey=<span style="
| buttongrey=
background: {{ Farbe | {{{bc|grau }}} }}
<span class="spc__default spc__grau
border: {{{bd|1px}}} solid {{ Farbe | {{{bdc|graubd }}} }}
{{{Anw|{{Anw}} }}}  
border-radius:{{{bdr|2px}}};
bc__{{{bc|grau}}}  
padding: {{{pd|2px 2px 0px 2px}}};
border-color__{{{bdc|grau}}}  
{{#switch: {{{w|100px}}
font-color__{{{c|dgrau}}}  
| 0
{{{class|}}}"
| -
| x=margin-right: {{{mr|0px}}};
| #default={{#switch: {{{3|}}}
| -
| x=margin-right: {{{mr|3px}}};
| #default=display: inline-block;
width: {{{w | 100px }}};
text-align: center;
}}
}}
color: {{{c|{{Farbe|dgrau}} }}}
font-size:{{{fs|1em}}};
{{{Parameter}}}
clear: both"
| bb
| bb
| buttonuma
| buttonuma
| bu=<span style="
| bu=<span class="spc__uma
background: {{ Farbe | {{{bc|grau }}}|Anw=UMA }}
{{{Anw|{{Anw}} }}}  
border: {{{bd|0.7px}}} solid {{ Farbe | {{{bdc|graubd }}}|Anw=UMA }}
{{#if:{{{bc| }}} | bc__{{{bc}}} }}
border-radius:{{{bdr|0px}}};
{{#if:{{{bdc|}}} | border-color__{{{bdc}}} }}
padding: {{{pd|0.1em 0.8em}}};
{{#if:{{{c  |}}} | font-color__{{{c|grau-l}}} }}
{{#switch: {{{w|100px}}
{{{class|}}}"
| 0
| -
| x=margin-right: {{{mr|0px}}};
| #default={{#switch: {{{3|}}}  
| -
| x=margin-right: {{{mr|3px}}};
| #default=display: inline-block;
width: {{{w | 100px }}};
text-align: center;
}}
}}
color: {{Farbe|{{{c|grau-l}}}|Anw=UMA}}
font-size:{{{fs|1em}}};
{{{Parameter}}}
clear: both"
| b
| b
| button
| button
| #default=<span style="
| #default=<span class="spc__default
background: {{ Farbe | {{{bc|rot }}} }}
{{{Anw|{{Anw}} }}}  
border: 1px solid {{ Farbe | {{{bdc|rotr }}} }}
bc__{{{bc|rot}}}  
border-radius:{{{bdr|2px}}};
border-color__{{{bdc|rotbd}}}  
padding: 2px 2px 0px 2px;
font-color__{{{c|white-l}}}  
{{#switch: {{{w|100px}}
{{{class|}}}"
| 0
| -
| x=margin-right: {{{mr|0px}}};
| #default={{#switch: {{{3|}}}
| x=margin-right: {{{mr|3px}}};
| #default=display: inline-block;
width: {{{w | 100px }}};
text-align: center;
}}
}}
color: {{Farbe|{{{c|white-l}}} }}
font-size:{{{fs|1em}}};
margin-left: 3px;
{{{Parameter}}}
clear: both"
}}
}}
{{#vardefine:style|
{{#if:{{{bd |}}} | border-width: {{{bd }}}; }}
{{#if:{{{bdr|}}} | border-radius: {{{bdr}}}; }}
{{#if:{{{pd |}}} | padding: {{{pd }}}; }}
{{#if:{{{w  |}}} | width: {{{w  }}}; }}
{{#if:{{{mr |}}} | margin-right: {{{mr }}}; }}
{{#if:{{{fs |}}} | font-size: {{{fs }}}; }}
{{#if:{{{bdt|}}} | border-top-width: {{{bdt}}}; }}
{{#if:{{{bdb|}}} | border-bottom-width: {{{fs }}}; }}
{{#if:{{{pdh|}}} | padding-left: {{{pdh}}}; padding-right: {{{pdh}}}; }}
{{#if:{{{pdv|}}} | padding-top: {{{pdv}}}; padding-bottom: {{{pdv}}}; }}
{{#if:{{{lh |}}} | line-height: {{{lh }}}; }}
{{{Parameter|}}}
}}
{{if:{{#var:style}}| style="{{#var:style}} clear: both;"}}
>{{#switch: {{lc:{{{1|}}} }}
>{{#switch: {{lc:{{{1|}}} }}
| m
| m

Version vom 29. September 2020, 09:21 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}}

cog3
Interface.svg
World.svg
Udp.svg
Icmp.svg
Other.svg
Tcp.svg
Service-group.svg
Network.svg
netgroup
Vpn-network.svg
host
vpn-host
Ipsetgroup.svg
drag
sort
geoip
ms
ur
usc
an-wg
an-rg
an-rw
an-rlg
list-alt
dashboards

Formatierungs-Übersicht

Anzeige Verwendung Optionale Parameter default
Menü 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
Kontext-Menü 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
Eintrag Kasten 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
bdc=Rand-Farbe border-color
bd= border
bdr=Border-Radius
fs=Font-Size
mr= margin-right
pd= padding→Größe des Kreises Parameter= Beliebiger weiterer Parameter

white-l

grün
#e0f7ea;
3px
99px
1em
0px
10px

cb, circle-big c=Schrift-Farbe (Angabe ohne ;)

bc=Hintergrund-Farbe background-color
bdc=Rand-Farbe border-color
bd= border
bdr=Border-Radius
fs=Font-Size
mr= margin-right
pd= padding→Größe des Kreises
Parameter= Beliebiger weiterer Parameter

rot

white-l
grau
1px
99px
1em
0px
10px

buttong buttong
buttony
bg		 c=Schrift-Farbe (Angabe ohne ;)

bc=Hintergrund-Farbe background-color
bdc=Rand-Farbe border-color
bd= border
bdr=Border-Radius
fs=Font-Size
mr= margin-right
pd= padding→Größe des Kreises
Parameter= Beliebiger weiterer Parameter

white-l

gelb
gelbbd
1px
2px
1em
0px
2px 2px 0px 2px

buttongr buttongr
bgr		 c=Schrift-Farbe (Angabe ohne ;)

bc=Hintergrund-Farbe background-color
bdc=Rand-Farbe border-color
bd= border
bdr=Border-Radius
fs=Font-Size
mr= margin-right
pd= padding→Größe des Kreises
Parameter= Beliebiger weiterer Parameter

white-l

grün
grünbd
1px
2px
1em
0px
2px 2px 0px 2px

buttongrey buttongrey
buttongrau
bgrau		 c=Schrift-Farbe (Angabe ohne ;)

bc=Hintergrund-Farbe background-color
bdc=Rand-Farbe border-color
bd= border
bdr=Border-Radius
fs=Font-Size
mr= margin-right
pd= padding→Größe des Kreises
Parameter= Beliebiger weiterer Parameter

white-l

grau
graubd
1px
2px
1em
0px
2px 2px 0px 2px

buttonuma buttonuma
bu
bb		 c=Schrift-Farbe (Angabe ohne ;)

bc=Hintergrund-Farbe background-color
bdc=Rand-Farbe border-color
bd= border
bdr=Border-Radius
fs=Font-Size
mr= margin-right
pd= padding→Größe des Kreises
Parameter= Beliebiger weiterer Parameter

white-l

grau
graubd
0.7px
2px
1em
0px
0.1em 0.8em

rule rule
regel		 alle Farbnamen als css-Name ohne xy__ davor

c=Schrift-Farbe (Angabe ohne ; )
bc=Hintergrund-Farbe background-color
bdc=Rand-Farbe border-color
sp-class= Beliebige css-Klasse


graul
blau-select
blau-select


Icon-Details

-
Icon Standardtext 1. Parameter Class in Awesomefont
Geräte m fal fa-mobile-alt
mobile
g
gerät
Geräte md fas fa-mobile-alt
m-d
mobiled
mobile-d
gd
g-d
Geräte ms fal fa-mobile
Übersicht t fal fa-tachometer-alt
tacho
Profile schield fal fa-shield-alt
profile
p
Apps a fal fa-rocket
apps
Andere Geräte (VPN) vpn fal fa-laptop
Benutzer b fal fa-user
benutzer
Rollen r fal fa-users
gr
gruppe
gruppen
rolle
rollen
Zertifikate c fal fa-certificate
certificate
z
zerifikat
zerifikate
Statistiken s fal fa-chart-area
stat
statisik
statistiken
Chart chart fal fa-chart-line
chart-line
Statistiken-Dashboard cp fal fa-chart-pie
chart-pie
torte
Konto i fal fa-info-circle
info
k
konto
FAQ f fal fa-question-circle
?
faq
Tutorials p fal fa-play-circle
play
tu
tutorials
Log l fal fa-code
log
Reseller e fal fa-external-link-alt
external
re
reseller
Ausloggen q fal fa-sign-out-alt
quit
au
lo
Anmelden in fal fa-sign-in-alt
anmelden
sign-in
Filter fi fal fa-filter
filter
Filter filterd fas fa-filter
filter-d
Suche suche fal fa-search
Profil hinzufügen + fal fa-plus
Profile veröffentlichen v fal fa-paper-plane
pv
veröffentlichen
Importieren im fal fa-upload
u
upload
importieren
Listenansicht list fal fa-th
Sync sync fal fa-sync
Menü menu fal fa-bars
Bearbeiten edit fal fa-edit
Bearbeiten pencil fal fa-pencil
stift
Exportieren ex fal fa-download
exportieren
d
download
Download dl-uma glyphicons glyphicons-size-14 glyphicons-download-alt
download-uma
Widerrufen w fal fa-ban
widerrufen
verboten
ban
Löschen lö fal fa-trash
löschen
mülleimer
trash
Löschen trash2 fas fa-trash
msat
Typ ty fal fa-file
typ
file
Info io fal fa-info
info-outline
Speichern save fal fa-save
Betriebssystem chip fal fa-microchip
bet
os
microchip
Tags tag fal fa-tags
tags
Teile teile fal fas-fw fa-puzzle-piece
te
pi
piece
Seriennummer #s fal fa-hashtag
#i
#
Eigentümer ei fal fa-address-card
adress-card
eigentümer
Telefon ph fal fa-phone
te
tel
phone
Store-Account sta fal fa-shopping-cart
cart
sc
shopping-cart
Kontakt kontakt fal fa-clock
cl
clock
Einladung senden ein fal fa-envelope
einl
env
envelope
Vorlage auge fal fa-eye
eye
Android android fab fa-android
an
iOS ios fab fa-apple
apple
Batteriestatus bat fal fa-battery-full
batteriestatus
battery
Speicherkapazität speicher fal fa-hdd
speicherkapazität
hdd
Hersteller her fal fa-building
hersteller
building
Agent agent fal fa-building
cb
code-branch
Bluetooth-MAC bl fab fa-bluetooth
bt
bluetooth
WIFI MAC wlan fal fa-wifi
wifi
Roaming an roaming fal fa-globe
globus
globe
Gekauft am gekauft fal fas-fw fa-money-bill
geld
money-bill
Garantie läuft ab am schild fal fa-shield
garantie
shield
Externer Inventar-Link link fal fa-link
ext
Netzbetreiber netz fal fa-server
nb
netzbetreiber
server
Operationen wr fal fa-wrench
werkzeug
wrench
Nachricht com fal fa-comment
comment
nachricht
Datenschutz da fal fa-balance-scale
bal
balance-scale
Daten löschen del fal fa-database
löschen
database
Sperren sp fal fa-lock
lo
lock
VPN aus vpn0 far fa-lock-open-alt
locko
lock_open
VPN an vpn1 far fa-lock-alt
lockc
lock_closed
Lost-Modus aktivieren sp fal fa-search-plus
lma
lost
Enterprise löschen elö fal fa-eraser
rubber
eraser
Operationen log logop fal fa-file-alt
oplog
file-alt
Pfeil Links <- fal fa-arrow-left
links
arrow-left
Pfeil rechts -> fal fa-arrow-right
rechts
arrow-right
Tablet ta fal fa-tablet-alt
tablet
tablet-alt
Lokalisieren lok fal fa-map-marker-alt
loc
map-marker-alt
Klingelton starten rp fal fa-phone-volume
ring
phone-volume
Zustimmen ch fal fa-check
check
Meldungen meldungen fal fa-bell
me
bell
Warnungen bell-s fas fa-bell
belld
bell-d
mehr mehr fal fa-ellipsis-h
more
ellipsis
Apps installieren install fal fa-cog
setting
cog
Neustarten neustarten fal fa-redo
reboot
redo
Herunterfahren herunterfahren fal fa-power-off
aus
poweroff
Kennwort entfernen key fal fa-key
passcode-del
del-passcode
! ! far fa-exclamation-triangle
Anfragen signal fal fa-signal
sig
anfragen
Viren gefunden bug fal fa-bug
viren
virus
Typ typ fas fa-list
select-list
Typ list-alt fal fa-list-alt
select-list-alt
Geräte dt fal fa-desktop
gav
dt
Kommentare comments fal fa-comments
kom
kommentar
Ausrufezeichen !!l fal fa-exclamation
!av
av!
Link link fal fa-share-square
share-square
sq
Einladung erneut senden share fal fa-share
erneut
sh
Verschieben exchange fal fa-exchange
move
verschieben
Konfiguration übertragen cloud-upload fal fa-cloud-upload
cu
konf
cloud-download fal fa-cloud-download
cd
Deaktivieren eye-slash fal fa-eye-slash
da
es
Übernehmen clone fal fa-clone
üb
cl
clopy fal fa-copy
Aktionslog binocular fal fa-binoculars
al
aklog
Zwischenablage clipboard fal fa-clipboard
zwischenablage
CheckBox checkbox fal fa-check-square
check-square
cs
cs2 fas fa-check-square
checkbox2
box far fa-square @
square
boxl fal fa-square @
squarel
Object-Group objektgruppe fal fa-object-group
Google Play google-play fab fa-google-play
gp
gpst
Support -Benutzer headset fas fa-headset
hs
h
Paintbrush paint fal fa-paint-brush
pb
minimieren -- fal fa-minus
min
maximieren max fal fa-window-maximize
Dropdown-Pfeil dr fal fa-angle-left
- :-)+ fal fa-smile-plus
smileplus
Paste paste fal fa-paste
Hauptbenutzer crown fal fa-crown
Anmelden signin fa fa-sign-in
login
recycle fas fa-recycle
cogs fal fa-cogs
configs
settings
diagram fal fa-project-diagram
UTM utm spicon-utm
Securepoint spicon-avatar spicon-avatar
sp
avatar
UMA spicon-uma spicon-uma
uma
Akademie akademie spicon-schulung
schulung
spicon-schulung
Lizenz spicon-lizenz spicon-lizenz
lizenz
Interface.svg interface interface interface
World.svg internet internet internet
world
Vpn-network.svg vpn-network vpn-network vpn-network
Udp.svg udp udp udp
Icmp.svg icmp icmp icmp
Other.svg other other other
Tcp.svg tcp tcp tcp
Service-group.svg service-group service-group service-group
dienste
Network.svg net net net
Ipsetgroup.svg ipsetgroup ipsetgroup ipsetgroup
ipgroup
ugrp
cogwheels cog2 glyphicons-cogwheels
settings-uma
drag Drag and Drop drag –
dragndrop
Download dl-uma glyphicons-download-alt
download-uma
sort – sort halflings-selectbox
selectbox
halflings-selectbox
Map-marked-alt.svg geoip geoip geoip
Unified Reporting ur fal fa-chart-pie
reporting
Unified Security Console usc fal fa-server
security console
console
Android-white-grey.png Android an-wg Android-white-grey.png
android-white
Android-red-grey.png Android an-rg Android-red-grey.png
android-red
Android-red-white.png Android an-rw Android-red-white.png
android-red-white
Android-red-lightgrey.png Android an-rlg Android-red-lightgrey.png
android-red-lightgrey
Windows Dienste Icon.png - cog3 -
Windows-Dienste
Dashboards dashboards fal fa-sitemap
sitemap


Portfilter Beispiel

Darstellung

Anzeige Portfilter Regel

# Quelle Ziel Dienst NAT Aktion Aktiv
drag 4 world internet Interface.svg external-interface Service-group.svg ipsec Accept Einladung senden
drag 5 internal-network Vpn-network.svg IPSec-Network Service-group.svg HNE Accept Einladung senden
drag 6 Vpn-network.svg IPSec Network internal-network Service-group.svg Accept Einladung senden
drag 7 Vpn-network.svg SSL-VPN-RW-Network host Service-group.svg HNE Accept Einladung senden


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
drag 4 Vpn-network.svg internal-network world internet Tcp.svg 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.svg vpn-network Beschreibung
Ziel world internet
Dienst Service-group.svg dienstname
Aktion Accept
NAT
Typ Hidenat
Netzwerkobjekt Interface.svg internal-interface
  • Dienst Tcp.svg 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}} || 
|}
    Abgerufen von „https://wiki.securepoint.de/index.php?title=Vorlage:Spc&oldid=76029“