forked from cory/tildefriends
Cory McWilliams
5fbe9c42bc
git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@3704 ed5197a5-7fde-0310-b194-c3ffbd925b24
94 lines
2.8 KiB
JavaScript
94 lines
2.8 KiB
JavaScript
"use strict";
|
|
var g_data = {
|
|
whoami: null,
|
|
connections: [],
|
|
messages: [],
|
|
users: {},
|
|
broadcasts: [],
|
|
showUsers: false,
|
|
show_connect_dialog: false,
|
|
show_user_dialog: null,
|
|
connect: null,
|
|
pubs: [],
|
|
votes: {},
|
|
apps: {},
|
|
share_app: null,
|
|
};
|
|
|
|
var g_data_initial = JSON.parse(JSON.stringify(g_data));
|
|
window.addEventListener('message', function(event) {
|
|
var key = Object.keys(event.data)[0];
|
|
if (key == 'message') {
|
|
g_data.messages.push(event.data[key]);
|
|
g_data.messages.sort((x, y) => y.timestamp - x.timestamp);
|
|
} else if (key + 's' in g_data && Array.isArray(g_data[key + 's'])) {
|
|
g_data[key + 's'].push(event.data[key]);
|
|
} else if (key == 'user') {
|
|
Vue.set(g_data.users, event.data.user.user, Object.assign({}, g_data.users[event.data.user.user] || {}, event.data.user.about));
|
|
} else if (key == 'followers') {
|
|
if (!g_data.users[event.data.followers.id]) {
|
|
Vue.set(g_data.users, event.data.followers.id, {});
|
|
}
|
|
Vue.set(g_data.users[event.data.followers.id], 'followers', event.data.followers.users);
|
|
} else if (key == 'following') {
|
|
if (!g_data.users[event.data.following.id]) {
|
|
Vue.set(g_data.users, event.data.following.id, {});
|
|
}
|
|
Vue.set(g_data.users[event.data.following.id], 'following', event.data.following.users);
|
|
} else if (key == 'broadcasts') {
|
|
g_data.broadcasts = event.data.broadcasts;
|
|
} else if (key == 'pubs') {
|
|
g_data.pubs = event.data.pubs;
|
|
} else if (key == 'apps') {
|
|
g_data.apps = event.data.apps;
|
|
} else if (key == 'votes') {
|
|
event.data.votes.forEach(function(vote) {
|
|
var link = JSON.parse(vote.content).vote.link;
|
|
if (!g_data.votes[link]) {
|
|
Vue.set(g_data.votes, link, []);
|
|
}
|
|
g_data.votes[link].push(vote);
|
|
});
|
|
} else if (key == 'clear') {
|
|
Object.keys(g_data_initial).forEach(function(key) {
|
|
Vue.set(g_data, key, JSON.parse(JSON.stringify(g_data_initial[key])));
|
|
});
|
|
} else {
|
|
g_data[key] = event.data[key];
|
|
}
|
|
});
|
|
window.addEventListener('load', function() {
|
|
Vue.use(VueMaterial.default);
|
|
var vue = new Vue({
|
|
el: '#app',
|
|
data: g_data,
|
|
methods: {
|
|
post_message: function() {
|
|
if (g_data.share_app) {
|
|
window.parent.postMessage({share_app: {
|
|
app: g_data.apps[g_data.share_app],
|
|
name: g_data.share_app,
|
|
text: document.getElementById('post_text').value,
|
|
}}, '*');
|
|
} else {
|
|
window.parent.postMessage({post: document.getElementById('post_text').value}, '*');
|
|
}
|
|
document.getElementById('post_text').value = '';
|
|
},
|
|
ssb_connect: function(connection) {
|
|
window.parent.postMessage({connect: connection}, '*');
|
|
},
|
|
content_json: function(message) {
|
|
try {
|
|
return JSON.parse(message.content);
|
|
} catch {
|
|
return undefined;
|
|
}
|
|
},
|
|
refresh: function() {
|
|
window.parent.postMessage({refresh: true}, '*');
|
|
},
|
|
}
|
|
});
|
|
window.parent.postMessage('ready', '*');
|
|
}); |