angular.js/example/personalLog/personalLog.js

83 lines
1.9 KiB
JavaScript
Raw Normal View History

/**
* @fileOverview Very simple personal log demo application to demonstrate angular functionality,
* especially:
* - the MVC model
* - testability of controllers
* - dependency injection for controllers via $inject and constructor function
* - $cookieStore for persistent cookie-backed storage
* - simple templating constructs such as ng:repeat and {{}}
* - date filter
* - and binding onSubmit and onClick events to angular expressions
* @author Igor Minar
*/
/** @namespace the 'example' namespace */
var example = example || {};
/** @namespace namespace of the personal log app */
example.personalLog = {};
//name space isolating closure
(function() {
var LOGS = 'logs';
/**
* The controller for the personal log app.
*/
function LogCtrl($cookieStore) {
var self = this,
logs = self.logs = $cookieStore.get(LOGS) || []; //main model
/**
* Adds newMsg to the logs array as a log, persists it and clears newMsg.
* @param {string} msg Message to add (message is passed as parameter to make testing easier).
*/
this.addLog = function(msg) {
var newMsg = msg || self.newMsg;
if (!newMsg) return;
var log = {
at: new Date().getTime(),
msg: newMsg
}
logs.push(log);
$cookieStore.put(LOGS, logs);
self.newMsg = '';
};
/**
* Persistently removes a log from logs.
* @param {object} log The log to remove.
*/
this.rmLog = function(log) {
for ( var i = 0; i < logs.length; i++) {
if (log === logs[i]) {
logs.splice(i, 1);
break;
}
}
$cookieStore.put(LOGS, logs);
};
/**
* Persistently removes all logs.
*/
this.rmLogs = function() {
logs.splice(0, logs.length);
$cookieStore.remove(LOGS);
};
}
//inject
LogCtrl.$inject = ['$cookieStore'];
//export
example.personalLog.LogCtrl = LogCtrl;
})();