");
11 | $alert.attr("class", "bootstrap-growl alert");
12 | if (options.type) {
13 | $alert.addClass("alert-" + options.type);
14 | }
15 | if (options.allow_dismiss) {
16 | $alert.append("
× ");
17 | }
18 | $alert.append(message);
19 | if (options.top_offset) {
20 | options.offset = {
21 | from: "top",
22 | amount: options.top_offset
23 | };
24 | }
25 | offsetAmount = options.offset.amount;
26 | $(".bootstrap-growl").each(function() {
27 | return offsetAmount = Math.max(offsetAmount, parseInt($(this).css(options.offset.from)) + $(this).outerHeight() + options.stackup_spacing);
28 | });
29 | css = {
30 | "position": (options.ele === "body" ? "fixed" : "absolute"),
31 | "margin": 0,
32 | "z-index": "9999",
33 | "display": "none"
34 | };
35 | css[options.offset.from] = offsetAmount + "px";
36 | $alert.css(css);
37 | if (options.width !== "auto") {
38 | $alert.css("width", options.width + "px");
39 | }
40 | $(options.ele).append($alert);
41 | switch (options.align) {
42 | case "center":
43 | $alert.css({
44 | "left": "50%",
45 | "margin-left": "-" + ($alert.outerWidth() / 2) + "px"
46 | });
47 | break;
48 | case "left":
49 | $alert.css("left", "20px");
50 | break;
51 | default:
52 | $alert.css("right", "20px");
53 | }
54 | $alert.fadeIn();
55 | if (options.delay > 0) {
56 | $alert.delay(options.delay).fadeOut(function() {
57 | return $(this).alert("close");
58 | });
59 | }
60 | return $alert;
61 | };
62 |
63 | $.bootstrapGrowl.default_options = {
64 | ele: "body",
65 | type: "info",
66 | offset: {
67 | from: "top",
68 | amount: 20
69 | },
70 | align: "right",
71 | width: 250,
72 | delay: 4000,
73 | allow_dismiss: true,
74 | stackup_spacing: 10
75 | };
76 |
77 | }).call(this);
--------------------------------------------------------------------------------
/server.js:
--------------------------------------------------------------------------------
1 | process.chdir(__dirname)
2 |
3 | var express = require('express');
4 | var mongodb = require('mongodb');
5 | var passport = require('passport');
6 | var SocketManager = require('./lib/socketManager');
7 |
8 | var http = require('http');
9 | var sockjs = require('sockjs');
10 |
11 | var allowCrossDomain = function(req, res, next) {
12 | res.header('Access-Control-Allow-Origin', '*');
13 | res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE');
14 | res.header('Access-Control-Allow-Headers', 'Content-Type');
15 | next();
16 | }
17 |
18 | var app = express();
19 | app.use(express.static('public'));
20 | app.set('view engine', 'ejs');
21 | app.use(express.cookieParser());
22 | app.use(express.bodyParser());
23 | app.use(express.session({ secret: 'keyboard cat' }));
24 | app.use(passport.initialize());
25 | app.use(passport.session());
26 | app.use(allowCrossDomain);
27 | app.use('/static', express.static('static'));
28 | app.use(function(req, res, next) {
29 | if(process.env.NKO) {
30 | req.user = {username: 'demo'}
31 | } else {
32 | //if not NKO redirect to the admin
33 | if(req.url == '/') {
34 | req.url = '/admin';
35 | }
36 | }
37 | next();
38 | });
39 |
40 | var isProduction = (process.env.NODE_ENV === 'production');
41 | var http = require('http');
42 | var port = process.env.PORT || (isProduction ? 80 : 8000);
43 |
44 | var sockjs_opts = {sockjs_url: "http://cdn.sockjs.org/sockjs-0.3.min.js"};
45 | var sockets = sockjs.createServer();
46 |
47 | //listen to the app
48 | var server = http.createServer(app);
49 | sockets.installHandlers(server, {prefix:'/rt'});
50 |
51 | console.info('open-comment-box starting on port:', port);
52 | server.listen(port);
53 |
54 | //Env
55 | var env = {};
56 | env.socketManager = new SocketManager();
57 | env.sockets=sockets;
58 |
59 | //connect to mongo
60 | var MONGO_URL= process.env.MONGOHQ_URL || process.env.MONGOLAB_URI || process.env.MONGO_URL || 'mongodb://localhost/ocb';
61 | mongodb.MongoClient.connect(MONGO_URL, afterConnected);
62 |
63 | function afterConnected(err, db) {
64 | if (err) {
65 | throw err;
66 | } else {
67 | //load models
68 | env.models = require('./lib/models')(db);
69 | env.models.config.init();
70 |
71 | //load Routes
72 | require('./lib/sockets')(app, db, env);
73 | require('./lib/routes')(app, db, env);
74 | require('./lib/passport')(app, db, env);
75 | }
76 | }
77 |
--------------------------------------------------------------------------------
/static/client.js:
--------------------------------------------------------------------------------
1 | (function () {
2 | 'use strict';
3 |
4 | var base_url = document.getElementById('ocb_script_loader').dataset.base_url;
5 | var api_key = document.getElementById('ocb_script_loader').dataset.api_key;
6 |
7 | var messageRoutes = {
8 | 'OCB::resizeParentFrame' : function (e) {
9 | // console.log('OCB::resizeParentFrame');
10 | var data = JSON.parse(e.data);
11 | var iframe = document.getElementById('ocb_iframe');
12 | var height = parseInt(data.height) || 250;
13 | var height_buffer = 200;
14 | iframe.style.height = height + height_buffer + 'px';
15 | }
16 | ,'OCB::scrollToComment' : function (e) {
17 | console.log('OCB::scrollToComment', e);
18 | var data = JSON.parse(e.data);
19 | var offset = data.offset + ocb_iframe.offsetTop;
20 | setTimeout(function(){scrollTo(0,offset);}, 1000);
21 | }
22 | ,'OCB::getBaseDetails' : function (e) {
23 | console.log('OCB::getBaseDetails');
24 | var data = JSON.parse(e.data);
25 | var commentId = location.hash.substring(1,location.hash.length);
26 | e.source.postMessage({ base_url: base_url, api_key: api_key, commentId: commentId, action: 'OCB::baseDetails' }, '*');
27 | }
28 | ,'OCB::updateHash' : function (e) {
29 | console.log('OCB::updateHash');
30 | var data = JSON.parse(e.data);
31 | location.hash = data.hash;
32 | }
33 | };
34 |
35 | window.addEventListener('message', function handleMessage (e) {
36 | if (e.origin !== base_url) return;
37 | var data = JSON.parse(e.data) || {};
38 | var action = messageRoutes[data.action];
39 | action && action(e);
40 | }, false);
41 |
42 | var ocb_script_loader = document.getElementById('ocb_script_loader');
43 | var ocb_iframe = document.getElementById('ocb_iframe');
44 | ocb_iframe.src = base_url + '/static/comments.html';
45 | ocb_iframe.style.cssText = 'border-style: none; width: 100%; height: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0;';
46 | ocb_script_loader.parentNode.insertBefore(ocb_iframe, ocb_script_loader);
47 |
48 | })();
49 |
--------------------------------------------------------------------------------
/static/comments.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
Open Comment Box
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 | Loading comments
18 |
19 |
20 |
21 |
22 |
23 |
Log Out
24 |
25 |
Add Comment
26 |
27 | Login with
28 | Google
29 | , Facebook
30 | or Twitter
31 | to comment
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
--------------------------------------------------------------------------------
/static/scripts/modules/Channel.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | var Channel = {};
4 |
5 | // JSONP
6 | // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
7 |
8 | Channel.jsonp = function (url) {
9 | console.log('[ ] Channel.jsonp()', url);
10 | var script = document.createElement('script');
11 | script.src = url;
12 | document.head.appendChild(script);
13 | };
14 |
15 | Channel.onData = function (data) {
16 | console.log('[ ] Channel.onData()', data);
17 | Comment.comments = data.comments;
18 | User.users = data.users || {};
19 | Comment.render();
20 | Interface.onReady();
21 | };
22 |
23 | document.addEventListener('DOMContentLoaded', function (e) {
24 | parent.postMessage(JSON.stringify({ action: 'OCB::getBaseDetails' }), '*');
25 | window.addEventListener('message', function handleMessage (e) {
26 | var data = e.data || {};
27 | if (data.action === 'OCB::baseDetails') {
28 | Channel.BASE_URL = data.base_url;
29 | Channel.API_TOKEN = data.api_key;
30 | Channel.SOCK_URL = Channel.BASE_URL+'/rt';
31 | Channel.REF_COMMENT = data.commentId;
32 | Channel.sock = new SockJS(Channel.SOCK_URL);
33 | Channel.initSock();
34 | Channel.getInitData();
35 | }
36 | }, false);
37 | });
38 |
39 | // SOCKJS
40 | // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
41 |
42 | Channel.BASE_URL = null;
43 | Channel.DOC_URL = (window.location != window.parent.location) ? document.referrer: document.location;
44 | Channel.DOC_URL = Channel.DOC_URL.split('#')[0];
45 | Channel.SOCK_URL = null;
46 | Channel.API_TOKEN = null;
47 | Channel.REF_COMMENT = null;
48 | Channel.sock = null;
49 |
50 | Channel.sockRoutes = {
51 | 'commentsAdded' : function (data) {
52 | for (var idx=data.length; idx-->0;){
53 | data[idx].isNewComment = true;
54 | Comment.comments.push(data[idx]);
55 | User.users[data[idx].user._id] = data[idx].user;
56 | Comment.unreadCount++;
57 | Comment.showUnread();
58 | }
59 | Comment.render();
60 | }
61 | ,'commentsDeleted' : function (data) {
62 | for (var idx=data.length; idx-->0;)
63 | for (var idx2=Comment.comments.length; idx2-->0;)
64 | if (Comment.comments[idx2] && Comment.comments[idx2]._id === data[idx])
65 | delete Comment.comments[idx2];
66 | Comment.render();
67 | }
68 | };
69 |
70 | Channel.getInitData = function () {
71 | console.log('[ ] Channel.getInitData()');
72 | var url =
73 | Channel.BASE_URL
74 | + '/comments/init'
75 | + '?callback=Channel.onData'
76 | + '&apiToken=' + Channel.API_TOKEN
77 | + '&url=' + encodeURIComponent(Channel.DOC_URL);
78 | Channel.jsonp(url);
79 | }
80 |
81 | Channel.initSock = function () {
82 |
83 | Channel.sock.onopen = function (e) {
84 | console.log('[ ] Channel.sock.onopen()');
85 | Channel.sock.send(JSON.stringify({
86 | command: 'init'
87 | ,apiToken: Channel.API_TOKEN
88 | ,url: Channel.DOC_URL.split('#')[0]
89 | }));
90 | };
91 |
92 | Channel.sock.onclose = function (e) {
93 | console.log('[ ] Channel.sock.onclose()');
94 | };
95 |
96 | Channel.sock.onmessage = function (e) {
97 | console.log('[ ] Channel.sock.onmessage()', e);
98 | var data = JSON.parse(e.data);
99 | Channel.sockRoutes[data.event] && Channel.sockRoutes[data.event](data.data);
100 | };
101 |
102 | }
103 |
--------------------------------------------------------------------------------
/static/scripts/modules/Comment.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | var Comment = {};
4 |
5 | Comment.elCommentsWrapper = null;
6 | Comment.elUnreadComments = null;
7 | Comment.elNewCommentForm = null;
8 | Comment.elNewCommentText = null;
9 | Comment.elNewCommentSubmit = null;
10 | Comment.elNewCommentReply = null;
11 |
12 | Comment.comments = [];
13 | Comment.replyId = null;
14 | Comment.unreadCount = 0;
15 |
16 | Comment.getCommentById = function (commentId) {
17 | console.log('[ ] Comment.getCommentById()', commentId);
18 | for (var idx = Comment.comments.length; idx-->0;)
19 | if (Comment.comments[idx] && Comment.comments[idx]._id === commentId)
20 | return Comment.comments[idx];
21 | };
22 |
23 | Comment.validate = function () {
24 | console.log('[ ] Comment.validate()');
25 | var message = Comment.elNewCommentText.value.trim();
26 | return message.length > 0;
27 | }
28 |
29 | Comment.create = function () {
30 | console.log('[ ] Comment.create()');
31 | if (!Comment.validate()) return;
32 | var message = Comment.elNewCommentText.value.trim();
33 | Comment.elNewCommentText.value = '';
34 | var url =
35 | Channel.BASE_URL
36 | + '/comments/create?callback=console.log'
37 | + '&apiToken=' + encodeURIComponent(Channel.API_TOKEN)
38 | + '&userId=' + encodeURIComponent(User.getId())
39 | + '&userToken=' + encodeURIComponent(User.getToken())
40 | + '&message=' + encodeURIComponent(message)
41 | + '&url=' + encodeURIComponent(Channel.DOC_URL);
42 | if (Comment.replyId)
43 | url += '&parentId=' + Comment.replyId;
44 | Comment.replyId = null;
45 | Comment.elNewCommentReply.innerHTML = '';
46 | Comment.elNewCommentReply.classList.remove('visible');
47 | Comment.elNewCommentText.style.height = '46px';
48 | Channel.jsonp(url);
49 | };
50 |
51 | Comment.handleNewComment = function (element, idx) {
52 | element.classList.add('new-comment');
53 | setTimeout(function(element){element.classList.remove('new-comment');}, 2000, element);
54 | Comment.comments[idx].isNewComment = false;
55 | if (User.user._id == Comment.comments[idx].userId) {
56 | var offset = element.offsetTop;
57 | var msg = JSON.stringify({ action: 'OCB::scrollToComment', offset: offset });
58 | parent.postMessage(msg, '*');
59 | }
60 | }
61 |
62 | Comment.scrollToHashComment = function () {
63 | console.log('[ ] Comment.scrollToComment()');
64 | var element = document.getElementById(Channel.REF_COMMENT);
65 | if(!element) return;
66 | var offset = element.offsetTop;
67 | var msg = JSON.stringify({ action: 'OCB::scrollToComment', offset: offset });
68 | parent.postMessage(msg, '*');
69 | Channel.REF_COMMENT = null;
70 | }
71 |
72 | Comment.render = function () {
73 | console.log('[ ] Comment.render()');
74 | var comments = JSON.parse(JSON.stringify(Comment.comments));
75 | var elements = document.getElementsByClassName('comment');
76 | for (var idx=elements.length; idx-->0;)
77 | elements[idx].parentNode.removeChild(elements[idx]);
78 | var stop_infinite_loop_counter = 3;
79 | while(Object.keys(comments).length > 0 && stop_infinite_loop_counter--> 0) for(var idx in comments) {
80 | var comment = comments[idx];
81 | if(!comment) continue;
82 | var element = document.createElement('div');
83 | element.classList.add('comment');
84 | element.id = 'comment_' + comment._id;
85 | element.dataset.commentId = comment._id;
86 | var user = User.users[comment.userId] || {
87 | name: 'Anonymous'
88 | , link: '#'
89 | , avatar: 'http://meteorhacks.2013.nodeknockout.com/images/user.png'
90 | };
91 | var timeago = moment(comment.createdAt).fromNow();
92 | var html =
93 | '
'+ user.name +' - '+ timeago +' '
94 | + '
'
95 | + ''
96 | + '
'
97 | + 'Reply '
98 | + 'Share '
99 | if ( User.user && User.user._id == comment.userId )
100 | html +=
101 | 'Delete '
102 | html +=
103 | '
'
104 | + '';
105 | element.innerHTML = html
106 | if (document.getElementById('comment_'+comment._id)) return;
107 | if (comment.parentId == null) {
108 | Comment.elCommentsWrapper.appendChild(element);
109 | comment.isNewComment && Comment.handleNewComment(element, idx);
110 | delete comments[idx];
111 | } else if (document.getElementById('comment_'+comment.parentId)) {
112 | document.getElementById('comment_'+comment.parentId).getElementsByClassName('comment_replies')[0].appendChild(element);
113 | comment.isNewComment && Comment.handleNewComment(element, idx);
114 | delete comments[idx];
115 | }
116 | }
117 | Comment.scrollToHashComment();
118 | };
119 |
120 | Comment.reply = function (commentId) {
121 | console.log('[ ] Comment.reply()', commentId);
122 | Comment.replyId = commentId;
123 | var comment = Comment.getCommentById(commentId);
124 | var user = User.users[comment.userId];
125 | var username = user ? user.name : 'Anonymous';
126 | Comment.elNewCommentReply.innerHTML = '@' + username + ' "' + comment.message.slice(0,15) + '..."';
127 | Comment.elNewCommentReply.classList.add('visible');
128 | Comment.elNewCommentText.focus();
129 | };
130 |
131 | Comment.share = function (commentId) {
132 | console.log('[ ] Comment.share()', commentId);
133 | var element = document.getElementById('comment_' + commentId);
134 | if(!element) return;
135 | var offset = element.offsetTop;
136 | var msg = JSON.stringify({ action: 'OCB::scrollToComment', offset: offset });
137 | parent.postMessage(msg, '*');
138 | msg = JSON.stringify({ action: 'OCB::updateHash', hash: 'comment_' + commentId });
139 | parent.postMessage(msg, '*');
140 | }
141 |
142 | Comment.delete = function (commentId) {
143 | console.log('[ ] Comment.delete()', commentId);
144 | if(!confirm('Delete Comment?')) return;
145 | var url =
146 | Channel.BASE_URL
147 | + '/comments/delete'
148 | + '?callback=console.log'
149 | + '&apiToken=' + Channel.API_TOKEN
150 | + '&id=' + commentId
151 | + '&url=' + encodeURIComponent(Channel.DOC_URL);
152 | Channel.jsonp(url);
153 | for (var idx = Comment.comments.length; idx-->0;) if (Comment.comments[idx] && Comment.comments[idx]._id === commentId)
154 | delete Comment.comments[idx];
155 | Comment.render();
156 | }
157 |
158 | Comment.onNewComment = function (data) {
159 | console.log('[ ] Comment.onNewComment()', data);
160 | for(var idx=data.length; idx-->0;)
161 | Comment.comments.push(data[idx]);
162 | Comment.render();
163 | };
164 |
165 | Comment.showUnread = function () {
166 | Comment.elUnreadComments.classList.add('visible');
167 | Comment.elUnreadComments.innerHTML = Comment.unreadCount + ' New Comments';
168 | }
169 |
170 | Comment.hideUnread = function () {
171 | Comment.unreadCount = 0;
172 | Comment.elUnreadComments.classList.remove('visible');
173 | }
174 |
175 | document.addEventListener('DOMContentLoaded', function (e) {
176 | Comment.elCommentsWrapper = document.getElementById('commentsWrap');
177 | Comment.elUnreadComments = document.getElementById('unreadComments');
178 | Comment.elNewCommentForm = document.getElementById('messageWrap');
179 | Comment.elNewCommentText = document.getElementById('message');
180 | Comment.elNewCommentSubmit = document.getElementById('messageSubmit');
181 | Comment.elNewCommentReply = document.getElementById('replyTo');
182 | Comment.elNewCommentSubmit.onclick = Comment.create;
183 | Comment.elUnreadComments.onclick = Comment.hideUnread;
184 | Comment.elUnreadComments.onmouseover = Comment.hideUnread;
185 | });
186 |
--------------------------------------------------------------------------------
/static/scripts/modules/Interface.js:
--------------------------------------------------------------------------------
1 |
2 | var Interface = new Object();
3 |
4 | Interface.elLoadingAnimation = null;
5 |
6 | Interface.autoGrowTextarea = function (textarea) {
7 | console.log('[ ] Interface.autoGrowTextarea()');
8 | // Based on http://stackoverflow.com/a/19408351
9 | textarea.addEventListener('keydown', function(e){
10 | setTimeout(function (el) {
11 | var height = parseInt(el.scrollHeight);
12 | el.style.cssText = 'height:0; padding:0';
13 | el.style.cssText = 'height:' + height + 'px';
14 | }, 0, this);
15 | });
16 | }
17 |
18 | Interface.resizeParentFrame = function (content) {
19 | return function () {
20 | var msg = JSON.stringify({ action: 'OCB::resizeParentFrame', height: content.scrollHeight });
21 | parent.postMessage(msg, '*');
22 | }
23 | }
24 |
25 | Interface.onReady = function () {
26 | console.log('[ ] Interface.onReady()');
27 | Interface.elLoadingAnimation.classList.remove('visible');
28 | setTimeout(function(){Interface.elLoadingAnimation.style.display = 'none';},1000);
29 | }
30 |
31 | document.addEventListener('DOMContentLoaded', function (e) {
32 | Interface.elLoadingAnimation = document.getElementById('loadingAnimation');
33 | Interface.autoGrowTextarea(document.getElementById('message'));
34 | setInterval(Interface.resizeParentFrame(document.getElementById('content')), 1000);
35 | setInterval(function(){Comment.render()}, 30 * 1000);
36 | });
37 |
--------------------------------------------------------------------------------
/static/scripts/modules/User.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | var User = new Object();
4 |
5 | User.elLoginWrapper = null;
6 | User.elUserAvatar = null;
7 | User.elLogoutButton = null;
8 |
9 | User.users = {};
10 | User.user = null;
11 | $
12 | User.validateToken = function () {
13 | // @FIXME Do come real validation
14 | console.log('[ ] User.validateToken()');
15 | return true;
16 | };
17 |
18 | User.isLoggedIn = function () {
19 | console.log('[ ] User.isLoggedIn()');
20 | User.user = JSON.parse(localStorage.getItem('user'));
21 | if (User.user){
22 | console.log()
23 | return User.validateToken();
24 | }
25 | };
26 |
27 | User.getId = function () {
28 | console.log('[ ] User.getId()');
29 | if (!User.isLoggedIn()) return;
30 | return User.user._id;
31 | };
32 |
33 | User.getToken = function () {
34 | console.log('[ ] User.getToken()');
35 | if (!User.isLoggedIn()) return;
36 | return User.user.userToken;
37 | };
38 |
39 | User.requestLogin = function (handler) {
40 | console.log('[ ] User.requestLogin()', handler);
41 | var url = Channel.BASE_URL + '/auth/' + handler.toLowerCase();
42 | var popup = window.open(url, 'Open Comment Box Login', 'width=500,height=400');
43 | window.focus && popup.focus();
44 | window.addEventListener('message', function(e) {
45 | var data = JSON.parse(e.data);
46 | if( data.action === 'OCB:authResult' )
47 | User.login(data.data);
48 | }, false);
49 | };
50 |
51 | User.login = function (user) {
52 | console.log('[ ] User.login()', user);
53 | User.user = user;
54 | localStorage.setItem('user', JSON.stringify(User.user));
55 | User.elLoginWrapper.classList.remove('visible');
56 | User.elUserAvatar.src = User.user.avatar;
57 | User.elUserAvatar.classList.add('visible');
58 | User.elLogoutButton.classList.add('visible');
59 | Comment.elNewCommentSubmit.classList.add('visible');
60 | Comment.render();
61 | };
62 |
63 | User.logout = function () {
64 | console.log('[ ] User.logout()');
65 | User.user = null;
66 | localStorage.removeItem('user');
67 | Comment.elNewCommentSubmit.classList.remove('visible');
68 | User.elUserAvatar.classList.remove('visible');
69 | User.elLogoutButton.classList.remove('visible');
70 | User.elLoginWrapper.classList.add('visible');
71 | Comment.elNewCommentText.value = '';
72 | Comment.replyId = null;
73 | Comment.elNewCommentReply.innerHTML = '';
74 | Comment.elNewCommentReply.classList.remove('visible');
75 | Comment.render();
76 | };
77 |
78 | document.addEventListener('DOMContentLoaded', function (e) {
79 | User.elLoginWrapper = document.getElementById('loginWrapper');
80 | User.elUserAvatar = document.getElementById('avatar');
81 | User.elLogoutButton = document.getElementById('logoutButton');
82 | if (User.isLoggedIn()) {
83 | User.elLoginWrapper.classList.remove('visible');
84 | User.elUserAvatar.src = User.user.avatar;
85 | User.elUserAvatar.classList.add('visible');
86 | User.elLogoutButton.classList.add('visible');
87 | Comment.elNewCommentSubmit.classList.add('visible');
88 | } else {
89 | User.elUserAvatar.classList.remove('visible');
90 | User.elLogoutButton.classList.remove('visible');
91 | Comment.elNewCommentSubmit.classList.remove('visible');
92 | User.elLoginWrapper.classList.add('visible');
93 | }
94 | });
95 |
--------------------------------------------------------------------------------
/static/scripts/scripts.js:
--------------------------------------------------------------------------------
1 |
2 | 'use strict';
3 |
4 | var Channel = {};
5 |
6 | // JSONP
7 | // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
8 |
9 | Channel.jsonp = function (url) {
10 | console.log('[ ] Channel.jsonp()', url);
11 | var script = document.createElement('script');
12 | script.src = url;
13 | document.head.appendChild(script);
14 | };
15 |
16 | Channel.onData = function (data) {
17 | console.log('[ ] Channel.onData()', data);
18 | Comment.comments = data.comments;
19 | User.users = data.users || {};
20 | // @FIXME Remove Dummy User
21 | User.users['527ea4071e8bbc5bb6476835'] = { _id: '527ea4071e8bbc5bb6476835', name: 'Thanish' };
22 | Comment.render();
23 | };
24 |
25 | document.addEventListener('DOMContentLoaded', function (e) {
26 | Channel.jsonp('http://localhost:8000/comments/init?callback=Channel.onData&apiToken=' + Channel.API_TOKEN);
27 | });
28 |
29 | // SOCKJS
30 | // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
31 |
32 | Channel.SOCK_URL = 'http://localhost:8000/rt';
33 | Channel.API_TOKEN = '123456';
34 | Channel.sock = new SockJS(Channel.SOCK_URL);
35 |
36 | Channel.sockRoutes = {
37 | 'commentsAdded' : function (data) {
38 | for (var idx=data.length; idx-->0;)
39 | Comment.comments.push(data[idx]);
40 | Comment.render();
41 | }
42 | };
43 |
44 | Channel.sock.onopen = function (e) {
45 | console.log('[ ] Channel.sock.onopen()');
46 | Channel.sock.send(JSON.stringify({
47 | command: 'init'
48 | ,apiToken: Channel.API_TOKEN
49 | ,url: document.URL
50 | }));
51 | };
52 |
53 | Channel.sock.onclose = function (e) {
54 | console.log('[ ] Channel.sock.onclose()');
55 | };
56 |
57 | Channel.sock.onmessage = function (e) {
58 | console.log('[ ] Channel.sock.onmessage()');
59 | var data = JSON.parse(e.data);
60 | Channel.sockRoutes[data.event] && Channel.sockRoutes[data.event](data.data);
61 | };
62 | 'use strict';
63 |
64 | var Comment = {};
65 |
66 | Comment.elCommentsWrapper = null;
67 | Comment.elNewCommentForm = null;
68 | Comment.elNewCommentText = null;
69 | Comment.elNewCommentSubmit = null;
70 | Comment.elNewCommentReply = null;
71 |
72 | Comment.comments = [];
73 | Comment.replyId = null;
74 |
75 | Comment.getCommentById = function (commentId) {
76 | console.log('[ ] Comment.getCommentById()', commentId);
77 | for (var idx = Comment.comments.length; idx-->0;)
78 | if (Comment.comments[idx]._id === commentId)
79 | return Comment.comments[idx];
80 | };
81 |
82 | Comment.validate = function () {
83 | console.log('[ ] Comment.validate()');
84 | var message = Comment.elNewCommentText.value.trim();
85 | return message.length > 0;
86 | }
87 |
88 | Comment.create = function () {
89 | console.log('[ ] Comment.create()');
90 | if (!Comment.validate()) return;
91 | var message = Comment.elNewCommentText.value.trim();
92 | Comment.elNewCommentText.value = '';
93 | var url =
94 | 'http://localhost:8000/comments/create?callback=console.log'
95 | + '&apiToken=' + encodeURIComponent(Channel.API_TOKEN)
96 | + '&userId=' + encodeURIComponent(User.getId())
97 | + '&userToken=' + encodeURIComponent(User.getToken())
98 | + '&message=' + encodeURIComponent(message);
99 | if (Comment.replyId)
100 | url += '&parentId=' + Comment.replyId;
101 | Comment.replyId = null;
102 | Comment.elNewCommentReply.innerHTML = '';
103 | Comment.elNewCommentReply.classList.remove('visible');
104 | Channel.jsonp(url);
105 | };
106 |
107 | Comment.render = function () {
108 | console.log('[ ] Comment.render()');
109 | var comments = JSON.parse(JSON.stringify(Comment.comments));
110 | var elements = document.getElementsByClassName('comment');
111 | for (var idx=elements.length; idx-->0;)
112 | elements[idx].parentNode.removeChild(elements[idx]);
113 | while(Object.keys(comments).length > 0) for(var idx in comments) {
114 | var comment = comments[idx];
115 | var element = document.createElement('div');
116 | element.classList.add('comment');
117 | element.id = 'comment_' + comment._id;
118 | element.dataset.commentId = comment._id;
119 | var user = User.getDetailsById(comment.userId);
120 | var username = user ? user.name : 'Anonymous';
121 | var timeago = moment(comment.createdAt).fromNow()
122 | element.innerHTML =
123 | '
'+ username +' - '+ timeago +' '
124 | + ''
125 | + '
'
126 | + 'Reply '
127 | + 'Share '
128 | + '
'
129 | + '';
130 | if (document.getElementById('comment_'+comment._id)) return;
131 | if (comment.parentId == null) {
132 | Comment.elCommentsWrapper.appendChild(element);
133 | delete comments[idx];
134 | } else if (document.getElementById('comment_'+comment.parentId)) {
135 | document.getElementById('comment_'+comment.parentId).getElementsByClassName('comment_replies')[0].appendChild(element);
136 | delete comments[idx];
137 | }
138 | }
139 | };
140 |
141 | Comment.reply = function (commentId) {
142 | console.log('[ ] Comment.reply()', commentId);
143 | if (!User.isLoggedIn()) return;
144 | Comment.replyId = commentId;
145 | var comment = Comment.getCommentById(commentId);
146 | var user = User.getDetailsById(comment.userId);
147 | var username = user ? user.name : 'Anonymous';
148 | Comment.elNewCommentReply.innerHTML = '@' + username + ' "' + comment.message.slice(0,15) + '..."';
149 | Comment.elNewCommentReply.classList.add('visible');
150 | Comment.elNewCommentText.focus();
151 | };
152 |
153 | Comment.share = function (commentId) {
154 | console.log('[ ] Comment.share()', commentId);
155 | };
156 |
157 | Comment.onNewComment = function (data) {
158 | console.log('[ ] Comment.onNewComment()', data);
159 | for(var idx=data.length; idx-->0;)
160 | Comment.comments.push(data[idx]);
161 | Comment.render();
162 | };
163 |
164 | document.addEventListener('DOMContentLoaded', function (e) {
165 | Comment.elCommentsWrapper = document.getElementById('commentsWrap');
166 | Comment.elNewCommentForm = document.getElementById('messageWrap');
167 | Comment.elNewCommentText = document.getElementById('message');
168 | Comment.elNewCommentSubmit = document.getElementById('messageSubmit');
169 | Comment.elNewCommentReply = document.getElementById('replyTo');
170 | Comment.elNewCommentSubmit.onclick = Comment.create;
171 | });
172 |
173 | var Interface = new Object();
174 |
175 | Interface.autoGrowTextarea = function (textarea) {
176 | // Based on http://stackoverflow.com/a/19408351
177 | textarea.addEventListener('keydown', function(e){
178 | setTimeout(function (el) {
179 | var height = parseInt(el.scrollHeight);
180 | el.style.cssText = 'height:0; padding:0';
181 | el.style.cssText = 'height:' + height + 'px';
182 | }, 0, this);
183 | });
184 | }
185 |
186 | Interface.resizeParentFrame = function (content) {
187 | return function () {
188 | var msg = JSON.stringify({ action: 'OCB::resizeParentFrame', height: content.scrollHeight });
189 | parent.postMessage( msg, '*');
190 | }
191 | }
192 |
193 | document.addEventListener('DOMContentLoaded', function (e) {
194 | Interface.autoGrowTextarea(document.getElementById('message'));
195 | setInterval(Interface.resizeParentFrame(document.getElementById('content')), 1000);
196 | });
197 | 'use strict';
198 |
199 | var User = new Object();
200 |
201 | User.elLoginWrapper = null;
202 | User.elLogoutButton = null;
203 |
204 | User.users = {};
205 | User.user = null;
206 |
207 | User.getDetailsById = function (userId) {
208 | console.log('[ ] User.getDetailsById()', userId);
209 | return User.users[userId];
210 | };
211 |
212 | User.validateToken = function () {
213 | // @FIXME Do come real validation
214 | console.log('[ ] User.validateToken()');
215 | return true;
216 | };
217 |
218 | User.isLoggedIn = function () {
219 | console.log('[ ] User.isLoggedIn()');
220 | User.user = JSON.parse(localStorage.getItem('user'));
221 | if (User.user){
222 | console.log()
223 | return User.validateToken();
224 | }
225 | };
226 |
227 | User.getId = function () {
228 | console.log('[ ] User.getId()');
229 | if (!User.isLoggedIn()) return;
230 | return User.user._id;
231 | };
232 |
233 | User.getToken = function () {
234 | console.log('[ ] User.getToken()');
235 | if (!User.isLoggedIn()) return;
236 | return User.user.token;
237 | };
238 |
239 | User.requestLogin = function (handler) {
240 | console.log('[ ] User.requestLogin()', handler);
241 | // @FIXME Replace Mock Data with Data From Real Handlers
242 | User.login({
243 | _id: '527ea4071e8bbc5bb6476835'
244 | ,token: 'user_token'
245 | ,name: 'Thanish'
246 | })
247 | };
248 |
249 | User.login = function (user) {
250 | console.log('[ ] User.login()', user);
251 | User.user = user;
252 | localStorage.setItem('user', JSON.stringify(User.user));
253 | User.elLoginWrapper.classList.remove('visible');
254 | User.elLogoutButton.classList.add('visible');
255 | Comment.elNewCommentSubmit.classList.add('visible');
256 | };
257 |
258 | User.logout = function () {
259 | console.log('[ ] User.logout()');
260 | User.user = null;
261 | localStorage.removeItem('user');
262 | Comment.elNewCommentSubmit.classList.remove('visible');
263 | User.elLogoutButton.classList.remove('visible');
264 | User.elLoginWrapper.classList.add('visible');
265 | Comment.elNewCommentText.value = '';
266 | Comment.replyId = null;
267 | Comment.elNewCommentReply.innerHTML = '';
268 | Comment.elNewCommentReply.classList.remove('visible');
269 | };
270 |
271 | document.addEventListener('DOMContentLoaded', function (e) {
272 | User.elLoginWrapper = document.getElementById('loginWrapper');
273 | User.elLogoutButton = document.getElementById('logoutButton');
274 | if (User.isLoggedIn()) {
275 | User.elLoginWrapper.classList.remove('visible');
276 | User.elLogoutButton.classList.add('visible');
277 | Comment.elNewCommentSubmit.classList.add('visible');
278 | } else {
279 | User.elLogoutButton.classList.remove('visible');
280 | Comment.elNewCommentSubmit.classList.remove('visible');
281 | User.elLoginWrapper.classList.add('visible');
282 | }
283 | });
284 |
--------------------------------------------------------------------------------
/static/styles/loader.gif:
--------------------------------------------------------------------------------
1 | GIF89a< � ���
2 | ��� !� NETSCAPE2.0 !� , < h���0�V� a�ͩ�](�d� !f������ !� , < �424 $&$TVT$"$
3 | <:< ,*,��� 0��I��8늂Jq �f�(�
Ʋ�e*�t-�A,�� ��w8� P�DE !� , < �<:<$"$TRT DFD424dbd
4 | <><,*,\Z\ LNL464dfd��� <�$�di�h���
5 | ��S ͪ�k;�YÖ��Ȥr� $ ���0<���H$
6 | �)Ċݚ�! !� , < �|z|<>< \Z\,.,��䌎�lnl
7 | LJL$&$���dfd 464|~|DFD$"$\^\424���trt TRT,*,��� J`'�di�h��X#eN�-d0��)��@S+ �Mj�@���Шtt D4��sL6G"�@L�T+�10t�G�lFۡ! !� , < �dfd464��� |~|TRT ���trtDBD���
8 | ���,.,\^\���ljl<><$&$���TVTtvtLJL������������ W�'�di�h�� � �Rd�si��T�1 �jHE �,Q��<�D",Z�X" 9@���1<��e3h "ٸ�#ax�b��1���
pr�Y! !� , < �tvt<><���$"$���\Z\������LNL���424������ ���DFDlnl
9 | |z|DBD���,*,���dbd��� ���TVT���<:<��������� k@�pH,�Ȥ�rh ˠ��@(��A0.�
��,���s� 5
10 | V���� d3z��'?
11 |
!~~��
12 | ��������CA !� , < �������DFD���$"$���dbd������424������trt
13 | TRT���������<:<������,*,���lnl ���LNL��䤦�dfd������464������|z| \Z\���������<><���,.,��� }@�pH,�Ȥ��� T��"0a>%�� � ��UЈP�r}\�K�^K�m��\�"jl���0 ( )'%
14 | *!+�l� "�/-��� &&.,�����CA !� , < ����DBD���$"$dfd��䤦�TRT������464|z|���
15 | ��씒�LJL���,.,trt��� \Z\���DFD���$&$ljl��� ������<><|~|��� ���\^\��� }@�pH,�Ȥ2)R�"�2x�#��d��R��� P�`�66��i�q�,$n�;�=gikm��G !
% ' $ )
16 |
17 | �m�(���+ &�**���)"���JA !� , < ����DFD���$&$��쬪�ljl������|z|���TVT<:<��̴�� ���424���tvt���dbd
18 | ���LNL���,*,��쬮�lnl ���������|~|���\Z\DBD��Դ��$"$��� |@�pH,�Ȥr)Ĕ�)�,X!��a�4���Q�HF�
��l�PҴjb���7�Q� -jln�L * "'
++$
19 | %�m�# ����(��+ ������mA !� , < �������DFD,*,������dfd ���������\Z\464 |z|���LNL���$"$������<><
20 | ������424������lnl ���������dbd<:<������TRT��� |�pH,�Ȥry�(& c#H%:��& � ��A� N ��.�D��DM�:-�ې�9e hkm�D ' &
% (# $
21 | "�l ����� #��$������A !� , < ����DFD���$"$��䤦�dfd���424���\Z\���|z|
22 | ���,*,��� ��܌��TRT���lnl<><���LJL���$&$������464���\^\���|~| ���,.,��� ��䔒����trt��� }@�pH,�Ȥr�ܐX�B%990��+�� L��f��PB)��l7 ��RU 0c��c+-hjlnI. )+
23 |
' *" , $�n���� ��//��������GA !� , < ����DBD���$&$dfd��䤦����TRTtvt���
24 | ������464���trt��촲� ���\^\���LJL���,.,ljl������TVT|~|��� ���<><������ {@�pH,�Ȥr� Z@����� F�#�-:��F �* D�i��ϓ�P 0(�mW�!gimo $ &
25 | " %' on
���� � ����' �����JA !� , < ����DFD���,*,������lnl ���TVT<:<��� ���|z|������������dbdDBD
26 | ���LNL���424������tvt$"$���\Z\<><�����䄂���� {@�pH,�Ȥr�DR���$��s� *��`�!|%��lA���:h4
27 | �� 3�gjlG % '!
& nm� � #"���
28 | ��� �����mA !� , < �������DFD$"$��䤢�dbd���424��Ԕ�����trt
29 | TRT������<:<��܌��,*,���lnl ������LNL��䤦�dfd���464��Ԝ�����|z| \Z\������<><���,.,��� w�pH,�Ȥr�d�$U�E�L�O��99@)Ȁ5�2"��lW!D��ZX��J� �\gik (
30 | )'%
!+nn� "�#���� &&�- �������A !� , < � ���\Z\���<><���|z|���,.,ljlLJL������$"$�����Ԅ��dfdDFD������ ���\^\���DBD���|~|464trtTRT������$&$�����܌�������� n@�pH,�Ȥr�lA��0z`>�� m:��GA� B���R��I�` @��"c5
" #% k�&��
31 |
32 | $� ���% ����kA !� , < �DBD������tvt������\Z\������������LNLljl���|~|���������DFD������|z|������dbd����������TVTlnl��� ]�pH,�Ȥr�l ' D�J"�9(0�M�Qq��P��z�P,\� l` �Ц1x|8 g�Exz|
33 | k�������A !� , < �lnl�����ܔ�������Ԭ����������䤢������Č��|z|�����䜚������ܴ�������줦������� J`&�di�h��l�ba%S�0�qEM� ��k� $#`P�| ���( �0�$�FHNI �+���
34 | ,`qyN��E! !� , < ���������켺���������Ĥ�������������������������������� ? %�di�h��l� �8��L�P ��� �BPk � @�I� (����,D �Պݚ��( !� , < ���������������������������������� ,P�I��8�ͻ��!2��S��� ƀDrl��6\B����d !� , < ���������������������� h���0�I��#p��EA ç~噮p,�L ;images/ 0000755 3103003 0251140 00000000000 12224757200 014755 5 ustar preloaders.net preloaders.net images/sprites.gif 0000644 3103003 0251140 00000011610 12224757200 017134 0 ustar preloaders.net preloaders.net GIF89a< � ���
35 | ��� !� NETSCAPE2.0 !� , < h���0�V� a�ͩ�](�d� !f������ !� , < �424 $&$TVT$"$
36 | <:< ,*,��� 0��I��8늂Jq �f�(�
Ʋ�e*�t-�A,�� ��w8� P�DE !� , < �<:<$"$TRT DFD424dbd
37 | <><,*,\Z\ LNL464dfd��� <�$�di�h���
38 | ��S ͪ�k;�YÖ��Ȥr� $ ���0<���H$
39 | �)Ċݚ�! !� , < �|z|<>< \Z\,.,��䌎�lnl
40 | LJL$&$���dfd 464|~|DFD$"$\^\424���trt TRT,*,��� J`'�di�h��X#eN�-d0��)��@S+ �Mj�@���Шtt D4��sL6G"�@L�T+�10t�G�lFۡ! !� , < �dfd464��� |~|TRT ���trtDBD���
41 | ���,.,\^\���ljl<><$&$���TVTtvtLJL������������ W�'�di�h�� � �Rd�si��T�1 �jHE �,Q��<�D",Z�X" 9@���1<��e3h "ٸ�#ax�b��1���
pr�Y! !� , < �tvt<><���$"$���\Z\������LNL���424������ ���DFDlnl
42 | |z|DBD���,*,���dbd��� ���TVT���<:<��������� k@�pH,�Ȥ�rh ˠ��@(��A0.�
��,���s� 5
43 | V���� d3z��'?
44 |
!~~��
45 | ��������CA !� , < �������DFD���$"$���dbd������424������trt
46 | TRT���������<:<������,*,���lnl ���LNL��䤦�dfd������464������|z| \Z\���������<><���,.,��� }@�pH,�Ȥ��� T��"0a>%�� � ��UЈP�r}\�K�^K�m��\�"jl���0 ( )'%
47 | *!+�l� "�/-��� &&.,�����CA !� , < ����DBD���$"$dfd��䤦�TRT������464|z|���
48 | ��씒�LJL���,.,trt��� \Z\���DFD���$&$ljl��� ������<><|~|��� ���\^\��� }@�pH,�Ȥ2)R�"�2x�#��d��R��� P�`�66��i�q�,$n�;�=gikm��G !
% ' $ )
49 |
50 | �m�(���+ &�**���)"���JA !� , < ����DFD���$&$��쬪�ljl������|z|���TVT<:<��̴�� ���424���tvt���dbd
51 | ���LNL���,*,��쬮�lnl ���������|~|���\Z\DBD��Դ��$"$��� |@�pH,�Ȥr)Ĕ�)�,X!��a�4���Q�HF�
��l�PҴjb���7�Q� -jln�L * "'
++$
52 | %�m�# ����(��+ ������mA !� , < �������DFD,*,������dfd ���������\Z\464 |z|���LNL���$"$������<><
53 | ������424������lnl ���������dbd<:<������TRT��� |�pH,�Ȥry�(& c#H%:��& � ��A� N ��.�D��DM�:-�ې�9e hkm�D ' &
% (# $
54 | "�l ����� #��$������A !� , < ����DFD���$"$��䤦�dfd���424���\Z\���|z|
55 | ���,*,��� ��܌��TRT���lnl<><���LJL���$&$������464���\^\���|~| ���,.,��� ��䔒����trt��� }@�pH,�Ȥr�ܐX�B%990��+�� L��f��PB)��l7 ��RU 0c��c+-hjlnI. )+
56 |
' *" , $�n���� ��//��������GA !� , < ����DBD���$&$dfd��䤦����TRTtvt���
57 | ������464���trt��촲� ���\^\���LJL���,.,ljl������TVT|~|��� ���<><������ {@�pH,�Ȥr� Z@����� F�#�-:��F �* D�i��ϓ�P 0(�mW�!gimo $ &
58 | " %' on
���� � ����' �����JA !� , < ����DFD���,*,������lnl ���TVT<:<��� ���|z|������������dbdDBD
59 | ���LNL���424������tvt$"$���\Z\<><�����䄂���� {@�pH,�Ȥr�DR���$��s� *��`�!|%��lA���:h4
60 | �� 3�gjlG % '!
& nm� � #"���
61 | ��� �����mA !� , < �������DFD$"$��䤢�dbd���424��Ԕ�����trt
62 | TRT������<:<��܌��,*,���lnl ������LNL��䤦�dfd���464��Ԝ�����|z| \Z\������<><���,.,��� w�pH,�Ȥr�d�$U�E�L�O��99@)Ȁ5�2"��lW!D��ZX��J� �\gik (
63 | )'%
!+nn� "�#���� &&�- �������A !� , < � ���\Z\���<><���|z|���,.,ljlLJL������$"$�����Ԅ��dfdDFD������ ���\^\���DBD���|~|464trtTRT������$&$�����܌�������� n@�pH,�Ȥr�lA��0z`>�� m:��GA� B���R��I�` @��"c5
" #% k�&��
64 |
65 | $� ���% ����kA !� , < �DBD������tvt������\Z\������������LNLljl���|~|���������DFD������|z|������dbd����������TVTlnl��� ]�pH,�Ȥr�l ' D�J"�9(0�M�Qq��P��z�P,\� l` �Ц1x|8 g�Exz|
66 | k�������A !� , < �lnl�����ܔ�������Ԭ����������䤢������Č��|z|�����䜚������ܴ�������줦������� J`&�di�h��l�ba%S�0�qEM� ��k� $#`P�| ���( �0�$�FHNI �+���
67 | ,`qyN��E! !� , < ���������켺���������Ĥ�������������������������������� ? %�di�h��l� �8��L�P ��� �BPk � @�I� (����,D �Պݚ��( !� , < ���������������������������������� ,P�I��8�ͻ��!2��S��� ƀDrl��6\B����d !� , < ���������������������� h���0�I��#p��EA ç~噮p,�L ; 10240
68 |
--------------------------------------------------------------------------------
/static/styles/modules/_comment.less:
--------------------------------------------------------------------------------
1 |
2 | @comment_fontSize: 13px;
3 | @comment_padding: round(@comment_fontSize * 0.75);
4 | @comment_textColor: rgba(75,75,75,1);
5 | @comment_linkColor: rgba(150,150,150,1);
6 | @comment_linkColorHover: rgba(100,100,100,1);
7 |
8 | @keyframes blinkblink {
9 | 0% {opacity:0;}
10 | 33% {opacity:1;}
11 | 66% {opacity:0;}
12 | 100% {opacity:1;}
13 | }
14 |
15 | @-webkit-keyframes blinkblink {
16 | 0% {opacity:0;}
17 | 33% {opacity:1;}
18 | 66% {opacity:0;}
19 | 100% {opacity:1;}
20 | }
21 |
22 | .comment {
23 |
24 | position: relative;
25 | padding: @comment_padding;
26 | padding-left: @comment_padding + 37px;
27 | min-height: 60px;
28 | font-size: @comment_fontSize;
29 | color: @comment_textColor;
30 | transition: all 0.5s;
31 | border: dashed 1px rgba(200,50,50,0);
32 |
33 | a.avatar {
34 | position: absolute;
35 | padding: 0;
36 | display: block;
37 | left: 9px;
38 | top: 14px;
39 | img {
40 | width: 30px;
41 | border-radius: 15px;
42 | }
43 | }
44 |
45 | p {
46 | margin-top: 0;
47 | margin-bottom: round(@comment_fontSize * 0.5);
48 | }
49 |
50 | p.links {
51 | margin: 0;
52 | font-size: round(@comment_fontSize * 0.8);
53 | button {
54 | color: @comment_linkColor;
55 | padding: 4px 6px;
56 | border: none;
57 | background: none;
58 | transition: all 0.5s;
59 | &:hover {
60 | color: @comment_linkColorHover;
61 | }
62 | }
63 | }
64 |
65 | a {
66 | display: inline-block;
67 | padding: 2px 3px;
68 | color: @comment_linkColor;
69 | text-decoration: none;
70 | transition: all 0.5s;
71 | &:hover {
72 | color: @comment_linkColorHover;
73 | }
74 | }
75 |
76 | h3.username {
77 | font-weight: bold;
78 | margin: 0 0 3px 0;
79 | font-size: 1.1em;
80 | }
81 |
82 | .comment {
83 | margin-left: -9px;
84 | }
85 |
86 | &.new-comment, .comment.new-comment {
87 | animation: blinkblink 1.5s;
88 | -webkit-animation: blinkblink 1.5s;
89 | }
90 |
91 | &:hover {
92 | background: rgba(100,100,100,0.05);
93 | }
94 |
95 | }
96 |
97 | .comment .comment .comment .comment .links .replyTo {
98 | display: none;
99 | }
100 |
--------------------------------------------------------------------------------
/static/styles/modules/_loading.less:
--------------------------------------------------------------------------------
1 |
2 | #loadingAnimation {
3 | padding-top: 26px;
4 | text-align: center;
5 | background: rgba(255,255,255,0.8);
6 | position: absolute;
7 | z-index: 100;
8 | width: 100%;
9 | height: 100%;
10 | top: 0;
11 | left: 0;
12 | opacity: 0;
13 | transitions: all 1s;
14 | &.visible{
15 | opacity: 1;
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/static/styles/modules/_message.less:
--------------------------------------------------------------------------------
1 |
2 | @message_textareaBorderColor: rgb(175,175,175);
3 | @message_textareaTextColor: rgba(100,100,100,1);
4 | @message_textareaPadding : 5px;
5 | @message_textareaFontSize : 12px;
6 | @message_textareaFontLineheight : 1.5;
7 | @message_textareaMinLines : 2;
8 | @message_textareaMaxLines : 15;
9 | @message_submitTextColor: rgba(0,0,0,0.3);
10 | @message_submitTextColorHover: rgba(0,0,0,0.5);
11 | @message_submitbackgroundColor: transparent;
12 | @message_submitbackgroundColorHover: rgba(0,0,0,0.02);
13 | @message_replyTextColor: rgba(150,150,150,1);
14 |
15 | #messageWrap {
16 | border: solid 1px @message_textareaBorderColor;
17 | margin-bottom: round(@message_textareaFontSize / 2);
18 | transition: box-shadow 0.5s;
19 | overflow: hidden;
20 | &:hover { box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.3); }
21 | }
22 |
23 | #messageWrap small {
24 | display: none;
25 | padding: @message_textareaPadding round(@message_textareaPadding*1.25);
26 | color: @message_replyTextColor;
27 | line-height: @message_textareaFontLineheight;
28 | font-size: round(@message_textareaFontSize * 0.8);
29 | &.visible { display: block; }
30 | & * { display: inline; }
31 | }
32 |
33 | #avatar {
34 | display: none;
35 | position: absolute;
36 | top: 6px;
37 | right: 6px;
38 | width: 20px;
39 | height: 20px;
40 | &.visible { display: block; }
41 | }
42 |
43 | #logoutButton {
44 | display: none;
45 | position: absolute;
46 | width: 60px;
47 | text-align: center;
48 | top: 6px;
49 | right: 20px;
50 | color: @message_replyTextColor;
51 | border: none;
52 | padding: 3px 6px;
53 | line-height: @message_textareaFontLineheight;
54 | text-transform: uppercase;
55 | font-size: round(@message_textareaFontSize * 0.75);
56 | background: transparent;
57 | &.visible { display: block; }
58 | }
59 |
60 | #message {
61 | display: block;
62 | width: 100%;
63 | min-height: @message_textareaFontSize * 1.5 * @message_textareaMinLines + @message_textareaPadding * 2;
64 | height: @message_textareaFontSize * 1.5 * 2 + @message_textareaPadding * 2;
65 | max-height: @message_textareaFontSize * 1.5 * @message_textareaMaxLines + @message_textareaPadding * 2;
66 | resize: none;
67 | padding: @message_textareaPadding round(@message_textareaPadding*1.25);
68 | padding-right: 65px;
69 | border: none;
70 | color: @message_textareaTextColor;
71 | line-height: @message_textareaFontLineheight;
72 | font-size: @message_textareaFontSize;
73 | overflow: hidden;
74 | }
75 |
76 | #messageSubmit {
77 | display: none;
78 | width: 100%;
79 | border: none;
80 | background: @message_submitbackgroundColor;
81 | padding: @message_textareaPadding * 2;
82 | padding-top: round(@message_textareaPadding * 2 * 1.5);
83 | font-size: @message_textareaFontSize;
84 | text-transform: uppercase;
85 | line-height: 1;
86 | color: @message_submitTextColor;
87 | transition: all 0.5s;
88 | &:hover {
89 | background: @message_submitbackgroundColorHover;
90 | color: @message_submitTextColorHover;
91 | }
92 | &.visible { display: block; }
93 | }
94 |
95 | #loginWrapper {
96 | display: none;
97 | width: 100%;
98 | border: none;
99 | background: @message_submitbackgroundColor;
100 | padding: @message_textareaPadding * 2;
101 | padding-top: round(@message_textareaPadding * 2 * 1.5);
102 | text-align: center;
103 | font-size: @message_textareaFontSize;
104 | line-height: 1;
105 | color: @message_submitTextColor;
106 | transition: all 0.5s;
107 | &.visible { display: block; }
108 | button {
109 | display: inline-block;
110 | font-size: @message_textareaFontSize;
111 | line-height: 1;
112 | color: @message_submitTextColor;
113 | font-weight: bold;
114 | padding: 0 0 0 0;
115 | background: transparent;
116 | border: none;
117 | transition: all 0.5s;
118 | &:hover {
119 | color: @message_submitTextColorHover;
120 | }
121 | }
122 | &:hover {
123 | background: @message_submitbackgroundColorHover;
124 | }
125 | }
126 |
127 | #unreadComments {
128 | display: block;
129 | width: 100%;
130 | background: none;
131 | border: none;
132 | font-size: 10px;
133 | text-align: right;
134 | color: rgb(150, 150, 150);
135 | transitions: all 0.5s;
136 | opacity: 0;
137 | &.visible {
138 | opacity: 1;
139 | }
140 | }
141 |
--------------------------------------------------------------------------------
/static/styles/modules/_normalize.less:
--------------------------------------------------------------------------------
1 | /*! normalize.css v2.1.3 | MIT License | git.io/normalize */
2 |
3 | /* ==========================================================================
4 | HTML5 display definitions
5 | ========================================================================== */
6 |
7 | /**
8 | * Correct `block` display not defined in IE 8/9.
9 | */
10 |
11 | article,
12 | aside,
13 | details,
14 | figcaption,
15 | figure,
16 | footer,
17 | header,
18 | hgroup,
19 | main,
20 | nav,
21 | section,
22 | summary {
23 | display: block;
24 | }
25 |
26 | /**
27 | * Correct `inline-block` display not defined in IE 8/9.
28 | */
29 |
30 | audio,
31 | canvas,
32 | video {
33 | display: inline-block;
34 | }
35 |
36 | /**
37 | * Prevent modern browsers from displaying `audio` without controls.
38 | * Remove excess height in iOS 5 devices.
39 | */
40 |
41 | audio:not([controls]) {
42 | display: none;
43 | height: 0;
44 | }
45 |
46 | /**
47 | * Address `[hidden]` styling not present in IE 8/9.
48 | * Hide the `template` element in IE, Safari, and Firefox < 22.
49 | */
50 |
51 | [hidden],
52 | template {
53 | display: none;
54 | }
55 |
56 | /* ==========================================================================
57 | Base
58 | ========================================================================== */
59 |
60 | /**
61 | * 1. Set default font family to sans-serif.
62 | * 2. Prevent iOS text size adjust after orientation change, without disabling
63 | * user zoom.
64 | */
65 |
66 | html {
67 | font-family: 'Helvetica Neue', 'DejaVu Sans', Helvetica, sans-serif; /* 1 */
68 | -ms-text-size-adjust: 100%; /* 2 */
69 | -webkit-text-size-adjust: 100%; /* 2 */
70 | }
71 |
72 | /**
73 | * Remove default margin.
74 | */
75 |
76 | body {
77 | margin: 0;
78 | padding: 5px;
79 | box-sizing: border-box;
80 | }
81 |
82 | /* ==========================================================================
83 | Links
84 | ========================================================================== */
85 |
86 | /**
87 | * Remove the gray background color from active links in IE 10.
88 | */
89 |
90 | a {
91 | background: transparent;
92 | }
93 |
94 | /**
95 | * Address `outline` inconsistency between Chrome and other browsers.
96 | */
97 |
98 | a:focus {
99 | outline: thin dotted;
100 | }
101 |
102 | /**
103 | * Improve readability when focused and also mouse hovered in all browsers.
104 | */
105 |
106 | a:active,
107 | a:hover {
108 | outline: 0;
109 | }
110 |
111 | /* ==========================================================================
112 | Typography
113 | ========================================================================== */
114 |
115 | /**
116 | * Address variable `h1` font-size and margin within `section` and `article`
117 | * contexts in Firefox 4+, Safari 5, and Chrome.
118 | */
119 |
120 | h1 {
121 | font-size: 2em;
122 | margin: 0.67em 0;
123 | }
124 |
125 | /**
126 | * Address styling not present in IE 8/9, Safari 5, and Chrome.
127 | */
128 |
129 | abbr[title] {
130 | border-bottom: 1px dotted;
131 | }
132 |
133 | /**
134 | * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
135 | */
136 |
137 | b,
138 | strong {
139 | font-weight: bold;
140 | }
141 |
142 | /**
143 | * Address styling not present in Safari 5 and Chrome.
144 | */
145 |
146 | dfn {
147 | font-style: italic;
148 | }
149 |
150 | /**
151 | * Address differences between Firefox and other browsers.
152 | */
153 |
154 | hr {
155 | -moz-box-sizing: content-box;
156 | box-sizing: content-box;
157 | height: 0;
158 | }
159 |
160 | /**
161 | * Address styling not present in IE 8/9.
162 | */
163 |
164 | mark {
165 | background: #ff0;
166 | color: #000;
167 | }
168 |
169 | /**
170 | * Correct font family set oddly in Safari 5 and Chrome.
171 | */
172 |
173 | code,
174 | kbd,
175 | pre,
176 | samp {
177 | font-family: monospace, serif;
178 | font-size: 1em;
179 | }
180 |
181 | /**
182 | * Improve readability of pre-formatted text in all browsers.
183 | */
184 |
185 | pre {
186 | white-space: pre-wrap;
187 | }
188 |
189 | /**
190 | * Set consistent quote types.
191 | */
192 |
193 | q {
194 | quotes: "\201C" "\201D" "\2018" "\2019";
195 | }
196 |
197 | /**
198 | * Address inconsistent and variable font size in all browsers.
199 | */
200 |
201 | small {
202 | font-size: 80%;
203 | }
204 |
205 | /**
206 | * Prevent `sub` and `sup` affecting `line-height` in all browsers.
207 | */
208 |
209 | sub,
210 | sup {
211 | font-size: 75%;
212 | line-height: 0;
213 | position: relative;
214 | vertical-align: baseline;
215 | }
216 |
217 | sup {
218 | top: -0.5em;
219 | }
220 |
221 | sub {
222 | bottom: -0.25em;
223 | }
224 |
225 | /* ==========================================================================
226 | Embedded content
227 | ========================================================================== */
228 |
229 | /**
230 | * Remove border when inside `a` element in IE 8/9.
231 | */
232 |
233 | img {
234 | border: 0;
235 | }
236 |
237 | /**
238 | * Correct overflow displayed oddly in IE 9.
239 | */
240 |
241 | svg:not(:root) {
242 | overflow: hidden;
243 | }
244 |
245 | /* ==========================================================================
246 | Figures
247 | ========================================================================== */
248 |
249 | /**
250 | * Address margin not present in IE 8/9 and Safari 5.
251 | */
252 |
253 | figure {
254 | margin: 0;
255 | }
256 |
257 | /* ==========================================================================
258 | Forms
259 | ========================================================================== */
260 |
261 | /**
262 | * Define consistent border, margin, and padding.
263 | */
264 |
265 | fieldset {
266 | border: 1px solid #c0c0c0;
267 | margin: 0 2px;
268 | padding: 0.35em 0.625em 0.75em;
269 | }
270 |
271 | /**
272 | * 1. Correct `color` not being inherited in IE 8/9.
273 | * 2. Remove padding so people aren't caught out if they zero out fieldsets.
274 | */
275 |
276 | legend {
277 | border: 0; /* 1 */
278 | padding: 0; /* 2 */
279 | }
280 |
281 | /**
282 | * 1. Correct font family not being inherited in all browsers.
283 | * 2. Correct font size not being inherited in all browsers.
284 | * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
285 | */
286 |
287 | button,
288 | input,
289 | select,
290 | textarea {
291 | outline: none;
292 | box-sizing: border-box;
293 | font-family: inherit; /* 1 */
294 | font-size: 100%; /* 2 */
295 | margin: 0; /* 3 */
296 | }
297 |
298 | /**
299 | * Address Firefox 4+ setting `line-height` on `input` using `!important` in
300 | * the UA stylesheet.
301 | */
302 |
303 | button,
304 | input {
305 | line-height: normal;
306 | }
307 |
308 | /**
309 | * Address inconsistent `text-transform` inheritance for `button` and `select`.
310 | * All other form control elements do not inherit `text-transform` values.
311 | * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
312 | * Correct `select` style inheritance in Firefox 4+ and Opera.
313 | */
314 |
315 | button,
316 | select {
317 | text-transform: none;
318 | }
319 |
320 | /**
321 | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
322 | * and `video` controls.
323 | * 2. Correct inability to style clickable `input` types in iOS.
324 | * 3. Improve usability and consistency of cursor style between image-type
325 | * `input` and others.
326 | */
327 |
328 | button,
329 | html input[type="button"], /* 1 */
330 | input[type="reset"],
331 | input[type="submit"] {
332 | -webkit-appearance: button; /* 2 */
333 | cursor: pointer; /* 3 */
334 | }
335 |
336 | /**
337 | * Re-set default cursor for disabled elements.
338 | */
339 |
340 | button[disabled],
341 | html input[disabled] {
342 | cursor: default;
343 | }
344 |
345 | /**
346 | * 1. Address box sizing set to `content-box` in IE 8/9/10.
347 | * 2. Remove excess padding in IE 8/9/10.
348 | */
349 |
350 | input[type="checkbox"],
351 | input[type="radio"] {
352 | box-sizing: border-box; /* 1 */
353 | padding: 0; /* 2 */
354 | }
355 |
356 | /**
357 | * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
358 | * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
359 | * (include `-moz` to future-proof).
360 | */
361 |
362 | input[type="search"] {
363 | -webkit-appearance: textfield; /* 1 */
364 | -moz-box-sizing: content-box;
365 | -webkit-box-sizing: content-box; /* 2 */
366 | box-sizing: content-box;
367 | }
368 |
369 | /**
370 | * Remove inner padding and search cancel button in Safari 5 and Chrome
371 | * on OS X.
372 | */
373 |
374 | input[type="search"]::-webkit-search-cancel-button,
375 | input[type="search"]::-webkit-search-decoration {
376 | -webkit-appearance: none;
377 | }
378 |
379 | /**
380 | * Remove inner padding and border in Firefox 4+.
381 | */
382 |
383 | button::-moz-focus-inner,
384 | input::-moz-focus-inner {
385 | border: 0;
386 | padding: 0;
387 | }
388 |
389 | /**
390 | * 1. Remove default vertical scrollbar in IE 8/9.
391 | * 2. Improve readability and alignment in all browsers.
392 | */
393 |
394 | textarea {
395 | overflow: auto; /* 1 */
396 | vertical-align: top; /* 2 */
397 | }
398 |
399 | /* ==========================================================================
400 | Tables
401 | ========================================================================== */
402 |
403 | /**
404 | * Remove most spacing between table cells.
405 | */
406 |
407 | table {
408 | border-collapse: collapse;
409 | border-spacing: 0;
410 | }
411 |
--------------------------------------------------------------------------------
/static/styles/styles.css:
--------------------------------------------------------------------------------
1 | /*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:'Helvetica Neue','DejaVu Sans',Helvetica,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;padding:5px;box-sizing:border-box}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{outline:none;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}#messageWrap{border:solid 1px #afafaf;margin-bottom:6px;transition:box-shadow .5s;overflow:hidden}#messageWrap:hover{box-shadow:0 3px 5px rgba(50,50,50,0.3)}#messageWrap small{display:none;padding:5px 6px;color:#969696;line-height:1.5;font-size:10px}#messageWrap small.visible{display:block}#messageWrap small *{display:inline}#avatar{display:none;position:absolute;top:6px;right:6px;width:20px;height:20px}#avatar.visible{display:block}#logoutButton{display:none;position:absolute;width:60px;text-align:center;top:6px;right:20px;color:#969696;border:none;padding:3px 6px;line-height:1.5;text-transform:uppercase;font-size:9px;background:transparent}#logoutButton.visible{display:block}#message{display:block;width:100%;min-height:46px;height:46px;max-height:280px;resize:none;padding:5px 6px;padding-right:65px;border:none;color:#646464;line-height:1.5;font-size:12px;overflow:hidden}#messageSubmit{display:none;width:100%;border:none;background:transparent;padding:10px;padding-top:15px;font-size:12px;text-transform:uppercase;line-height:1;color:rgba(0,0,0,0.3);transition:all .5s}#messageSubmit:hover{background:rgba(0,0,0,0.02);color:rgba(0,0,0,0.5)}#messageSubmit.visible{display:block}#loginWrapper{display:none;width:100%;border:none;background:transparent;padding:10px;padding-top:15px;text-align:center;font-size:12px;line-height:1;color:rgba(0,0,0,0.3);transition:all .5s}#loginWrapper.visible{display:block}#loginWrapper button{display:inline-block;font-size:12px;line-height:1;color:rgba(0,0,0,0.3);font-weight:bold;padding:0 0 0 0;background:transparent;border:none;transition:all .5s}#loginWrapper button:hover{color:rgba(0,0,0,0.5)}#loginWrapper:hover{background:rgba(0,0,0,0.02)}#unreadComments{display:block;width:100%;background:none;border:none;font-size:10px;text-align:right;color:#969696;transitions:all .5s;opacity:0}#unreadComments.visible{opacity:1}@keyframes blinkblink{0%{opacity:0}33%{opacity:1}66%{opacity:0}100%{opacity:1}}@-webkit-keyframes blinkblink{0%{opacity:0}33%{opacity:1}66%{opacity:0}100%{opacity:1}}.comment{position:relative;padding:10px;padding-left:47px;min-height:60px;font-size:13px;color:#4b4b4b;transition:all .5s;border:dashed 1px rgba(200,50,50,0)}.comment a.avatar{position:absolute;padding:0;display:block;left:9px;top:14px}.comment a.avatar img{width:30px;border-radius:15px}.comment p{margin-top:0;margin-bottom:7px}.comment p.links{margin:0;font-size:10px}.comment p.links button{color:#969696;padding:4px 6px;border:none;background:none;transition:all .5s}.comment p.links button:hover{color:#646464}.comment a{display:inline-block;padding:2px 3px;color:#969696;text-decoration:none;transition:all .5s}.comment a:hover{color:#646464}.comment h3.username{font-weight:bold;margin:0 0 3px 0;font-size:1.1em}.comment .comment{margin-left:-9px}.comment.new-comment,.comment .comment.new-comment{animation:blinkblink 1.5s;-webkit-animation:blinkblink 1.5s}.comment:hover{background:rgba(100,100,100,0.05)}.comment .comment .comment .comment .links .replyTo{display:none}#loadingAnimation{padding-top:26px;text-align:center;background:rgba(255,255,255,0.8);position:absolute;z-index:100;width:100%;height:100%;top:0;left:0;opacity:0;transitions:all 1s}#loadingAnimation.visible{opacity:1}
--------------------------------------------------------------------------------
/static/styles/styles.less:
--------------------------------------------------------------------------------
1 | @import 'modules/_normalize.less';
2 | @import 'modules/_message.less';
3 | @import 'modules/_comment.less';
4 | @import 'modules/_loading.less';
5 |
--------------------------------------------------------------------------------
/test/configModel.js:
--------------------------------------------------------------------------------
1 | // var config = require('../lib/models/config.js');
2 |
3 |
4 | // suite('Config Models', function() {
5 | // test('.deepExtend', function() {
6 |
7 | // var obj1 = {
8 | // a: 1,
9 | // b: 2,
10 | // d: {
11 | // a: 1,
12 | // b: [],
13 | // c: { test1: 123, test2: 321 }
14 | // },
15 | // f: 5
16 | // };
17 |
18 | // var obj2 = {
19 | // b: 3,
20 | // c: 5,
21 | // d: {
22 | // b: { first: 'one', second: 'two' },
23 | // c: { test2: 222 }
24 | // },
25 | // e: { one: 1, two: 2 },
26 | // f: []
27 | // };
28 |
29 | // var obj3 = obj2;
30 |
31 | // config.savePartial();
32 | // console.log(obj2.b);
33 | // assert.equal( obj2.b, 3 );
34 | // });
35 |
36 | // });
--------------------------------------------------------------------------------
/test/helpers.js:
--------------------------------------------------------------------------------
1 | var assert = require('assert');
2 | var helpers = require('../lib/helpers');
3 |
4 | suite('Helpers', function() {
5 | test('.urlToHash', function() {
6 | var hash1 = helpers.urlToHash('http://google.com/aaa');
7 | var hash2 = helpers.urlToHash('http://google.com/aaa');
8 |
9 | assert.ok(hash1.length > 0);
10 | assert.equal(hash1, hash2);
11 | });
12 |
13 | test('.urlToDomain', function() {
14 | var domain = helpers.urlToDomain('http://google.com/aa/ssdsd');
15 | assert.equal(domain, 'google.com');
16 | });
17 | });
--------------------------------------------------------------------------------
/test/mocha.opts:
--------------------------------------------------------------------------------
1 | --ui tdd
2 | --recursive
3 | -R spec
--------------------------------------------------------------------------------
/test/socketManager.js:
--------------------------------------------------------------------------------
1 | var assert = require('assert');
2 | var SocketManager = require('../lib/socketManager');
3 |
4 | suite('socketManager', function() {
5 | test('.addSocket', function() {
6 | var socket1 = {};
7 | var socket2 = {};
8 |
9 | var sm = new SocketManager();
10 | sm.addSocket("h1", socket1);
11 | sm.addSocket("h1", socket2);
12 | assert.equal(sm.sockets['h1'].length, 2);
13 | });
14 |
15 | test('.removeSocket', function() {
16 | var socket1 = {};
17 | var socket2 = {};
18 |
19 | var sm = new SocketManager();
20 | sm.addSocket("h1", socket1);
21 | sm.addSocket("h1", socket2);
22 | assert.equal(sm.sockets['h1'].length, 2);
23 |
24 | sm.removeSocket("h1", socket2);
25 | assert.equal(sm.sockets['h1'].length, 1);
26 | assert.equal(sm.sockets['h1'][0], socket1);
27 | });
28 |
29 | test('.send', function(done) {
30 | var socket1 = {
31 | write: function(data) {
32 | assert.equal(data, JSON.stringify({aa: 10}));
33 | done();
34 | }
35 | };
36 |
37 | var sm = new SocketManager();
38 | sm.addSocket("h1", socket1);
39 |
40 | sm.send("h1", {aa: 10});
41 | });
42 | });
--------------------------------------------------------------------------------
/views/admin/createadmin.ejs:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
Open Comment Box - Set Up a new Admin
11 |
12 |
13 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
Create OCB Admin Account
28 |
29 |
31 |
32 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
61 |
62 |
63 |
64 |
--------------------------------------------------------------------------------
/views/admin/index.ejs:
--------------------------------------------------------------------------------
1 |
2 |
3 | <%= title %>
4 |
--------------------------------------------------------------------------------
/views/admin/login.ejs:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
Open Comment Box - Admininstrator Login
11 |
12 |
13 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
Sign in to OCB Admin
29 |
30 |
32 |
33 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
61 |
62 |
63 |
64 |
65 |
--------------------------------------------------------------------------------
/views/admin/moderate.ejs:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
Open Comment Box - Comments Moderation
11 |
12 |
13 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 | <%- include navigation.ejs %>
26 |
27 |
109 |
110 |
111 |
112 |
18 | 
31 |
32 |
38 | 
