Vorlage:ButtonAn: Unterschied zwischen den Versionen

Aktuelle Version vom 16. Januar 2024, 10:52 Uhr

Syntax: {{ ButtonAn | Optional Parameter1: Text in Schaltfläche | optional Parameter2: Anwendung }}

Erstellt einen Ein-Button.
Darstellung variiert je nach Anwendung. Die Anwendung wird über die URL identifiziert oder kann optional angegeben werden.

Optionaler Parameter	Wert	Darstellung
\| 1	Ein	Ein
\|1	check
\| 2 oder \| Anw=	UTM Default
	AV MS USR ICS AWP
	MSI
	MSA
	SUB	Ein
	UMA	Ein

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.

@@ Zeile 1: / Zeile 1: @@
 <noinclude><templatestyles src="Vorlage:Styles.css" /></noinclude>{{#switch:
-	{{{ 2 | {{{ Anw | {{{v |	{{#switch: {{#titleparts: {{FULLPAGENAMEE}} | 1 | 1 }}
+	{{{ 2 | {{{ Anw | {{{v | {{Anw}} }}} }}} }}}
-							| Spielwiese={{#titleparts: {{FULLPAGENAMEE}} | 1 | 2 }}
-							| #default={{#titleparts: {{FULLPAGENAMEE}} | 1 | 1 }}
-						}}
-			 }}}
-	}}} }}}
 	| AV
 	| USR
-	| SUB
+	| USC
 	| ICS
-	| MS=<span style="
+	| AWP
-		background: #E74C3C;
+	| SPDyn
-		border: 1px solid ##E74C3C;
+	| MS=<span  class= "MS ButtonAn"><span class="ButtonAn-Text">{{#if: ||{{{1|}}} }}</span><span class="ButtonAn-Toggle">&#8195;&#8197;</span></span>
-		overflow: hidden;
+	| MSA=<span class="MSA ButtonAn"><span class="Button-Leiste">&#8195;&#8197;</span><span class="ButtonAn-Toggle"></span></span>
-		display: inline-block;
+	| MSI=<span class="MSI ButtonAn"><span class="ButtonAn-Text">{{#if: ||{{{1|}}} }}</span><span class="ButtonAn-Toggle">&#8195;&#8197;</span></span>
-		width: 32px;
+	| SUB=<span class="SUB inline-flex"><span class=ButtonAn-Text {{{fc|}}}>{{#if: ||{{{1|}}} }}</span><span class="ButtonAn"><span class=ButtonAn-Toggle></span></span></span>
-		height: 16px;
+	| UMA=<span class="UMA ButtonAn"><span class=ButtonAn-Text {{{fc|}}}>{{#if: ||{{{1|}}} }}</span><span class=ButtonAn-Toggle></span></span>
-		border: 1px solid rgba(0, 0, 0, 0.125);
+	| #default=<span class="UTM ButtonAn {{{class|}}}"><span class=ButtonAn-Text {{{fc|}}}>{{#ifeq:{{{1|}}}|check|<i class="far fa-check"></i>|{{{1|}}}}}</span><span class=ButtonAn-Toggle></span></span>
-		position: relative;
-		top: 3px;
-		margin-right: 0px;
-		cursor: pointer;
-		border-radius:9999px;
-		color: white;
-		clear: both"
-		"><span style="
-		font-size: 75%;
-		padding-left: 7px;
-		vertical-align: 0.15em;"
-	>{{#if: ||{{{1|}}} }}</span><span style="
-		background-image: linear-gradient(#c7c7c7,#e8e8e8);
-		border: 0px solid #999999;
-		border-radius:9999px;
-		display: block;
-		left: 17px;
-		top: 0px;
-		bottom: 0px;
-		background: #fff;
-		position: absolute;
-		-webkit-transition: 0.3s;
-		transition: 0.3s;
-		border-radius: 11px;
-		width: 14px;
-		height: 14px;
-		-webkit-box-shadow: 0 0 6px -2px black;
-		box-shadow: 0 0 6px -2px black;
-		clear: both"
-	">&#8195;&#8197;</span></span>
-	| MSA=<span style="
-		<!-- äußerer (unsichtbarer) Rahmen -->
-		background: white;
-		border: 0px solid rgba(0, 0, 0, 0.125);
-		overflow: hidden;
-		display: inline-block;
-		width: 23px;
-		height: 16px;
-		position: relative;
-		top: 3px;
-		margin-right: 0px;
-		margin-top: 0px;
-		cursor: pointer;
-		border-radius:24px;
-		color: rgba(0, 0, 0, 0.6);
-		clear: both"
-	">
-	<span style="
-			font-size: 50%;
-			padding-left: 17px;
-			vertical-align: 15px;"
-		>{{#if: ||{{{1|}}} }}
-	</span>
-	<span style="
-			<!-- rosa Schiebeleiste -->
-			background-image: {{Farbe|rot}}
-			border: 1px solid #f5cdc9;
-			border-radius:9999px;
-			display: block;
-			left: 0px;
-			top: 3px;
-			bottom: 0px;
-			background: #f5cdc9;
-			position: absolute;
-			-webkit-transition: 0.3s;
-			transition: 0.3s;
-			border-radius: 19px;
-			width: 23px;
-			height: 9px;
-			x-webkit-box-shadow: 0 0 6px -2px black;
-			xbox-shadow: 0 0 6px -2px black;
-			clear: both"
-		">&#8195;&#8197;
-	</span>
-	<span style="
-			<!-- Button -->
-			<span style="
-		background-color: {{Farbe | rot| Anw=MS}}
-			border: 1px solid #999999;
-			border-radius:9999px;
-			overflow: hidden;
-			display: inline-block;
-			width: 15px;
-			height: 15px;
-			position: absolute;
-			top: 0px;
-			margin-left: 8px;
-			cursor: pointer;
-			color: grey;
-			clear: both"
-			">
-			<span style="
-				font-size: 75%;
-				padding-left: 17px;
-				vertical-align: 15px;"
-				>
-			</span>
-		</span>
-</span>
-	| MSI=<span style="
-		background: {{Farbe| grün | Anw=MS}}
-		border: 1px solid ##E74C3C;
-		overflow: hidden;
-		display: inline-block;
-		width: 26px;
-		height: 16px;
-		border: 1px solid rgba(0, 0, 0, 0.125);
-		position: relative;
-		top: 3px;
-		margin-right: 0px;
-		cursor: pointer;
-		border-radius:9999px;
-		color: white;
-		clear: both"
-		"><span style="
-		font-size: 75%;
-		padding-left: 7px;
-		vertical-align: 0.15em;"
-	>{{#if: ||{{{1|}}} }}</span><span style="
-		background-image: linear-gradient(#c7c7c7,#e8e8e8);
-		border: 0px solid #999999;
-		border-radius:9999px;
-		display: block;
-		left: 10px;
-		top: 0px;
-		bottom: 0px;
-		background: #fff;
-		position: absolute;
-		-webkit-transition: 0.3s;
-		transition: 0.3s;
-		border-radius: 11px;
-		width: 14px;
-		height: 14px;
-		-webkit-box-shadow: 0 0 6px -2px black;
-		box-shadow: 0 0 6px -2px black;
-		clear: both"
-	">&#8195;&#8197;</span></span>
-	| #default=<span class=ButtonAn><span class=ButtonAn-Text {{{fc|}}}>{{#if: ||{{{1|}}} }}</span><span class=ButtonAn-Toggle></span></span>
 }}<noinclude>
 {{Dokumentation}}
 </noinclude>