aboutsummaryrefslogtreecommitdiff
path: root/ext/bg/settings.html
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2020-10-11 17:31:58 -0400
committerGitHub <noreply@github.com>2020-10-11 17:31:58 -0400
commit5b5b45b88efdd625e5d117c8317bee5bf047b4ff (patch)
tree7eed13abe8a2c8379105b13ed698c8b75e580df1 /ext/bg/settings.html
parenta8601ec95cc22bbfcff45d213585f4c90555a5e1 (diff)
Dictionary controller refactor (#912)
* Support multiple main dictionary selects * Update progress container * Change class name * Simplify dictionary info * Update outdated node visibility * Simplify node usage * Simplify title * Update classes * Update IDs/classes * Remove details container visibility assignment * Use a template for dictionary details * Fix progress bar visibility * Fix incorrect property * Rename dict-details to dictionary-details * Remove unused classes * Update class names for dictionary templates * Rename templates * More id renaming * Remove unused id * Rename more IDs
Diffstat (limited to 'ext/bg/settings.html')
-rw-r--r--ext/bg/settings.html87
1 files changed, 46 insertions, 41 deletions
diff --git a/ext/bg/settings.html b/ext/bg/settings.html
index 18e3e389..d513ab57 100644
--- a/ext/bg/settings.html
+++ b/ext/bg/settings.html
@@ -656,7 +656,7 @@
<div class="ignore-form-changes">
<div>
- <img src="/mixed/img/spinner.gif" class="pull-right" id="dict-spinner" alt hidden>
+ <img src="/mixed/img/spinner.gif" class="pull-right" id="dictionary-spinner" alt hidden>
<h3>Dictionaries</h3>
</div>
@@ -664,38 +664,38 @@
Yomichan can import and use a variety of dictionary formats. Unneeded dictionaries can be disabled.
</p>
- <div class="form-group" id="dict-main-group">
- <label for="dict-main">Main dictionary for merged mode</label>
- <select class="form-control" id="dict-main" data-setting="general.mainDictionary"></select>
+ <div class="form-group" id="dictionary-main-group">
+ <label for="dictionary-main">Main dictionary for merged mode</label>
+ <select class="form-control" id="dictionary-main" data-setting="general.mainDictionary"></select>
</div>
- <div class="text-danger" id="dict-purge" hidden>Dictionary data is being purged, please be patient...</div>
- <div class="alert alert-warning" id="dict-warning" hidden>No dictionaries have been installed</div>
- <div class="alert alert-danger" id="dict-error" hidden></div>
+ <div class="text-danger" id="dictionary-delete-all-status" hidden>Dictionary data is being purged, please be patient...</div>
+ <div class="alert alert-warning" id="dictionary-warning" hidden>No dictionaries have been installed</div>
+ <div class="alert alert-danger" id="dictionary-error" hidden></div>
- <div id="dict-groups"></div>
- <div id="dict-groups-extra"></div>
+ <div id="dictionary-list"></div>
+ <div id="dictionary-list-extra"></div>
- <div id="dict-import-progress" hidden>
+ <div id="dictionary-import-progress-container" hidden>
Dictionary data is being imported, please be patient...
- <span id="dict-import-info" hidden></span>
+ <span id="dictionary-import-info" hidden></span>
<div class="progress">
<div class="progress-bar progress-bar-striped" style="width: 0%"></div>
</div>
</div>
- <div id="dict-importer">
+ <div>
<p class="help-block">
Select a dictionary to import for use below. Please visit the Yomichan homepage to
<a href="https://foosoft.net/projects/yomichan" target="_blank" rel="noopener">download free dictionaries</a>
for use with this extension and to learn about importing proprietary EPWING dictionaries.
</p>
<div>
- <button class="btn btn-primary dictionary-modifying-input" id="dict-file-button">Import Dictionary</button>
- <button class="btn btn-danger dictionary-modifying-input" id="dict-purge-button">Purge Database</button>
- <button class="btn btn-default dictionary-modifying-input" id="dict-check-integrity">Check integrity</button>
+ <button class="btn btn-primary dictionary-database-mutating-input" id="dictionary-import-file-button">Import Dictionary</button>
+ <button class="btn btn-danger dictionary-database-mutating-input" id="dictionary-delete-all-button">Purge Database</button>
+ <button class="btn btn-default dictionary-database-mutating-input" id="dictionary-check-integrity">Check integrity</button>
</div>
- <div hidden><input type="file" id="dict-file" accept=".zip,application/zip" multiple></div>
+ <div hidden><input type="file" id="dictionary-import-file-input" accept=".zip,application/zip" multiple></div>
</div>
<div>
@@ -710,7 +710,7 @@
</p>
</div>
- <div class="modal fade" tabindex="-1" role="dialog" id="dict-purge-modal">
+ <div class="modal fade" tabindex="-1" role="dialog" id="dictionary-confirm-delete-all">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
@@ -722,13 +722,13 @@
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
- <button type="button" class="btn btn-danger" id="dict-purge-confirm">Purge Database</button>
+ <button type="button" class="btn btn-danger" id="dictionary-confirm-delete-all-button">Purge Database</button>
</div>
</div>
</div>
</div>
- <div class="modal fade" tabindex="-1" role="dialog" id="dict-delete-modal">
+ <div class="modal fade" tabindex="-1" role="dialog" id="dictionary-confirm-delete">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
@@ -736,58 +736,63 @@
<h4 class="modal-title">Confirm dictionary deletion</h4>
</div>
<div class="modal-body">
- Are you sure you want to delete the dictionary <em id="dict-remove-modal-dict-name"></em>?
+ Are you sure you want to delete the dictionary <em id="dictionary-confirm-delete-name"></em>?
This operation may take some time and the responsiveness of this browser tab may be reduced.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
- <button type="button" class="btn btn-danger dictionary-modifying-input" id="dict-delete-confirm">Delete Dictionary</button>
+ <button type="button" class="btn btn-danger dictionary-database-mutating-input" id="dictionary-confirm-delete-button">Delete Dictionary</button>
</div>
</div>
</div>
</div>
- <template id="dict-template"><div class="dict-group well well-sm">
- <h4><span class="text-muted glyphicon glyphicon-book"></span> <span class="dict-title"></span> <small class="dict-revision"></small></h4>
- <p class="text-warning dict-outdated" hidden>This dictionary is outdated and may not support new extension features; please import the latest version.</p>
+ <template id="dictionary-template"><div class="well well-sm">
+ <h4><span class="text-muted glyphicon glyphicon-book"></span> <span class="dictionary-title"></span> <small class="dictionary-version"></small></h4>
+ <p class="text-warning dictionary-outdated-notification" hidden>This dictionary is outdated and may not support new extension features; please import the latest version.</p>
<div class="checkbox">
- <label><input type="checkbox" class="dict-enabled"> Enable search</label>
+ <label><input type="checkbox" class="dictionary-enabled"> Enable search</label>
</div>
<div class="checkbox options-advanced">
- <label><input type="checkbox" class="dict-allow-secondary-searches"> Allow secondary searches</label>
+ <label><input type="checkbox" class="dictionary-allow-secondary-searches"> Allow secondary searches</label>
</div>
- <div class="checkbox dict-prefix-wildcard-searches-supported-container">
- <label><input type="checkbox" class="dict-prefix-wildcard-searches-supported" disabled> Prefix wildcard searches supported</label>
+ <div class="checkbox">
+ <label><input type="checkbox" class="dictionary-prefix-wildcard-searches-supported" disabled> Prefix wildcard searches supported</label>
</div>
<div class="form-group options-advanced">
- <label class="dict-result-priority-label">Result priority</label>
- <input type="number" class="form-control dict-priority">
+ <label>Result priority</label>
+ <input type="number" class="form-control dictionary-priority">
</div>
- <div class="dict-details-container">
- <a class="dict-details-toggle-link">Details...</a>
- <div class="dict-details" hidden><div class="dict-details-table"></div></div>
+ <div class="dictionary-details-container">
+ <a class="dictionary-details-toggle-link">Details...</a>
+ <div class="dictionary-details" hidden><div class="dictionary-details-table"></div></div>
</div>
- <div class="dict-delete-table">
+ <div class="dictionary-delete-table">
<div>
- <button class="btn btn-default dict-delete-button dictionary-modifying-input">Delete Dictionary</button>
+ <button class="btn btn-default dictionary-delete-button dictionary-database-mutating-input">Delete Dictionary</button>
</div>
- <div>
- <div class="progress" hidden>
+ <div class="progress-container" hidden>
+ <div class="progress">
<div class="progress-bar progress-bar-striped" style="width: 0%"></div>
</div>
</div>
</div>
- <pre class="debug dict-counts" hidden></pre>
+ <pre class="debug dictionary-counts" hidden></pre>
+ </div></template>
+
+ <template id="dictionary-details-entry-template"><div class="dictionary-details-entry">
+ <span class="dictionary-details-entry-label"></span>
+ <span class="dictionary-details-entry-info"></span>
</div></template>
- <template id="dict-extra-template"><div class="well well-sm">
- <h4><span class="text-muted glyphicon glyphicon-alert"></span> <span class="dict-title">Unassociated Data</span> <small class="dict-total-count"></small></h4>
+ <template id="dictionary-extra-template"><div class="well well-sm">
+ <h4><span class="text-muted glyphicon glyphicon-alert"></span> <span class="dictionary-title">Unassociated Data</span> <small class="dictionary-total-count"></small></h4>
<p class="text-warning">
The database contains extra data which is not associated with any installed dictionary.
Purging the database can fix this issue.
</p>
- <pre class="debug dict-counts" hidden></pre>
+ <pre class="debug dictionary-counts" hidden></pre>
</div></template>
</div>