Vorlage:Spc

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}} → fa
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}}

dl-uma

cog2

cog3

netgroup

host

vpn-host

drag

dl-uma

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	interface	interface
	internet	internet	internet
		world
	vpn-network	vpn-network	vpn-network
	udp	udp	udp
	icmp	icmp	icmp
	other	other	other
	tcp	tcp	tcp
	service-group	service-group	service-group
		dienste
	net	net	net
	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
	geoip	geoip	geoip
	Unified Reporting	ur	fal fa-chart-pie
		reporting
	Unified Security Console	usc	fal fa-server
		security console
		console
	Android	an-wg	Android-white-grey.png
		android-white
	Android	an-rg	Android-red-grey.png
		android-red
	Android	an-rw	Android-red-white.png
		android-red-white
	Android	an-rlg	Android-red-lightgrey.png
		android-red-lightgrey
	-	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	external-interface	ipsec		Accept	Einladung senden
	drag	5	internal-network	IPSec-Network		HNE	Accept	Einladung senden
	drag	6	IPSec Network	internal-network			Accept	Einladung senden
	drag	7	SSL-VPN-RW-Network	host		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	internal-network	world 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	world internet
Dienst	dienstname
Aktion	Accept
NAT
Typ	Hidenat
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}} || 
|}

---

Diese Dokumentation befindet sich auf einer eingebundenen Unterseite [ Bearbeiten]. Syntax-Beispiel befindet sich auf der Syntaxseite [Bearbeiten]. Anwendungsbeispiele und Funktionalitätsprüfungen befinden sich auf der Testseite [Bearbeiten]. Liste der Unterseiten.