Benature/omnivore
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add option to disable auto dismiss on the extension

Browse Source
This commit is contained in:
Jackson Harper
2023-10-06 19:37:27 +08:00
parent e91eb7004f
commit 0c09f9dbcb
3 changed files with 42 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
pkg/extension/src/scripts/content/toast.js
View File

@ -246,6 +246,7 @@
case 'success':
// Auto hide if everything went well and the user
// has not initiated any interaction.
hideToastTimeout = setTimeout(function () {
console.log('hiding: ', currentToastEl, doNotHide)
if (!doNotHide) {
@ -253,6 +254,12 @@
currentToastEl = undefined
}
}, 2500)
getStorageItem('disableAutoDismiss').then((disable) => {
console.log('got disableAutoDismiss', disable)
if (disable) {
cancelAutoDismiss()
}
})
statusBox.innerHTML = systemIcons.success
break
case 'failure':

26
pkg/extension/src/scripts/options.js
View File

@ -34,6 +34,21 @@ function clearAPIKey() {
})
}
function autoDismissChanged(event) {
const value = document.getElementById('disable-auto-dismiss').checked
console.log(
' value: ',
value,
document.getElementById('disable-auto-dismiss')
)
setStorage({
disableAutoDismiss: value ? 'true' : null,
}).then(() => {
console.log('disableAutoDismiss updated', value)
})
}
;(() => {
document
.getElementById('save-api-key-btn')
@ -44,4 +59,15 @@ function clearAPIKey() {
document
.getElementById('clear-api-key-btn')
.addEventListener('click', clearAPIKey)
getStorageItem('disableAutoDismiss').then((value) => {
console.log('disableAutoDismiss updated', value)
document.getElementById('disable-auto-dismiss').checked = value
? true
: false
})
document
.getElementById('disable-auto-dismiss')
.addEventListener('change', autoDismissChanged)
})()

15
pkg/extension/src/views/options.html
View File

@ -3,12 +3,7 @@
<head>
<title>API Key Storage</title>
<script src="/scripts/common.js"></script>
<style>
div.wrapper: {
max-width: 480px;
padding: 20px;
}
</style>
</head>
<body>
<div class='wrapper'>
@ -35,6 +30,14 @@
<button id="save-api-key-btn">Save API Key</button>
<button id="load-api-key-btn">Load API Key</button>
<button id="clear-api-key-btn">Clear API Key</button>
<p>&nbsp;</p>
<h1>Settings</h1>
<input type="checkbox" id="disable-auto-dismiss" />
<label for="auto-dismiss">Disable Auto Dismiss</label>
</div>
<script src="/scripts/options.js"></script>
</body>