aboutsummaryrefslogtreecommitdiff
path: root/ext
diff options
context:
space:
mode:
authorAlex Yatskov <alex@foosoft.net>2016-08-14 12:08:06 -0700
committerAlex Yatskov <alex@foosoft.net>2016-08-14 12:08:06 -0700
commitd0654e2cf6ab1138049484af109fc848998c2f5a (patch)
tree737256f5cbc375632660b7293c4cc9a2b703ada4 /ext
parent8f8d8d3f513517fdca941bc3fb0bc88722229db5 (diff)
Adding stub for usage guide
Diffstat (limited to 'ext')
-rw-r--r--ext/bg/guide.html21
-rw-r--r--ext/bg/js/options-form.js16
-rw-r--r--ext/bg/js/options.js1
-rw-r--r--ext/bg/js/yomichan.js26
-rw-r--r--ext/bg/options.html17
5 files changed, 62 insertions, 19 deletions
diff --git a/ext/bg/guide.html b/ext/bg/guide.html
new file mode 100644
index 00000000..6bd4baea
--- /dev/null
+++ b/ext/bg/guide.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <title>Using Yomichan</title>
+ <link rel="stylesheet" type="text/css" href="../lib/bootstrap-3.3.6-dist/css/bootstrap.min.css">
+ <link rel="stylesheet" type="text/css" href="../lib/bootstrap-3.3.6-dist/css/bootstrap-theme.min.css">
+ </head>
+ <body>
+ <div class="container">
+
+ <div class="page-header">
+ <h1>Using Yomichan</h1>
+ </div>
+
+
+
+
+ </div>
+ </body>
+</html>
diff --git a/ext/bg/js/options-form.js b/ext/bg/js/options-form.js
index 979f5377..cd0c1ab8 100644
--- a/ext/bg/js/options-form.js
+++ b/ext/bg/js/options-form.js
@@ -54,6 +54,7 @@ function formToOptions(section, callback) {
optsNew.activateOnStartup = $('#activate-on-startup').prop('checked');
optsNew.loadEnamDict = $('#load-enamdict').prop('checked');
optsNew.selectMatchedText = $('#select-matched-text').prop('checked');
+ optsNew.showAdvancedOptions = $('#show-advanced-options').prop('checked');
optsNew.enableAudioPlayback = $('#enable-audio-playback').prop('checked');
optsNew.enableAnkiConnect = $('#enable-anki-connect').prop('checked');
break;
@@ -174,9 +175,15 @@ function onOptionsGeneralChanged(e) {
if (!optsOld.enableAnkiConnect && optsNew.enableAnkiConnect) {
updateAnkiStatus();
populateAnkiDeckAndModel(optsNew);
- $('.options-anki').fadeIn();
+ $('.options-anki').show();
} else if (optsOld.enableAnkiConnect && !optsNew.enableAnkiConnect) {
- $('.options-anki').fadeOut();
+ $('.options-anki').hide();
+ }
+
+ if (optsNew.showAdvancedOptions) {
+ $('.options-advanced').show();
+ } else {
+ $('.options-advanced').hide();
}
});
});
@@ -208,6 +215,7 @@ $(document).ready(() => {
$('#activate-on-startup').prop('checked', opts.activateOnStartup);
$('#load-enamdict').prop('checked', opts.loadEnamDict);
$('#select-matched-text').prop('checked', opts.selectMatchedText);
+ $('#show-advanced-options').prop('checked', opts.showAdvancedOptions);
$('#enable-audio-playback').prop('checked', opts.enableAudioPlayback);
$('#enable-anki-connect').prop('checked', opts.enableAnkiConnect);
@@ -219,6 +227,10 @@ $(document).ready(() => {
$('.anki-deck').change(onOptionsAnkiChanged);
$('.anki-model').change(onAnkiModelChanged);
+ if (opts.showAdvancedOptions) {
+ $('.options-advanced').show();
+ }
+
if (opts.enableAnkiConnect) {
updateAnkiStatus();
populateAnkiDeckAndModel(opts);
diff --git a/ext/bg/js/options.js b/ext/bg/js/options.js
index 167a7bb6..a1c169a7 100644
--- a/ext/bg/js/options.js
+++ b/ext/bg/js/options.js
@@ -22,6 +22,7 @@ function sanitizeOptions(options) {
scanLength: 20,
activateOnStartup: false,
selectMatchedText: true,
+ showAdvancedOptions: false,
loadEnamDict: false,
enableAudioPlayback: true,
enableAnkiConnect: false,
diff --git a/ext/bg/js/yomichan.js b/ext/bg/js/yomichan.js
index c6288e57..e54f9e4f 100644
--- a/ext/bg/js/yomichan.js
+++ b/ext/bg/js/yomichan.js
@@ -22,7 +22,7 @@ class Yomichan {
Handlebars.partials = Handlebars.templates;
Handlebars.registerHelper('kanjiLinks', function(options) {
let result = '';
- for (let c of options.fn(this)) {
+ for (const c of options.fn(this)) {
if (Translator.isKanji(c)) {
result += Handlebars.templates['kanji-link.html']({kanji: c}).trim();
} else {
@@ -53,7 +53,7 @@ class Yomichan {
onInstalled(details) {
if (details.reason === 'install') {
- chrome.runtime.openOptionsPage();
+ chrome.tabs.create({url: chrome.extension.getURL('bg/guide.html')});
}
}
@@ -118,7 +118,7 @@ class Yomichan {
tabInvokeAll(action, params) {
chrome.tabs.query({}, (tabs) => {
- for (let tab of tabs) {
+ for (const tab of tabs) {
this.tabInvoke(tab.id, action, params);
}
});
@@ -176,7 +176,7 @@ class Yomichan {
'url',
];
- for (let tag of tags) {
+ for (const tag of tags) {
let value = definition[tag] || null;
switch (tag) {
case 'audio':
@@ -195,7 +195,7 @@ class Yomichan {
case 'glossary-list':
if (definition.glossary) {
value = '<ol>';
- for (let gloss of definition.glossary) {
+ for (const gloss of definition.glossary) {
value += `<li>${gloss}</li>`;
}
value += '</ol>';
@@ -223,12 +223,12 @@ class Yomichan {
let fields = [];
if (mode === 'kanji') {
- fields = this.options.ankiKanjiFields;
- note.deckName = this.options.ankiKanjiDeck;
+ fields = this.options.ankiKanjiFields;
+ note.deckName = this.options.ankiKanjiDeck;
note.modelName = this.options.ankiKanjiModel;
} else {
- fields = this.options.ankiTermFields;
- note.deckName = this.options.ankiTermDeck;
+ fields = this.options.ankiTermFields;
+ note.deckName = this.options.ankiTermDeck;
note.modelName = this.options.ankiTermModel;
const audio = {
@@ -237,7 +237,7 @@ class Yomichan {
fields: []
};
- for (let name in fields) {
+ for (const name in fields) {
if (fields[name].indexOf('{audio}') !== -1) {
audio.fields.push(name);
}
@@ -261,9 +261,9 @@ class Yomichan {
}
api_canAddDefinitions({definitions, modes, callback}) {
- let notes = [];
- for (let definition of definitions) {
- for (let mode of modes) {
+ const notes = [];
+ for (const definition of definitions) {
+ for (const mode of modes) {
notes.push(this.formatNote(definition, mode));
}
}
diff --git a/ext/bg/options.html b/ext/bg/options.html
index 71468412..a0240dcb 100644
--- a/ext/bg/options.html
+++ b/ext/bg/options.html
@@ -6,7 +6,7 @@
<link rel="stylesheet" type="text/css" href="../lib/bootstrap-3.3.6-dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../lib/bootstrap-3.3.6-dist/css/bootstrap-theme.min.css">
<style>
- .options-anki {
+ .options-anki, .options-advanced {
display: none;
}
@@ -28,7 +28,7 @@
<h3>General Options</h3>
<form class="form-horizontal">
- <div class="form-group">
+ <div class="form-group options-advanced">
<label for="scan-length" class="control-label col-sm-2">Scan length</label>
<div class="col-sm-10"><input type="number" min="1" id="scan-length" class="form-control"></div>
</div>
@@ -72,6 +72,15 @@
</div>
</div>
</div>
+
+
+ <div class="form-group">
+ <div class="col-sm-offset-2 col-sm-10">
+ <div class="checkbox">
+ <label class="control-label"><input type="checkbox" id="show-advanced-options"> Show advanced options</label>
+ </div>
+ </div>
+ </div>
</form>
</div>
@@ -92,7 +101,7 @@
<div class="col-sm-10"><input type="text" id="anki-card-tags" class="form-control"></div>
</div>
- <div class="form-group">
+ <div class="form-group options-advanced">
<label for="sentence-extent" class="control-label col-sm-2">Sentence extent</label>
<div class="col-sm-10"><input type="number" min="1" id="sentence-extent" class="form-control"></div>
</div>
@@ -162,7 +171,7 @@
</div>
<div style="text-align: right;">
- <small><a href="https://foosoft.net/projects/yomichan-chrome">Homepage</a> &bull; <a href="legal.html">Legal</a></small>
+ <small><a href="https://foosoft.net/projects/yomichan-chrome">Homepage</a> &bull; <a href="guide.html">Guide</a> &bull; <a href="legal.html">Legal</a></small>
</div>
</div>