summaryrefslogtreecommitdiff
path: root/ext/js/pages/settings/collapsible-dictionary-controller.js
diff options
context:
space:
mode:
Diffstat (limited to 'ext/js/pages/settings/collapsible-dictionary-controller.js')
-rw-r--r--ext/js/pages/settings/collapsible-dictionary-controller.js17
1 files changed, 10 insertions, 7 deletions
diff --git a/ext/js/pages/settings/collapsible-dictionary-controller.js b/ext/js/pages/settings/collapsible-dictionary-controller.js
index 355292ad..cff3ad20 100644
--- a/ext/js/pages/settings/collapsible-dictionary-controller.js
+++ b/ext/js/pages/settings/collapsible-dictionary-controller.js
@@ -17,6 +17,7 @@
*/
import {EventListenerCollection} from '../../core.js';
+import {querySelectorNotNull} from '../../dom/query-selector.js';
import {yomitan} from '../../yomitan.js';
export class CollapsibleDictionaryController {
@@ -32,8 +33,8 @@ export class CollapsibleDictionaryController {
this._dictionaryInfoMap = new Map();
/** @type {EventListenerCollection} */
this._eventListeners = new EventListenerCollection();
- /** @type {?HTMLElement} */
- this._container = null;
+ /** @type {HTMLElement} */
+ this._container = querySelectorNotNull(document, '#collapsible-dictionary-list');
/** @type {HTMLSelectElement[]} */
this._selects = [];
/** @type {?HTMLSelectElement} */
@@ -42,8 +43,6 @@ export class CollapsibleDictionaryController {
/** */
async prepare() {
- this._container = /** @type {HTMLElement} */ (document.querySelector('#collapsible-dictionary-list'));
-
await this._onDatabaseUpdated();
yomitan.on('databaseUpdated', this._onDatabaseUpdated.bind(this));
@@ -150,13 +149,17 @@ export class CollapsibleDictionaryController {
const node = this._settingsController.instantiateTemplate('collapsible-dictionary-item');
fragment.appendChild(node);
- const nameNode = /** @type {HTMLElement} */ (node.querySelector('.dictionary-title'));
+ /** @type {HTMLElement} */
+ const nameNode = querySelectorNotNull(node, '.dictionary-title');
nameNode.textContent = dictionary;
- const versionNode = /** @type {HTMLElement} */ (node.querySelector('.dictionary-version'));
+ /** @type {HTMLElement} */
+ const versionNode = querySelectorNotNull(node, '.dictionary-version');
versionNode.textContent = version;
- return /** @type {HTMLSelectElement} */ (node.querySelector('.definitions-collapsible'));
+ /** @type {HTMLSelectElement} */
+ const select = querySelectorNotNull(node, '.definitions-collapsible');
+ return select;
}
/** */