hdoc-tools 0.13.0 → 0.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/hdoc-serve.js +26 -6
- package/package.json +1 -1
- package/ui/index.html +206 -191
- package/ui/js/doc.hornbill.js +229 -315
package/hdoc-serve.js
CHANGED
|
@@ -13,9 +13,10 @@
|
|
|
13
13
|
let port = 3000;
|
|
14
14
|
let docId;
|
|
15
15
|
let hdocbook_config,
|
|
16
|
-
hdocbook_project
|
|
16
|
+
hdocbook_project,
|
|
17
|
+
inline_content = {};
|
|
17
18
|
|
|
18
|
-
exports.run = async function (ui_path, source_path
|
|
19
|
+
exports.run = async function (ui_path, source_path) {
|
|
19
20
|
|
|
20
21
|
for (let x = 0; x < process.argv.length; x++) {
|
|
21
22
|
// First two arguments are command, and script
|
|
@@ -40,9 +41,6 @@
|
|
|
40
41
|
return -1;
|
|
41
42
|
}
|
|
42
43
|
|
|
43
|
-
// Get an express server instance
|
|
44
|
-
var app = express();
|
|
45
|
-
|
|
46
44
|
// In the root of the project there is a hdocbook.json file which includes
|
|
47
45
|
// the id of the hdocbook we are working with
|
|
48
46
|
const hdocbook_project_config_path = path.join(source_path, 'hdocbook-project.json');
|
|
@@ -53,6 +51,27 @@
|
|
|
53
51
|
// Get the ID of the hdocbook we are serving
|
|
54
52
|
docId = hdocbook_project.docId;
|
|
55
53
|
|
|
54
|
+
// Get inline content for nav
|
|
55
|
+
const inline_path = path.join(source_path, docId, '_inline');
|
|
56
|
+
let nav_inline = {};
|
|
57
|
+
if (fs.existsSync(inline_path)) {
|
|
58
|
+
const inline_files = fs.readdirSync(inline_path);
|
|
59
|
+
nav_inline = {
|
|
60
|
+
text: 'Inline Help Items',
|
|
61
|
+
expand: true,
|
|
62
|
+
inline: true,
|
|
63
|
+
items: []
|
|
64
|
+
};
|
|
65
|
+
inline_files.forEach(file => {
|
|
66
|
+
nav_inline.items.push({
|
|
67
|
+
text: file.replace(path.extname(file), ''),
|
|
68
|
+
link: `${docId}/_inline/${file.replace(path.extname(file), '')}`
|
|
69
|
+
});
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
// Get an express server instance
|
|
73
|
+
var app = express();
|
|
74
|
+
|
|
56
75
|
// Get the path of the book.json file
|
|
57
76
|
const hdocbook_path = path.join(source_path, docId, 'hdocbook.json');
|
|
58
77
|
|
|
@@ -63,7 +82,8 @@
|
|
|
63
82
|
let library = {
|
|
64
83
|
books: [{
|
|
65
84
|
docId: hdocbook_config.docId,
|
|
66
|
-
title: hdocbook_config.title
|
|
85
|
+
title: hdocbook_config.title,
|
|
86
|
+
nav_inline: nav_inline
|
|
67
87
|
}]
|
|
68
88
|
};
|
|
69
89
|
res.setHeader('Content-Type', 'application/json');
|
package/package.json
CHANGED
package/ui/index.html
CHANGED
|
@@ -1,99 +1,99 @@
|
|
|
1
|
-
<html lang="en-US"
|
|
2
|
-
|
|
1
|
+
<html lang="en-US">
|
|
2
|
+
|
|
3
3
|
<head>
|
|
4
|
-
<base href="">
|
|
5
|
-
<script>
|
|
6
|
-
var siteBaseLocation = window.location.protocol + '//' + window.location.host + "/";
|
|
7
|
-
var baseTag = document.getElementsByTagName('base')[0];
|
|
8
|
-
baseTag.href = siteBaseLocation;
|
|
9
|
-
</script>
|
|
10
4
|
|
|
11
|
-
<
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
script.type = 'text/javascript';
|
|
52
|
-
script.async=false;
|
|
53
|
-
|
|
54
|
-
script.onload=function()
|
|
55
|
-
{
|
|
56
|
-
loadedCount++;
|
|
57
|
-
if(loadedCount===arrFiles.length)callback();
|
|
58
|
-
}
|
|
5
|
+
<head>
|
|
6
|
+
<base href="">
|
|
7
|
+
<script>
|
|
8
|
+
var siteBaseLocation = window.location.protocol + '//' + window.location.host + "/";
|
|
9
|
+
var baseTag = document.getElementsByTagName('base')[0];
|
|
10
|
+
baseTag.href = siteBaseLocation;
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<title>Hornbill ESP Platform Documentation | Hornbill Platform</title>
|
|
14
|
+
<meta charset="utf-8">
|
|
15
|
+
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
16
|
+
<meta name="description" content="Internal documentation for the Hornbill ESP Platform">
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
|
|
20
|
+
|
|
21
|
+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
22
|
+
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
|
|
23
|
+
<script src="https://code.jquery.com/jquery-3.6.1.min.js"
|
|
24
|
+
integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script>
|
|
25
|
+
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
|
|
26
|
+
integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
|
|
27
|
+
crossorigin="anonymous"></script>
|
|
28
|
+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
|
|
29
|
+
integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
|
|
30
|
+
crossorigin="anonymous"></script>
|
|
31
|
+
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
|
|
32
|
+
|
|
33
|
+
<style>
|
|
34
|
+
.hb-hidden {
|
|
35
|
+
visibility: hidden !important;
|
|
36
|
+
}
|
|
37
|
+
</style>
|
|
38
|
+
<script>
|
|
39
|
+
var ThemePreference = localStorage.getItem('hdocbook-theme-appearance') || '';
|
|
40
|
+
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches
|
|
41
|
+
if (!ThemePreference || ThemePreference === 'auto' ? prefersDark : ThemePreference === 'dark') {
|
|
42
|
+
ThemePreference = "dark";
|
|
43
|
+
document.documentElement.classList.add('dark')
|
|
44
|
+
}
|
|
59
45
|
|
|
60
|
-
|
|
61
|
-
|
|
46
|
+
function loadJS(arrFiles, callback) {
|
|
47
|
+
// Head tag
|
|
48
|
+
var head = document.getElementsByTagName('head')[0]
|
|
49
|
+
|
|
50
|
+
// Creating script element
|
|
51
|
+
var loadedCount = 0;
|
|
52
|
+
for (let x = 0; x < arrFiles.length; x++) {
|
|
53
|
+
var script = document.createElement('script');
|
|
54
|
+
script.src = arrFiles[x];
|
|
55
|
+
script.type = 'text/javascript';
|
|
56
|
+
script.async = false;
|
|
57
|
+
|
|
58
|
+
script.onload = function () {
|
|
59
|
+
loadedCount++;
|
|
60
|
+
if (loadedCount === arrFiles.length) callback();
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
// Adding script element
|
|
64
|
+
head.append(script);
|
|
65
|
+
}
|
|
62
66
|
}
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
var head = document.getElementsByTagName('head')[0]
|
|
69
|
-
|
|
70
|
-
// Creating link element
|
|
71
|
-
var loadedCount = 0;
|
|
72
|
-
for(let x=0;x<arrFiles.length;x++)
|
|
73
|
-
{
|
|
67
|
+
|
|
68
|
+
function loadCss(arrFiles, callback) {
|
|
69
|
+
// Head tag
|
|
70
|
+
var head = document.getElementsByTagName('head')[0]
|
|
71
|
+
|
|
74
72
|
// Creating link element
|
|
75
|
-
var
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
73
|
+
var loadedCount = 0;
|
|
74
|
+
for (let x = 0; x < arrFiles.length; x++) {
|
|
75
|
+
// Creating link element
|
|
76
|
+
var style = document.createElement('link');
|
|
77
|
+
style.href = arrFiles[x];
|
|
78
|
+
style.type = 'text/css';
|
|
79
|
+
style.rel = 'stylesheet';
|
|
80
|
+
style.async = false;
|
|
81
|
+
|
|
82
|
+
style.onload = function () {
|
|
83
|
+
loadedCount++;
|
|
84
|
+
if (loadedCount === arrFiles.length) callback();
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
head.append(style);
|
|
86
88
|
|
|
87
|
-
|
|
88
|
-
|
|
89
|
+
}
|
|
89
90
|
}
|
|
90
|
-
}
|
|
91
91
|
|
|
92
92
|
|
|
93
|
-
|
|
93
|
+
</script>
|
|
94
94
|
|
|
95
|
-
|
|
96
|
-
|
|
95
|
+
<!-- template for nav item section -->
|
|
96
|
+
<script type="text/x-template" id="nav-section-template">
|
|
97
97
|
<section class="DocSidebarGroup" v-bind:class="{collapsible: asection.items && asection.items.length}">
|
|
98
98
|
<div class="title" v-on:click="toggleNavCollapse(asection)">
|
|
99
99
|
<div class="action">
|
|
@@ -101,14 +101,14 @@
|
|
|
101
101
|
<i v-bind:class="{'bi bi-chevron-right': !asection.expand,'bi bi-chevron-down': asection.expand}" class="bi"></i>
|
|
102
102
|
</div>
|
|
103
103
|
</div>
|
|
104
|
-
<a class="title-text"><i v-if="asection.draft" class="bi bi-exclamation-triangle-fill text-danger" title="This section is set to draft."></i> {{asection.text}}</a>
|
|
104
|
+
<a class="title-text"><i v-if="asection.draft" class="bi bi-exclamation-triangle-fill text-danger" title="This section is set to draft."></i><i v-if="asection.inline" class="bi bi-files-alt text-warning" title="This section is set to inline."></i> {{asection.text}}</a>
|
|
105
105
|
</div>
|
|
106
106
|
<div v-show="asection.expand && asection.items" v-for="(navSectionItem, index) in asection.items" class="items">
|
|
107
107
|
|
|
108
108
|
<!-- if navSectionItem has no items show clickable link -->
|
|
109
109
|
<div v-if="!navSectionItem.items">
|
|
110
110
|
<a class="DocLink link noitems" v-bind:href="navSectionItem.link" v-bind:target="navSectionItem.target || ''" style="padding-left: 0px;">
|
|
111
|
-
<span class="link-text"><i v-if="navSectionItem.draft" class="bi bi-exclamation-triangle-fill text-danger" title="This page is set to draft."></i> {{navSectionItem.text}} <i v-if="navSectionItem.target" class="bi bi-box-arrow-up-right"></i> </span>
|
|
111
|
+
<span class="link-text"><i v-if="navSectionItem.draft" class="bi bi-exclamation-triangle-fill text-danger" title="This page is set to draft."></i><i v-if="asection.inline" class="bi bi-files-alt text-warning" title="This section is set to inline."></i> {{navSectionItem.text}} <i v-if="navSectionItem.target" class="bi bi-box-arrow-up-right"></i> </span>
|
|
112
112
|
</a>
|
|
113
113
|
</div>
|
|
114
114
|
|
|
@@ -117,9 +117,9 @@
|
|
|
117
117
|
</div>
|
|
118
118
|
</section>
|
|
119
119
|
</script>
|
|
120
|
-
|
|
120
|
+
<!-- eof template-->
|
|
121
121
|
|
|
122
|
-
</head>
|
|
122
|
+
</head>
|
|
123
123
|
|
|
124
124
|
<body>
|
|
125
125
|
|
|
@@ -127,65 +127,72 @@
|
|
|
127
127
|
<!-- top toolbar -->
|
|
128
128
|
<div class="toolbar-layout hb-container-horizontal">
|
|
129
129
|
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
130
|
+
<div class="hb-center-v">
|
|
131
|
+
<button class="mobile-menu-btn" v-on:click="toggleMobileMenu()"><i class="bi bi-list-ul"></i></button>
|
|
132
|
+
</div>
|
|
133
|
+
<div class="toolbar-logo">
|
|
134
|
+
<div class="toolbar-logo-image"></div>
|
|
135
|
+
</div>
|
|
136
|
+
<div class="toolbar-split"></div>
|
|
137
|
+
<div class="toolbar-middle hb-center-v hb-container-expand">
|
|
138
|
+
|
|
139
|
+
<h2 class="title">{{docApp.title}}</h2>
|
|
140
|
+
<h6 class="description">{{docApp.description}}</h6>
|
|
141
|
+
<!-- could generate nav bar based on library settings -->
|
|
142
|
+
<!--
|
|
143
143
|
<ul class="nav-bar-nav-list">
|
|
144
144
|
<li class="nav-bar-item active">
|
|
145
145
|
<a>Documentation</a>
|
|
146
146
|
</li>
|
|
147
147
|
</ul>
|
|
148
148
|
-->
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
<div class="position-absolute top-100 start-50 translate-middle">
|
|
175
|
-
<img class="svg-prof" v-bind:src="docApp.userSession.profileImage" style="width:64px;height:64px;"></img>
|
|
176
|
-
</div>
|
|
149
|
+
</div>
|
|
150
|
+
<div class="toolbar-right hb-center-v">
|
|
151
|
+
|
|
152
|
+
<!-- theme switch -->
|
|
153
|
+
<label class="theme-switch">
|
|
154
|
+
<input class="theme-switch-checkbox" type="checkbox" v-on:change="switchViewTheme()">
|
|
155
|
+
<span class="slider round">
|
|
156
|
+
</span>
|
|
157
|
+
</label>
|
|
158
|
+
</div>
|
|
159
|
+
<div v-if="docApp.userSession" class="toolbar-right hb-center-v">
|
|
160
|
+
<!-- user info -->
|
|
161
|
+
<div class="userprofile dropdown">
|
|
162
|
+
<span class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
163
|
+
<img class="svg-prof" v-bind:src="docApp.userSession.profileImage"
|
|
164
|
+
style="width:32;height:32;"></img>
|
|
165
|
+
</span>
|
|
166
|
+
<ul class="dropdown-menu p-0">
|
|
167
|
+
|
|
168
|
+
|
|
169
|
+
|
|
170
|
+
<div class="panel-header border-0 position-relative">
|
|
171
|
+
<div class="position-relative">
|
|
172
|
+
<div class="text-center fw-bolder lh-3">{{docApp.userSession.userId}}</div>
|
|
173
|
+
<div style="height:20px"></div>
|
|
177
174
|
</div>
|
|
178
|
-
<div class="
|
|
179
|
-
<
|
|
180
|
-
|
|
181
|
-
</div>
|
|
182
|
-
<div class="panel-content p-3 border-0 border-top fw-light lh-normal">
|
|
183
|
-
<div class="lh-normal fs-12"><i class="bi bi-database-lock"></i> <span style="display:inline-block;width:48px">Issuer</span> : {{docApp.userSession.issuerInstance}}</div>
|
|
184
|
-
<div class="lh-normal fs-12" v-bind:title="docApp.userSession.expiresDateTime"><i class="bi bi-hourglass-split"></i> <span style="display:inline-block;width:48px">Expires</span> : {{new Date(docApp.userSession.validUntil).toLocaleDateString()}}</div>
|
|
175
|
+
<div class="position-absolute top-100 start-50 translate-middle">
|
|
176
|
+
<img class="svg-prof" v-bind:src="docApp.userSession.profileImage"
|
|
177
|
+
style="width:64px;height:64px;"></img>
|
|
185
178
|
</div>
|
|
186
|
-
</
|
|
187
|
-
|
|
179
|
+
</div>
|
|
180
|
+
<div class="panel-content border-0 border-top p-3 pt-5 fw-light lh-normal">
|
|
181
|
+
<div class="text-center fw-bolder p-1">{{docApp.userSession.userName}}</div>
|
|
182
|
+
<div class="text-center fw-bolder p-1 fs-12">{{docApp.userSession.email}}</div>
|
|
183
|
+
</div>
|
|
184
|
+
<div class="panel-content p-3 border-0 border-top fw-light lh-normal">
|
|
185
|
+
<div class="lh-normal fs-12"><i class="bi bi-database-lock"></i> <span
|
|
186
|
+
style="display:inline-block;width:48px">Issuer</span> :
|
|
187
|
+
{{docApp.userSession.issuerInstance}}</div>
|
|
188
|
+
<div class="lh-normal fs-12" v-bind:title="docApp.userSession.expiresDateTime"><i
|
|
189
|
+
class="bi bi-hourglass-split"></i> <span
|
|
190
|
+
style="display:inline-block;width:48px">Expires</span> : {{new
|
|
191
|
+
Date(docApp.userSession.validUntil).toLocaleDateString()}}</div>
|
|
192
|
+
</div>
|
|
193
|
+
</ul>
|
|
188
194
|
</div>
|
|
195
|
+
</div>
|
|
189
196
|
</div>
|
|
190
197
|
|
|
191
198
|
<!-- 100% horizontal col below toolbar and auto adjust vertical to take rest of avail height -->
|
|
@@ -194,18 +201,23 @@
|
|
|
194
201
|
<!-- the left hand nav col -->
|
|
195
202
|
<aside class="DocSidebar hb-container-vertical hb-hidden">
|
|
196
203
|
|
|
197
|
-
<nav class="hdoc-nav hb-container-expand" id="DocSidebarNav" aria-labelledby="sidebar-aria-label"
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
204
|
+
<nav class="hdoc-nav hb-container-expand" id="DocSidebarNav" aria-labelledby="sidebar-aria-label"
|
|
205
|
+
tabindex="-1">
|
|
206
|
+
<div v-for="(navSection,index) in docApp.navSections"
|
|
207
|
+
v-bind:class="{'group':navSection.items, 'nogrouplink':!navSection.items}">
|
|
208
|
+
|
|
209
|
+
<div v-show="!navSection.items">
|
|
210
|
+
<a class="DocLink link noitems" v-bind:href="navSection.link"
|
|
211
|
+
v-bind:target="navSection.target || ''" style="padding-left: 0px;">
|
|
212
|
+
<span class="link-text">{{navSection.text}} <i v-if="navSection.target"
|
|
213
|
+
class="bi bi-box-arrow-up-right"></i> </span>
|
|
214
|
+
</a>
|
|
215
|
+
</div>
|
|
216
|
+
|
|
217
|
+
<div v-show="navSection.items">
|
|
218
|
+
<nav-section-component v-show="navSection.items" :key="updateCounter"
|
|
219
|
+
v-bind:asection="navSection"></nav-section-component>
|
|
220
|
+
</div>
|
|
209
221
|
</div>
|
|
210
222
|
</nav>
|
|
211
223
|
|
|
@@ -215,7 +227,7 @@
|
|
|
215
227
|
<div class="DocContent hb-container-expand hb-container-vertical" id="DocContent">
|
|
216
228
|
<div class="HTL-doc content-wrapper hb-container-expand">
|
|
217
229
|
<div class="injected-document-container hb-container-horizontal">
|
|
218
|
-
|
|
230
|
+
|
|
219
231
|
<div class="injected-document-content">
|
|
220
232
|
<div class="document-header">
|
|
221
233
|
|
|
@@ -223,46 +235,50 @@
|
|
|
223
235
|
<div class="hb-container-horizontal">
|
|
224
236
|
<div class="hb-center-v hb-container-expand">
|
|
225
237
|
<ul class="ps-0 nav-bar-nav-list noeffects after-fslash overflow-ellipsis">
|
|
226
|
-
<li class="mt-0 nav-bar-item"
|
|
227
|
-
|
|
238
|
+
<li class="mt-0 nav-bar-item"
|
|
239
|
+
v-for="(crumb,$index) in docApp.bookBreadCrumb">
|
|
240
|
+
<a class="ps-0 pe-0 text-decoration-none"
|
|
241
|
+
v-bind:href="crumb.link">{{crumb.title}}</a>
|
|
228
242
|
</li>
|
|
229
243
|
</ul>
|
|
230
244
|
</div>
|
|
231
245
|
<div class="toolbar-right hb-center-v">
|
|
232
246
|
|
|
233
|
-
<a class="toolbar-action" v-bind:href="docApp.documentGithubUrl"
|
|
234
|
-
|
|
247
|
+
<a class="toolbar-action" v-bind:href="docApp.documentGithubUrl"
|
|
248
|
+
target="_blank">
|
|
249
|
+
<i class="bi bi-pencil"></i>
|
|
235
250
|
</a>
|
|
236
251
|
|
|
237
|
-
<a
|
|
252
|
+
<a class="toolbar-action">
|
|
238
253
|
<i class="bi bi-three-dots-vertical"></i>
|
|
239
254
|
</a>
|
|
240
255
|
</div>
|
|
241
256
|
</div>
|
|
242
|
-
|
|
257
|
+
|
|
243
258
|
<div class="document-title"></div>
|
|
244
|
-
|
|
259
|
+
|
|
245
260
|
<!-- doc frontmatter info -->
|
|
246
261
|
<div class="hb-container-horizontal">
|
|
247
262
|
<div class="hb-center-v hb-container-expand">
|
|
248
|
-
<ul
|
|
263
|
+
<ul
|
|
264
|
+
class="ps-0 nav-bar-nav-list noeffects after-bullets overflow-ellipsis text-light-2">
|
|
249
265
|
<li class="ps-0 mt-0 nav-bar-item">
|
|
250
266
|
Article
|
|
251
267
|
</li>
|
|
252
268
|
<li class="ps-0 mt-0 nav-bar-item">
|
|
253
269
|
YYYY-MM-DD
|
|
254
|
-
</li>
|
|
270
|
+
</li>
|
|
255
271
|
<li class="ps-0 mt-0 nav-bar-item">
|
|
256
272
|
(n) minutes to read
|
|
257
|
-
</li>
|
|
273
|
+
</li>
|
|
258
274
|
<li class="ps-0 mt-0 nav-bar-item">
|
|
259
275
|
<a class="link c-pointer">(n) contributors</a>
|
|
260
|
-
</li>
|
|
276
|
+
</li>
|
|
261
277
|
</ul>
|
|
262
278
|
</div>
|
|
263
279
|
<div class="toolbar-right hb-center-v">
|
|
264
280
|
</div>
|
|
265
|
-
</div>
|
|
281
|
+
</div>
|
|
266
282
|
|
|
267
283
|
</div>
|
|
268
284
|
<div class="document-body"></div>
|
|
@@ -271,25 +287,26 @@
|
|
|
271
287
|
|
|
272
288
|
|
|
273
289
|
|
|
274
|
-
|
|
290
|
+
|
|
275
291
|
|
|
276
292
|
<!-- table of contents -->
|
|
277
293
|
<div v-if="docApp.keepTocLayout" class="injected-document-toc">
|
|
278
294
|
<div v-if="docApp.tableOfContents.length" class="panel-header">
|
|
279
295
|
<span class="icon">
|
|
280
|
-
<i class="bi bi-list-ul"></i>
|
|
296
|
+
<i class="bi bi-list-ul"></i>
|
|
281
297
|
</span>
|
|
282
298
|
<span class="title">In This Document</span>
|
|
283
299
|
</div>
|
|
284
300
|
<div v-if="docApp.tableOfContents.length" class="panel-content">
|
|
285
|
-
<div v-for="tocItem in docApp.tableOfContents"
|
|
301
|
+
<div v-for="tocItem in docApp.tableOfContents"
|
|
302
|
+
v-bind:class="{'ms-3':tocItem.tagName=='H3'}">
|
|
286
303
|
<a :href="tocItem.href">{{tocItem.eleText}}</a>
|
|
287
304
|
</div>
|
|
288
305
|
</div>
|
|
289
306
|
</div>
|
|
290
|
-
|
|
307
|
+
|
|
291
308
|
</div>
|
|
292
|
-
|
|
309
|
+
|
|
293
310
|
</div>
|
|
294
311
|
</div>
|
|
295
312
|
|
|
@@ -302,28 +319,26 @@
|
|
|
302
319
|
|
|
303
320
|
//-- we load these like this as we have set the BASE location of the document - so have to load these after doc
|
|
304
321
|
loadCss([
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
intialiseApp();
|
|
324
|
-
});
|
|
325
|
-
},50);
|
|
322
|
+
"css/theme-default/styles/fonts.css",
|
|
323
|
+
"css/theme-default/styles/vars.css",
|
|
324
|
+
"css/theme-default/styles/base.css",
|
|
325
|
+
"css/theme-default/styles/htldoc.layouts.css",
|
|
326
|
+
|
|
327
|
+
"css/theme-default/styles/components/htl-doc.css",
|
|
328
|
+
"css/theme-default/styles/components/sidebar.css",
|
|
329
|
+
"css/theme-default/styles/components/content.css",
|
|
330
|
+
"css/theme-default/styles/components/custom-block.css",
|
|
331
|
+
|
|
332
|
+
"js/highlightjs/styles/vs2015.css"
|
|
333
|
+
], function () {
|
|
334
|
+
//-- required js + 3rd party libs
|
|
335
|
+
setTimeout(function () {
|
|
336
|
+
loadJS(["js/doc.hornbill.js", "js/highlightjs/highlight.pack.js", "js/highlightjs-badge.js"], function () {
|
|
337
|
+
intialiseApp();
|
|
338
|
+
});
|
|
339
|
+
}, 50);
|
|
326
340
|
});
|
|
327
341
|
|
|
328
342
|
</script>
|
|
343
|
+
|
|
329
344
|
</html>
|