Difference between revisions of "Template:Ansreq/Sandbox"

Latest revision as of 14:39, 13 November 2020

IMPORTANT: This is a Sandbox of the template, to test out new stuff. So if something is tested, it needs to be copied to the template in use

This template is used to create the header and the answerbox of a requirement. The answerbox needs to be closed by using the CloseReq-Template.
For example like that:

{{Ansreq/Sandbox|num=1|page={{PAGENAME}}}}<nowiki />

Here you can write your answer. Any MediaWiki-Content is possible.

The <nowiki />-tag is needed so there is no unnecessary line break at the begining of the answer. For the Example the {{PAGENAME}} was replaced with a fixed name, but at an honor page the template will get the needed information out of the pagename.

Requirement 1

Adventist Youth Honors Answer Book/Nature/Amphibians/Requirement/1

[Show/Hide Answer]

This is the example answer. Any MediaWiki-Content is possible (Tables, Templates, ...).

@@ Line 1: / Line 1: @@
 <noinclude><translate><!--T:1-->
 </noinclude>
-<noinclude>This is a Sandbox of the template, to test out new stuff. So if it should be used, it needs to be copied without the dummy content.
+<noinclude><div class="toccolours"><b>IMPORTANT: This is a Sandbox of the template, to test out new stuff. So if something is tested, it needs to be copied to the [[Template:Ansreq|template in use]]</b></div>
-Also there is a problem with the uniqueness of the ID of the customcollapsible and the CLASS of the custom toggle button. I (DesignerThan) want to include the "num"-argument into the CSS ID and CLASS but I was not able to do that because the string gets implemented as it is and won't be replaced. Maybe some body can help with that.</noinclude>
-<!--close the collapsible box from previous requirement-->
+This template is used to create the header and the answerbox of a requirement. The answerbox needs to be closed by using the [[Template:CloseReq|CloseReq]]-Template.<br>
-{{#ifeq:{{{num|1}}}|1
+For example like that:<br>
-|<!--first requirement doesn't close previous box-->
+<div class="toccolours">
-|</div></div><!--if this is not the first requirement, close the previous box-->}}
+:<nowiki>{{Ansreq/Sandbox|num=1|page={{PAGENAME}}}}<nowiki /></nowiki><br>
+:<nowiki>Here you can write your answer. Any MediaWiki-Content is possible.</nowiki><br>
+:<nowiki>{{CloseReq}}</nowiki>
+</div>
+The <nowiki><nowiki /></nowiki>-tag is needed so there is no unnecessary line break at the begining of the answer.
+For the Example the <nowiki>{{PAGENAME}}</nowiki> was replaced with a fixed name, but at an honor page the template will get the needed information out of the pagename.
+{{Ansreq/Sandbox|num=1|page=Adventist Youth Honors Answer Book/Nature/Amphibians/Sandbox}}<nowiki />
+This is the example answer. Any MediaWiki-Content is possible (Tables, Templates, ...).
+{{CloseReq}}</noinclude><includeonly>
 <!--render requirements box-->
-<br/>
 <table width="100%" cellspacing=0>
 <tr>
-<td bgcolor=#8080e0>
+<td bgcolor=#8080e0 style="width: 15%; padding:0 0.5em;">
 <font size=3 color=#202020>
 '''''{{#switch:{{SUBPAGENAME}}
@@ Line 17: / Line 24: @@
 |fr=Exigence
 |Requirement}} {{{num}}}'''''</font>
+</td>
+<td bgcolor=c0c0ff style="width: 85%; padding:0 0.5em;">
+<b><font size=3 color=#202020>{{:{{#titleparts:{{{page}}}|3|1}}/Requirement/{{{num}}}{{#switch:{{SUBPAGENAME}}|es=/es|fr=/fr}}}}</font></b>
+</td>
+<td bgcolor=#E5E5FF style="text-align: right; padding:0 0.5em; white-space:nowrap;">{{CustomToggleButton|text={{#switch:{{SUBPAGENAME}}|es=Mostrar/ocultar Respuesta|fr=Afficher/Masquer Réponse|Show/Hide Answer}}|name=ansreq-{{{num|1}}}}}
 </td>
 </tr>
-<tr>
-<td bgcolor=#c0c0ff>
-<b><font size=3 color=#202020>{{:{{#titleparts:{{{page}}}|3|1}}/Requirement/{{{num}}}{{#switch:{{SUBPAGENAME}}|es=/es|fr=/fr}}}}</font></b>
-</td></tr>
 </table>
 <!--create collapsible box for the answers-->
-<div class="toccolours mw-collapsible" id="mw-customcollapsible-ansReq" style="width:100%">
+<div class="toccolours mw-collapsible mw-collapsed" id="mw-customcollapsible-ansreq-{{{num|1}}}">
+</includeonly>
-<div class="mw-customtoggle-ansReq" href="#" style="width: 100%; text-align: right; margin-bottom: 1em;">[<span style="text-decoration: underline; color: blue;">{{#switch:{{SUBPAGENAME}}|es=Mostrar/ocultar Respuestas|fr= Afficher/Masquer Réponses|Show/Hide Answers}}</span>]</div>
-<div class="mw-collapsible-content">
-Test Content
-</div>
-</div>
 <noinclude></translate></noinclude>