diff --git a/lib/templates/columns-1to1to1.mustache b/lib/templates/columns-1to1to1.mustache index a26b39b8890..73718dedb0e 100644 --- a/lib/templates/columns-1to1to1.mustache +++ b/lib/templates/columns-1to1to1.mustache @@ -35,9 +35,9 @@ Example context (json): { - "col1content": "
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pellentesque id urna sit amet tempor.
", - "col2content": "
Donec lacus nisl, molestie eget sodales non, sodales et nibh. Praesent dignissim placerat sodales.
", - "col3content": "
Praesent sit amet ante odio. In mollis nisl at mi bibendum venenatis.
" + "col1content": "
1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pellentesque id urna sit amet tempor.
", + "col2content": "
2. Donec lacus nisl, molestie eget sodales non, sodales et nibh. Praesent dignissim placerat sodales.
", + "col3content": "
3. Praesent sit amet ante odio. In mollis nisl at mi bibendum venenatis.
" } }} diff --git a/lib/templates/columns-1to2.mustache b/lib/templates/columns-1to2.mustache index d94a83d4f40..24133425305 100644 --- a/lib/templates/columns-1to2.mustache +++ b/lib/templates/columns-1to2.mustache @@ -34,8 +34,8 @@ Example context (json): { - "col1content": "
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In porttitor vulputate turpis, quis tempor arcu.
", - "col2content": "
Vivamus ac orci in velit fringilla aliquam a a nisl. Cras luctus quam laoreet magna pulvinar aliquet.
" + "col1content": "
1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In porttitor vulputate turpis, quis tempor arcu.
", + "col2content": "
2. Vivamus ac orci in velit fringilla aliquam a a nisl. Cras luctus quam laoreet magna pulvinar aliquet.
" } }} diff --git a/lib/templates/columns-2to1.mustache b/lib/templates/columns-2to1.mustache index 1978fae034d..d66b341d74b 100644 --- a/lib/templates/columns-2to1.mustache +++ b/lib/templates/columns-2to1.mustache @@ -34,8 +34,8 @@ Example context (json): { - "col1content": "
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In porttitor vulputate turpis, quis tempor arcu.
", - "col2content": "
Vivamus ac orci in velit fringilla aliquam a a nisl. Cras luctus quam laoreet magna pulvinar aliquet.
" + "col1content": "
1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In porttitor vulputate turpis, quis tempor arcu.
", + "col2content": "
2. Vivamus ac orci in velit fringilla aliquam a a nisl. Cras luctus quam laoreet magna pulvinar aliquet.
" } }}
diff --git a/theme/boost/templates/core/columns-1to1to1.mustache b/theme/boost/templates/core/columns-1to1to1.mustache new file mode 100644 index 00000000000..adb10382c78 --- /dev/null +++ b/theme/boost/templates/core/columns-1to1to1.mustache @@ -0,0 +1,48 @@ +{{! + This file is part of Moodle - http://moodle.org/ + + Moodle is free software: you can redistribute it and/or modify + it under the terms of the GNU General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + Moodle is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU General Public License for more details. + + You should have received a copy of the GNU General Public License + along with Moodle. If not, see . +}} +{{! + @template core/columns-1to1to1 + + Moodle columns-1to1to1 template. + + The purpose of this template is to render a template with 3 columns. + On mobile the columns stack underneath each other. + + Classes required for JS: + * none + + Data attributes required for JS: + * none + + Context variables required for this template: + * col1content Column 1 contents. + * col2content Column 2 contents. + * col3content Column 3 contents. + + Example context (json): + { + "col1content": "
1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pellentesque id urna sit amet tempor.
", + "col2content": "
2. Donec lacus nisl, molestie eget sodales non, sodales et nibh. Praesent dignissim placerat sodales.
", + "col3content": "
3. Praesent sit amet ante odio. In mollis nisl at mi bibendum venenatis.
" + } + +}} +
+
{{$ column1 }}{{{ col1content }}}{{/ column1 }}
+
{{$ column2 }}{{{ col2content }}}{{/ column2 }}
+
{{$ column3 }}{{{ col3content }}}{{/ column3 }}
+
diff --git a/theme/boost/templates/core/columns-1to2.mustache b/theme/boost/templates/core/columns-1to2.mustache new file mode 100644 index 00000000000..114efcb6826 --- /dev/null +++ b/theme/boost/templates/core/columns-1to2.mustache @@ -0,0 +1,45 @@ +{{! + This file is part of Moodle - http://moodle.org/ + + Moodle is free software: you can redistribute it and/or modify + it under the terms of the GNU General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + Moodle is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU General Public License for more details. + + You should have received a copy of the GNU General Public License + along with Moodle. If not, see . +}} +{{! + @template core/columns-1to2 + + Moodle columns-1to2 template. + + The purpose of this template is to render 2 columns where the second column has twice the width of the first one. + On mobile the second column collapses underneath the first. + + Classes required for JS: + * none + + Data attributes required for JS: + * none + + Context variables required for this template: + * col1content Column 1 contents. + * col2content Column 2 contents. + + Example context (json): + { + "col1content": "
1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In porttitor vulputate turpis, quis tempor arcu.
", + "col2content": "
2. Vivamus ac orci in velit fringilla aliquam a a nisl. Cras luctus quam laoreet magna pulvinar aliquet.
" + } + +}} +
+
{{$ column1 }}{{{ col1content }}}{{/ column1 }}
+
{{$ column2 }}{{{ col2content }}}{{/ column2 }}
+
diff --git a/theme/boost/templates/core/columns-2to1.mustache b/theme/boost/templates/core/columns-2to1.mustache new file mode 100644 index 00000000000..68f6e76a976 --- /dev/null +++ b/theme/boost/templates/core/columns-2to1.mustache @@ -0,0 +1,44 @@ +{{! + This file is part of Moodle - http://moodle.org/ + + Moodle is free software: you can redistribute it and/or modify + it under the terms of the GNU General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + Moodle is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU General Public License for more details. + + You should have received a copy of the GNU General Public License + along with Moodle. If not, see . +}} +{{! + @template core/columns-2to1 + + Moodle columns-2to1 template. + + The purpose of this template is to render 2 columns where the first column has twice the width of the second one. + On mobile the second column collapses underneath the first. + + Classes required for JS: + * none + + Data attributes required for JS: + * none + + Context variables required for this template: + * col1content Column 1 contents. + * col2content Column 2 contents. + + Example context (json): + { + "col1content": "
1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In porttitor vulputate turpis, quis tempor arcu.
", + "col2content": "
2. Vivamus ac orci in velit fringilla aliquam a a nisl. Cras luctus quam laoreet magna pulvinar aliquet.
" + } +}} +
+
{{$ column1 }}{{{ col1content }}}{{/ column1 }}
+
{{$ column2 }}{{{ col2content }}}{{/ column2 }}
+