0f706c37fe
From the comment: This cache is important for two reasons. One, angular hits it up really often (because it needs to check for changes and it's not very clever about it). Two, it prevents weird type conversion issues that otherwise arise in $store.parseValue (e.g. converting "123." to the number 123 even though it actually was the beginning of an IP address that the user was in the process of entering).
83 lines
2.3 KiB
JavaScript
83 lines
2.3 KiB
JavaScript
(function() {
|
|
'use strict';
|
|
|
|
var weechat = angular.module('weechat');
|
|
|
|
weechat.factory('settings', ['$store', '$rootScope', function($store, $rootScope) {
|
|
var that = this;
|
|
this.callbacks = {};
|
|
// This cache is important for two reasons. One, angular hits it up really often
|
|
// (because it needs to check for changes and it's not very clever about it).
|
|
// Two, it prevents weird type conversion issues that otherwise arise in
|
|
// $store.parseValue (e.g. converting "123." to the number 123 even though it
|
|
// actually was the beginning of an IP address that the user was in the
|
|
// process of entering)
|
|
this.cache = {};
|
|
|
|
// Define a property for a setting, retrieving it on read
|
|
// and writing it to localStorage on write
|
|
var defineProperty = function(key) {
|
|
Object.defineProperty(that, key, {
|
|
enumerable: true,
|
|
key: key,
|
|
get: function() {
|
|
if (!(key in this.cache)) {
|
|
this.cache[key] = $store.get(key);
|
|
}
|
|
return this.cache[key];
|
|
},
|
|
set: function(newVal) {
|
|
this.cache[key] = newVal;
|
|
$store.set(key, newVal);
|
|
// Call any callbacks
|
|
var callbacks = that.callbacks[key];
|
|
for (var i = 0; callbacks !== undefined && i < callbacks.length; i++) {
|
|
callbacks[i](newVal);
|
|
}
|
|
// Update the page (might be needed)
|
|
setTimeout(function() {
|
|
$rootScope.$apply();
|
|
}, 0);
|
|
}
|
|
});
|
|
};
|
|
|
|
// Define properties for all settings
|
|
var keys = $store.enumerateKeys();
|
|
for (var keyIdx in keys) {
|
|
var key = keys[keyIdx];
|
|
defineProperty(key);
|
|
}
|
|
|
|
// Add a callback to be called whenever the value is changed
|
|
// It's like a free $watch and used to be called the observer
|
|
// pattern, but I guess that's too old-school for JS kids :>
|
|
this.addCallback = function(key, callback, callNow) {
|
|
if (this.callbacks[key] === undefined) {
|
|
this.callbacks[key] = [callback];
|
|
} else {
|
|
this.callbacks[key].push(callback);
|
|
}
|
|
// call now to emulate $watch behaviour
|
|
setTimeout(function() {
|
|
callback($store.get(key));
|
|
}, 0);
|
|
};
|
|
|
|
this.setDefaults = function(defaults) {
|
|
for (var key in defaults) {
|
|
// null means the key isn't set
|
|
if ($store.get(key) === null) {
|
|
// Define property so it will get saved to store
|
|
defineProperty(key);
|
|
// Save to settings module AND to store
|
|
this[key] = defaults[key];
|
|
}
|
|
}
|
|
};
|
|
|
|
return this;
|
|
}]);
|
|
|
|
})();
|