vrr/save-as-ebook
2
0
Fork 0
mirror of https://github.com/alexadam/save-as-ebook.git synced 2025-09-08 08:29:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

display shortcuts in the menu

Browse source
This commit is contained in:
Alex Adam 2018-01-20 15:29:53 +02:00
parent 1db3b504ec
commit 062f95f7c9
2 changed files with 42 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
web-extension/menu.html
View file

@ -30,7 +30,7 @@
font-family: sans-serif;
font-size: 14px;
width: 100%;
padding: 8px 0;
padding: 4px 0;
padding-left: 8px;
border: none;
background-color: white;
@ -119,6 +119,10 @@
#includeStyleCheck {
outline: none;
}
.shortcut {
font-size: 10px;
color: gray;
}
</style>
</head>
@ -138,11 +142,23 @@
</div>
</div>
<hr/>
<button id="savePage" type="button" name="button"></button>
<button id="saveSelection" type="button" name="button"></button>
<button id="savePage" type="button" name="button">
<div id="savePageLabel"></div>
<div id="savePageShortcut" class="shortcut"></div>
</button>
<button id="saveSelection" type="button" name="button">
<div id="saveSelectionLabel"></div>
<div id="saveSelectionShortcut" class="shortcut"></div>
</button>
<hr/>
<button id="pageChapter" type="button" name="button"></button>
<button id="selectionChapter" type="button" name="button"></button>
<button id="pageChapter" type="button" name="button">
<div id="pageChapterLabel"></div>
<div id="pageChapterShortcut" class="shortcut"></div>
</button>
<button id="selectionChapter" type="button" name="button">
<div id="selectionChapterLabel"></div>
<div id="selectionChapterShortcut" class="shortcut"></div>
</button>
<hr/>
<button id="editChapters" type="button" name="button"></button>
</div>

25
web-extension/menu.js
View file

@ -9,10 +9,10 @@ document.getElementById('includeStyle').innerHTML = chrome.i18n.getMessage('incl
document.getElementById('styleLabel').innerHTML = chrome.i18n.getMessage('styleLabel');
document.getElementById('applyStyle').innerHTML = chrome.i18n.getMessage('applyStyle');
document.getElementById('editStyles').innerHTML = chrome.i18n.getMessage('editStyles');
document.getElementById('savePage').innerHTML = chrome.i18n.getMessage('savePage');
document.getElementById('saveSelection').innerHTML = chrome.i18n.getMessage('saveSelection');
document.getElementById('pageChapter').innerHTML = chrome.i18n.getMessage('pageChapter');
document.getElementById('selectionChapter').innerHTML = chrome.i18n.getMessage('selectionChapter');
document.getElementById('savePageLabel').innerHTML = chrome.i18n.getMessage('savePage');
document.getElementById('saveSelectionLabel').innerHTML = chrome.i18n.getMessage('saveSelection');
document.getElementById('pageChapterLabel').innerHTML = chrome.i18n.getMessage('pageChapter');
document.getElementById('selectionChapterLabel').innerHTML = chrome.i18n.getMessage('selectionChapter');
document.getElementById('editChapters').innerHTML = chrome.i18n.getMessage('editChapters');
document.getElementById('waitMessage').innerHTML = chrome.i18n.getMessage('waitMessage');
@ -244,3 +244,20 @@ document.getElementById('pageChapter').onclick = function() {
document.getElementById('selectionChapter').onclick = function() {
dispatch('extract-selection', true);
};
// get all shortcuts and display them in the menuTitle
chrome.commands.getAll((commands) => {
for (let command of commands) {
if (command.name === 'save-page') {
document.getElementById('savePageShortcut').appendChild(document.createTextNode(command.shortcut));
} else if (command.name === 'save-selection') {
document.getElementById('saveSelectionShortcut').appendChild(document.createTextNode(command.shortcut));
} else if (command.name === 'add-page') {
document.getElementById('pageChapterShortcut').appendChild(document.createTextNode(command.shortcut));
} else if (command.name === 'add-selection') {
document.getElementById('selectionChapterShortcut').appendChild(document.createTextNode(command.shortcut));
}
}
console.log('ALl commands', commands);
})