diff options
| author | The Man <ThisIsntTheWay@users.noreply.github.com> | 2024-01-21 03:51:33 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-01-21 02:51:33 +0000 |
| commit | 14525695bec145d2a3e2cf55f8619f28de3f3d71 (patch) | |
| tree | 7d12132eb1c409b78b80353664f257f6a349b8de | |
| parent | 2de19c46a3c570855fe1b803fe677cee0b4e4036 (diff) | |
Add warning if available storage space is low (#548)
* Add warning if storage space is low
* b -> strong
| -rw-r--r-- | ext/js/pages/settings/storage-controller.js | 12 | ||||
| -rw-r--r-- | ext/settings.html | 6 |
2 files changed, 17 insertions, 1 deletions
diff --git a/ext/js/pages/settings/storage-controller.js b/ext/js/pages/settings/storage-controller.js index 07f029f0..6be1fe24 100644 --- a/ext/js/pages/settings/storage-controller.js +++ b/ext/js/pages/settings/storage-controller.js @@ -39,6 +39,8 @@ export class StorageController { /** @type {?NodeListOf<HTMLElement>} */ this._storageUseFiniteNodes = null; /** @type {?NodeListOf<HTMLElement>} */ + this._storageUseExhaustWarnNodes = null; + /** @type {?NodeListOf<HTMLElement>} */ this._storageUseInfiniteNodes = null; /** @type {?NodeListOf<HTMLElement>} */ this._storageUseValidNodes = null; @@ -51,6 +53,7 @@ export class StorageController { this._storageUsageNodes = /** @type {NodeListOf<HTMLElement>} */ (document.querySelectorAll('.storage-usage')); this._storageQuotaNodes = /** @type {NodeListOf<HTMLElement>} */ (document.querySelectorAll('.storage-quota')); this._storageUseFiniteNodes = /** @type {NodeListOf<HTMLElement>} */ (document.querySelectorAll('.storage-use-finite')); + this._storageUseExhaustWarnNodes = /** @type {NodeListOf<HTMLElement>} */ (document.querySelectorAll('.storage-exhaustion-alert')); this._storageUseInfiniteNodes = /** @type {NodeListOf<HTMLElement>} */ (document.querySelectorAll('.storage-use-infinite')); this._storageUseValidNodes = /** @type {NodeListOf<HTMLElement>} */ (document.querySelectorAll('.storage-use-valid')); this._storageUseInvalidNodes = /** @type {NodeListOf<HTMLElement>} */ (document.querySelectorAll('.storage-use-invalid')); @@ -84,13 +87,19 @@ export class StorageController { const estimate = await this._storageEstimate(); const valid = (estimate !== null); + let storageIsLow = false; // Firefox reports usage as 0 when persistent storage is enabled. const finite = valid && ((typeof estimate.usage === 'number' && estimate.usage > 0) || !(await this._persistentStorageController.isStoragePeristent())); if (finite) { let {usage, quota} = estimate; + if (typeof usage !== 'number') { usage = 0; } - if (typeof quota !== 'number') { quota = 0; } + if (typeof quota !== 'number') { + quota = 0; + } else { + storageIsLow = quota <= (3 * 1000000000); + } const usageString = this._bytesToLabeledString(usage); const quotaString = this._bytesToLabeledString(quota); for (const node of /** @type {NodeListOf<HTMLElement>} */ (this._storageUsageNodes)) { @@ -105,6 +114,7 @@ export class StorageController { this._setElementsVisible(this._storageUseInfiniteNodes, valid && !finite); this._setElementsVisible(this._storageUseValidNodes, valid); this._setElementsVisible(this._storageUseInvalidNodes, !valid); + this._setElementsVisible(this._storageUseExhaustWarnNodes, storageIsLow); } finally { this._isUpdating = false; } diff --git a/ext/settings.html b/ext/settings.html index 3a4c90ce..38cbf6f6 100644 --- a/ext/settings.html +++ b/ext/settings.html @@ -140,6 +140,12 @@ </span> <span class="storage-use-finite" hidden> Yomitan is using approximately <span class="storage-usage">?</span> of <span class="storage-quota">?</span>. + <div class="storage-exhaustion-alert warning-text margin-above"> + <div> + <strong>Your system is running low on storage space.</strong><br> + Importing dictionaries may fail. + </div> + </div> </span> <span class="storage-use-infinite" hidden> Yomitan is permitted unlimited storage. |