Save the connection paramaters into localStorage

using a simple angular module for localstorage

Note: it also saves the password into localStorage, this
should be further improved to present a simple checkbox to the user
asking if they want to save the password or not
This commit is contained in:
Tor Hveem 2013-10-05 16:05:16 +02:00
parent e90917803b
commit 6949f919a1
3 changed files with 121 additions and 6 deletions

View File

@ -6,6 +6,7 @@
<link href="css/glowingbear.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="js/underscore.js"></script>
<script type="text/javascript" src="js/localstorage.js"></script>
<script type="text/javascript" src="js/protocol.js"></script>
<script type="text/javascript" src="js/websockets.js"></script>
</head>

113
js/localstorage.js Normal file
View File

@ -0,0 +1,113 @@
var ls = angular.module('localStorage',[]);
ls.factory("$store",function($parse){
/**
* Global Vars
*/
var storage = (typeof window.localStorage === 'undefined') ? undefined : window.localStorage,
supported = !(typeof storage == 'undefined' || typeof window.JSON == 'undefined');
var privateMethods = {
/**
* Pass any type of a string from the localStorage to be parsed so it returns a usable version (like an Object)
* @param res - a string that will be parsed for type
* @returns {*} - whatever the real type of stored value was
*/
parseValue: function(res) {
var val;
try {
val = JSON.parse(res);
if (typeof val == 'undefined'){
val = res;
}
if (val == 'true'){
val = true;
}
if (val == 'false'){
val = false;
}
if (parseFloat(val) == val && !angular.isObject(val) ){
val = parseFloat(val);
}
} catch(e){
val = res;
}
return val;
}
};
var publicMethods = {
/**
* Set - let's you set a new localStorage key pair set
* @param key - a string that will be used as the accessor for the pair
* @param value - the value of the localStorage item
* @returns {*} - will return whatever it is you've stored in the local storage
*/
set: function(key,value){
if (!supported){
try {
$.cookie(key, value);
return value;
} catch(e){
console.log('Local Storage not supported, make sure you have the $.cookie supported.');
}
}
var saver = JSON.stringify(value);
storage.setItem(key, saver);
return privateMethods.parseValue(saver);
},
/**
* Get - let's you get the value of any pair you've stored
* @param key - the string that you set as accessor for the pair
* @returns {*} - Object,String,Float,Boolean depending on what you stored
*/
get: function(key){
if (!supported){
try {
return privateMethods.parseValue($.cookie(key));
} catch(e){
return null;
}
}
var item = storage.getItem(key);
return privateMethods.parseValue(item);
},
/**
* Remove - let's you nuke a value from localStorage
* @param key - the accessor value
* @returns {boolean} - if everything went as planned
*/
remove: function(key) {
if (!supported){
try {
$.cookie(key, null);
return true;
} catch(e){
return false;
}
}
storage.removeItem(key);
return true;
},
/**
* Bind - let's you directly bind a localStorage value to a $scope variable
* @param $scope - the current scope you want the variable available in
* @param key - the name of the variable you are binding
* @param def - the default value (OPTIONAL)
* @returns {*} - returns whatever the stored value is
*/
bind: function ($scope, key, def) {
def = def || '';
if (!publicMethods.get(key)) {
publicMethods.set(key, def);
}
$parse(key).assign($scope, publicMethods.get(key));
$scope.$watch(key, function (val) {
publicMethods.set(key, val);
}, true);
return publicMethods.get(key);
}
};
return publicMethods;
});

View File

@ -1,4 +1,4 @@
var weechat = angular.module('weechat', []);
var weechat = angular.module('weechat', ['localStorage']);
weechat.factory('colors', [function($scope) {
@ -371,16 +371,17 @@ weechat.factory('connection', ['$rootScope', '$log', 'handlers', 'colors', funct
}
}]);
weechat.controller('WeechatCtrl', ['$rootScope', '$scope', 'connection', function ($rootScope, $scope, connection) {
weechat.controller('WeechatCtrl', ['$rootScope', '$scope', '$store', 'connection', function ($rootScope, $scope, $store, connection) {
$rootScope.commands = []
$rootScope.buffer = []
$rootScope.buffers = {}
$rootScope.activeBuffer = null;
$scope.hostport = "localhost:9001"
$scope.proto = "weechat"
$scope.password = ""
$store.bind($scope, "hostport", "localhost:9001");
$store.bind($scope, "proto", "weechat");
$store.bind($scope, "password", "");
// TODO checkbox for saving password or not?
// $scope.password = "";
$rootScope.closeBuffer = function(buffer_pointer) {
delete($rootScope.buffers[buffer_pointer]);