CookieBaseduserPrefStoreを参考にDBBasedUserPrefStoreを作ってみた。
gadgets.DBBasedUserPrefStore = function() {
gadgets.UserPrefStore.call(this);
};
gadgets.DBBasedUserPrefStore.inherits(gadgets.UserPrefStore);
gadgets.DBBasedUserPrefStore.prototype.USER_PREFS_PREFIX =
'gadgetUserPrefs-';
gadgets.DBBasedUserPrefStore.prototype.saveUserPrefUrl_ = "saveUserPref.json";
gadgets.DBBasedUserPrefStore.prototype.loadUserPrefUrl_ = "loadUserPref.json";
gadgets.DBBasedUserPrefStore.prototype.serverBase_ = "serverBase";
gadgets.DBBasedUserPrefStore.prototype.getPrefs = function(gadget) {
var userPrefs = {};
var keyName = this.USER_PREFS_PREFIX + gadget.id;
var data = this._loadUserPref(keyName);
if (data) {
for (var aa in data) {
userPrefs[decodeURIComponent(aa)] = decodeURIComponent(data[aa]).replace(/^'/,"").replace(/'$/,"");
}
}
return userPrefs;
};
gadgets.DBBasedUserPrefStore.prototype.savePrefs = function(gadget) {
var pairs = [];
for (var name in gadget.getUserPrefs()) {
var value = gadget.getUserPref(name);
var pair = encodeURIComponent(name) + '=\'' + encodeURIComponent(value) + '\'';
pairs.push(pair);
}
var name = this.USER_PREFS_PREFIX + gadget.id;
var pair = encodeURIComponent("__gadgetId__") + '=' + encodeURIComponent(name);
pairs.push(pair);
var value = pairs.join('&');
this._saveUserPref(value);
};
gadgets.DBBasedUserPrefStore.prototype._saveUserPref = function(data) {
var userPref = '';
$.ajax({
type: "POST",
url: this.serverBase_ + this.saveUserPrefUrl_ ,
data: data,
success: function(json) {
userPref = $(json).find('UserPref').text();
}
});
return userPref;
};
gadgets.DBBasedUserPrefStore.prototype._loadUserPref = function(name) {
var data = '';
$.ajax({
type: "GET",
cache: false,
async: false,
dataType: 'string',
url: this.serverBase_ + this.loadUserPrefUrl_ + "?__gadgetId__=" + name,
success: function(str) {
data = str;
}
});
return eval("(" + data + ")");
};
gadgets.DBBasedUserPrefStore.prototype.setServerBase = function(base) {
this.serverBase_ = base;
};
gadgets.Container.prototype.userPrefStore =
new gadgets.DBBasedUserPrefStore();
な感じに、cookiebaseduserprefstore.jsをまんま変更し、
setPrefsとgetPrefsでサーバ側へリクエストを投げると。
サーバ側は、送られてきたリクエストを適当に処理し、DBへ保存。
使うときは、
<script type="text/javascript" src="../../js/rpc.js?c=1&debug=1"></script>
<script type="text/javascript" src="cookies.js"></script>
<script type="text/javascript" src="util.js"></script>
<script type="text/javascript" src="gadgets.js"></script>
<script type="text/javascript" src="dbbaseduserprefstore.js"></script>
な感じに読み込んで、、
<script type="text/javascript">
//<![CDATA[
var gadget = gadgets.container.createGadget({id: "0",specUrl: "http://www.labpixies.com/campaigns/todo/todo.xml", secureToken: "${secureToken}"});
gadget.setServerBase("${contextPath}/gadgets/");
gadgets.container.userPrefStore.setServerBase("${contextPath}/");
gadgets.container.addGadget(gadget);
$("#remote_iframe_0").attr("src", gadget.getIframeUrl());
//]]>
</script>
な感じでiframeのurlをセット。
${contextPath}はローカルな事情からアプリケーションサーバのcontextPathをセットと。
とりあえずは、これで、labpixies.comのtodoガジェットはちゃんと動くっぽい。
さて、次はrequestNavigateToをなんとかする。
--
つーか、javascriptはこんな感じでよいのかしらん。
.