]>
Commit | Line | Data |
---|---|---|
1 | ////////////////////////////////////////////////////////////////////////// | |
2 | // asciidoc JS helper for Proxmox VE mediawiki pages | |
3 | // | |
4 | // code based on original asciidoc.js, but re-written using jQuery | |
5 | // | |
6 | ////////////////////////////////////////////////////////////////////////// | |
7 | ||
8 | var asciidoc = { | |
9 | ||
10 | // toc generator | |
11 | toc: function ($content) { | |
12 | var tocholder = $content.find('#toc'); | |
13 | ||
14 | if (!tocholder) { | |
15 | return; | |
16 | } | |
17 | ||
18 | tocholder.html(''); | |
19 | tocholder.hide(); | |
20 | ||
21 | var html = "<div id=\"toctitle\"><h2>Contents</h2></div><ul>"; | |
22 | ||
23 | var n = 0; | |
24 | $content.find("div.sect1").each(function(){ | |
25 | var h = jQuery(this).find("h2").first(); | |
26 | var id = h.attr("id"); | |
27 | if (id != null) { | |
28 | n++; | |
29 | html += "<li class=\"toclevel-1\">" + | |
30 | "<a href=\"#" + id + "\">" + | |
31 | "<span class=\"toctext\">" + h.html() + | |
32 | "</span></a></li>"; | |
33 | } | |
34 | }); | |
35 | ||
36 | html += "</ul>"; | |
37 | ||
38 | if (n > 3) { | |
39 | tocholder.html(html); | |
40 | tocholder.show(); | |
41 | } | |
42 | }, | |
43 | ||
44 | // footnote generator | |
45 | footnotes: function ($content) { | |
46 | var noteholder = $content.find('#footnotes'); | |
47 | if (!noteholder) { | |
48 | return; | |
49 | } | |
50 | ||
51 | noteholder.html(''); | |
52 | ||
53 | // Rebuild footnote entries. | |
54 | var refs = {}; | |
55 | var n = 0; | |
56 | var inner_html = ''; | |
57 | ||
58 | $content.find("span.footnote").each(function(){ | |
59 | n++; | |
60 | var span = jQuery(this); | |
61 | var note = span.attr("data-note"); | |
62 | var id = span.attr("id"); | |
63 | if (!note) { | |
64 | // Use [\s\S] in place of . so multi-line matches work. | |
65 | // Because JavaScript has no s (dotall) regex flag. | |
66 | note = span.html().match(/\s*\[([\s\S]*)]\s*/)[1]; | |
67 | span.html("[<a id='_footnoteref_" + n + "' href='#_footnote_" + | |
68 | n + "' title='View footnote' class='footnote'>" + n + | |
69 | "</a>]"); | |
70 | span.attr("data-note", note); | |
71 | } | |
72 | inner_html += | |
73 | "<div class='footnote' id='_footnote_" + n + "'>" + | |
74 | "<a href='#_footnoteref_" + n + "' title='Return to text'>" + | |
75 | n + "</a>. " + note + "</div>"; | |
76 | ||
77 | if (id != null) { refs["#"+id] = n; } | |
78 | }); | |
79 | ||
80 | if (inner_html) { noteholder.html("<hr>" + inner_html); } | |
81 | ||
82 | if (n != 0) { | |
83 | // process footnoterefs. | |
84 | $content.find("span.footnoteref").each(function(){ | |
85 | var span = jQuery(this); | |
86 | var href = span.find("a").first().attr("href"); | |
87 | href = href.match(/#.*/)[0]; // in case it return full URL. | |
88 | n = refs[href]; | |
89 | span.html("[<a href='#_footnote_" + n + | |
90 | "' title='View footnote' class='footnote'>" + n + "</a>]"); | |
91 | }); | |
92 | } | |
93 | } | |
94 | }; | |
95 | ||
96 | // add init to mediawiki resource loader queue | |
97 | (window.RLQ=window.RLQ||[]).push(function(){ | |
98 | mw.hook('wikipage.content').add(function($content) { | |
99 | asciidoc.toc($content); | |
100 | asciidoc.footnotes($content); | |
101 | }); | |
102 | }); |