https://open-csp.org/api.php?action=feedcontributions&feedformat=atom&user=AdminCSP Wiki - User contributions [en]2026-04-29T16:38:23ZUser contributionsMediaWiki 1.43.8https://open-csp.org/index.php?title=File:About_Open_CSP.jpg&diff=3913File:About Open CSP.jpg2026-02-17T07:31:24Z<p>Admin: Uploaded using the screenshot options</p>
<hr />
<div>testing</div>Adminhttps://open-csp.org/index.php?title=DevOps:Doc/FlexForm/1.1/API/FlexFormBot&diff=3904DevOps:Doc/FlexForm/1.1/API/FlexFormBot2025-12-22T14:26:16Z<p>Admin: no old email address</p>
<hr />
<div>===Name===<br />
API<br />
===Type===<br />
FlexFormBot<br />
===Synopsis===<br />
Trigger a FlexForm action.<br />
===Description===<br />
Trigger a FlexForm action. Currently only the email trigger is available. With this API function you can use FlexForm as a newsletter engine. Create a Python function or a Maintenance script that is triggered using a Cron job to send newsletters automatically utilizing the additional '''data''' attribute to have you script add the BCC email addresses.<br />
<br />
===Parameters===<br />
'''trigger''' - What function needs to be triggered within FlexForm. This parameter is required.<br />
<br />
'''data''' - Extra data needed for the Trigger function. Depends on the trigger action. Please read the manual for more information. <br />
<br />
'''title''' - Title needed for the Trigger function. Depends on the trigger action. Please read the manual for more information. <br />
<br />
'''token''' - A "'''csrf'''" token retrieved from action=query&meta=tokens. This parameter is required.<br />
<br />
====Trigger email====<br />
With this trigger you can send an email, based on the email-template. <br />
<br />
The email trigger also needs a title of a page. That page needs to be setup as a full email template. Read the docs "email" on how to setup such a template. <br />
<br />
Additionally, you can use the data attribute to add BCC addresses to an email. Format is a JSON <br />
<br />
<code>{ "bcc": "Charlot [charlot@wikibase.nl], exampleuser [user@example.com]" }</code> <br />
===Example===<br />
Make a call using the csrf token to the MediaWiki API<br />
<syntaxhighlight><br />
To = api.php<br />
action = FlexFormBot<br />
trigger = email<br />
title = Email template page<br />
token = <your csrf token><br />
</syntaxhighlight><br />
<br />
===Return format===<br />
The API result will be in a JSON format. When an error occurs, you will have an error field present where you can read its message.<br />
<br />
Example of an error<br />
<syntaxhighlight lang="json"><br />
{<br />
"FlexFormBot": {<br />
"error": {<br />
"message": "The page you specified doesn't exist.",<br />
"request": {<br />
"trigger": "email",<br />
"title": "Email_template_test",<br />
"data": null<br />
}<br />
}<br />
}<br />
}<br />
</syntaxhighlight><br />
<br />
Example of success<br />
<syntaxhighlight lang="json"><br />
{<br />
"FlexFormBot": {<br />
"result": {<br />
"request": {<br />
"trigger": "email",<br />
"title": "Email_template_test",<br />
"data": null<br />
},<br />
"message": "success"<br />
}<br />
}<br />
}<br />
</syntaxhighlight><br />
===Note===<br />
You need to add the csrf token with every request to FlexFormBot</div>Adminhttps://open-csp.org/index.php?title=DevOps:Doc/FlexForm/2.1/input/file/examples&diff=3272DevOps:Doc/FlexForm/2.1/input/file/examples2024-10-29T20:10:11Z<p>Admin: </p>
<hr />
<div>==== Example 1 ====<br />
This will upload a file. If the filename is DCM10001.jpg, the file will be uploaded as '''pictures-DCM10001-732138982.jpg''', The filepage will have '''Information of the test file'''. Finally using '''error_id''' and '''verbose_id''', means the user should add two div's, one with an id="div-error" and one with an id="div-verbose" with these name themselves.<br />
<syntaxhighlight lang="html"><br />
<input type="file" id="fileUpload" name="test" target="pictures-[filename]-[mwrandom]" pagecontent="Information of the test file" error_id="div-error" verbose_id="div-verbose" /><br />
</syntaxhighlight><br />
<br />
==== Example 2 ====<br />
Always make sure an image will be transformed to jpeg.<br />
<br />
Allow for multiple file upload.<br />
<br />
Add form text field "description" on the files page content.<br />
<syntaxhighlight lang="html"><br />
<form enctype="multipart/form-data" ><br />
<input type="file" id="fileUpload" name="myfile" multiple="multiple" parsecontent target="pictures-[filename]-[mwrandom]" pagecontent="Information for this image: [description]" force="jpg" /><br />
<input type="text" name="description" /><br />
<input type="submit" value="upload" /><br />
</form><br />
</syntaxhighlight><br />
<br />
==== Example 3 ====<br />
Store a template to the pagecontent. You can use this if you want the filepage to have structured content or if you want to store structured data with an extension like SMW.<syntaxhighlight lang="html"><br />
<form enctype="multipart/form-data" ><br />
<input type="file" id="fileUpload" name="myfile" target="picture-[mwrandom]" parsecontent template="Uploaded file" pagecontent="[flexform-template]|Uploaded from page={{FULLPAGENAME}}|Uploaded by={{CURRENTLOGGEDUSER}}|Comment=[Comment][/flexform-template]" /><br />
<input type="text" name="Comment" placeholder="Comment" /><br />
<input type="submit" value="upload" /><br />
</form><br />
<br />
</syntaxhighlight><br />
<br />
==== Example 4 ====<br />
Convert a Microsoft Docx document to a page in the Wiki. In our example the pagename will be the filename.<br />
<syntaxhighlight lang="html"><br />
<form enctype="multipart/form-data" messageonsuccess="File has been converted and uploaded"><br />
<input type="file" name="myfile" id="fileUpload" multiple="multiple" parsecontent target="[filename]" pagecontent="This image belongs to : [filename]" action="convertfrom:docx" comment="converted and uploaded from {{PAGENAME}}" /><br />
<input type="submit" value="upload" /><br />
</form><br />
<br />
</syntaxhighlight><br />
<br />
==== Example 5 ====<br />
Convert a Microsoft Excel document to a page in the Wiki. The Excel content is stored in json format in a slot and a create is used to also store a template in the main slot.<br />
<syntaxhighlight lang="html"><br />
<form enctype="multipart/form-data" messageonsuccess="File has been converted and uploaded"><br />
<div class="form-group"><br />
<fieldset class="form-group"><legend>Upload and convert Excel to Json</legend><br />
<_create noseo mwwrite="[FFUploadedFile-NewName-myfile]" mwtemplate="Test excel convert" mwfields="FFUploadedFile-UploadName-myfile::Original filename" /><br />
<input type="file" class="form-control-file" id="testingFile" name="myfile" parsecontent target="[filename]" action="convertfrom:xlsx" slot="ws-data" comment="converted and uploaded from {{PAGENAME}}" accept=".xlsx" target="excel-data-[mwrandom]-[filename]" /><br />
<input type="submit" value="upload" /><br />
</fieldset><br />
</div><br />
</form><br />
</syntaxhighlight></div>Adminhttps://open-csp.org/index.php?title=DevOps:Doc/FlexForm/2.0/input/select&diff=3271DevOps:Doc/FlexForm/2.0/input/select2024-10-27T20:23:18Z<p>Admin: </p>
<hr />
<div><br />
===Name===<br />
select (dropdown)<br />
===Type===<br />
select<br />
===Synopsis===<br />
How to use select with option fields to create a dropdown input<br />
===Description===<br />
The <code>select</code> element is used to create a drop-down list.<br />
<br />
The <code>name</code> attribute is needed to reference the form data after the form is submitted (if you omit the <code>name</code> attribute, no data from the drop-down list will be submitted).<br />
<br />
The <code>id</code> attribute is needed to associate the drop-down list with a label.<br />
<br />
The <code><nowiki><option></option></nowiki></code>tags inside the <code><nowiki><select></nowiki></code> element define the available options in the drop-down list.<br />
<br />
Instead of option inputs, it's also possible to use <code>selected</code> and <code>options</code> as attributes of the select element. In this case <code>options</code> should contain a comma-separated list of options and <code>selected</code> can be used to specify which option should be selected.<br />
<br />
===Parameters===<br />
<code><nowiki><select><option></option></select></nowiki></code><br />
<br />
You can also use placeholder to have an extra, non-selectable item with a suggestion. This also allows for not sending any data from a select, when the placeholder is still selected. Making a select field also an optional field in a form. See example 1.<br />
<br />
Select values have by default comma separated values when adding to a Template. You can specify a different separator using the argument '''separator'''. e.g. separator=";".<br />
<br />
All other valid HTML5 attributes are allowed<br />
===Example===<br />
<syntaxhighlight lang="html"><br />
<p>Select a car:</p><br />
<div><br />
<select name="car" placeholder="Choose a car"><br />
<option value="volvo">Volvo</option><br />
<option value="saab">Saab</option><br />
</select><br />
</div><br />
</syntaxhighlight><br />
<div><br />
<select name="car" placeholder="Choose a car"><br />
<option value="volvo">Volvo</option><br />
<option value="saab">Saab</option><br />
</select><br />
</div><br />
<br />
<syntaxhighlight lang="html"><br />
<label for="dino-select">Choose a dinosaur:</label><br />
<select id="dino-select"><br />
<optgroup label="Theropods"><br />
<option value="Tyrannosaurus">Tyrannosaurus</option><br />
<option value="Velociraptor">Velociraptor</option><br />
<option value="Deinonychus">Deinonychus</option><br />
</optgroup><br />
<optgroup label="Sauropods"><br />
<option value="Diplodocus">Diplodocus</option><br />
<option value="Saltasaurus">Saltasaurus</option><br />
<option value="Apatosaurus">Apatosaurus</option><br />
</optgroup><br />
</select><br />
</syntaxhighlight><br />
<label for="dino-select">Choose a dinosaur:</label><br />
<select id="dino-select"><br />
<optgroup label="Theropods"><br />
<option value="Tyrannosaurus">Tyrannosaurus</option><br />
<option value="Velociraptor">Velociraptor</option><br />
<option value="Deinonychus">Deinonychus</option><br />
</optgroup><br />
<optgroup label="Sauropods"><br />
<option value="Diplodocus">Diplodocus</option><br />
<option value="Saltasaurus">Saltasaurus</option><br />
<option value="Apatosaurus">Apatosaurus</option><br />
</optgroup><br />
</select><br />
<br />
<syntaxhighlight lang="html"><br />
<select name="Test" selected="C" options="A,B,C,D,E" /><br />
</syntaxhighlight><br />
<br />
<select name="Test" selected="C" options="A,B,C,D,E" /></div>Adminhttps://open-csp.org/index.php?title=DevOps:Doc/FlexForm/1.1/token&diff=3270DevOps:Doc/FlexForm/1.1/token2024-10-27T20:00:31Z<p>Admin: </p>
<hr />
<div>===Name===<br />
_token<br />
===Type===<br />
_token<br />
===Synopsis===<br />
Token input field<br />
===Description===<br />
Use of select2 tokens<br />
===Parameters===<br />
'''_token'''<br />
<br />
'''name''' = e.g. tokenfield[]<br />
<br />
'''separator''' = token values have by default comma separated values when adding to a Template. You can specify a different separator using this argument . e.g. separator=";".<br />
<br />
'''allowtags''' = (no value or (as off version 2.2.19 ->) value of 'allowtags') Allow to create values that do not exist<br />
<br />
'''allowsort''' = (no value or (as off version 2.2.19 ->) value of 'allowsort') Allow user to sort values (drag and drop selected token). '''Does not work with query source.'''<br />
<br />
'''allowclear''' = (no value or (as off version 2.2.19 ->) value of 'allowclear') allow user to clear his selection. Will only work when you have set a placeholder.<br />
<br />
'''input-length-trigger''' = integer number of characters before lookup actually happens, defaults to 3<br />
<br />
'''id''' = '''''mandatory'''''<br />
<br />
'''query''' = If you have [https://www.semantic-mediawiki.org Semantic MediaWiki] installed, you can do a SMW Ask query here to fill the options list. <br />
* '''returntext''' lets you set a property for the visible label of the token<br />
* '''returnid''' (optional) lets you set a property for the value to be stored. This defaults to the page name.<br />
* '''limit''' (optional) lets you sets the maximum number of pages to be returned by the query<br />
* '''fquery''' (optional) lets you set a SMW Filter query that will be added to the query. Additional you can use [fffield='<name of a form field>'] inside the fquery to dynamically add a value of a form field in the filter query.<br />
<br />
'''callback''' = templateCallBack<br />
<br />
'''multiple''' = multiple<br />
<br />
===Example===<br />
Example 1 : Search for pages in the Doc page types.<br />
<syntaxhighlight lang="html"><br />
<form><br />
<_token name="tokenfield[]" id="tokener" query="[[Class::Doc]][[Title::!!!]](limit=99999)(returntext=Title)" placeholder="Search for Documentation Titles" multiple="multiple" allowclear><br />
</_token><br />
</form><br />
</syntaxhighlight><br />
<br />
<_form restrictions="lifted" action="get"><br />
<_token name="tokenfield[]" id="tokener" query="[[Class::Doc]][[Title::!!!]](limit=99999)(returntext=Title)" placeholder="Search for Documentation Titles" multiple="multiple" allowclear><br />
</_token><br />
</_form><br />
<br />
<br />
Example 2 : Select one or more cars or create a new one<br />
<syntaxhighlight lang="html"><br />
<form><br />
<_token name="car[]" id="test-tokens-multiple" multiple="multiple" allowtags><br />
<option value="volvo">Volvo</option><br />
<option value="saab" selected="selected">Saab</option><br />
<option value="tesla" selected="selected">Tesla</option><br />
</_token><br />
</form><br />
</syntaxhighlight><br />
<form restrictions="lifted" ><br />
<_token name="car[]" id="test-tokens-multiple" multiple="multiple" allowtags><br />
<option value="volvo">Volvo</option><br />
<option value="saab" selected="selected">Saab</option><br />
<option value="tesla" selected="selected">Tesla</option><br />
</_token><br />
</form><br />
<br />
Example 3 : using the '''selected''' and '''options''' attributes<br />
<syntaxhighlight lang="html"><br />
<form><br />
<_token name="TestSelected[]" id="test-tokens-selected" selected="C" options="A,B,C,D,E" /><br />
</form><br />
</syntaxhighlight><br />
<form restrictions="lifted"><br />
<_token name="TestSelected[]" id="test-tokens-selected" selected="C" options="A,B,C,D,E" /><br />
</form><br />
<br />
Example 4 : using fquery<br />
<pre><br />
<form><br />
<select name="Version" ><br />
<option value="+">Any version</option><br />
<option value="1.0">1.0</option><br />
<option value="1.1">1.1</option><br />
<option value="2.0">2.0</option><br />
<option value="2.1">2.1</option><br />
</select><br />
<_token name="Doc page" id="tokens-with-fquery" query="[[Class::Doc]][[Doc subject::DevOps:Doc/FlexForm]][[Title::!!!]](limit=99999)(returntext=Title)(fquery=[[Subject version::[fffield=Version] ]])" input-length-trigger="1" placeholder="Search for Documentation Titles" multiple="multiple" allowclear><br />
</_token><br />
</form><br />
</pre><br />
<form restrictions="lifted"><br />
<select name="Version" ><br />
<option value="+">Any version</option><br />
<option value="1.0">1.0</option><br />
<option value="1.1">1.1</option><br />
<option value="2.0">2.0</option><br />
<option value="2.1">2.1</option><br />
</select><br />
<_token name="Doc page" id="tokens-with-fquery" query="[[Class::Doc]][[Doc subject::DevOps:Doc/FlexForm]][[Title::!!!]](limit=99999)(returntext=Title)(fquery=[[Subject version::[fffield=Version] ]])" input-length-trigger="1" placeholder="Search for Documentation Titles" multiple="multiple" allowclear><br />
</_token><br />
</form><br />
<br />
===Note===<br />
In an SMW query, the '''!!!''' will be replaced with whatever the user types.<br />
<br />
===Links===</div>Adminhttps://open-csp.org/index.php?title=User:Admin&diff=3220User:Admin2024-06-05T06:46:07Z<p>Admin: </p>
<hr />
<div><form enctype="multipart/form-data" restrictions="" permissions="can-edit;can-create"><br />
<input type="file" id="canvasUpload1" target="testCanvasFile1.jpg" pagecontent="testing" name="canvasUpload1" /><br />
<input type="file" id="canvasUpload2" target="testCanvasFile2.jpg" pagecontent="testing" name="canvasUpload2" /><br />
<input type="submit" value="upload" /><br />
</form></div>Adminhttps://open-csp.org/index.php?title=User:Admin&diff=3217User:Admin2024-06-05T06:34:04Z<p>Admin: </p>
<hr />
<div><form enctype="multipart/form-data" restrictions="lifted" permissions="can-edit;can-create"><br />
<input type="file" id="canvasUpload1" target="testCanvasFile1.jpg" pagecontent="testing" name="canvasUpload1" /><br />
<input type="file" id="canvasUpload2" target="testCanvasFile2.jpg" pagecontent="testing" name="canvasUpload2" /><br />
<input type="submit" value="upload" /><br />
</form></div>Adminhttps://open-csp.org/index.php?title=User:Admin&diff=3216User:Admin2024-06-05T06:26:04Z<p>Admin: </p>
<hr />
<div><form enctype="multipart/form-data" ><br />
<input type="file" id="canvasUpload1" target="testCanvasFile1.jpg" pagecontent="testing" name="canvasUpload1" /><br />
<input type="file" id="canvasUpload2" target="testCanvasFile2.jpg" pagecontent="testing" name="canvasUpload2" /><br />
<input type="submit" value="upload" /><br />
</form></div>Adminhttps://open-csp.org/index.php?title=User:Admin&diff=3211User:Admin2024-06-05T06:21:20Z<p>Admin: </p>
<hr />
<div><form restrictions="lifted" enctype="multipart/form-data" ><br />
<input type="file" id="canvasUpload1" target="testCanvasFile1.jpg" pagecontent="testing" name="canvasUpload1" /><br />
<input type="file" id="canvasUpload2" target="testCanvasFile2.jpg" pagecontent="testing" name="canvasUpload2" /><br />
<input type="submit" value="upload" /><br />
</form></div>Adminhttps://open-csp.org/index.php?title=User:Admin&diff=3210User:Admin2024-06-05T06:20:27Z<p>Admin: </p>
<hr />
<div><form restrictions="lifted" ><br />
<input type="file" id="canvasUpload1" target="testCanvasFile1.jpg" pagecontent="testing" name="canvasUpload1" /><br />
<input type="file" id="canvasUpload2" target="testCanvasFile2.jpg" pagecontent="testing" name="canvasUpload2" /><br />
<input type="submit" value="upload" /><br />
</form></div>Adminhttps://open-csp.org/index.php?title=User:Admin&diff=3209User:Admin2024-06-05T06:19:55Z<p>Admin: </p>
<hr />
<div><form restrictions="lifted" ><br />
<input type="file" id="canvasUpload1" target="testCanvasFile1.jpg" pagecontent="testing" /><br />
<input type="file" id="canvasUpload2" target="testCanvasFile2.jpg" pagecontent="testing" /><br />
<input type="submit" value="upload" /><br />
</form></div>Adminhttps://open-csp.org/index.php?title=DevOps:Doc/FlexForm/1.0/ShowOnSelect&diff=1836DevOps:Doc/FlexForm/1.0/ShowOnSelect2022-10-30T11:12:09Z<p>Admin: /* Parameters */</p>
<hr />
<div>===Name===<br />
showonselect<br />
===Type===<br />
_form<br />
===Synopsis===<br />
Show or hide elements based on a form input change<br />
===Description===<br />
This allows to show elements in a form based on a selection option, a checkbox status or radio button status.<br />
<br />
You can create a complete form with certain form elements hidden based on a selection in the form done by a user.<br />
===Parameters===<br />
'''<code>show-on-select</code> on the _form tag'''<br />
<br />
For it all to work you must let FlexForm know you want to use Show On Select by adding a parameter to the _form tag. '''See example 1'''.<br />
<hr><br />
'''<code>show-on-select</code> on a select field'''<br />
<br />
The actual show-on-select attribute is added to an option field within a select field.<br />
The value of show-on-select will be used to show a show-on-select-trigger with the same name. '''See example 2'''.<br />
<br />
This will show an additional text input field with the name texttest1 when you select option 1 and texttest2 will be hidden. When option 2 is chosen, then texttest2 will be shown and texttest1 hidden.<br />
<hr><br />
'''<code>show-on-checked</code> on a radio button'''<br />
<br />
'''Example 3''' shows you can also add a show-on-select-trigger to something different than a FlexForm _input field.<br />
The example will hide the div with the trigger until the radio button is checked.<br />
<hr><br />
'''<code>show-on-checked</code> on a checkbox and <code>show-on-unchecked</code> on a checkbox'''<br />
<br />
'''Example 4''' shows an example of how to use show-on-checked for a checkbox field.<br />
Checkboxes can have an additional option called show-on-unchecked. So, in the example, if a checkbox is unchecked it will show test B and hide test A. If the checkbox is checked it wish show test A and hide test B<br />
<br />
'''Example 5''' shows an example of how to use show-on-select when a certain value is equalled.<br />
You can use this on e.g. an input field of type text. When a certain text is entered and it equals a predefined value it will trigger the show on select<br />
<br />
'''Example 6''' shows an example of how to use show-on-select when a certain value is found.<br />
You can use this on e.g. an input field of type text. When a certain text is entered and it contains a predefined value it will trigger the show on select<br />
<br />
'''Example 7''' shows an example of how to use show-on-select when one or two conditions need to be selected before show-on-select is triggered. ( OR Trigger )<br />
The example will show a div when a value is selected in a selectbox OR a checkbox has been checked<br />
<br />
'''Example 8''' shows an example of how to use show-on-select when two conditions need to be selected before show-on-select is triggered. ( AND Trigger )<br />
The example will show a div when a value is selected in a selectbox AND a radio button has been selected<br />
<br />
===Example===<br />
Example 1 : Show or hide elements based on a form input change<br />
<syntaxhighlight lang="html"><br />
<_form action="addToWiki" show-on-select="show-on-select"><br />
</_form><br />
</syntaxhighlight><br />
<hr><br />
Example 2 : show-on-select on a select field<br />
<syntaxhighlight lang="html"><br />
<_form action="addToWiki" show-on-select="show-on-select" ><br />
<_select name="selectme" id="selectme" ><br />
<_input type="option" for="selectme" show-on-select="testingId2" selected="selected" value="1">1</_input><br />
<_input type="option" for="selectme" show-on-select="testingId" value="2">2</_input><br />
<_input type="option" for="selectme" show-on-select="testingId3" value="3">3</_input><br />
</_select><br />
<_input type="text" show-on-select-trigger="testingId" name="texttest1" value="2" /><br />
<_input type="text" show-on-select-trigger="testingId2" name="texttest2" value="1" /><br />
</_form><br />
</syntaxhighlight><br />
<_form action="addToWiki" show-on-select="show-on-select" ><br />
<_select name="selectme" id="selectme" ><br />
<_input type="option" for="selectme" show-on-select="testingId2" selected="selected" value="1">1</_input><br />
<_input type="option" for="selectme" show-on-select="testingId" value="2">2</_input><br />
<_input type="option" for="selectme" show-on-select="testingId3" value="3">3</_input><br />
</_select><br />
<_input type="text" show-on-select-trigger="testingId" name="texttest1" value="2" /><br />
<_input type="text" show-on-select-trigger="testingId2" name="texttest2" value="1" /><br />
</_form><br />
<hr><br />
Example 3 : show-on-checked on a radio button<br />
<syntaxhighlight lang="html"><br />
<_form action="addToWiki" show-on-select="show-on-select"><br />
<_input type="radio" show-on-checked="tester"/><br />
<div show-on-select-trigger="tester"><br />
test checked<br />
</div><br />
</_form><br />
</syntaxhighlight><br />
<_form action="addToWiki" show-on-select="show-on-select"><br />
<_input type="radio" show-on-checked="tester"/><br />
<div show-on-select-trigger="tester"><br />
test checked<br />
</div><br />
</_form><br />
<hr><br />
Example 4 : show-on-checked on a checkbox and show-on-unchecked on a checkbox.<br />
<syntaxhighlight lang="html"><br />
<_form action="addToWiki" show-on-select="show-on-select" ><br />
<_input type="checkbox" show-on-checked="test A" show-on-unchecked="test B" /><br />
<div show-on-select-trigger="test A">test checked</div><br />
<div show-on-select-trigger="test B">test unchecked</div><br />
</_form><br />
</syntaxhighlight><br />
<_form action="addToWiki" show-on-select="show-on-select" ><br />
<_input type="checkbox" show-on-checked="test A" show-on-unchecked="test B" /><br />
<div show-on-select-trigger="test A">test checked</div><br />
<div show-on-select-trigger="test B">test unchecked</div><br />
</_form><br />
<hr><br />
Example 5 : show-on-select when a user input equals a predefined value<br />
<syntaxhighlight lang="html"><br />
<_form action="addToWiki" show-on-select="show-on-select" ><br />
<_input type="text" show-on-select="testingId" name="test" /> The predefined value is "testingValue"<br />
<div show-on-select-trigger="testingId" show-on-select-type="equals::testingValue"><br />
<span> Show this when the input value is equal to the text: testingValue </span><br />
</div><br />
</_form><br />
</syntaxhighlight><br />
<_form action="addToWiki" show-on-select="show-on-select" ><br />
<_input type="text" show-on-select="testingId" name="test" /> The predefined value is "testingValue"<br />
<div show-on-select-trigger="testingId" show-on-select-type="equals::testingValue"><br />
<span> Show this when the input value is equal to the text: testingValue </span><br />
</div><br />
</_form><br />
<br />
<hr><br />
Example 6 : show-on-select when a user input contains a predefined value<br />
<syntaxhighlight lang="html"><br />
<_form action="addToWiki" show-on-select="show-on-select" ><br />
<_input type="text" show-on-select="testingId" name="test" /> The predefined value is "testingValue"<br />
<div show-on-select-trigger="testingId" show-on-select-type="contains::testingValue"><br />
<span> Show this when the input value is equal to the text: testingValue </span><br />
</div><br />
</_form><br />
</syntaxhighlight><br />
<_form action="addToWiki" show-on-select="show-on-select" ><br />
<_input type="text" show-on-select="testingId" name="test" /> The predefined value is "testingValue"<br />
<div show-on-select-trigger="testingId" show-on-select-type="contains::testingValue"><br />
<span> Show this when the input value contains to the text: testingValue </span><br />
</div><br />
</_form><br />
<br />
<hr><br />
Example 7 : The example will show a div when 2 is selected in the select box OR the checkbox has been checked<br />
<syntaxhighlight lang="html"><br />
<_form show-on-select="show-on-select"><br />
<_select name="selectme" id="selectme" ><br />
<_input type="option" for="selectme" show-on-select="testingId2" selected="selected" value="1">1</_input><br />
<_input type="option" for="selectme" show-on-select="testingId" value="2">2</_input><br />
<_input type="option" for="selectme" show-on-select="testingId3" value="3">3</_input><br />
</_select><br />
<_input type="checkbox" show-on-checked="test A" /><br />
<br />
<div show-on-select-trigger="testingId||test A"><br />
This will be shown if one of the conditions is true<br />
</div><br />
</_form><br />
</syntaxhighlight><br />
<_form show-on-select="show-on-select"><br />
<_select name="selectme" id="selectme" ><br />
<_input type="option" for="selectme" show-on-select="testingId2" selected="selected" value="1">1</_input><br />
<_input type="option" for="selectme" show-on-select="testingId" value="2">2</_input><br />
<_input type="option" for="selectme" show-on-select="testingId3" value="3">3</_input><br />
</_select><br />
<_input type="checkbox" show-on-checked="test A" /><br />
<br />
<div show-on-select-trigger="testingId||test A"><br />
This will be shown if one of the conditions is true<br />
</div><br />
</_form><br />
<br />
<hr><br />
Example 8 : The example will show a div when 2 is selected in the select box AND the radiobutton is selected<br />
<syntaxhighlight lang="html"><br />
<_form show-on-select="show-on-select"><br />
<_select name="selectme" id="selectme2" ><br />
<_input type="option" for="selectme2" show-on-select="testingId2" selected="selected" value="1">1</_input><br />
<_input type="option" for="selectme2" show-on-select="testingId" value="2">2</_input><br />
<_input type="option" for="selectme2" show-on-select="testingId3" value="3">3</_input><br />
</_select><br />
<_input type="radio" show-on-checked="test A" /><br />
<br />
<div show-on-select-trigger="testingId&&test A"><br />
This will be shown if both conditions are true<br />
</div><br />
</_form><br />
</syntaxhighlight><br />
<_form show-on-select="show-on-select"><br />
<_select name="selectme" id="selectme2" ><br />
<_input type="option" for="selectme2" show-on-select="testingId2" selected="selected" value="1">1</_input><br />
<_input type="option" for="selectme2" show-on-select="testingId" value="2">2</_input><br />
<_input type="option" for="selectme2" show-on-select="testingId3" value="3">3</_input><br />
</_select><br />
<_input type="radio" show-on-checked="test A" /><br />
<br />
<div show-on-select-trigger="testingId&&test A"><br />
This will be shown if both conditions are true<br />
</div><br />
</_form><br />
<br />
===Note===<br />
* Form fields that are in a hidden section will not be submitted together with the form!<br />
* Currently if the AND or OR triggers are wrongly defined, no form will be rendered. It's on the list to be fixed.<br />
* There is one notable difference between the way FlexForm and Page Forms let you tie multiple selectors to the same selectable area, aside from differences in their choice of attributes. Where PageForms insists that each selectable area has a unique ID and lets you connect it to one or multiple selectors, FlexForm lets you assign one or multiple identifiers (<code>show-on-select-trigger</code>) to each selectable area while insisting that the <code>show-on-select</code> attributes are unique to individual selectors.<br />
<br />
===Links===<br />
Tutorial on show-on-select : https://wikibase-solutions.com/developer-logs/flexform-show-on-select?WSLanguage=en</div>Adminhttps://open-csp.org/index.php?title=DevOps:Doc/FlexForm/1.0/ShowOnSelect&diff=1835DevOps:Doc/FlexForm/1.0/ShowOnSelect2022-10-30T11:10:44Z<p>Admin: /* Note */ Useful if you're accustomed to PF's show-on-select</p>
<hr />
<div>===Name===<br />
showonselect<br />
===Type===<br />
_form<br />
===Synopsis===<br />
Show or hide elements based on a form input change<br />
===Description===<br />
This allows to show elements in a form based on a selection option, a checkbox status or radio button status.<br />
<br />
You can create a complete form with certain form elements hidden based on a selection in the form done by a user.<br />
===Parameters===<br />
'''show-on-select on the _form tag'''<br />
<br />
For it all to work you must let FlexForm know you want to use Show On Select by adding a parameter to the _form tag. '''See example 1'''.<br />
<hr><br />
'''show-on-select on a select field'''<br />
<br />
The actual show-on-select attribute is added to an option field within a select field.<br />
The value of show-on-select will be used to show a show-on-select-trigger with the same name. '''See example 2'''.<br />
<br />
This will show an additional text input field with the name texttest1 when you select option 1 and texttest2 will be hidden. When option 2 is chosen, then texttest2 will be shown and texttest1 hidden.<br />
<hr><br />
'''show-on-checked on a radio button'''<br />
<br />
'''Example 3''' shows you can also add a show-on-select-trigger to something different than a FlexForm _input field.<br />
The example will hide the div with the trigger until the radio button is checked.<br />
<hr><br />
'''show-on-checked on a checkbox and show-on-unchecked on a checkbox'''<br />
<br />
'''Example 4''' shows an example of how to use show-on-checked for a checkbox field.<br />
Checkboxes can have an additional option called show-on-unchecked. So, in the example, if a checkbox is unchecked it will show test B and hide test A. If the checkbox is checked it wish show test A and hide test B<br />
<br />
'''Example 5''' shows an example of how to use show-on-select when a certain value is equalled.<br />
You can use this on e.g. an input field of type text. When a certain text is entered and it equals a predefined value it will trigger the show on select<br />
<br />
'''Example 6''' shows an example of how to use show-on-select when a certain value is found.<br />
You can use this on e.g. an input field of type text. When a certain text is entered and it contains a predefined value it will trigger the show on select<br />
<br />
'''Example 7''' shows an example of how to use show-on-select when one or two conditions need to be selected before show-on-select is triggered. ( OR Trigger )<br />
The example will show a div when a value is selected in a selectbox OR a checkbox has been checked<br />
<br />
'''Example 8''' shows an example of how to use show-on-select when two conditions need to be selected before show-on-select is triggered. ( AND Trigger )<br />
The example will show a div when a value is selected in a selectbox AND a radio button has been selected<br />
<br />
===Example===<br />
Example 1 : Show or hide elements based on a form input change<br />
<syntaxhighlight lang="html"><br />
<_form action="addToWiki" show-on-select="show-on-select"><br />
</_form><br />
</syntaxhighlight><br />
<hr><br />
Example 2 : show-on-select on a select field<br />
<syntaxhighlight lang="html"><br />
<_form action="addToWiki" show-on-select="show-on-select" ><br />
<_select name="selectme" id="selectme" ><br />
<_input type="option" for="selectme" show-on-select="testingId2" selected="selected" value="1">1</_input><br />
<_input type="option" for="selectme" show-on-select="testingId" value="2">2</_input><br />
<_input type="option" for="selectme" show-on-select="testingId3" value="3">3</_input><br />
</_select><br />
<_input type="text" show-on-select-trigger="testingId" name="texttest1" value="2" /><br />
<_input type="text" show-on-select-trigger="testingId2" name="texttest2" value="1" /><br />
</_form><br />
</syntaxhighlight><br />
<_form action="addToWiki" show-on-select="show-on-select" ><br />
<_select name="selectme" id="selectme" ><br />
<_input type="option" for="selectme" show-on-select="testingId2" selected="selected" value="1">1</_input><br />
<_input type="option" for="selectme" show-on-select="testingId" value="2">2</_input><br />
<_input type="option" for="selectme" show-on-select="testingId3" value="3">3</_input><br />
</_select><br />
<_input type="text" show-on-select-trigger="testingId" name="texttest1" value="2" /><br />
<_input type="text" show-on-select-trigger="testingId2" name="texttest2" value="1" /><br />
</_form><br />
<hr><br />
Example 3 : show-on-checked on a radio button<br />
<syntaxhighlight lang="html"><br />
<_form action="addToWiki" show-on-select="show-on-select"><br />
<_input type="radio" show-on-checked="tester"/><br />
<div show-on-select-trigger="tester"><br />
test checked<br />
</div><br />
</_form><br />
</syntaxhighlight><br />
<_form action="addToWiki" show-on-select="show-on-select"><br />
<_input type="radio" show-on-checked="tester"/><br />
<div show-on-select-trigger="tester"><br />
test checked<br />
</div><br />
</_form><br />
<hr><br />
Example 4 : show-on-checked on a checkbox and show-on-unchecked on a checkbox.<br />
<syntaxhighlight lang="html"><br />
<_form action="addToWiki" show-on-select="show-on-select" ><br />
<_input type="checkbox" show-on-checked="test A" show-on-unchecked="test B" /><br />
<div show-on-select-trigger="test A">test checked</div><br />
<div show-on-select-trigger="test B">test unchecked</div><br />
</_form><br />
</syntaxhighlight><br />
<_form action="addToWiki" show-on-select="show-on-select" ><br />
<_input type="checkbox" show-on-checked="test A" show-on-unchecked="test B" /><br />
<div show-on-select-trigger="test A">test checked</div><br />
<div show-on-select-trigger="test B">test unchecked</div><br />
</_form><br />
<hr><br />
Example 5 : show-on-select when a user input equals a predefined value<br />
<syntaxhighlight lang="html"><br />
<_form action="addToWiki" show-on-select="show-on-select" ><br />
<_input type="text" show-on-select="testingId" name="test" /> The predefined value is "testingValue"<br />
<div show-on-select-trigger="testingId" show-on-select-type="equals::testingValue"><br />
<span> Show this when the input value is equal to the text: testingValue </span><br />
</div><br />
</_form><br />
</syntaxhighlight><br />
<_form action="addToWiki" show-on-select="show-on-select" ><br />
<_input type="text" show-on-select="testingId" name="test" /> The predefined value is "testingValue"<br />
<div show-on-select-trigger="testingId" show-on-select-type="equals::testingValue"><br />
<span> Show this when the input value is equal to the text: testingValue </span><br />
</div><br />
</_form><br />
<br />
<hr><br />
Example 6 : show-on-select when a user input contains a predefined value<br />
<syntaxhighlight lang="html"><br />
<_form action="addToWiki" show-on-select="show-on-select" ><br />
<_input type="text" show-on-select="testingId" name="test" /> The predefined value is "testingValue"<br />
<div show-on-select-trigger="testingId" show-on-select-type="contains::testingValue"><br />
<span> Show this when the input value is equal to the text: testingValue </span><br />
</div><br />
</_form><br />
</syntaxhighlight><br />
<_form action="addToWiki" show-on-select="show-on-select" ><br />
<_input type="text" show-on-select="testingId" name="test" /> The predefined value is "testingValue"<br />
<div show-on-select-trigger="testingId" show-on-select-type="contains::testingValue"><br />
<span> Show this when the input value contains to the text: testingValue </span><br />
</div><br />
</_form><br />
<br />
<hr><br />
Example 7 : The example will show a div when 2 is selected in the select box OR the checkbox has been checked<br />
<syntaxhighlight lang="html"><br />
<_form show-on-select="show-on-select"><br />
<_select name="selectme" id="selectme" ><br />
<_input type="option" for="selectme" show-on-select="testingId2" selected="selected" value="1">1</_input><br />
<_input type="option" for="selectme" show-on-select="testingId" value="2">2</_input><br />
<_input type="option" for="selectme" show-on-select="testingId3" value="3">3</_input><br />
</_select><br />
<_input type="checkbox" show-on-checked="test A" /><br />
<br />
<div show-on-select-trigger="testingId||test A"><br />
This will be shown if one of the conditions is true<br />
</div><br />
</_form><br />
</syntaxhighlight><br />
<_form show-on-select="show-on-select"><br />
<_select name="selectme" id="selectme" ><br />
<_input type="option" for="selectme" show-on-select="testingId2" selected="selected" value="1">1</_input><br />
<_input type="option" for="selectme" show-on-select="testingId" value="2">2</_input><br />
<_input type="option" for="selectme" show-on-select="testingId3" value="3">3</_input><br />
</_select><br />
<_input type="checkbox" show-on-checked="test A" /><br />
<br />
<div show-on-select-trigger="testingId||test A"><br />
This will be shown if one of the conditions is true<br />
</div><br />
</_form><br />
<br />
<hr><br />
Example 8 : The example will show a div when 2 is selected in the select box AND the radiobutton is selected<br />
<syntaxhighlight lang="html"><br />
<_form show-on-select="show-on-select"><br />
<_select name="selectme" id="selectme2" ><br />
<_input type="option" for="selectme2" show-on-select="testingId2" selected="selected" value="1">1</_input><br />
<_input type="option" for="selectme2" show-on-select="testingId" value="2">2</_input><br />
<_input type="option" for="selectme2" show-on-select="testingId3" value="3">3</_input><br />
</_select><br />
<_input type="radio" show-on-checked="test A" /><br />
<br />
<div show-on-select-trigger="testingId&&test A"><br />
This will be shown if both conditions are true<br />
</div><br />
</_form><br />
</syntaxhighlight><br />
<_form show-on-select="show-on-select"><br />
<_select name="selectme" id="selectme2" ><br />
<_input type="option" for="selectme2" show-on-select="testingId2" selected="selected" value="1">1</_input><br />
<_input type="option" for="selectme2" show-on-select="testingId" value="2">2</_input><br />
<_input type="option" for="selectme2" show-on-select="testingId3" value="3">3</_input><br />
</_select><br />
<_input type="radio" show-on-checked="test A" /><br />
<br />
<div show-on-select-trigger="testingId&&test A"><br />
This will be shown if both conditions are true<br />
</div><br />
</_form><br />
<br />
===Note===<br />
* Form fields that are in a hidden section will not be submitted together with the form!<br />
* Currently if the AND or OR triggers are wrongly defined, no form will be rendered. It's on the list to be fixed.<br />
* There is one notable difference between the way FlexForm and Page Forms let you tie multiple selectors to the same selectable area, aside from differences in their choice of attributes. Where PageForms insists that each selectable area has a unique ID and lets you connect it to one or multiple selectors, FlexForm lets you assign one or multiple identifiers (<code>show-on-select-trigger</code>) to each selectable area while insisting that the <code>show-on-select</code> attributes are unique to individual selectors.<br />
<br />
===Links===<br />
Tutorial on show-on-select : https://wikibase-solutions.com/developer-logs/flexform-show-on-select?WSLanguage=en</div>Adminhttps://open-csp.org/index.php?title=QandA/how-can-i-install-open-csp&diff=1809QandA/how-can-i-install-open-csp2022-10-25T09:13:01Z<p>Admin: Replaced content with "Installation of Open CSP is quite easy. See [https://github.com/Open-CSP/open-csp/blob/main/.github/README.md the Open CSP Readme on github]."</p>
<hr />
<div>Installation of Open CSP is quite easy. See [https://github.com/Open-CSP/open-csp/blob/main/.github/README.md the Open CSP Readme on github].</div>Adminhttps://open-csp.org/index.php?title=Main_Page&diff=1808Main Page2022-10-25T07:52:31Z<p>Admin: </p>
<hr />
<div><div class="csp-section"><br />
<div style="text-align:right;">{{#widget:Logo with text}}</div><br />
<div><br />
<div class="csp-block">{{Subscribe Email Modal}}<br />
</div><br />
</div><br />
</div><br />
<div class="csp-section-wrapper"><br />
<div class="csp-section"><br />
<div class="csp-block"><br />
MediaWiki is a great platform with extraordinary features and characteristics.<br />
<br />
With Open CSP we are creating a software bundle that turns the MediaWiki platform into a powerful Enterprise ready workspace.<br />
<br />
Open CSP provides out-of-the-box features that give you a flying start. On top of that there is a growing number of Open CSP compatible modules. Its flexibility and productivity for custom solutions enable you to create a platform that seamlessly supports your knowledge and operational processes.<br />
</div><br />
<div class="csp-block"><br />
</div><br />
</div><br />
</div><br />
<div class="csp-section-wrapper"><br />
<div class="csp-section"><br />
<div class="csp-block"><br />
</div><br />
<div class="csp-block"><br />
Open CSP is about:<br />
* a vision on open source workspaces<br />
* great functionality<br />
* [[Extensions-in-open-csp|the open source extensions that are part of it]]<br />
<br />
On open-csp.org we try to cover these three subjects.<br />
</div><br />
</div><br />
</div></div>Adminhttps://open-csp.org/index.php?title=MediaWiki:Ws-navmenu&diff=1807MediaWiki:Ws-navmenu2022-10-25T07:48:21Z<p>Admin: </p>
<hr />
<div>{{WSNavMenu | Input={{int:mainpage}}*{{Fa|home}} Home<br />
<br />
Questions-and-answers*Q & A<br />
<br />
Documentation<br />
Search-documentation*Search<br />
DevOps:Doc/FlexForm*FlexForm<br />
DevOps:Doc/PageSync*PageSync<br />
{{fullurl:DevOps:Page/4 |subject={{#show: {{FULLPAGENAME}} |?Doc subject |link=none}}&version={{#show: {{FULLPAGENAME}} |?Subject version |link=none}} }}*New doc page*Href<br />
{{fullurl:DevOps:Page/4 |subject={{#show: {{FULLPAGENAME}} |?Doc subject |link=none}}&page={{FULLPAGENAME}} }}*New version*Href<br />
<br />
{{#ifingroup:moderator,sysop |<br />
{{Fa|cogs}} Spaces<br />
Special:AddSpace*Add a Space<br />
Special:ActiveSpaces*Manage Active Spaces<br />
Special:ArchivedSpaces*Manage Archived Spaces<br />
}}<br />
<br />
{{#ifingroup:moderator,sysop |<br />
Pages<br />
Pages*All pages<br />
New page*New page<br />
}}<br />
<br />
{{#ifingroup:sysop |{{Fa|lock}} Tools<br />
MediaWiki:Ws-navmenu*NavMenu<br />
MediaWiki:Ws-header*Header<br />
MediaWiki:Ws-sub-header*Sub-header<br />
MediaWiki:Ws-footer*Footer<br />
Wiki:page-types*Page types<br />
Wiki:Wiki pages*Wiki pages<br />
{{fullurl:Wiki:Slots |page={{FULLPAGENAME}} }}*Slots*Href<br />
File:Logo.png*Logo<br />
Mediawiki:Common.css*Common.css<br />
Mediawiki:Common.js*Common.js<br />
}}<br />
}}</div>Adminhttps://open-csp.org/index.php?title=MediaWiki:Ws-navmenu&diff=1806MediaWiki:Ws-navmenu2022-10-25T07:46:23Z<p>Admin: </p>
<hr />
<div>{{WSNavMenu | Input={{int:mainpage}}*{{Fa|home}} Home<br />
<br />
Questions-and-answers*Q & A<br />
<br />
Documentation<br />
Search-documentation/3*Search<br />
DevOps:Doc/FlexForm*FlexForm<br />
DevOps:Doc/PageSync*PageSync<br />
{{fullurl:DevOps:Page/4 |subject={{#show: {{FULLPAGENAME}} |?Doc subject |link=none}}&version={{#show: {{FULLPAGENAME}} |?Subject version |link=none}} }}*New doc page*Href<br />
{{fullurl:DevOps:Page/4 |subject={{#show: {{FULLPAGENAME}} |?Doc subject |link=none}}&page={{FULLPAGENAME}} }}*New version*Href<br />
<br />
{{#ifingroup:moderator,sysop |<br />
{{Fa|cogs}} Spaces<br />
Special:AddSpace*Add a Space<br />
Special:ActiveSpaces*Manage Active Spaces<br />
Special:ArchivedSpaces*Manage Archived Spaces<br />
}}<br />
<br />
{{#ifingroup:moderator,sysop |<br />
Pages<br />
Pages*All pages<br />
New page*New page<br />
}}<br />
<br />
{{#ifingroup:sysop |{{Fa|lock}} Tools<br />
MediaWiki:Ws-navmenu*NavMenu<br />
MediaWiki:Ws-header*Header<br />
MediaWiki:Ws-sub-header*Sub-header<br />
MediaWiki:Ws-footer*Footer<br />
Wiki:page-types*Page types<br />
Wiki:Wiki pages*Wiki pages<br />
{{fullurl:Wiki:Slots |page={{FULLPAGENAME}} }}*Slots*Href<br />
File:Logo.png*Logo<br />
Mediawiki:Common.css*Common.css<br />
Mediawiki:Common.js*Common.js<br />
}}<br />
}}</div>Adminhttps://open-csp.org/index.php?title=QandA/what-is-a-content-services-platform&diff=1735QandA/what-is-a-content-services-platform2022-10-05T09:06:14Z<p>Admin: User:Admin</p>
<hr />
<div>== Definition according to Gartner ==<br />
[https://www.gartner.com/en/information-technology/glossary/content-services-platform-csp According to Gartner] a Content Services Platform (CSP) is ''a set of services and microservices, embodied as an integrated product suite and applications that share common APIs and repositories. A CSP exploits diverse content types and serves multiple constituencies and numerous use cases across an organization.''<br />
<br />
== A CSP is an integrated set of services and microservices ==<br />
Two things are important:<br />
<br />
* the platform must have the flexibility to easily add new services<br />
* it must be easy to integrate the new services with existing ones<br />
<br />
== A CSP exploits diverse content types ==<br />
In an organization many content types are used to store, share and process information. We think that a CSP should be able to deal with documents, XML, JSON, SQL databases and graph databases.<br />
<br />
== A CSP serves multiple constituencies ==<br />
For larger organizations it is important that a CSP can separate between groups of people. Not only for security purposes, but also to provide people with the context in the CSP that they belong to and that they understand.<br />
<br />
== A CSP serves numerous use cases ==<br />
Two things are important here:<br />
<br />
* The CSP provides strong services and features<br />
* The CSP can be easily adapted and enhanced to perfectly match the processes and needs of the organizaton</div>Adminhttps://open-csp.org/index.php?title=QandA/what-is-a-content-services-platform&diff=1734QandA/what-is-a-content-services-platform2022-10-05T09:05:58Z<p>Admin: User:Admin</p>
<hr />
<div>== Definition according to Gartner ==<br />
[https://www.gartner.com/en/information-technology/glossary/content-services-platform-csp According to Gartner] a Content Services Platform (CSP) is ''a set of services and microservices, embodied as an integrated product suite and applications that share common APIs and repositories. A CSP exploits diverse content types and serves multiple constituencies and numerous use cases across an organization.''<br />
<br />
== A CSP is an integrated set of services and microservices ==<br />
Two things are important:<br />
<br />
* the platform must have the flexibility to easily add new services<br />
* it must be easy to integrate the new services with existing ones<br />
<br />
== A CSP exploits diverse content types ==<br />
In an organization many content types are used to store, share and process information. We think that a CSP should be able to deal with documents, XML, JSON, SQL databases and graph databases.<br />
<br />
== A CSP serves multiple constituencies ==<br />
For larger organizations it is important that a CSP can separate between groups of people. Not only for security purposes, but also to provide people with the context in the CSP that they belong to and that they understand.<br />
<br />
== A CSP serves numerous use cases ==<br />
Two things are important here:<br />
<br />
* The CSP provides strong services and features<br />
* The CSP can be easily adapted and enhanced to perfectly match the processes and needs of the organizaton</div>Adminhttps://open-csp.org/index.php?title=Wiki:Slots&diff=1732Wiki:Slots2022-10-05T09:05:19Z<p>Admin: </p>
<hr />
<div>{{#vardefine:@page |{{#urldecode:{{#urlget:page}} }} }}<!--<br />
-->{{#if:{{#var:@page}} |Slots of [[{{#var:@page}}]]<br />
<br />
ws-base-props<br />
{{#tag:pre |{{#slot:ws-base-props |{{#var:@page}} }} }}<br />
<br />
<wsform action="addToWiki"><br />
<wscreate mwwrite="{{#var:@page}}" mwtemplate="wsnone" mwslot="ws-base-props" formfield="Content" /><br />
<br />
<wsfield type="textarea" rows="10" name="Content">{{#slot:ws-base-props |{{#var:@page}} }}</wsfield><br />
<br />
<wsfield type="submit" value="Save" /><br />
</wsform><br />
<br />
ws-class-props<br />
{{#tag:pre |{{#slot:ws-class-props |{{#var:@page}} }} }}<br />
<br />
<wsform action="addToWiki"><br />
<wscreate mwwrite="{{#var:@page}}" mwtemplate="wsnone" mwslot="ws-class-props" formfield="Content" /><br />
<br />
<wsfield type="textarea" rows="10" name="Content">{{#slot:ws-class-props |{{#var:@page}} }}</wsfield><br />
<br />
<wsfield type="submit" value="Save" /><br />
</wsform><br />
<br />
<br />
}}</div>Adminhttps://open-csp.org/index.php?title=DevOps:Doc/PageSync/2.0/Installing_PageSync&diff=1678DevOps:Doc/PageSync/2.0/Installing PageSync2022-09-26T08:49:38Z<p>Admin: User:Admin</p>
<hr />
<div>== Version 2.0 has a major change in its file management. ==<br />
<br />
====== When installing version 2.0 you will have to remove all the PageSync files: '''export.index''' and all the files in the '''export folder'''. Alternatively you could set a new path for the PageSync files ( '''$wgPageSync['filePath']''' = ). ======<br />
<br />
====== You will then have to add them again to PageSync. ======<br />
Or try to run the '''maintenance''' script with '''--convert-2-version-2'''. This should convert all your files and keep them in PageSync. '''Make a Backup first!'''<br />
<br />
<br />
<br />
== Installation ==<br />
Grab in instance from https://github.com/Open-CSP/PageSync.<br />
<br />
Create a "'''PageSync'''" folder in your Wiki extensions folder and extract the files there.<br />
<br />
==== Setup ====<br />
'''PageSync''' needs a full path to a directory to store the files that can be synced. e.g. $IP/wspsFiles<br />
<br />
This can be set in the localsettings as :<br />
<syntaxhighlight lang="php"><br />
$wgPageSync['filePath'] = $IP . '/wspsFiles';<br />
</syntaxhighlight><br />
<br />
'''PageSync''' also needs a temporary file path to a directory to handle received Share file.<br />
<syntaxhighlight lang="php"><br />
$wgPageSync['tempFilePath'] = $IP . '/wspsTemp';<br />
</syntaxhighlight><br />
<br />
Make sure the folders have the correct rights for '''PageSync''' to store files. <br />
<br />
<small><u>It is also a good practice to store these files outside of your html folder. The content of pages are stored as raw wikitext and although you can store synced files in sub folders hidden within the root, they are potentially visible.</u></small> <br />
<br />
Files from the File namespace will also be synced. <br />
<br />
You can define what slots you want to sync. Default value is all. If you change this value, make sure to add "main" for the main content-slot.<br />
<syntaxhighlight lang="php"><br />
$wgPageSync['contentSlotsToBeSynced'] = "all";<br />
</syntaxhighlight><br />
or<br />
<syntaxhighlight lang="php"><br />
$wgPageSync['contentSlotsToBeSynced'] = ['main', 'my-content-slot'];<br />
</syntaxhighlight><br />
<br />
==== Finally ====<br />
Add the following line at the end of your LocalSettings.php, or at least after the above configuration setting, to enable the extension :<syntaxhighlight lang="php"><br />
wfLoadExtension( 'PageSync' );<br />
</syntaxhighlight><br />
<br />
Navigate to Special:Version on your wiki to verify that the extension is successfully installed.<br />
<br />
If you have the extension AdminLinks installed, you can find a link to PageSync there.</div>Adminhttps://open-csp.org/index.php?title=DevOps:Doc/PageSync/1.5/Installing_PageSync&diff=1677DevOps:Doc/PageSync/1.5/Installing PageSync2022-09-26T08:48:11Z<p>Admin: User:Admin</p>
<hr />
<div>== Installation ==<br />
Grab in instance from https://github.com/Open-CSP/PageSync.<br />
<br />
Create a "'''PageSync'''" folder in your Wiki extensions folder and extract the files there.<br />
<br />
==== Setup ====<br />
'''PageSync''' needs a full path to a directory to store the files that can be synced. e.g. $IP/wspsFiles<br />
<br />
This can be set in the localsettings as :<br />
<syntaxhighlight lang="php"><br />
$wgPageSync['filePath'] = $IP . '/wspsFiles';<br />
</syntaxhighlight><br />
<br />
'''PageSync''' also needs a temporary file path to a directory to handle received Share file.<br />
<syntaxhighlight lang="php"><br />
$wgPageSync['tempFilePath'] = $IP . '/wspsTemp';<br />
</syntaxhighlight><br />
<br />
Make sure the folders have the correct rights for '''PageSync''' to store files. <br />
<br />
<small><u>It is also a good practice to store these files outside of your html folder. The content of pages are stored as raw wikitext and although you can store synced files in sub folders hidden within the root, they are potentially visible.</u></small> <br />
<br />
Files from the File namespace will also be synced. <br />
<br />
You can define what slots you want to sync. Default value is all. If you change this value, make sure to add "main" for the main content-slot.<br />
<syntaxhighlight lang="php"><br />
$wgPageSync['contentSlotsToBeSynced'] = "all";<br />
</syntaxhighlight><br />
or<br />
<syntaxhighlight lang="php"><br />
$wgPageSync['contentSlotsToBeSynced'] = ['main', 'my-content-slot'];<br />
</syntaxhighlight><br />
<br />
==== Finally ====<br />
Add the following line at the end of your LocalSettings.php, or at least after the above configuration setting, to enable the extension :<syntaxhighlight lang="php"><br />
wfLoadExtension( 'PageSync' );<br />
</syntaxhighlight><br />
<br />
Navigate to Special:Version on your wiki to verify that the extension is successfully installed.<br />
<br />
If you have the extension AdminLinks installed, you can find a link to PageSync there.</div>Adminhttps://open-csp.org/index.php?title=DevOps:Doc/PageSync/2.0/Installing_PageSync&diff=1676DevOps:Doc/PageSync/2.0/Installing PageSync2022-09-26T08:47:39Z<p>Admin: User:Admin</p>
<hr />
<div>== Version 2.0 has a major change in its file management. ==<br />
<br />
====== When installing version 2.0 you will have to remove all the PageSync files: '''export.index''' and all the files in the '''export folder'''. Alternatively you could set a new path for the PageSync files ( '''$wgPageSync['filePath']''' = ). ======<br />
<br />
====== You will then have to add them again to PageSync. ======<br />
Or try to run the '''maintenance''' script with '''--convert-2-version-2'''. This should convert all your files and keep them in PageSync. '''Make a Backup first!'''<br />
<br />
<br />
<br />
== Installation ==<br />
Grab in instance from https://github.com/Open-CSP/PageSync.<br />
<br />
Create a "'''PageSync'''" folder in your Wiki extensions folder and extract the files there.<br />
<br />
==== Setup ====<br />
'''PageSync''' needs a full path to a directory to store the files that can be synced. e.g. $IP/wspsFiles<br />
<br />
This can be set in the localsettings as :<br />
<syntaxhighlight lang="php"><br />
$wgPageSync['filePath'] = $IP . '/wspsFiles';<br />
</syntaxhighlight><br />
<br />
'''PageSync''' also needs a temporary file path to a directory to handle received Share file.<br />
<syntaxhighlight lang="php"><br />
$wgPageSync['tempFilePath'] = $IP . '/wspsTemp';<br />
</syntaxhighlight><br />
<br />
Make sure the folders have the correct rights for '''PageSync''' to store files. <br />
<br />
<small><u>It is also a good practice to store these files outside of your html folder. The content of pages are stored as raw wikitext and although you can store synced files in sub folders hidden within the root, they are potentially visible.</u></small> <br />
<br />
Files from the File namespace will also be synced. <br />
<br />
You can define what slots you want to sync. Default value is all. If you change this value, make sure to add "main" for the main content-slot.<br />
<syntaxhighlight lang="php"><br />
$wgPageSync['contentSlotsToBeSynced'] = "all";<br />
</syntaxhighlight><br />
or<br />
<syntaxhighlight lang="php"><br />
$wgPageSync['contentSlotsToBeSynced'] = ['main', 'my-content-slot'];<br />
</syntaxhighlight><br />
<br />
==== Finally ====<br />
Add the following line at the end of your LocalSettings.php, or at least after the above configuration setting, to enable the extension :<syntaxhighlight lang="php"><br />
wfLoadExtension( 'PageSync' );<br />
</syntaxhighlight><br />
<br />
Navigate to Special:Version on your wiki to verify that the extension is successfully installed.<br />
<br />
If you have the extension AdminLinks installed, you can find a link to PageSync there.</div>Adminhttps://open-csp.org/index.php?title=DevOps:Doc/PageSync/1.5/Maintenance_script&diff=1675DevOps:Doc/PageSync/1.5/Maintenance script2022-09-26T08:46:41Z<p>Admin: User:Admin</p>
<hr />
<div>PageSync also comes with a maintenance script, in order to import previous exported pages.<br />
<br />
=== Options ===<br />
<br />
; summary<br />
: Additional text that will be added to the files imported History.<br />
; user<br />
: Your username. Will be added to the import log. [mandatory]<br />
; rebuild-index<br />
: Rebuild the index file from existing files in export folder<br />
; force-rebuild-index<br />
: Used with 'rebuild-index' to suppress confirmation<br />
; rebuild-files<br />
: Will take the index file and re-create all files from the database<br />
; force-rebuild-files<br />
: Used with rebuild-files. This forces rebuild-files without prompting for user interaction<br />
<br />
=== ShareFile import options ===<br />
; install-shared-file<br />
: Url or path on the server to a PageSync share file<br />
; install-shared-file-from-temp<br />
: Name of the PageSync Share file already in the PageSync TempPath<br />
; silent<br />
: Will show no output in the terminal until it is finished.</div>Adminhttps://open-csp.org/index.php?title=Widget:DocsSearchResults&diff=1674Widget:DocsSearchResults2022-09-26T08:42:21Z<p>Admin: </p>
<hr />
<div><div class="card bg-info mb-3"><br />
<a href="/<!--{$url}-->"><div class="card-header h5 text-white"><br />
<!--{if $subject === "Doc/PageSync"}--><img src="https://www.open-csp.org/img_auth.php/9/9b/PageSync_logo.png" class="float-right align-middle" style="height:25px;"><!--{/if}--><br />
<!--{if $subject === "Doc/FlexForm"}--><img src="https://www.open-csp.org/img_auth.php/f/fa/FlexForm_logo.png" class="float-right align-middle" style="height:25px;"><!--{/if}--><br />
<i class="far fa-file"></i> <!--{$subject}--> :: <!--{$title}--><span class="float-right"></div></a><br />
<div class="card-body bg-white"><br />
<!--{if isset($synopsis) && $synopsis !== ''}--><div class="card-title h5"><i class="fas fa-info-circle"></i> <!--{$synopsis}--><br><span class="small"><!--{$snippet}--></span></div><br />
<!--{/if}--><br />
<div class="row"><br />
<!--{if isset($parent) && $parent!== ''}--><div class="col-6"><p class="card-text">Parent: <strong><!--{$parent}--></strong></p></div><!--{else}--><div class="col-6"></div><!--{/if}--><br />
<div class="col-3"><p class="card-text">Version: <strong><!--{$version}--></strong></p></div><br />
<div class="col-3"><p class="card-text">Target: <strong><!--{$target}--></strong></p></div><br />
</div><br />
</div><br />
<div class="card-footer p-1 pr-2 bg-light"><br />
<small class="text-muted float-right">Last updated <strong><!--{$modification}--></strong></small><br />
</div><br />
</div></div>Adminhttps://open-csp.org/index.php?title=Widget:DocsSearchResults&diff=1673Widget:DocsSearchResults2022-09-26T08:41:37Z<p>Admin: </p>
<hr />
<div><div class="card bg-info mb-3"><br />
<a href="/<!--{$url}-->"><div class="card-header h5"><br />
<!--{if $subject === "Doc/PageSync"}--><img src="https://www.open-csp.org/img_auth.php/9/9b/PageSync_logo.png" class="float-right align-middle" style="height:25px;"><!--{/if}--><br />
<!--{if $subject === "Doc/FlexForm"}--><img src="https://www.open-csp.org/img_auth.php/f/fa/FlexForm_logo.png" class="float-right align-middle" style="height:25px;"><!--{/if}--><br />
<i class="far fa-file"></i> <!--{$subject}--> :: <!--{$title}--><span class="float-right"></div></a><br />
<div class="card-body bg-white"><br />
<!--{if isset($synopsis) && $synopsis !== ''}--><div class="card-title h5"><i class="fas fa-info-circle"></i> <!--{$synopsis}--><br><span class="small"><!--{$snippet}--></span></div><br />
<!--{/if}--><br />
<div class="row"><br />
<!--{if isset($parent) && $parent!== ''}--><div class="col-6"><p class="card-text">Parent: <strong><!--{$parent}--></strong></p></div><!--{else}--><div class="col-6"></div><!--{/if}--><br />
<div class="col-3"><p class="card-text">Version: <strong><!--{$version}--></strong></p></div><br />
<div class="col-3"><p class="card-text">Target: <strong><!--{$target}--></strong></p></div><br />
</div><br />
</div><br />
<div class="card-footer p-1 pr-2 bg-light"><br />
<small class="text-muted float-right text-white">Last updated <strong><!--{$modification}--></strong></small><br />
</div><br />
</div></div>Adminhttps://open-csp.org/index.php?title=Widget:DocsSearchResults&diff=1672Widget:DocsSearchResults2022-09-26T08:40:35Z<p>Admin: </p>
<hr />
<div><div class="card bg-info mb-3"><br />
<a href="/<!--{$url}-->"><div class="card-header h5"><br />
<!--{if $subject === "Doc/PageSync"}--><img src="https://www.open-csp.org/img_auth.php/9/9b/PageSync_logo.png" class="float-right align-middle" style="height:25px;"><!--{/if}--><br />
<!--{if $subject === "Doc/FlexForm"}--><img src="https://www.open-csp.org/img_auth.php/f/fa/FlexForm_logo.png" class="float-right align-middle" style="height:25px;"><!--{/if}--><br />
<i class="far fa-file"></i> <!--{$subject}--> :: <!--{$title}--><span class="float-right"></div></a><br />
<div class="card-body bg-white"><br />
<!--{if isset($synopsis) && $synopsis !== ''}--><div class="card-title h5"><i class="fas fa-info-circle"></i> <!--{$synopsis}--><br><span class="small"><!--{$snippet}--></span></div><br />
<!--{/if}--><br />
<div class="row"><br />
<!--{if isset($parent) && $parent!== ''}--><div class="col-6"><p class="card-text">Parent: <strong><!--{$parent}--></strong></p></div><!--{else}--><div class="col-6"></div><!--{/if}--><br />
<div class="col-3"><p class="card-text">Version: <strong><!--{$version}--></strong></p></div><br />
<div class="col-3"><p class="card-text">Target: <strong><!--{$target}--></strong></p></div><br />
</div><br />
</div><br />
<div class="card-footer p-1 pr-2 bg-light"><br />
<small class="text-muted float-right">Last updated <strong><!--{$modification}--></strong></small><br />
</div><br />
</div></div>Adminhttps://open-csp.org/index.php?title=Template:Doc_sidebar&diff=1671Template:Doc sidebar2022-09-26T08:14:32Z<p>Admin: </p>
<hr />
<div><noinclude><br />
<br />
This is the '''Doc sidebar''' template. It should be called in the following format:<br />
<br />
<pre><br />
{{Doc sidebar}}<br />
</pre><br />
<br />
</noinclude><includeonly><!--<br />
<br />
-->{{#vardefine:@allow sidebar edit |{{#ifingroup:user |{{#if:{{#urlget:veaction}}{{#urlget:action}}||yes}} }} }}<!--<br />
-->{{#vardefine:@logo |File:{{#show:{{#caprint:$class[Doc properties][Doc subject]}}|?Title}}_logo.png }}<!-- <br />
-->{{#cadefine:@available-versions|{{#ask: [[Doc subject::{{#caprint:$class[Doc properties][Doc subject]}}]] [[Title::{{#caprint:$base[Base properties][Title]}}]] |?Subject version= |mainlabel=- | searchlabel= }}|,|noparse}}<!-- <br />
-->{{#vardefine:@valid-selected-version|{{#if: {{#casearch:@available-versions|{{#urlget:selected-version|999}} }}|{{#urlget:selected-version}}|}} }} <!-- <br />
-->{{#vardefine:@selected-version|{{#if: {{#var:@valid-selected-version}} | {{#var:@valid-selected-version}} | {{#casort:@available-versions|rsort}}{{#caprint:@available-versions[0]}} }} }}<!-- <br />
-->{{#vardefine:@shown-version|{{#cadefine:@my-versions|{{#caprint:$class[Doc properties][Subject version]}}|,|noparse}}{{#if: {{#casearch:@my-versions|{{#var:@selected-version}} }}|{{#var:@selected-version}}|{{#casort:@my-versions|rsort}}{{#caprint:@my-versions[0]}} }} }}<!--<br />
<br />
--><div class="tab-content"><br />
<div class="card tab-pane fade show active" id="sidebar-view"><br />
<div class="card-header">{{#ifeq:{{#var:@allow sidebar edit}} |yes |<span class="float-right">{{#widget:Button link |class=btn btn-secondary btn-sm |buttontext=Edit |onclick=ShowTab('#sidebar-edit') }}</span>}}<br />
<p class="m-0"><i class="far fa-file"></i> <span class="lead">{{#caprint:$base[Base properties][Title]}}</span> <span class="badge badge-info small">{{PAGESIZE:{{FULLPAGENAME}}}} bytes</span></p><p><i class="fas fa-info-circle"></i> <span class="text-muted font-weight-light small">{{#caprint:$class[Doc properties][Doc synopsis]}}</span></p>{{#ifeq:{{#var:@allow sidebar edit}} |yes |<_form action="addToWiki" class="text-center" setwikicomment="Uploaded using the screenshot options" messageonsuccess="Screenshot can be located in your contributions list"><br />
<_input type="file" presentor="canvas" id="canvasUpload" target="screenshot-{{FULLPAGENAME}}.jpg" pagecontent="testing" parsecontent canvas_source_id="content" /><br />
<_input type="button" buttontype="submit" html="all" class="btn btn-light"><i class="fas fa-camera-retro"></i> Screenshot</_input></_form>}}<br />
</div><!-- end of .card-header --><br />
<div class="card-body">{{#ifexist:{{#var:@logo}}|[[{{#var:@logo}}|150px]]}}<br />
{{#if: {{#caprint:$class[Doc properties][Subject version]}} | {{Sidebar item<br />
|Label=[[{{#caprint:$class[Doc properties][Doc subject]}}]]<br />
| Value={{#ifeq: {{#var:@selected-version}}|{{#var:@shown-version}}|Version {{#var:@shown-version}}|This page is for version {{#var:@shown-version}}<br>[{{fullurl:{{#ask: [[Doc subject::{{#caprint:$class[Doc properties][Doc subject]}}]] [[Title::{{#caprint:$base[Base properties][Title]}}]] [[Subject version::{{#var:@selected-version}}]] |link=none |mainlabel= |limit=1 | searchlabel= }} |selected-version={{#var:@selected-version}} }} Go to {{#var:@selected-version}}] }} }}{{Sidebar item<br />
|Label=[[{{#caprint:$class[Doc properties][Doc subject]}}]]<br />
}} }}{{Sidebar item<br />
|Value=<b>Target audience</b>: {{#caprint:$class[Doc properties][Doc target group]}}<br />
}}{{Sidebar item<br />
|Value=<span class="btn btn-light">[https://open-csp.org/Search-documentation?order=desc&ordertype=Modification+date&filters=Doc+subject^^{{PAGENAME:{{#caprint:$class[Doc properties][Doc subject]}}}} Search Docs]</span>}}<br />
</div><!-- end of .card-body --><br />
</div><!-- end of .card <br />
<br />
-->{{#ifeq:{{#var:@allow sidebar edit}} |yes |<wsform action="addToWiki" class="tab-pane fade" id="sidebar-edit"><br />
<div class="card"><!--<br />
<br />
// wsedits for base properties<br />
-->{{#tag:wsedit ||target={{PAGEID}} |template=Base properties |formfield=Title |mwslot=ws-base-props}}<!--<br />
<br />
// wscreate or wsedits for page properties<br />
// use casize to check if the slot already exists. Then wsedit, else wscreate.<br />
-->{{#if:{{#casize:$class}}<br />
|{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Doc synopsis|mwslot=ws-class-props}}<br />
{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Doc subject |mwslot=ws-class-props}}<br />
{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Doc parent |mwslot=ws-class-props}}<br />
{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Doc sort order |mwslot=ws-class-props}}<br />
{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Doc target group |mwslot=ws-class-props}}<br />
{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Subject version |mwslot=ws-class-props}}<br />
|<wscreate mwwrite="{{FULLPAGENAME}}" mwtemplate="Doc properties" mwslot="ws-class-props" mwfields="Doc synopsis,Doc subject,Doc parent,Doc sort order,Doc target group,Subject version" /><br />
}}<!-- end of #if --><br />
<br />
<div class="card-header"><span style="float:right">{{#widget:Button link |class=btn btn-secondary |buttontext=Close |onclick=ShowTab('#sidebar-view') }}</span><br />
<b class="d-block">{{#caprint:$base[Base properties][Class]}}</b><br />
{{#caprint:$base[Base properties][Title]}}<br />
</div><!-- end of .card-header --><br />
<div class="card-body"><br />
{{Sidebar item<br />
|Label=Title<br />
|Value={{#tag:wsfield ||type=text |name=Title |required=required |class=form-control |value={{#caprint:$base[Base properties][Title]}} }}<br />
}}<br />
{{Sidebar item<br />
|Label=Doc synopsis<br />
|Value={{#tag:wsfield ||type=text |name=Doc synopsis|required=required |class=form-control |value={{#caprint:$class[Doc properties][Doc synopsis]}} }}<br />
}}<br />
{{Sidebar item<br />
|Label=Doc subject<br />
|Value={{#tag:wsfield ||type=text |name=Doc subject |required=required |class=form-control |value={{#caprint:$class[Doc properties][Doc subject]}} }}<br />
}}<br />
{{Sidebar item<br />
|Label=Subject version<br />
|Value={{#tag:wsfield ||type=text |name=Subject version |class=form-control |value={{#caprint:$class[Doc properties][Subject version]}} }}<br />
}}<br />
{{Sidebar item<br />
|Label=Doc parent<br />
|Value={{#tag:wstoken <br />
|{{#caamap:{{#caprint:$class[Doc properties][Doc parent]}} |,|__Value__|{{#tag:wsfield |{{#show:__Value__ |?Title}}|type=option|value=__Value__|selected=selected}} |}}<br />
|id=Doc-parent-tokens<br />
|name=Doc parent[]<br />
|placeholder=Search...<br />
|multiple=<br />
|query=[[Class::+]][[Doc title with versions::!!!]](limit=99999)(returntext=Doc title with versions)<br />
}}<br />
}}<br />
{{Sidebar item<br />
|Label=Doc sort order<br />
|Value={{#tag:wsfield ||type=number |name=Doc sort order |required=required |class=form-control |value={{#caprint:$class[Doc properties][Doc sort order]}} }}<br />
}}<br />
{{Sidebar item<br />
|Label=Doc target group<br />
|Value={{#cadefine:$value settings |{{Wiki:Setting/Doc target group}} }}<br />
{{#cadefine:$values selected |{{#caprint:$class[Doc properties][Doc target group]}} }}<br />
{{#camerge:$value options |$value settings |$values selected }}<br />
{{#caunique:$value options}}<br />
{{#tag:wsselect<br />
|{{#camap:$value options |__Value__|{{#tag:wsfield|__Value__|type=option|value=__Value__|selected={{#if:{{#casearch:$values selected|__Value__}}|selected}} }} |}}<br />
|name=Doc target group |required=required |class=form-control |id=doc_target_group-field |placeholder=select a value <br />
}}<br />
}}<br />
<br />
<div class="text-right"><br />
{{#widget:Button link |class=btn btn-secondary |buttontext=Close |onclick=ShowTab('#sidebar-view') }}<br />
<wsfield type="submit" value="Save" class="btn btn-primary" /><br />
</div><br />
</ul><br />
</div><!-- end of .card-body --><br />
</div><!-- end of .card --><br />
</wsform>|}}<!-- end of #ifeq @allow sidebar edit == yes --><br />
</div><!-- end of .tab-content <br />
--><div class="treeview w-20 border"><h6 class="pt-3 pl-3">Related documents for version {{#var:@selected-version}}</h6><hr><!--<br />
-->{{#if:{{#caprint:$class[Doc properties][Doc subject]}}|{{#ask:[[Doc subject::{{#caprint:$class[Doc properties][Doc subject]}}]][[!{{#caprint:$class[Doc properties][Doc subject]}}]] [[Subject version::{{#var:@selected-version}} ]]<br />
|?=Page<br />
|?Title<br />
|link=none<br />
|format=tree<br />
|template=tree<br />
|parent=Doc parent<br />
|order=desc,asc,asc<br />
|sort=Doc target group,Doc sort order,Title<br />
}} }}</div><!--<br />
--></includeonly></div>Adminhttps://open-csp.org/index.php?title=Template:Doc_sidebar&diff=1670Template:Doc sidebar2022-09-26T08:13:14Z<p>Admin: </p>
<hr />
<div><noinclude><br />
<br />
This is the '''Doc sidebar''' template. It should be called in the following format:<br />
<br />
<pre><br />
{{Doc sidebar}}<br />
</pre><br />
<br />
</noinclude><includeonly><!--<br />
<br />
-->{{#vardefine:@allow sidebar edit |{{#ifingroup:user |{{#if:{{#urlget:veaction}}{{#urlget:action}}||yes}} }} }}<!--<br />
-->{{#vardefine:@logo |File:{{#show:{{#caprint:$class[Doc properties][Doc subject]}}|?Title}}_logo.png }}<!-- <br />
-->{{#cadefine:@available-versions|{{#ask: [[Doc subject::{{#caprint:$class[Doc properties][Doc subject]}}]] [[Title::{{#caprint:$base[Base properties][Title]}}]] |?Subject version= |mainlabel=- | searchlabel= }}|,|noparse}}<!-- <br />
-->{{#vardefine:@valid-selected-version|{{#if: {{#casearch:@available-versions|{{#urlget:selected-version|999}} }}|{{#urlget:selected-version}}|}} }} <!-- <br />
-->{{#vardefine:@selected-version|{{#if: {{#var:@valid-selected-version}} | {{#var:@valid-selected-version}} | {{#casort:@available-versions|rsort}}{{#caprint:@available-versions[0]}} }} }}<!-- <br />
-->{{#vardefine:@shown-version|{{#cadefine:@my-versions|{{#caprint:$class[Doc properties][Subject version]}}|,|noparse}}{{#if: {{#casearch:@my-versions|{{#var:@selected-version}} }}|{{#var:@selected-version}}|{{#casort:@my-versions|rsort}}{{#caprint:@my-versions[0]}} }} }}<!--<br />
<br />
--><div class="tab-content"><br />
<div class="card tab-pane fade show active" id="sidebar-view"><br />
<div class="card-header">{{#ifeq:{{#var:@allow sidebar edit}} |yes |<span class="float-right">{{#widget:Button link |class=btn btn-secondary btn-sm |buttontext=Edit |onclick=ShowTab('#sidebar-edit') }}</span>}}<br />
<p class="m-0"><i class="far fa-file"></i> <span class="lead">{{#caprint:$base[Base properties][Title]}}</span> <span class="badge badge-info small">{{PAGESIZE:{{FULLPAGENAME}}}} bytes</span></p><p><i class="fas fa-info-circle"></i> <span class="text-muted font-weight-light small">{{#caprint:$class[Doc properties][Doc synopsis]}}</span></p>{{#ifeq:{{#var:@allow sidebar edit}} |yes |<_form action="addToWiki" class="text-center" setwikicomment="Uploaded using the screenshot options" messageonsuccess="Screenshot can be located in your contributions list"><br />
<_input type="file" presentor="canvas" id="canvasUpload" target="screenshot-{{FULLPAGENAME}}.jpg" pagecontent="testing" parsecontent canvas_source_id="content" /><br />
<_input type="button" buttontype="submit" html="all" class="btn btn-light"><i class="fas fa-camera-retro"></i> Screenshot</_input></_form>}}<br />
</div><!-- end of .card-header --><br />
<div class="card-body">{{#ifexist:{{#var:@logo}}|[[{{#var:@logo}}|150px]]}}<br />
{{#if: {{#caprint:$class[Doc properties][Subject version]}} | {{Sidebar item<br />
|Label=[[{{#caprint:$class[Doc properties][Doc subject]}}]]<br />
| Value={{#ifeq: {{#var:@selected-version}}|{{#var:@shown-version}}|Version {{#var:@shown-version}}|This page is for version {{#var:@shown-version}}<br>[{{fullurl:{{#ask: [[Doc subject::{{#caprint:$class[Doc properties][Doc subject]}}]] [[Title::{{#caprint:$base[Base properties][Title]}}]] [[Subject version::{{#var:@selected-version}}]] |link=none |mainlabel= |limit=1 | searchlabel= }} |selected-version={{#var:@selected-version}} }} Go to {{#var:@selected-version}}] }} }}{{Sidebar item<br />
|Label=[[{{#caprint:$class[Doc properties][Doc subject]}}]]<br />
}} }}{{Sidebar item<br />
|Value=<b>Target audience</b>: {{#caprint:$class[Doc properties][Doc target group]}}<br />
}}{{Sidebar item<br />
|Value=<span class="btn btn-light">[https://open-csp.org/Search-documentation?order=desc&ordertype=Modification date&filters=Doc+subject^^{{PAGENAME:{{#caprint:$class[Doc properties][Doc subject]}}}} Search Docs]</span>}}<br />
</div><!-- end of .card-body --><br />
</div><!-- end of .card <br />
<br />
-->{{#ifeq:{{#var:@allow sidebar edit}} |yes |<wsform action="addToWiki" class="tab-pane fade" id="sidebar-edit"><br />
<div class="card"><!--<br />
<br />
// wsedits for base properties<br />
-->{{#tag:wsedit ||target={{PAGEID}} |template=Base properties |formfield=Title |mwslot=ws-base-props}}<!--<br />
<br />
// wscreate or wsedits for page properties<br />
// use casize to check if the slot already exists. Then wsedit, else wscreate.<br />
-->{{#if:{{#casize:$class}}<br />
|{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Doc synopsis|mwslot=ws-class-props}}<br />
{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Doc subject |mwslot=ws-class-props}}<br />
{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Doc parent |mwslot=ws-class-props}}<br />
{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Doc sort order |mwslot=ws-class-props}}<br />
{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Doc target group |mwslot=ws-class-props}}<br />
{{#tag:wsedit ||target={{PAGEID}} |template=Doc properties |formfield=Subject version |mwslot=ws-class-props}}<br />
|<wscreate mwwrite="{{FULLPAGENAME}}" mwtemplate="Doc properties" mwslot="ws-class-props" mwfields="Doc synopsis,Doc subject,Doc parent,Doc sort order,Doc target group,Subject version" /><br />
}}<!-- end of #if --><br />
<br />
<div class="card-header"><span style="float:right">{{#widget:Button link |class=btn btn-secondary |buttontext=Close |onclick=ShowTab('#sidebar-view') }}</span><br />
<b class="d-block">{{#caprint:$base[Base properties][Class]}}</b><br />
{{#caprint:$base[Base properties][Title]}}<br />
</div><!-- end of .card-header --><br />
<div class="card-body"><br />
{{Sidebar item<br />
|Label=Title<br />
|Value={{#tag:wsfield ||type=text |name=Title |required=required |class=form-control |value={{#caprint:$base[Base properties][Title]}} }}<br />
}}<br />
{{Sidebar item<br />
|Label=Doc synopsis<br />
|Value={{#tag:wsfield ||type=text |name=Doc synopsis|required=required |class=form-control |value={{#caprint:$class[Doc properties][Doc synopsis]}} }}<br />
}}<br />
{{Sidebar item<br />
|Label=Doc subject<br />
|Value={{#tag:wsfield ||type=text |name=Doc subject |required=required |class=form-control |value={{#caprint:$class[Doc properties][Doc subject]}} }}<br />
}}<br />
{{Sidebar item<br />
|Label=Subject version<br />
|Value={{#tag:wsfield ||type=text |name=Subject version |class=form-control |value={{#caprint:$class[Doc properties][Subject version]}} }}<br />
}}<br />
{{Sidebar item<br />
|Label=Doc parent<br />
|Value={{#tag:wstoken <br />
|{{#caamap:{{#caprint:$class[Doc properties][Doc parent]}} |,|__Value__|{{#tag:wsfield |{{#show:__Value__ |?Title}}|type=option|value=__Value__|selected=selected}} |}}<br />
|id=Doc-parent-tokens<br />
|name=Doc parent[]<br />
|placeholder=Search...<br />
|multiple=<br />
|query=[[Class::+]][[Doc title with versions::!!!]](limit=99999)(returntext=Doc title with versions)<br />
}}<br />
}}<br />
{{Sidebar item<br />
|Label=Doc sort order<br />
|Value={{#tag:wsfield ||type=number |name=Doc sort order |required=required |class=form-control |value={{#caprint:$class[Doc properties][Doc sort order]}} }}<br />
}}<br />
{{Sidebar item<br />
|Label=Doc target group<br />
|Value={{#cadefine:$value settings |{{Wiki:Setting/Doc target group}} }}<br />
{{#cadefine:$values selected |{{#caprint:$class[Doc properties][Doc target group]}} }}<br />
{{#camerge:$value options |$value settings |$values selected }}<br />
{{#caunique:$value options}}<br />
{{#tag:wsselect<br />
|{{#camap:$value options |__Value__|{{#tag:wsfield|__Value__|type=option|value=__Value__|selected={{#if:{{#casearch:$values selected|__Value__}}|selected}} }} |}}<br />
|name=Doc target group |required=required |class=form-control |id=doc_target_group-field |placeholder=select a value <br />
}}<br />
}}<br />
<br />
<div class="text-right"><br />
{{#widget:Button link |class=btn btn-secondary |buttontext=Close |onclick=ShowTab('#sidebar-view') }}<br />
<wsfield type="submit" value="Save" class="btn btn-primary" /><br />
</div><br />
</ul><br />
</div><!-- end of .card-body --><br />
</div><!-- end of .card --><br />
</wsform>|}}<!-- end of #ifeq @allow sidebar edit == yes --><br />
</div><!-- end of .tab-content <br />
--><div class="treeview w-20 border"><h6 class="pt-3 pl-3">Related documents for version {{#var:@selected-version}}</h6><hr><!--<br />
-->{{#if:{{#caprint:$class[Doc properties][Doc subject]}}|{{#ask:[[Doc subject::{{#caprint:$class[Doc properties][Doc subject]}}]][[!{{#caprint:$class[Doc properties][Doc subject]}}]] [[Subject version::{{#var:@selected-version}} ]]<br />
|?=Page<br />
|?Title<br />
|link=none<br />
|format=tree<br />
|template=tree<br />
|parent=Doc parent<br />
|order=desc,asc,asc<br />
|sort=Doc target group,Doc sort order,Title<br />
}} }}</div><!--<br />
--></includeonly></div>Adminhttps://open-csp.org/index.php?title=MediaWiki:Ws-navmenu&diff=1669MediaWiki:Ws-navmenu2022-09-26T08:11:13Z<p>Admin: </p>
<hr />
<div>{{WSNavMenu | Input={{int:mainpage}}*{{Fa|home}} Home<br />
<br />
Search<br />
Questions-and-answers*Q & A<br />
{{fullurl:Search-documentation|?order=desc&ordertype=Modification date}}*Documentation*Href<br />
<br />
Documentation<br />
DevOps:Page/3*Documentation<br />
DevOps:Doc/FlexForm*FlexForm<br />
DevOps:Doc/PageSync*PageSync<br />
{{fullurl:DevOps:Page/4 |subject={{#show: {{FULLPAGENAME}} |?Doc subject |link=none}}&version={{#show: {{FULLPAGENAME}} |?Subject version |link=none}} }}*New doc page*Href<br />
{{fullurl:DevOps:Page/4 |subject={{#show: {{FULLPAGENAME}} |?Doc subject |link=none}}&page={{FULLPAGENAME}} }}*New version*Href<br />
<br />
{{#ifingroup:moderator,sysop |<br />
{{Fa|cogs}} Spaces<br />
Special:AddSpace*Add a Space<br />
Special:ActiveSpaces*Manage Active Spaces<br />
Special:ArchivedSpaces*Manage Archived Spaces<br />
}}<br />
<br />
{{#ifingroup:moderator,sysop |<br />
Pages<br />
Pages*All pages<br />
New page*New page<br />
}}<br />
<br />
{{#ifingroup:sysop |{{Fa|lock}} Tools<br />
MediaWiki:Ws-navmenu*NavMenu<br />
MediaWiki:Ws-header*Header<br />
MediaWiki:Ws-sub-header*Sub-header<br />
MediaWiki:Ws-footer*Footer<br />
Wiki:page-types*Page types<br />
Wiki:Wiki pages*Wiki pages<br />
{{fullurl:Wiki:Slots |page={{FULLPAGENAME}} }}*Slots*Href<br />
File:Logo.png*Logo<br />
Mediawiki:Common.css*Common.css<br />
Mediawiki:Common.js*Common.js<br />
}}<br />
}}</div>Adminhttps://open-csp.org/index.php?title=MediaWiki:Ws-navmenu&diff=1668MediaWiki:Ws-navmenu2022-09-26T08:08:16Z<p>Admin: </p>
<hr />
<div>{{WSNavMenu | Input={{int:mainpage}}*{{Fa|home}} Home<br />
<br />
Search<br />
Questions-and-answers*Q & A<br />
{{localurl:Search-documentation|?order=desc&ordertype=Modification date}}*Documentation<br />
<br />
Documentation<br />
DevOps:Page/3*Documentation<br />
DevOps:Doc/FlexForm*FlexForm<br />
DevOps:Doc/PageSync*PageSync<br />
{{fullurl:DevOps:Page/4 |subject={{#show: {{FULLPAGENAME}} |?Doc subject |link=none}}&version={{#show: {{FULLPAGENAME}} |?Subject version |link=none}} }}*New doc page*Href<br />
{{fullurl:DevOps:Page/4 |subject={{#show: {{FULLPAGENAME}} |?Doc subject |link=none}}&page={{FULLPAGENAME}} }}*New version*Href<br />
<br />
{{#ifingroup:moderator,sysop |<br />
{{Fa|cogs}} Spaces<br />
Special:AddSpace*Add a Space<br />
Special:ActiveSpaces*Manage Active Spaces<br />
Special:ArchivedSpaces*Manage Archived Spaces<br />
}}<br />
<br />
{{#ifingroup:moderator,sysop |<br />
Pages<br />
Pages*All pages<br />
New page*New page<br />
}}<br />
<br />
{{#ifingroup:sysop |{{Fa|lock}} Tools<br />
MediaWiki:Ws-navmenu*NavMenu<br />
MediaWiki:Ws-header*Header<br />
MediaWiki:Ws-sub-header*Sub-header<br />
MediaWiki:Ws-footer*Footer<br />
Wiki:page-types*Page types<br />
Wiki:Wiki pages*Wiki pages<br />
{{fullurl:Wiki:Slots |page={{FULLPAGENAME}} }}*Slots*Href<br />
File:Logo.png*Logo<br />
Mediawiki:Common.css*Common.css<br />
Mediawiki:Common.js*Common.js<br />
}}<br />
}}</div>Adminhttps://open-csp.org/index.php?title=MediaWiki:Ws-navmenu&diff=1667MediaWiki:Ws-navmenu2022-09-26T08:07:24Z<p>Admin: </p>
<hr />
<div>{{WSNavMenu | Input={{int:mainpage}}*{{Fa|home}} Home<br />
<br />
Search<br />
Questions-and-answers*Q & A<br />
{{localurl:Search-documentation|?order=desc&ordertype=Modification date|link=none}}*Documentation<br />
<br />
Documentation<br />
DevOps:Page/3*Documentation<br />
DevOps:Doc/FlexForm*FlexForm<br />
DevOps:Doc/PageSync*PageSync<br />
{{fullurl:DevOps:Page/4 |subject={{#show: {{FULLPAGENAME}} |?Doc subject |link=none}}&version={{#show: {{FULLPAGENAME}} |?Subject version |link=none}} }}*New doc page*Href<br />
{{fullurl:DevOps:Page/4 |subject={{#show: {{FULLPAGENAME}} |?Doc subject |link=none}}&page={{FULLPAGENAME}} }}*New version*Href<br />
<br />
{{#ifingroup:moderator,sysop |<br />
{{Fa|cogs}} Spaces<br />
Special:AddSpace*Add a Space<br />
Special:ActiveSpaces*Manage Active Spaces<br />
Special:ArchivedSpaces*Manage Archived Spaces<br />
}}<br />
<br />
{{#ifingroup:moderator,sysop |<br />
Pages<br />
Pages*All pages<br />
New page*New page<br />
}}<br />
<br />
{{#ifingroup:sysop |{{Fa|lock}} Tools<br />
MediaWiki:Ws-navmenu*NavMenu<br />
MediaWiki:Ws-header*Header<br />
MediaWiki:Ws-sub-header*Sub-header<br />
MediaWiki:Ws-footer*Footer<br />
Wiki:page-types*Page types<br />
Wiki:Wiki pages*Wiki pages<br />
{{fullurl:Wiki:Slots |page={{FULLPAGENAME}} }}*Slots*Href<br />
File:Logo.png*Logo<br />
Mediawiki:Common.css*Common.css<br />
Mediawiki:Common.js*Common.js<br />
}}<br />
}}</div>Adminhttps://open-csp.org/index.php?title=MediaWiki:Ws-navmenu&diff=1666MediaWiki:Ws-navmenu2022-09-26T08:06:26Z<p>Admin: </p>
<hr />
<div>{{WSNavMenu | Input={{int:mainpage}}*{{Fa|home}} Home<br />
<br />
Search<br />
Questions-and-answers*Q & A<br />
{{fullurl:Search-documentation|order=desc&ordertype=Modification date|link=none}}*Documentation<br />
<br />
Documentation<br />
DevOps:Page/3*Documentation<br />
DevOps:Doc/FlexForm*FlexForm<br />
DevOps:Doc/PageSync*PageSync<br />
{{fullurl:DevOps:Page/4 |subject={{#show: {{FULLPAGENAME}} |?Doc subject |link=none}}&version={{#show: {{FULLPAGENAME}} |?Subject version |link=none}} }}*New doc page*Href<br />
{{fullurl:DevOps:Page/4 |subject={{#show: {{FULLPAGENAME}} |?Doc subject |link=none}}&page={{FULLPAGENAME}} }}*New version*Href<br />
<br />
{{#ifingroup:moderator,sysop |<br />
{{Fa|cogs}} Spaces<br />
Special:AddSpace*Add a Space<br />
Special:ActiveSpaces*Manage Active Spaces<br />
Special:ArchivedSpaces*Manage Archived Spaces<br />
}}<br />
<br />
{{#ifingroup:moderator,sysop |<br />
Pages<br />
Pages*All pages<br />
New page*New page<br />
}}<br />
<br />
{{#ifingroup:sysop |{{Fa|lock}} Tools<br />
MediaWiki:Ws-navmenu*NavMenu<br />
MediaWiki:Ws-header*Header<br />
MediaWiki:Ws-sub-header*Sub-header<br />
MediaWiki:Ws-footer*Footer<br />
Wiki:page-types*Page types<br />
Wiki:Wiki pages*Wiki pages<br />
{{fullurl:Wiki:Slots |page={{FULLPAGENAME}} }}*Slots*Href<br />
File:Logo.png*Logo<br />
Mediawiki:Common.css*Common.css<br />
Mediawiki:Common.js*Common.js<br />
}}<br />
}}</div>Adminhttps://open-csp.org/index.php?title=MediaWiki:Ws-navmenu&diff=1665MediaWiki:Ws-navmenu2022-09-26T08:05:51Z<p>Admin: </p>
<hr />
<div>{{WSNavMenu | Input={{int:mainpage}}*{{Fa|home}} Home<br />
<br />
Search<br />
Questions-and-answers*Q & A<br />
{{fullurl:Search-documentation|subject=?order=desc&ordertype=Modification date|link=none}}*Documentation<br />
<br />
Documentation<br />
DevOps:Page/3*Documentation<br />
DevOps:Doc/FlexForm*FlexForm<br />
DevOps:Doc/PageSync*PageSync<br />
{{fullurl:DevOps:Page/4 |subject={{#show: {{FULLPAGENAME}} |?Doc subject |link=none}}&version={{#show: {{FULLPAGENAME}} |?Subject version |link=none}} }}*New doc page*Href<br />
{{fullurl:DevOps:Page/4 |subject={{#show: {{FULLPAGENAME}} |?Doc subject |link=none}}&page={{FULLPAGENAME}} }}*New version*Href<br />
<br />
{{#ifingroup:moderator,sysop |<br />
{{Fa|cogs}} Spaces<br />
Special:AddSpace*Add a Space<br />
Special:ActiveSpaces*Manage Active Spaces<br />
Special:ArchivedSpaces*Manage Archived Spaces<br />
}}<br />
<br />
{{#ifingroup:moderator,sysop |<br />
Pages<br />
Pages*All pages<br />
New page*New page<br />
}}<br />
<br />
{{#ifingroup:sysop |{{Fa|lock}} Tools<br />
MediaWiki:Ws-navmenu*NavMenu<br />
MediaWiki:Ws-header*Header<br />
MediaWiki:Ws-sub-header*Sub-header<br />
MediaWiki:Ws-footer*Footer<br />
Wiki:page-types*Page types<br />
Wiki:Wiki pages*Wiki pages<br />
{{fullurl:Wiki:Slots |page={{FULLPAGENAME}} }}*Slots*Href<br />
File:Logo.png*Logo<br />
Mediawiki:Common.css*Common.css<br />
Mediawiki:Common.js*Common.js<br />
}}<br />
}}</div>Adminhttps://open-csp.org/index.php?title=MediaWiki:Ws-navmenu&diff=1664MediaWiki:Ws-navmenu2022-09-26T08:05:14Z<p>Admin: </p>
<hr />
<div>{{WSNavMenu | Input={{int:mainpage}}*{{Fa|home}} Home<br />
<br />
Search<br />
Questions-and-answers*Q & A<br />
{{fullurl:Search-documentation|subject={{FULLPAGENAME}}?order=desc&ordertype=Modification date|link=none}}*Documentation<br />
<br />
Documentation<br />
DevOps:Page/3*Documentation<br />
DevOps:Doc/FlexForm*FlexForm<br />
DevOps:Doc/PageSync*PageSync<br />
{{fullurl:DevOps:Page/4 |subject={{#show: {{FULLPAGENAME}} |?Doc subject |link=none}}&version={{#show: {{FULLPAGENAME}} |?Subject version |link=none}} }}*New doc page*Href<br />
{{fullurl:DevOps:Page/4 |subject={{#show: {{FULLPAGENAME}} |?Doc subject |link=none}}&page={{FULLPAGENAME}} }}*New version*Href<br />
<br />
{{#ifingroup:moderator,sysop |<br />
{{Fa|cogs}} Spaces<br />
Special:AddSpace*Add a Space<br />
Special:ActiveSpaces*Manage Active Spaces<br />
Special:ArchivedSpaces*Manage Archived Spaces<br />
}}<br />
<br />
{{#ifingroup:moderator,sysop |<br />
Pages<br />
Pages*All pages<br />
New page*New page<br />
}}<br />
<br />
{{#ifingroup:sysop |{{Fa|lock}} Tools<br />
MediaWiki:Ws-navmenu*NavMenu<br />
MediaWiki:Ws-header*Header<br />
MediaWiki:Ws-sub-header*Sub-header<br />
MediaWiki:Ws-footer*Footer<br />
Wiki:page-types*Page types<br />
Wiki:Wiki pages*Wiki pages<br />
{{fullurl:Wiki:Slots |page={{FULLPAGENAME}} }}*Slots*Href<br />
File:Logo.png*Logo<br />
Mediawiki:Common.css*Common.css<br />
Mediawiki:Common.js*Common.js<br />
}}<br />
}}</div>Adminhttps://open-csp.org/index.php?title=MediaWiki:Ws-navmenu&diff=1663MediaWiki:Ws-navmenu2022-09-26T08:03:40Z<p>Admin: </p>
<hr />
<div>{{WSNavMenu | Input={{int:mainpage}}*{{Fa|home}} Home<br />
<br />
Search<br />
Questions-and-answers*Q & A<br />
{{fullurl:Search-documentation|order=desc|?ordertype=Modification date|link=none}}*Documentation<br />
<br />
Documentation<br />
DevOps:Page/3*Documentation<br />
DevOps:Doc/FlexForm*FlexForm<br />
DevOps:Doc/PageSync*PageSync<br />
{{fullurl:DevOps:Page/4 |subject={{#show: {{FULLPAGENAME}} |?Doc subject |link=none}}&version={{#show: {{FULLPAGENAME}} |?Subject version |link=none}} }}*New doc page*Href<br />
{{fullurl:DevOps:Page/4 |subject={{#show: {{FULLPAGENAME}} |?Doc subject |link=none}}&page={{FULLPAGENAME}} }}*New version*Href<br />
<br />
{{#ifingroup:moderator,sysop |<br />
{{Fa|cogs}} Spaces<br />
Special:AddSpace*Add a Space<br />
Special:ActiveSpaces*Manage Active Spaces<br />
Special:ArchivedSpaces*Manage Archived Spaces<br />
}}<br />
<br />
{{#ifingroup:moderator,sysop |<br />
Pages<br />
Pages*All pages<br />
New page*New page<br />
}}<br />
<br />
{{#ifingroup:sysop |{{Fa|lock}} Tools<br />
MediaWiki:Ws-navmenu*NavMenu<br />
MediaWiki:Ws-header*Header<br />
MediaWiki:Ws-sub-header*Sub-header<br />
MediaWiki:Ws-footer*Footer<br />
Wiki:page-types*Page types<br />
Wiki:Wiki pages*Wiki pages<br />
{{fullurl:Wiki:Slots |page={{FULLPAGENAME}} }}*Slots*Href<br />
File:Logo.png*Logo<br />
Mediawiki:Common.css*Common.css<br />
Mediawiki:Common.js*Common.js<br />
}}<br />
}}</div>Adminhttps://open-csp.org/index.php?title=MediaWiki:Ws-navmenu&diff=1662MediaWiki:Ws-navmenu2022-09-26T07:59:05Z<p>Admin: </p>
<hr />
<div>{{WSNavMenu | Input={{int:mainpage}}*{{Fa|home}} Home<br />
<br />
Search<br />
Questions-and-answers*Q & A<br />
Search-documentation?order=desc&ordertype=Modification+date*Documentation<br />
<br />
Documentation<br />
DevOps:Page/3*Documentation<br />
DevOps:Doc/FlexForm*FlexForm<br />
DevOps:Doc/PageSync*PageSync<br />
{{fullurl:DevOps:Page/4 |subject={{#show: {{FULLPAGENAME}} |?Doc subject |link=none}}&version={{#show: {{FULLPAGENAME}} |?Subject version |link=none}} }}*New doc page*Href<br />
{{fullurl:DevOps:Page/4 |subject={{#show: {{FULLPAGENAME}} |?Doc subject |link=none}}&page={{FULLPAGENAME}} }}*New version*Href<br />
<br />
{{#ifingroup:moderator,sysop |<br />
{{Fa|cogs}} Spaces<br />
Special:AddSpace*Add a Space<br />
Special:ActiveSpaces*Manage Active Spaces<br />
Special:ArchivedSpaces*Manage Archived Spaces<br />
}}<br />
<br />
{{#ifingroup:moderator,sysop |<br />
Pages<br />
Pages*All pages<br />
New page*New page<br />
}}<br />
<br />
{{#ifingroup:sysop |{{Fa|lock}} Tools<br />
MediaWiki:Ws-navmenu*NavMenu<br />
MediaWiki:Ws-header*Header<br />
MediaWiki:Ws-sub-header*Sub-header<br />
MediaWiki:Ws-footer*Footer<br />
Wiki:page-types*Page types<br />
Wiki:Wiki pages*Wiki pages<br />
{{fullurl:Wiki:Slots |page={{FULLPAGENAME}} }}*Slots*Href<br />
File:Logo.png*Logo<br />
Mediawiki:Common.css*Common.css<br />
Mediawiki:Common.js*Common.js<br />
}}<br />
}}</div>Adminhttps://open-csp.org/index.php?title=Search-documentation&diff=1661Search-documentation2022-09-26T07:55:38Z<p>Admin: </p>
<hr />
<div>===Search documentation===<br />
__NOTOC__{{#WikiSearchConfig:<br />
|base query=[[Class::Doc]]<br />
|aggregation size=50<br />
|Title<br />
|Doc subject<br />
|Doc synopsis<br />
|Doc parent<br />
|Subject version<br />
|Doc target group<br />
|Tag<br />
}}<br />
<div class="main-search"><br />
{{#WikiSearchFrontend:size=10<br />
|facets=4<br />
|sort=Modification date<br />
|sort options=Modification date<br />
|ordertype=Modification date<br />
|order=desc<br />
|title=_DTITLE<br />
|layout=template<br />
|template=Show_docs_search_result<br />
|@Doc subject<br />
|@Subject version<br />
|@Doc target group<br />
#label=Target group<br />
|@Tag<br />
#display=pill<br />
|?Doc subject<br />
|?Doc synopsis<br />
|?Subject version<br />
|?Doc target group<br />
|?Doc parent<br />
|?Title<br />
|?$title<br />
|?$snippet <br />
|?$namespacename<br />
|?$page<br />
|?$Modification date#display=date#label=Updated#type=date}}<br />
</div></div>Adminhttps://open-csp.org/index.php?title=Search-documentation&diff=1660Search-documentation2022-09-26T07:54:53Z<p>Admin: </p>
<hr />
<div>===Search documentation===<br />
__NOTOC__{{#WikiSearchConfig:<br />
|base query=[[Class::Doc]]<br />
|aggregation size=50<br />
|Title<br />
|Doc subject<br />
|Doc synopsis<br />
|Doc parent<br />
|Subject version<br />
|Doc target group<br />
|Tag<br />
}}<br />
<div class="main-search"><br />
{{#WikiSearchFrontend:size=10<br />
|facets=4<br />
|sort=Modification date<br />
|sort options=Modifcation date<br />
|order=desc<br />
|title=_DTITLE<br />
|layout=template<br />
|template=Show_docs_search_result<br />
|@Doc subject<br />
|@Subject version<br />
|@Doc target group<br />
#label=Target group<br />
|@Tag<br />
#display=pill<br />
|?Doc subject<br />
|?Doc synopsis<br />
|?Subject version<br />
|?Doc target group<br />
|?Doc parent<br />
|?Title<br />
|?$title<br />
|?$snippet <br />
|?$namespacename<br />
|?$page<br />
|?$Modification date#display=date#label=Updated#type=date}}<br />
</div></div>Adminhttps://open-csp.org/index.php?title=Search-documentation&diff=1659Search-documentation2022-09-26T07:54:21Z<p>Admin: </p>
<hr />
<div>===Search documentation===<br />
__NOTOC__{{#WikiSearchConfig:<br />
|base query=[[Class::Doc]]<br />
|aggregation size=50<br />
|Title<br />
|Doc subject<br />
|Doc synopsis<br />
|Doc parent<br />
|Subject version<br />
|Doc target group<br />
|Tag<br />
}}<br />
<div class="main-search"><br />
{{#WikiSearchFrontend:size=10<br />
|facets=4<br />
|sort=Modification date<br />
|order=desc<br />
|title=_DTITLE<br />
|layout=template<br />
|template=Show_docs_search_result<br />
|@Doc subject<br />
|@Subject version<br />
|@Doc target group<br />
#label=Target group<br />
|@Tag<br />
#display=pill<br />
|?Doc subject<br />
|?Doc synopsis<br />
|?Subject version<br />
|?Doc target group<br />
|?Doc parent<br />
|?Title<br />
|?$title<br />
|?$snippet <br />
|?$namespacename<br />
|?$page<br />
|?$Modification date#display=date#label=Updated#type=date}}<br />
</div></div>Adminhttps://open-csp.org/index.php?title=Search-documentation&diff=1658Search-documentation2022-09-26T07:53:24Z<p>Admin: </p>
<hr />
<div>===Search documentation===<br />
__NOTOC__{{#WikiSearchConfig:<br />
|base query=[[Class::Doc]]<br />
|aggregation size=50<br />
|Title<br />
|Doc subject<br />
|Doc synopsis<br />
|Doc parent<br />
|Subject version<br />
|Doc target group<br />
|Tag<br />
}}<br />
<div class="main-search"><br />
{{#WikiSearchFrontend:size=10<br />
|facets=4<br />
|sort=Modification date<br />
|sort options=Modification date, Title<br />
|title=_DTITLE<br />
|layout=template<br />
|template=Show_docs_search_result<br />
|@Doc subject<br />
|@Subject version<br />
|@Doc target group<br />
#label=Target group<br />
|@Tag<br />
#display=pill<br />
|?Doc subject<br />
|?Doc synopsis<br />
|?Subject version<br />
|?Doc target group<br />
|?Doc parent<br />
|?Title<br />
|?$title<br />
|?$snippet <br />
|?$namespacename<br />
|?$page<br />
|?$Modification date#display=date#label=Updated#type=date}}<br />
</div></div>Adminhttps://open-csp.org/index.php?title=Search-documentation&diff=1657Search-documentation2022-09-26T07:51:17Z<p>Admin: </p>
<hr />
<div>===Search documentation===<br />
__NOTOC__{{#WikiSearchConfig:<br />
|base query=[[Class::Doc]]<br />
|aggregation size=50<br />
|Title<br />
|Doc subject<br />
|Doc synopsis<br />
|Doc parent<br />
|Subject version<br />
|Doc target group<br />
|Tag<br />
}}<br />
<div class="main-search"><br />
{{#WikiSearchFrontend:size=10<br />
|facets=4<br />
sort=Modification date<br />
|title=_DTITLE<br />
|layout=template<br />
|template=Show_docs_search_result<br />
|@Doc subject<br />
|@Subject version<br />
|@Doc target group<br />
#label=Target group<br />
|@Tag<br />
#display=pill<br />
|?Doc subject<br />
|?Doc synopsis<br />
|?Subject version<br />
|?Doc target group<br />
|?Doc parent<br />
|?Title<br />
|?$title<br />
|?$snippet <br />
|?$namespacename<br />
|?$page<br />
|?$Modification date#display=date#label=Updated#type=date}}<br />
</div></div>Adminhttps://open-csp.org/index.php?title=DevOps:Doc/FlexForm/1.0/input&diff=1505DevOps:Doc/FlexForm/1.0/input2022-09-23T09:45:12Z<p>Admin: </p>
<hr />
<div>===Name===<br />
_input<br />
===Type===<br />
_input<br />
===Synopsis===<br />
Create various input field using _input<br />
===Description===<br />
_input is like input in HTML, but can differ sometimes.<br />
===Parameters===<br />
All valid HTML attributes can be used, like :<br />
<br />
name, value, class, placeholder, required etc..<br />
<br />
For possible types you can search the '''FlexForm''' docs for all documentation that starts with _input.<br />
<br />
Some examples for types are : text, url, phone, textarea, password, range, checkboxes, radiobutton, email and more.<br />
<br />
There are some '''FlexForm''' specific attributes like ''parsepost'' and ''html''.<br />
<br />
'''- parsepost''' can be used on e.g. a hidden field where the value holds names of other fields to be switched at post processing. e.g.<br />
<br />
This will read the form field value with name "title" and replace [title] in the value of the newtitle field<br />
<br />
''TODO: Above needs more details''<br />
<br />
<br />
'''- html''' attribute allows filtering input fields. The options are :<br />
<br />
* "default" which is the same as not adding it at all. It will filter by the HTMLPurifier rules (see link below)<br />
* "all" no filtering will be done (not even XSS hacks)<br />
* "nohtml" means all HTML will be filtered out<br />
* "custom" is used like this : "custom=b,u,i", meaning no html is allowed, except bold, italic and underline<br />
<br />
<br />
'''- tempex''' attribute in FlexForm is a custom attribute. This is in its beta status and is being tested and tweaked.<br />
<br />
Tempex stands for Template Execute. You can add this attribute to e.g. a text field, textarea, number field, etc.. The value of that field will be determent by the result of an executed/parsed template.<br />
<br />
<br />
The value for tempex starts with the name of the template, followed by the field names in your form, all devided by a pipe. Those fields will be monitored for changes and when a change is detected the template is parsed and the result will be inserted into the field that has the tempex argument. Example :<br />
<br />
<br />
<syntaxhighlight lang="html"><br />
<_form action="get" class="simple"><br />
<_label for="fname">First name</_label> <_input type="text" id="fname" name="First name" /><BR><br />
<_label for="lname">Last name</_label>< _input type="text" id="lname" name="Last name" /><br><br />
<_label for="email">email address</_label> <_input type="email" id="email" name="email" /><br><br />
<_input type="textarea" size="150" name="total" class="tital" tempex="TestingTempex|First name|Last name|email" /><br />
<_input type="submit" value="getsend" /><br />
</_form><br />
</syntaxhighlight><br />
<br />
Of course there should be a '''Template:TestingTempex''' in your wiki in this example.<br />
<br />
<br />
'''- required''' attribute in FlexForm differs from the HTML variant.<br />
<br />
When a '''HTML5''' form field has the word "'''required'''" as an attribute, this field will always be required. Even '''required="no"''' will make the field required.<br />
<br />
With '''FlexForm''' this needs to be '''required="required"''' for an input field to be required. Only required or required="no" or required="whatever" will not make the field a required field.<br />
<br />
Example on how to use required in FlexForm :<syntaxhighlight lang="html"><br />
<_input type="email" name="emailfield" placeholder="This is a placeholder" required="required" /> <br />
</syntaxhighlight><br />
<br />
===Example===<br />
<br />
===Note===<br />
<br />
===Links===</div>Adminhttps://open-csp.org/index.php?title=DevOps:Doc/FlexForm/1.0/input&diff=1504DevOps:Doc/FlexForm/1.0/input2022-09-23T09:44:43Z<p>Admin: </p>
<hr />
<div>===Name===<br />
_input<br />
===Type===<br />
_input<br />
===Synopsis===<br />
Create various input field using _input<br />
===Description===<br />
_input is like input in HTML, but can differ sometimes.<br />
===Parameters===<br />
All valid HTML attributes can be used, like :<br />
<br />
name, value, class, placeholder, required etc..<br />
<br />
For possible types you can search the '''FlexForm''' docs for all documentation that starts with _input.<br />
<br />
Some examples for types are : text, url, phone, textarea, password, range, checkboxes, radiobutton, email and more.<br />
<br />
There are some '''FlexForm''' specific attributes like ''parsepost'' and ''html''.<br />
<br />
'''- parsepost''' can be used on e.g. a hidden field where the value holds names of other fields to be switched at post processing. e.g.<br />
<br />
This will read the form field value with name "title" and replace [title] in the value of the newtitle field<br />
<br />
''TODO: Above needs more details''<br />
<br />
<br />
'''- html''' attribute allows filtering input fields. The options are :<br />
<br />
* "default" which is the same as not adding it at all. It will filter by the HTMLPurifier rules (see link below)<br />
* "all" no filtering will be done (not even XSS hacks)<br />
* "nohtml" means all HTML will be filtered out<br />
* "custom" is used like this : "custom=b,u,i", meaning no html is allowed, except bold, italic and underline<br />
<br />
'''- tempex''' attribute in FlexForm is a custom attribute. This is in its beta status and is being tested and tweaked.<br />
<br />
Tempex stands for Template Execute. You can add this attribute to e.g. a text field, textarea, number field, etc.. The value of that field will be determent by the result of an executed/parsed template.<br />
<br />
The value for tempex starts with the name of the template, followed by the field names in your form, all devided by a pipe. Those fields will be monitored for changes and when a change is detected the template is parsed and the result will be inserted into the field that has the tempex argument. Example :<br />
<br />
<syntaxhighlight lang="html"><br />
<_form action="get" class="simple"><br />
<_label for="fname">First name</_label> <_input type="text" id="fname" name="First name" /><BR><br />
<_label for="lname">Last name</_label>< _input type="text" id="lname" name="Last name" /><br><br />
<_label for="email">email address</_label> <_input type="email" id="email" name="email" /><br><br />
<_input type="textarea" size="150" name="total" class="tital" tempex="TestingTempex|First name|Last name|email" /><br />
<_input type="submit" value="getsend" /><br />
</_form><br />
</syntaxhighlight><br />
<br />
Of course there should be a '''Template:TestingTempex''' in your wiki in this example.<br />
<br />
'''- required''' attribute in FlexForm differs from the HTML variant.<br />
<br />
When a '''HTML5''' form field has the word "'''required'''" as an attribute, this field will always be required. Even '''required="no"''' will make the field required.<br />
<br />
With '''FlexForm''' this needs to be '''required="required"''' for an input field to be required. Only required or required="no" or required="whatever" will not make the field a required field.<br />
<br />
Example on how to use required in FlexForm :<syntaxhighlight lang="html"><br />
<_input type="email" name="emailfield" placeholder="This is a placeholder" required="required" /> <br />
</syntaxhighlight><br />
<br />
===Example===<br />
<br />
===Note===<br />
<br />
===Links===</div>Adminhttps://open-csp.org/index.php?title=DevOps:Doc/FlexForm/1.0/input/number&diff=1503DevOps:Doc/FlexForm/1.0/input/number2022-09-23T09:08:01Z<p>Admin: </p>
<hr />
<div>===Name===<br />
number<br />
===Type===<br />
_input<br />
===Synopsis===<br />
How to render a number only input field<br />
===Description===<br />
elements of type <code>'''"number"'''</code> are used to let the user enter a number. They include built-in validation to reject non-numerical entries. The browser may opt to provide stepper arrows to let the user increase and decrease the value using their mouse or by simply tapping with a fingertip.<br />
<br />
By default, the up and down buttons provided for you to step the number up and down will step the value up and down by 1. You can change this by providing a <code>step</code> attribute, which takes as its value a number specifying the step amount.<br />
<br />
You can use the <code>min</code> and <code>max</code> attributes to specify a minimum and maximum value that the field can have.<br />
<br />
===Parameters===<br />
_input type="number"<br />
<br />
As of version 1.1.37 there is an optional field you can use called '''calc'''. It allows you to do calculations with other input field of type="number".<br />
The calc argument can hold a calculation and the other fields you want to use access them by there name field between square brackets. Like so : "5*[field1]+(20/[field2]".<br />
See the second example. Currently for this to work, the number field with the calc argument must be in the same Form.<br />
<br />
===Example===<br />
This example accepts only a value between 0 and 10 with steps of 0.01 (e.g. 2.21)<br />
<syntaxhighlight lang="html"><br />
<_input type="number" placeholder="1.0" step="0.01" min="0" max="10" /><br />
</syntaxhighlight><br />
<_input type="number" placeholder="1.0" step="0.01" min="0" max="10" /><br />
<syntaxhighlight lang="html"><br />
<_form action="get"><br />
field1: e.g. try 20 <_input type="number" name="field1" /><br><br />
field2: e.g. try 5 <_input type="number" name="field2" /><br><br />
Calculation( 5 * field1 / ( 20 + field2 ) ) would become '''5 X 20 / ( 20 + 5 )''' = 4<br> Result: <_input type="number" name="total" calc="5*[field1]/(20+[field2])" /><br />
</_form><br />
</syntaxhighlight><br />
<_form action="get"><br />
field1: e.g. try 20 <_input type="number" name="field1" /><br><br />
field2: e.g. try 5 <_input type="number" name="field2" /><br><br />
Calculation( 5 * field1 / ( 20 + field2 ) ) would become '''5 X 20 / ( 20 + 5 )''' = 4<br> Result: <_input type="number" name="total" calc="5*[field1]/(20+[field2])" /><br />
</_form><br />
===Note===<br />
If you are using the Calc function and you do not see any calculations, then you can have a look in the console of your browser. It will show you any mistakes you have made in the calculation.<br />
<br />
===Links===<br />
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number</div>Adminhttps://open-csp.org/index.php?title=DevOps:Doc/FlexForm/1.0/input/number&diff=1502DevOps:Doc/FlexForm/1.0/input/number2022-09-23T09:07:18Z<p>Admin: </p>
<hr />
<div>===Name===<br />
number<br />
===Type===<br />
_input<br />
===Synopsis===<br />
How to render a number only input field<br />
===Description===<br />
elements of type <code>'''"number"'''</code> are used to let the user enter a number. They include built-in validation to reject non-numerical entries. The browser may opt to provide stepper arrows to let the user increase and decrease the value using their mouse or by simply tapping with a fingertip.<br />
<br />
By default, the up and down buttons provided for you to step the number up and down will step the value up and down by 1. You can change this by providing a <code>step</code> attribute, which takes as its value a number specifying the step amount.<br />
<br />
You can use the <code>min</code> and <code>max</code> attributes to specify a minimum and maximum value that the field can have.<br />
<br />
===Parameters===<br />
_input type="number"<br />
<br />
As of version 1.1.37 there is an optional field you can use called '''calc'''. It allows you to do calculations with other input field of type="number".<br />
The calc argument can hold a calculation and the other fields you want to use access them by there name field between square brackets. Like so : "5*[field1]+(20/[field2]".<br />
See the second example. Currently for this to work, the number field with the calc argument must be in the same Form.<br />
<br />
===Example===<br />
This example accepts only a value between 0 and 10 with steps of 0.01 (e.g. 2.21)<br />
<syntaxhighlight lang="html"><br />
<_input type="number" placeholder="1.0" step="0.01" min="0" max="10" /><br />
</syntaxhighlight><br />
<_input type="number" placeholder="1.0" step="0.01" min="0" max="10" /><br />
<syntaxhighlight lang="html"><br />
<_form action="get"><br />
field1: e.g. try 20 <_input type="number" name="field1" /><br><br />
field2: e.g. try 5 <_input type="number" name="field2" /><br><br />
Calculation( 5 * field1 / ( 20 + field2 ) ) would become '''5 X 20 / ( 20 + 5 )''' = 4<br> Result: <_input type="number" name="total" calc="5*[field1]/(20+[field2])" /><br />
</_form><br />
</syntaxhighlight><br />
<_form action="get"><br />
field1: <_input type="number" name="field1" /><br><br />
field2: <_input type="number" name="field2" /><br><br />
Calculation( 5 * field1 / ( 20 + field2 ) ) would become '''5 X 20 / ( 20 + 5 )''' = 4<br> Result: <_input type="number" name="total" calc="5*[field1]/(20+[field2])" /><br />
</_form><br />
===Note===<br />
If you are using the Calc function and you do not see any calculations, then you can have a look in the console of your browser. It will show you any mistakes you have made in the calculation.<br />
<br />
===Links===<br />
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number</div>Adminhttps://open-csp.org/index.php?title=DevOps:Doc/FlexForm/1.0/input/number&diff=1501DevOps:Doc/FlexForm/1.0/input/number2022-09-23T09:06:47Z<p>Admin: </p>
<hr />
<div>===Name===<br />
number<br />
===Type===<br />
_input<br />
===Synopsis===<br />
How to render a number only input field<br />
===Description===<br />
elements of type <code>'''"number"'''</code> are used to let the user enter a number. They include built-in validation to reject non-numerical entries. The browser may opt to provide stepper arrows to let the user increase and decrease the value using their mouse or by simply tapping with a fingertip.<br />
<br />
By default, the up and down buttons provided for you to step the number up and down will step the value up and down by 1. You can change this by providing a <code>step</code> attribute, which takes as its value a number specifying the step amount.<br />
<br />
You can use the <code>min</code> and <code>max</code> attributes to specify a minimum and maximum value that the field can have.<br />
<br />
===Parameters===<br />
_input type="number"<br />
<br />
As of version 1.1.37 there is an optional field you can use called '''calc'''. It allows you to do calculations with other input field of type="number".<br />
The calc argument can hold a calculation and the other fields you want to use access them by there name field between square brackets. Like so : "5*[field1]+(20/[field2]".<br />
See the second example. Currently for this to work, the number field with the calc argument must be in the same Form.<br />
<br />
===Example===<br />
This example accepts only a value between 0 and 10 with steps of 0.01 (e.g. 2.21)<br />
<syntaxhighlight lang="html"><br />
<_input type="number" placeholder="1.0" step="0.01" min="0" max="10" /><br />
</syntaxhighlight><br />
<_input type="number" placeholder="1.0" step="0.01" min="0" max="10" /><br />
<syntaxhighlight lang="html"><br />
<_form action="get"><br />
field1: e.g. try 20 <_input type="number" name="field1" /><br><br />
field2: e.g. try 5 <_input type="number" name="field2" /><br><br />
Calculation( 5 * field1 / ( 20 + field2 ) ) would become '''5 X 20 / ( 20 + 5 )''' = 4<br> Result: <_input type="number" name="total" calc="5*[field1]/(20+[field2])" /><br />
</_form><br />
</syntaxhighlight><br />
<_form action="get"><br />
field1: <_input type="number" name="field1" /><br><br />
field2: <_input type="number" name="field2" /><br><br />
Calculation( 5 * field1 / ( 20 + field2 ) ) would become '''5 X 20 / ( 20 + 5 )''' = 4<br> Result: <_input type="number" name="total" calc="5*[field1]/(20+[field2]" /><br />
</_form><br />
===Note===<br />
If you are using the Calc function and you do not see any calculations, then you can have a look in the console of your browser. It will show you any mistakes you have made in the calculation.<br />
<br />
===Links===<br />
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number</div>Adminhttps://open-csp.org/index.php?title=DevOps:Doc/FlexForm/1.0/input/number&diff=1500DevOps:Doc/FlexForm/1.0/input/number2022-09-23T09:05:39Z<p>Admin: /* Note */</p>
<hr />
<div>===Name===<br />
number<br />
===Type===<br />
_input<br />
===Synopsis===<br />
How to render a number only input field<br />
===Description===<br />
elements of type <code>'''"number"'''</code> are used to let the user enter a number. They include built-in validation to reject non-numerical entries. The browser may opt to provide stepper arrows to let the user increase and decrease the value using their mouse or by simply tapping with a fingertip.<br />
<br />
By default, the up and down buttons provided for you to step the number up and down will step the value up and down by 1. You can change this by providing a <code>step</code> attribute, which takes as its value a number specifying the step amount.<br />
<br />
You can use the <code>min</code> and <code>max</code> attributes to specify a minimum and maximum value that the field can have.<br />
<br />
===Parameters===<br />
_input type="number"<br />
<br />
As of version 1.1.37 there is an optional field you can use called '''calc'''. It allows you to do calculations with other input field of type="number".<br />
The calc argument can hold a calculation and the other fields you want to use access them by there name field between square brackets. Like so : "5*[field1]+(20/[field2]".<br />
See the second example. Currently for this to work, the number field with the calc argument must be in the same Form.<br />
<br />
===Example===<br />
This example accepts only a value between 0 and 10 with steps of 0.01 (e.g. 2.21)<br />
<syntaxhighlight lang="html"><br />
<_input type="number" placeholder="1.0" step="0.01" min="0" max="10" /><br />
</syntaxhighlight><br />
<_input type="number" placeholder="1.0" step="0.01" min="0" max="10" /><br />
<syntaxhighlight lang="html"><br />
<_form action="get"><br />
field1: e.g. try 20 <_input type="number" name="field1" /><br><br />
field2: e.g. try 5 <_input type="number" name="field2" /><br><br />
Calculation( 5 * field1 / ( 20 + field2 ) ) would become '''5 X 20 / ( 20 + 5 )''' = 4<br> Result: <_input type="number" name="total" calc="5*[field1]/(20+[field2])" /><br />
</_form><br />
</syntaxhighlight><br />
<_form action="get"><br />
field1: <_input type="number" name="field1" /><br><br />
field2: <_input type="number" name="field2" /><br><br />
Calculation( 5 * field1 / ( 20 + field2 ) ) would become '''5 X 20 / ( 20 + 5 )''' = 4<br> Result: <_input type="number" name="total" calc="5*[field1]/(20+[field2])" /><br />
</_form><br />
===Note===<br />
If you are using the Calc function and you do not see any calculations, then you can have a look in the console of your browser. It will show you any mistakes you have made in the calculation.<br />
<br />
===Links===<br />
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number</div>Adminhttps://open-csp.org/index.php?title=DevOps:Doc/FlexForm/1.0/input/number&diff=1499DevOps:Doc/FlexForm/1.0/input/number2022-09-23T09:04:23Z<p>Admin: </p>
<hr />
<div>===Name===<br />
number<br />
===Type===<br />
_input<br />
===Synopsis===<br />
How to render a number only input field<br />
===Description===<br />
elements of type <code>'''"number"'''</code> are used to let the user enter a number. They include built-in validation to reject non-numerical entries. The browser may opt to provide stepper arrows to let the user increase and decrease the value using their mouse or by simply tapping with a fingertip.<br />
<br />
By default, the up and down buttons provided for you to step the number up and down will step the value up and down by 1. You can change this by providing a <code>step</code> attribute, which takes as its value a number specifying the step amount.<br />
<br />
You can use the <code>min</code> and <code>max</code> attributes to specify a minimum and maximum value that the field can have.<br />
<br />
===Parameters===<br />
_input type="number"<br />
<br />
As of version 1.1.37 there is an optional field you can use called '''calc'''. It allows you to do calculations with other input field of type="number".<br />
The calc argument can hold a calculation and the other fields you want to use access them by there name field between square brackets. Like so : "5*[field1]+(20/[field2]".<br />
See the second example. Currently for this to work, the number field with the calc argument must be in the same Form.<br />
<br />
===Example===<br />
This example accepts only a value between 0 and 10 with steps of 0.01 (e.g. 2.21)<br />
<syntaxhighlight lang="html"><br />
<_input type="number" placeholder="1.0" step="0.01" min="0" max="10" /><br />
</syntaxhighlight><br />
<_input type="number" placeholder="1.0" step="0.01" min="0" max="10" /><br />
<syntaxhighlight lang="html"><br />
<_form action="get"><br />
field1: e.g. try 20 <_input type="number" name="field1" /><br><br />
field2: e.g. try 5 <_input type="number" name="field2" /><br><br />
Calculation( 5 * field1 / ( 20 + field2 ) ) would become '''5 X 20 / ( 20 + 5 )''' = 4<br> Result: <_input type="number" name="total" calc="5*[field1]/(20+[field2])" /><br />
</_form><br />
</syntaxhighlight><br />
<_form action="get"><br />
field1: <_input type="number" name="field1" /><br><br />
field2: <_input type="number" name="field2" /><br><br />
Calculation( 5 * field1 / ( 20 + field2 ) ) would become '''5 X 20 / ( 20 + 5 )''' = 4<br> Result: <_input type="number" name="total" calc="5*[field1]/(20+[field2])" /><br />
</_form><br />
===Note===<br />
<br />
===Links===<br />
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number</div>Adminhttps://open-csp.org/index.php?title=DevOps:Doc/FlexForm/1.0/input/number&diff=1498DevOps:Doc/FlexForm/1.0/input/number2022-09-23T09:03:45Z<p>Admin: </p>
<hr />
<div>===Name===<br />
number<br />
===Type===<br />
_input<br />
===Synopsis===<br />
How to render a number only input field<br />
===Description===<br />
elements of type <code>'''"number"'''</code> are used to let the user enter a number. They include built-in validation to reject non-numerical entries. The browser may opt to provide stepper arrows to let the user increase and decrease the value using their mouse or by simply tapping with a fingertip.<br />
<br />
By default, the up and down buttons provided for you to step the number up and down will step the value up and down by 1. You can change this by providing a <code>step</code> attribute, which takes as its value a number specifying the step amount.<br />
<br />
You can use the <code>min</code> and <code>max</code> attributes to specify a minimum and maximum value that the field can have.<br />
<br />
===Parameters===<br />
_input type="number"<br />
<br />
As of version 1.1.37 there is an optional field you can use called '''calc'''. It allows you to do calculations with other input field of type="number".<br />
The calc argument can hold a calculation and the other fields you want to use access them by there name field between square brackets. Like so : "5*[field1]+(20/[field2]".<br />
See the second example. Currently for this to work, the number field with the calc argument must be in the same Form.<br />
<br />
===Example===<br />
This example accepts only a value between 0 and 10 with steps of 0.01 (e.g. 2.21)<br />
<syntaxhighlight lang="html"><br />
<_input type="number" placeholder="1.0" step="0.01" min="0" max="10" /><br />
</syntaxhighlight><br />
<_input type="number" placeholder="1.0" step="0.01" min="0" max="10" /><br />
<syntaxhighlight lang="html"><br />
<_form action="get"><br />
field1: e.g. try 20 <_input type="number" name="field1" /><br><br />
field2: e.g. try 5 <_input type="number" name="field2" /><br><br />
Calculation( 5 * field1 / ( 20 + field2 ) ) would become '''5 X 20 / ( 20 + 5 )''' = 4<br> Result: <_input type="number" name="total" calc="5*[field1]/(20+[field2]" /><br />
</_form><br />
</syntaxhighlight><br />
<_form action="get"><br />
field1: <_input type="number" name="field1" /><br><br />
field2: <_input type="number" name="field2" /><br><br />
Calculation( 5 * field1 / ( 20 + field2 ) ) would become '''5 X 20 / ( 20 + 5 )''' = 4<br> Result: <_input type="number" name="total" calc="5*[field1]/(20+[field2]" /><br />
</_form><br />
===Note===<br />
<br />
===Links===<br />
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number</div>Admin