diff --git a/admin/tool/componentlibrary/content/library/syntax-highlighting.md b/admin/tool/componentlibrary/content/library/syntax-highlighting.md
index fde58101eaf..b7fd12170fa 100644
--- a/admin/tool/componentlibrary/content/library/syntax-highlighting.md
+++ b/admin/tool/componentlibrary/content/library/syntax-highlighting.md
@@ -26,7 +26,7 @@ Rendered result on this page:
{{< highlight html >}}
- This is an example.
+ This is an example.
{{< /highlight >}}
@@ -42,7 +42,7 @@ Syntax for markdown (.md) files:
Rendered result on this page:
{{< php >}}
- $mform->addElement('passwordunmask', 'password', get_string('label'), $attributes);
+ $mform->addElement('passwordunmask', 'password', get_string('label'), $attributes);
{{< /php >}}
## Highlight shortcode
diff --git a/admin/tool/componentlibrary/content/moodle/components/buttons.md b/admin/tool/componentlibrary/content/moodle/components/buttons.md
index 8aaf1d75cb2..9a66ee3b5fb 100644
--- a/admin/tool/componentlibrary/content/moodle/components/buttons.md
+++ b/admin/tool/componentlibrary/content/moodle/components/buttons.md
@@ -95,28 +95,28 @@ Use primary buttons for the positive action on the page, for example "Save" or "
{{< example >}}
-
-
-
- Save Changes?
-
-
-
-
-
-
-
-
-
-
- Delete profile
-
-
-
-
-
-
-
+
+
+
+ Save Changes?
+
+
+
+
+
+
+
+
+
+
+ Delete profile
+
+
+
+
+
+
+
{{< /example >}}
@@ -135,31 +135,31 @@ The meaning of buttons must be very clear.
{{< example show_markup="false">}}
-
-
-
- Save Changes?
-
Would you like to not save your changes before exiting?
-
-
-
-
-
-
-
Avoid generic 'OK' or 'Yes', avoid confusing phrases
-
-
-
-
- Save Changes
-
Would you like to save your changes before exiting?
-
-
-
-
-
-
-
Avoid generic 'OK' or 'Yes', avoid confusing phrases
-
+
+
+
+ Save Changes?
+
Would you like to not save your changes before exiting?
+
+
+
+
+
+
+
Avoid generic 'OK' or 'Yes', avoid confusing phrases
+
+
+
+
+ Save Changes
+
Would you like to save your changes before exiting?
+
+
+
+
+
+
+
Avoid generic 'OK' or 'Yes', avoid confusing phrases
+
{{< /example >}}
diff --git a/admin/tool/componentlibrary/content/moodle/components/example.md b/admin/tool/componentlibrary/content/moodle/components/example.md
index c1fc0993ecd..c1d5f39f7c4 100644
--- a/admin/tool/componentlibrary/content/moodle/components/example.md
+++ b/admin/tool/componentlibrary/content/moodle/components/example.md
@@ -18,17 +18,17 @@ Show what the example looks like in Moodle, if your component includes and JavaS
{{< example >}}
-
+
{{#js}}
require(['jquery'], function($) {
- $('#clickme').on('click', function() {
- $('#waiting').toggleClass('spinner-grow');
- });
+ $('#clickme').on('click', function() {
+ $('#waiting').toggleClass('spinner-grow');
+ });
});
{{/js}}
{{< /example >}}
@@ -54,4 +54,4 @@ Is there a webservice backend required?
Descripbe the `aria-something` parts of the element. Are there any possible accessibility issues using this example?
What are the considerations for keyboard navigation?
What accessibile colors can be used?
-How to test its accessibility?
\ No newline at end of file
+How to test its accessibility?
diff --git a/admin/tool/componentlibrary/content/moodle/components/footer.md b/admin/tool/componentlibrary/content/moodle/components/footer.md
index 13751b1e582..e0e83753b95 100644
--- a/admin/tool/componentlibrary/content/moodle/components/footer.md
+++ b/admin/tool/componentlibrary/content/moodle/components/footer.md
@@ -34,9 +34,9 @@ The page footer is required to inject the page JavaScript, show the reset user t
{{< example >}}
diff --git a/admin/tool/componentlibrary/lang/en/tool_componentlibrary.php b/admin/tool/componentlibrary/lang/en/tool_componentlibrary.php
index 6c3a87744b9..0863d221c97 100644
--- a/admin/tool/componentlibrary/lang/en/tool_componentlibrary.php
+++ b/admin/tool/componentlibrary/lang/en/tool_componentlibrary.php
@@ -26,13 +26,13 @@ $string['copied'] = 'Copied!';
$string['copy'] = 'Copy';
$string['copytoclipboard'] = 'Copy to clipboard';
$string['installer'] = '
Please setup this component library
-
Before you can see the content of the component library you will need to have shell access to your Moodle installation and be able to write to folder /admin/tool/componentlibrary and have npm installed on your Moodle server.
-
If you meet these requirements you can navigate to your Moodle root folder and run:
-
$ npm install
+
Before you can see the content of the component library you will need to have shell access to your Moodle installation and be able to write to folder /admin/tool/componentlibrary and have npm installed on your Moodle server.
+
If you meet these requirements you can navigate to your Moodle root folder and run:
+
$ npm install
$ npm install grunt
-
This will fetch all the required packages for building the component library docs.
-
Once they are installed you can run:
-
$ grunt componentlibrary
+
This will fetch all the required packages for building the component library docs.
+
Once they are installed you can run:
+
$ grunt componentlibrary
For more info see the README.md file in this plugin
';
$string['pluginname'] = 'UI Component library';
$string['privacy:metadata'] = 'The Component library plugin does not store any personal data.';
diff --git a/admin/tool/componentlibrary/templates/rundocs.mustache b/admin/tool/componentlibrary/templates/rundocs.mustache
index 04be0277916..be0f172bdb4 100644
--- a/admin/tool/componentlibrary/templates/rundocs.mustache
+++ b/admin/tool/componentlibrary/templates/rundocs.mustache
@@ -24,5 +24,5 @@
}
}}