jab2870
/
Vim-Vixen
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add simple form

Browse Source
jh-changes
Shin'ya Ueoka 7 years ago
parent 4edb0331a1
commit 8791ed4e5e
5 changed files with 54 additions and 3 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 10
      manifest.json
  2. 19
      src/settings/index.js
  3. 15
      src/settings/settings.html
  4. 7
      src/settings/settings.scss
  5. 6
      webpack.config.js

10
manifest.json
Unescape View File

@ -15,11 +15,15 @@
]
},
"permissions": [
"history",
"sessions",
"tabs",
"history"
"storage",
"tabs"
],
"web_accessible_resources": [
"build/console.html"
]
],
"options_ui": {
"page": "build/settings.html"
}
}

19
src/settings/index.js
Unescape View File

@ -0,0 +1,19 @@
import './settings.scss';
let form = document.getElementById('vimvixen-settings-form');
form.addEventListener('submit', (e) => {
let value = {
json: e.target.elements['plain-json'].value
};
e.preventDefault();
browser.storage.local.set(value);
});
document.addEventListener('DOMContentLoaded', () => {
browser.storage.local.get().then((value) => {
if (value.json) {
form.elements['plain-json'].value = value.json;
}
}, console.error);
});

15
src/settings/settings.html
Unescape View File

@ -0,0 +1,15 @@
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
</head>
<body>
<form id='vimvixen-settings-form' class='vimvixen-settings-form'>
<label for='plain-json'>Settings by plain json: </label>
<textarea
name='plain-json'></textarea>
<button type='submit'>Save</button>
</form>
<script src='settings.js'></script>
</body>
</html>

7
src/settings/settings.scss
Unescape View File

@ -0,0 +1,7 @@
.vimvixen-settings-form {
textarea[name=plain-json] {
font-family: monospace;
width: 100%;
resize: vertical;
}
}

6
webpack.config.js
Unescape View File

@ -7,6 +7,7 @@ const dist = path.resolve(__dirname, 'build');
module.exports = {
entry: {
index: path.join(src, 'content'),
settings: path.join(src, 'settings'),
background: path.join(src, 'background'),
console: path.join(src, 'console', 'console.js')
},
@ -46,6 +47,11 @@ module.exports = {
template: path.join(src, 'console', 'console.html'),
filename: path.join(dist, 'console.html'),
inject: false
}),
new HtmlWebpackPlugin({
template: path.join(src, 'settings', 'settings.html'),
filename: path.join(dist, 'settings.html'),
inject: false
})
]
};