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

add simple form

Browse source
This commit is contained in:
Shin'ya Ueoka 2017-09-25 22:15:56 +09:00
parent 4edb0331a1
commit 8791ed4e5e
5 changed files with 54 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

10
manifest.json
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 Normal file
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 Normal file
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 Normal file
View file

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

6
webpack.config.js
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
})
]
};