supporting options
This commit is contained in:
parent
09a7dec949
commit
daef7ca9bd
3 changed files with 109 additions and 0 deletions
|
@ -3,6 +3,7 @@
|
||||||
"version": "0.1.1",
|
"version": "0.1.1",
|
||||||
"manifest_version": 2,
|
"manifest_version": 2,
|
||||||
"description": "A minimalist NetSoul client.",
|
"description": "A minimalist NetSoul client.",
|
||||||
|
"options_page": "options.html",
|
||||||
"app": {
|
"app": {
|
||||||
"background": {
|
"background": {
|
||||||
"scripts": ["third-party/md5-min.js",
|
"scripts": ["third-party/md5-min.js",
|
||||||
|
@ -12,6 +13,8 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"permissions": [
|
"permissions": [
|
||||||
|
"background",
|
||||||
|
"storage",
|
||||||
{"socket": ["tcp-connect:ns-server.epita.fr:4242"]}
|
{"socket": ["tcp-connect:ns-server.epita.fr:4242"]}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|
16
options.html
Normal file
16
options.html
Normal file
|
@ -0,0 +1,16 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Chromesoul options</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div>
|
||||||
|
Login: <input type="text" id="login" class="opt"><br>
|
||||||
|
Password (socks): <input type="password" id="pwd_socks", class="opt"><br>
|
||||||
|
<button id="save">Save</button>
|
||||||
|
</div>
|
||||||
|
<div id="status"></div>
|
||||||
|
<script src="options.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
90
options.js
Normal file
90
options.js
Normal file
|
@ -0,0 +1,90 @@
|
||||||
|
//
|
||||||
|
// Copyright (c) 2012 Rodolphe Breard
|
||||||
|
//
|
||||||
|
// Permission to use, copy, modify, and/or distribute this software for any
|
||||||
|
// purpose with or without fee is hereby granted, provided that the above
|
||||||
|
// copyright notice and this permission notice appear in all copies.
|
||||||
|
//
|
||||||
|
// THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
|
||||||
|
// WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
|
||||||
|
// MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
|
||||||
|
// ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
|
||||||
|
// WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
|
||||||
|
// ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
|
||||||
|
// OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
|
||||||
|
//
|
||||||
|
|
||||||
|
var OptionsManager = function() {
|
||||||
|
this.storage = chrome.storage.sync;
|
||||||
|
this.status = null;
|
||||||
|
this.save_btn = null;
|
||||||
|
this.opts = null;
|
||||||
|
};
|
||||||
|
|
||||||
|
OptionsManager.prototype.init = function() {
|
||||||
|
var saveOpts = function(elem) {
|
||||||
|
return function() {
|
||||||
|
elem.save();
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
this.status = document.getElementById("status");
|
||||||
|
this.save_btn = document.getElementById("save");
|
||||||
|
this.opts = document.getElementsByClassName("opt");
|
||||||
|
|
||||||
|
this.restore();
|
||||||
|
|
||||||
|
if (this.save !== null) {
|
||||||
|
this.save_btn.addEventListener("click", saveOpts(this));
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
OptionsManager.prototype.save = function() {
|
||||||
|
var i = 0,
|
||||||
|
data = {},
|
||||||
|
notif = function(elem) {
|
||||||
|
return function () {
|
||||||
|
if (elem !== null) {
|
||||||
|
elem.innerHTML = "Options saved.";
|
||||||
|
setTimeout(function() {
|
||||||
|
elem.innerHTML = "";
|
||||||
|
}, 3000);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
if (this.opts !== null) {
|
||||||
|
for (i = this.opts.length - 1; i >= 0; --i) {
|
||||||
|
data[this.opts[i].id] = this.encrypt(this.opts[i].value);
|
||||||
|
}
|
||||||
|
this.storage.set(data, notif(this.status));
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
OptionsManager.prototype.restore = function() {
|
||||||
|
var i,
|
||||||
|
el,
|
||||||
|
rst = function(elem) {
|
||||||
|
return function(items) {
|
||||||
|
for (i in items) {
|
||||||
|
el = document.getElementById(i);
|
||||||
|
if (el !== null) {
|
||||||
|
el.value = elem.decrypt(items[i]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
this.storage.get(null, rst(this));
|
||||||
|
};
|
||||||
|
|
||||||
|
OptionsManager.prototype.encrypt = function(value) {
|
||||||
|
return value;
|
||||||
|
};
|
||||||
|
|
||||||
|
OptionsManager.prototype.decrypt = function(value) {
|
||||||
|
return value;
|
||||||
|
};
|
||||||
|
|
||||||
|
var opt_mgr = new OptionsManager();
|
||||||
|
opt_mgr.init();
|
Reference in a new issue