1 |
efrain |
1 |
=======================
|
|
|
2 |
CodeMirror
|
|
|
3 |
=======================
|
|
|
4 |
https://github.com/codemirror/codemirror
|
|
|
5 |
|
|
|
6 |
Instructions to import 'CodeMirror' into Moodle:
|
|
|
7 |
|
|
|
8 |
1. Download the latest release from https://github.com/codemirror/codemirror
|
|
|
9 |
|
|
|
10 |
2. Execute 'npm install'
|
|
|
11 |
|
|
|
12 |
3. Copy 'lib/codemirror.js' into 'amd/src/codemirror.js':
|
|
|
13 |
|
|
|
14 |
3.a. Add /*eslint-ignore*/ to the beginning of the file.
|
|
|
15 |
|
|
|
16 |
|
|
|
17 |
4. Copy 'mode/sql/sql.js' into 'amd/src/sql.js':
|
|
|
18 |
|
|
|
19 |
4.a. Add /*eslint-ignore*/ to the beginning of the file.
|
|
|
20 |
|
|
|
21 |
4.b. Replace lib reference reference
|
|
|
22 |
------------------
|
|
|
23 |
define(["../../lib/codemirror"], mod);
|
|
|
24 |
------------------
|
|
|
25 |
|
|
|
26 |
to
|
|
|
27 |
------------------
|
|
|
28 |
define(["block_configurable_reports/codemirror"], mod);
|
|
|
29 |
------------------
|
|
|
30 |
|
|
|
31 |
5. Copy all the styles from 'lib/codemirror.css' into the
|
|
|
32 |
"CodeMirror styles" section in 'styles.css'.
|
|
|
33 |
|
|
|
34 |
|
|
|
35 |
6. Execute grunt to compile js
|
|
|
36 |
grunt js
|
|
|
37 |
|
|
|
38 |
|
|
|
39 |
=======================
|
|
|
40 |
DataTables
|
|
|
41 |
=======================
|
|
|
42 |
https://cdn.datatables.net/releases.html
|
|
|
43 |
|
|
|
44 |
Instructions to import 'DataTables' into Moodle:
|
|
|
45 |
|
|
|
46 |
1. Download the latest release for 'jquery.dataTables.js' from
|
|
|
47 |
https://cdn.datatables.net/releases.html
|
|
|
48 |
|
|
|
49 |
2. Copy 'jquery.dataTables.js' into 'amd/src/jquery.dataTables.js':
|
|
|
50 |
|
|
|
51 |
2.a. Add /*eslint-ignore*/ to the beginning of the file.
|
|
|
52 |
|
|
|
53 |
3. Download 'css/jquery.dataTables.css' and replace all the references from:
|
|
|
54 |
------------------
|
|
|
55 |
url('../images/xxxxx.png')
|
|
|
56 |
------------------
|
|
|
57 |
|
|
|
58 |
to
|
|
|
59 |
------------------
|
|
|
60 |
url([[pix:block_configurable_reports|datatable/xxxxx]])
|
|
|
61 |
------------------
|
|
|
62 |
|
|
|
63 |
4. Copy the new 'css/jquery.dataTables.css' after replacing the references to
|
|
|
64 |
the image folder into the "DataTables styles" section in 'styles.css'.
|
|
|
65 |
|
|
|
66 |
5. Execute grunt to compile js
|
|
|
67 |
grunt js
|
|
|
68 |
|
|
|
69 |
|
|
|
70 |
|
|
|
71 |
=======================
|
|
|
72 |
TableSorter
|
|
|
73 |
=======================
|
|
|
74 |
https://github.com/Mottie/tablesorter
|
|
|
75 |
|
|
|
76 |
Instructions to import 'TableSorter' into Moodle:
|
|
|
77 |
|
|
|
78 |
1. Download the latest release from https://github.com/Mottie/tablesorter
|
|
|
79 |
|
|
|
80 |
2. Copy 'js/jquery.tablesorter.js' into 'amd/src/jquery.tablesorter.js':
|
|
|
81 |
|
|
|
82 |
2.a. Add the following lines to the beginning of the file:
|
|
|
83 |
------------------
|
|
|
84 |
/*eslint-ignore*/
|
|
|
85 |
(function(factory){
|
|
|
86 |
if (typeof define === 'function' && define.amd){
|
|
|
87 |
define(['jquery'], factory);
|
|
|
88 |
} else if (typeof module === 'object' && typeof module.exports === 'object'){
|
|
|
89 |
module.exports = factory(require('jquery'));
|
|
|
90 |
} else {
|
|
|
91 |
factory(jQuery);
|
|
|
92 |
}
|
|
|
93 |
}(function(jQuery){
|
|
|
94 |
------------------
|
|
|
95 |
|
|
|
96 |
2.b. Add the following lines at the end of the file:
|
|
|
97 |
------------------
|
|
|
98 |
return jQuery.tablesorter;}));
|
|
|
99 |
------------------
|
|
|
100 |
|
|
|
101 |
|
|
|
102 |
3. Execute grunt to compile js
|
|
|
103 |
grunt js
|
|
|
104 |
|
|
|
105 |
|
|
|
106 |
=======================
|
|
|
107 |
pChart
|
|
|
108 |
=======================
|
|
|
109 |
http://www.pchart.net/
|
|
|
110 |
|
|
|
111 |
Instructions to import 'pChart' into Moodle:
|
|
|
112 |
|
|
|
113 |
1. Access to the 'lib/' folder
|
|
|
114 |
|
|
|
115 |
2. Remove the 'pChart2' folder.
|
|
|
116 |
|
|
|
117 |
3. Download the latest release for this library compatible with PHP 7 from
|
|
|
118 |
https://github.com/bozhinov/pChart2.0-for-PHP7 using the following command:
|
|
|
119 |
|
|
|
120 |
git clone -b 7.x-compatible https://github.com/bozhinov/pChart2.0-for-PHP7.git pChart2
|
|
|
121 |
|
|
|
122 |
3.a. Remove the folders 'examples' and 'cache' and the file 'index.php'.
|
|
|
123 |
|