Vorlage:Menu: Unterschied zwischen den Versionen

Aktuelle Version vom 2. August 2023, 08:30 Uhr

Syntax: {{ Menu | Eintrag1 | Optional: Menü2 | Optional3: Reiter | Optional4: Schaltfläche | Optional5: Icon vor Schaltfläche}}

Formatiert bis zu 2 Einträge im Menü-Layout der UTM mit jeweils einem Pfeil davor sowie einen Reiter und eine Schaltfläche mit Icon.

Soll eine Formatierung ausgelassen werden, muss ein Leerer Parameter übergeben werden.

→ Menü1 →Menü2Reiter Reiter Schaltfläche Schaltfläche

Optional: Als 2. Paramater ein 'n'
Darstellung ohne Pfeil (Nur ein Eintrag möglich!) z.B. für Überschriften:
{{ Menu | Menü | n}} → ‌ Menü
Mobile Security Android Geräte {{Menu|ms|an|g|Anw=MS}}

Position	Parameter	Eingabe	Darstellung
1+2	Menü1 \|Menü2	{{Menu\|Menü1\|Menü2}}	→ Menü1 →Menü2
2	n	{{Menu\|Menü\|n}}	‌ Menü
3	Reiter	{{Menu\|Menü1\|Menü2\|Reiterbeschriftung}}	→ Menü1 →Menü2Reiter Reiterbeschriftung
4	Schaltfläche	{{Menu\|Menü1\|Menü2\|Reiterbeschriftung\|Schaltflächenbeschriftung}}	→ Menü1 →Menü2Reiter Reiterbeschriftung Schaltfläche Schaltflächenbeschriftung
5	Icon in Schaltfläche	{{Menu\|Menü1\|Menü2\|Reiterbeschriftung\|Schaltflächenbeschriftung\|+}}	→ Menü1 →Menü2Reiter Reiterbeschriftung Schaltfläche Schaltflächenbeschriftung
mit	mit Schaltfläche	{{Menu\|Menü1\|Menü2\|Reiterbeschriftung\|Schaltflächenbeschriftung\|+\|mit=x}}	→ Menü1 →Menü2Reiter Reiterbeschriftung mit der Schaltfläche Schaltflächenbeschriftung
mit	mit Schaltfläche ohne Beschriftung	{{Menu\|Menü1\|Menü2\|Reiterbeschriftung\|Schaltflächenbeschriftung\|+\|mit=x}}	→ Menü1 →Menü2Reiter Reiterbeschriftung mit der Schaltfläche
class=	css-Klasse	{{Menu\|Menü1\|Menü2\|Reiterbeschriftung\|Schaltflächenbeschriftung\|+\|class=fs08}}	→ Menü1 →Menü2Reiter Reiterbeschriftung Schaltfläche Schaltflächenbeschriftung
\|Anw=MS	Schaltfläche mit Parameter 5	{{Menu\|Menü1\|Menü2\|Menü3\|Menü-3 Beschriftung\|Reiter}}	Menü1Menü2Menü3 / Reiter Reiter
\|Anw=MS	Schaltfläche	{{Menu\|ms\|an-wg\|an-rg\|icon weiß-grau/rot-grau}}	Mobile Security Android icon weiß-grau/rotgrau
\|Anw=MS	Schaltfläche	{{Menu\|ms\|an-wg\|profile\|icon weiß-grau/ profile}}	Mobile Security Android icon weiß-grau/rotgrau
\|Anw=MS	Parameter: Kürzel für spc-Icon mit Dropdown Parameter: Kürzel für spc-Icon mit Dropdown Parameter: Kürzel für spc-Icon (rot) Parameter: Text für 3. Feld Parameter für einen Reiter	{{Menu\|ms\| \|cog\| Einstellungen}}	Mobile Security Einstellungen
\|Anw=SPDyn	Schaltfläche	{{Menu\|Abschnitt\|building\|Kunden}}	AbschnittKunden 1. Parameter: Klein, fett: Abschnitt 2. Parameter: Icon-Kürzel aus Vorlage spc 3. Parameter: Icontext
\|Anw=SPDyn	Schaltfläche	{{Menu\|Abschnitt\|Menü\|icon=fal fa-random}}	Abschnitt Menü SupportDownloads 1. Parameter: Klein, fett: Abschnitt 2. Parameter: Icontext 3.Parameter: icon=FontAwesome Klasse AbschnittDownloads
\|Anw=AWP	Schaltfläche	{{Menu\|Menü1\|Menü2}}	Mandant wählen Startseite Menü1 Menü2
	1. Icon Mögliche Werte: Sosafe-dropdown Sosafe-check-circle.svg Sosafe-chart.svg Sosafe-check-badge.svg Sosafe-Home.svg	icon1=Sosafe-dropdown.svg Default {{Menu\|Menü1\|Anw=AWP}}	Mandant wählen Startseite Menü1
	icon1-r=Sosafe-check-badge.svg Default	Icon rechts des ersten Eintrags {{Menu\|Menü1\|Menü2\|icon1-r=- \|Anw=AWP}}	Mandant wählen Startseite Menü1 Menü2
	icon2=Sosafe-check-circle.svg Default	2. Icon: {{Menu\|Menü1\|Menü2\|icon2=Sosafe-chart.svg\|Anw=AWP}}	Mandant wählen Startseite Menü1 Menü2
	Home=yes Default	Blendet Mandant / Startseite ein {{Menu\|\|Menü2\|Home=no\|Anw=AWP}}	Menü2
\|Anw=SUB	Menüleiste Zeilenauswahl (mit blauem Dropdown-Icon) Icon am Anfang der Zeilenauswahl: pc / ka / Kasten (ggf. leer lassen) Reiter Schaltfläche Schaltflächen-Icon (Vorlage: Button)	{{Menu\|Computer\|Computer wählen\|pc\|Jobs\|Aktion wählen}}	Computer Computer wählen / Reiter Jobs / Schaltfläche Aktion wählen
\|Anw=SUB	Schaltfläche=xy	{{Menu\|Benutzer\|Benutzer wählen\|\|Benutzereinstellungen\|Auswählen\|dro\|Schaltfläche=Zeile: {{b\|Status-Feed}} }}	BenutzerBenutzer wählen / Reiter Benutzereinstellungen / Zeile: Status-Feed Auswählen
\|Anw=SUB		{{Menu\|Sites\|Site wählen\|\|Benutzer\|Anw=SUB}} {{Menu\|\|Benutzer wählen\|\|Agents\|Anw=SUB}}	SitesSite wählen / Reiter Benutzer Benutzer wählen / Reiter Agents
\|Anw=SUB		{{Menu\|Dashboard\|Benachrichtigungscenter\|ka\|Status-Feed\|Anw=SUB}}	DashboardBenachrichtigungscenter / Menü: Status-Feed
\|Anw=SUB	menu=true	Wird die Vorlage in einem Listelement aufgerufen passieren seltsame Dinge mit der Positionierung. Hier kann es erforderlich sein, den Vorsatz Menü bereits in der Vorlage zu erzeugen. {{Menu\|Dashboard\|menu=true\|Anw=SUB}}	Menü:Dashboard

Host Hosts verwalten drHosts verwalten Typ

Diese Dokumentation befindet sich auf einer eingebundenen Unterseite [ Bearbeiten].
Syntax-Beispiel befindet sich auf der Syntaxseite [Bearbeiten].
Test-/Beispielseite erstellen.
Liste der Unterseiten.

@@ Zeile 1: / Zeile 1: @@
-<span style="
+<span class=none>{{var| Mandant| Mandant wählen| Choose tenant }}{{var| Reiter| Reiter| Tab }}</span>{{var| Schaltfläche|Schaltfläche|Button}}{{var|Startseite|Startseite|Start page}}{{var|Menu|Menü|Menu}}{{var|Abschnitt|Abschnitt|section}}<noinclude>{{Set_lang}}
-		background-image: linear-gradient(#b9e0f5, #92bdd6);
+</div></noinclude>{{#switch:{{{mit|}}} | x | true= | #default={{#vardefine:mit|{{{mit|}}} {{#var:mit}} }} }}{{#switch: {{{Anw|{{Anw}} }}} | SUB=<span class="SUB">{{#if:{{{menu|}}}|{{#var: Menu}}: }}{{#if:{{{1|}}}|<span class="Menu-Rand"><span class="Menu {{{class|}}}">{{{1|}}}</span></span>}}{{#if:{{{2|}}}|{{#switch:{{{3|}}}|pc=<span class="Menu">{{spc|fa|o|{{{2|}}}|class=fas fa-laptop}} <i class="fas fa-angle-down dr-b"></i></span>|ka|Kasten=<span class="Menu-Rand"><span class=Kasten>{{{2|}}}</span></span>|-|#default=<span class="Menu">{{{2|}}} <i class="fas fa-angle-down dr-b"></i>}} }}{{#if:{{{Reiter|{{{4|}}} }}}|/ {{#var:Reiter}} <span class="SUB Reiter-Rand"><span class=Reiter>{{{4|}}}</span></span>}} {{#if:{{{5|}}}| / {{{Schaltfläche|{{#var:Schaltfläche}} }}} {{Button|{{{5|}}}|{{{6|}}}|Anw=SUB}} }}</span>
-		border: 1px solid;
+	| USC
-		border-color: #7096ab #7096ab #7096ab #7096ab;
+	| MDM
-		border-bottom-left-radius: 0px;
+	| MS=<span class="MS spc__menu bc__grau-menu border-color__grau-menu font-color__white pipe-left">{{#if:{{{home|{{{Home|}}} }}}|{{spc|{{{home|{{{Home|}}} }}}|o|sp-class=fs08 bold}} }} {{spc|{{{1|}}}|{{{Text-1|o}}}|dr|sp-class={{#switch:{{{1|}}}|Produkte|Products|Common=fs08 bold|#default=}}}}{{#if:{{{2|}}}|{{spc|{{{2|}}}|{{{Text-2|o}}}|dr}} }}{{#if:{{{3|}}}|{{#if:{{{4|}}}|{{spc|{{{3|}}}|{{{3-Text|o}}}|{{{4|}}}|icon-c=r }}|{{spc|{{{3|}}}|o|icon-c=r}} }} }}</span> <span>{{#if:{{{5|}}}| / {{#var:Reiter}} {{Reiter| {{{5|}}}|Anw={{{Anw|{{Anw}} }}} }}  }}</span>
-		border-bottom-right-radius: 0px;
+	| RSP
-		border-top-right-radius: 3px;
+	| AV
-		border-top-left-radius: 3px;
+	| SPDyn=<span class="MS spc__menu bc__grau-menu border-color__grau-menu font-color__white pipe-left">{{spc||o|{{{1|}}}|sp-class=fs08 bold }}{{#if:{{{icon|}}}|{{spc|fa|o|{{{2|}}}|class={{{icon}}} }}|{{spc|{{{3|}}}|o|{{{2|}}}}} }}</span>
-		padding: 0px 3px;
+	| AWP={{#switch: {{{Home|yes}}}|yes=<span class="AWP Mandant">{{#var:Mandant}}</span><span class="AWP Menu">[[Datei:Sosafe-Home.svg|20px|link=]] {{#var:Startseite}} </span> }}{{#if:{{{1|}}}{{{2|}}}|<span class="AWP Menu">{{#if:{{{1|}}}|[[Datei:{{#var:icon1|Sosafe-dropdown.svg}}|20px|link=]] {{{1|}}} {{#switch:{{{icon1-r|}}}|-=|#default=[[Datei:{{{icon1-r|Sosafe-check-badge.svg}}}|20px|link=]]}}</span>}}{{#if:{{{2|}}}|<span class="AWP Menu">[[Datei:{{{icon2|Sosafe-check-circle.svg}}}|20px|link=]] {{{2|}}} </span>}} }}
-		margin-right: 4px;
+	| UMA={{#if:{{{1|}}}|{{Reiter|{{{1|}}}}}}}{{#if:{{{2|}}}| &ensp;{{#var:Reiter}} {{Reiter|{{{2|}}} }} }}{{#if:{{{3|}}}| &ensp;{{#var:Abschnitt}} {{Kasten|{{{3|}}} }} }}
-display: flex;
+	| AVM=<span style="color: rgba(255, 255, 255, 1); padding: 5px; display: inline-block; background-color: #006EC0; border-radius: 5px;">{{{1|}}}</span> {{#if:{{{2|}}}| → <span style="color: rgba(255, 255, 255, 1); padding: 5px; display: inline-block; background-color: #006EC0; border-radius: 5px;">{{{2|}}}</span>}}{{#if:{{{3|}}}| → {{#var:Reiter}}&ensp;{{Reiter|{{{3|}}}|Anw=AVM}} }}{{#if:{{{4|}}}| / {{{Schaltfläche|{{#var:Schaltfläche}} }}} {{Button|{{{4|}}}|{{{5|}}}|Anw=AVM}} }}
-		clear: both"
+	| #default={{#if:{{{1|}}}|<span class="menu {{{class|}}}"<!--
-	>{{#ifeq: {{{2|}}} |n
+-->	>{{#ifeq: {{{2|}}} |n<!--
-		|  &#8204;
+-->		|  &#8204;
 		|→
 		}}&nbsp;{{#if: || {{{1}}} }}&nbsp;{{#ifeq: {{{2|}}} |
 		|
-		|{{#ifeq: {{{2|}}} |n
+		|{{#ifeq: {{{2|}}} |n<!--
-			|
+-->			|
 			|→{{#if:|| {{{2|}}} }}
-		}}
+		}} <!--
-	}}</span>{{#if: {{{3|}}}
+-->	}}</span>}}{{#if: {{{3|}}} <!--
-		| Reiter {{Reiter | {{#if:|| {{{3|}}}}}}}
+-->		| {{#var:Reiter}} {{Reiter |{{#if:||{{{3|}}} }}|class={{{class|}}|Anw={{{Anw}}} }}
-		}}
+		}} <!--
-		{{#if: {{{4|}}}
+-->		{{#if: {{{4|}}}{{{5|}}} <!--
-		| Schaltfläche {{Button | {{#if:|| {{{4|}}} }} | {{{5|}}} }}
+-->		| {{#if:{{{6|{{{mit|}}} }}}|{{#var:mit }} }} {{#var:Schaltfläche}} {{Button |{{{4|}}}| {{{5|}}}|class={{{class|}}} }}
-		}}<noinclude>
+		}}<!--
-{{Dokumentation}}
+-->}}<noinclude>
-</noinclude>
+{{Dokumentation}}<!--
+Die Leeren Kommentare kaschieren Zeilenumbrüche.
+Zeilenumbrüche sind für das Auge nützlich, erzeugen aber im Zusammenhang mit anderen Vorlagen willkürliche <p>-Tags durch den mw-Parser !
+--></noinclude>