Consolidate window logic in panel controller
Previously the conversation window would query the background page for a model id and then fetch the conversation. Instead, we can fetch the conversation before opening the window, which simplifies the front end scripts and avoids creating multiple copies of the same model.
This commit is contained in:
parent
90140556e4
commit
3279dddcc3
4 changed files with 81 additions and 90 deletions
|
@ -27,8 +27,8 @@
|
|||
<script type="text/javascript" src="js/inbox_controller.js"></script>
|
||||
|
||||
<script type="text/javascript" src="js/bimap.js"></script>
|
||||
<script type="text/javascript" src="js/background.js"></script>
|
||||
<script type="text/javascript" src="js/panel_controller.js"></script>
|
||||
<script type="text/javascript" src="js/background.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
|
|
|
@ -59,29 +59,7 @@
|
|||
var opened = false;
|
||||
var panel = 0;
|
||||
|
||||
extension.browserAction(function () {
|
||||
if (opened === false) {
|
||||
opened = true;
|
||||
extension.windows.open({
|
||||
url: 'index.html',
|
||||
type: 'panel',
|
||||
focused: true,
|
||||
width: 260, // 280 for chat
|
||||
height: 440 // 420 for chat
|
||||
}, function (window) {
|
||||
var isPanelEnabled = window.alwaysOnTop;
|
||||
panel = window.id;
|
||||
});
|
||||
} else if (opened === true) {
|
||||
extension.windows.focus(panel);
|
||||
}
|
||||
extension.windows.onClosed(function (windowId) {
|
||||
if (windowId === panel) {
|
||||
panel = 0;
|
||||
opened = false;
|
||||
}
|
||||
});
|
||||
});
|
||||
extension.browserAction(window.openInbox);
|
||||
};
|
||||
|
||||
function onMessageReceived(pushMessage) {
|
||||
|
@ -228,14 +206,4 @@
|
|||
console.log('got delivery receipt for unknown message', pushMessage.source, timestamp);
|
||||
});
|
||||
};
|
||||
|
||||
var windowMap = Whisper.windowMap = new Whisper.Bimap('windowId', 'modelId');
|
||||
|
||||
// make sure panels are cleaned up on close
|
||||
extension.windows.onClosed(function (windowId) {
|
||||
if (windowMap.windowId[windowId]) {
|
||||
closeConversation(windowId);
|
||||
}
|
||||
});
|
||||
|
||||
})();
|
||||
|
|
|
@ -19,28 +19,12 @@
|
|||
|
||||
window.Whisper = window.Whisper || {};
|
||||
|
||||
function loadConversation (id) {
|
||||
var conversation = new Whisper.Conversation({ id: id });
|
||||
conversation.fetch().then(function () {
|
||||
extension.windows.getCurrent(function (windowInfo) {
|
||||
var bg = extension.windows.getBackground();
|
||||
var conversation = bg.getConversationForWindow(windowInfo.id);
|
||||
window.document.title = conversation.getTitle();
|
||||
new Whisper.ConversationView({
|
||||
model: conversation
|
||||
}).render().$el.prependTo($('body'));
|
||||
window.conversation = conversation;
|
||||
});
|
||||
};
|
||||
|
||||
var bg = extension.windows.getBackground();
|
||||
|
||||
extension.windows.getCurrent(function (windowInfo) {
|
||||
var windowId = windowInfo.id;
|
||||
|
||||
// close the panel if background.html is refreshed
|
||||
bg.addEventListener('beforeunload', function () {
|
||||
// TODO: reattach after reload instead of closing.
|
||||
extension.windows.remove(windowId);
|
||||
});
|
||||
|
||||
loadConversation(bg.Whisper.windowMap.modelIdFrom(windowId));
|
||||
});
|
||||
}());
|
||||
|
|
|
@ -22,9 +22,20 @@
|
|||
|
||||
window.Whisper = window.Whisper || {};
|
||||
|
||||
var windowMap = Whisper.windowMap;
|
||||
var windowMap = new Whisper.Bimap('windowId', 'modelId');
|
||||
var conversations = new Whisper.ConversationCollection();
|
||||
|
||||
window.getConversationForWindow = function(windowId) {
|
||||
return conversations.get(windowMap.modelIdFrom(windowId));
|
||||
};
|
||||
|
||||
function closeConversation (windowId) {
|
||||
windowMap.remove('windowId', windowId);
|
||||
};
|
||||
|
||||
window.openConversation = function openConversation (modelId) {
|
||||
var conversation = conversations.add({id: modelId});
|
||||
conversation.fetch();
|
||||
|
||||
var windowId = windowMap.windowIdFrom(modelId);
|
||||
|
||||
|
@ -38,26 +49,54 @@
|
|||
width: 280,
|
||||
height: 420
|
||||
}, function (windowInfo) {
|
||||
windowMap.add({
|
||||
windowId: windowInfo.id,
|
||||
modelId: modelId
|
||||
windowMap.add({ windowId: windowInfo.id, modelId: modelId });
|
||||
|
||||
// close the panel if background.html is refreshed
|
||||
window.addEventListener('beforeunload', function () {
|
||||
// TODO: reattach after reload instead of closing.
|
||||
extension.windows.remove(windowInfo.id);
|
||||
});
|
||||
});
|
||||
} else {
|
||||
// focus the panel
|
||||
extension.windows.focus(windowId, function () {
|
||||
if (chrome.runtime.lastError) {
|
||||
// panel isn't actually open...
|
||||
window.closeConversation(windowId);
|
||||
|
||||
// ...and so we try again.
|
||||
openConversation(modelId);
|
||||
closeConversation(windowId); // panel isn't actually open...
|
||||
openConversation(modelId); // ...and so we try again.
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
window.closeConversation = function closeConversation (windowId) {
|
||||
windowMap.remove('windowId', windowId);
|
||||
/* Inbox window controller */
|
||||
var inboxOpened = false;
|
||||
var inboxWindowId = 0;
|
||||
window.openInbox = function() {
|
||||
if (inboxOpened === false) {
|
||||
inboxOpened = true;
|
||||
extension.windows.open({
|
||||
url: 'index.html',
|
||||
type: 'panel',
|
||||
focused: true,
|
||||
width: 260, // 280 for chat
|
||||
height: 440 // 420 for chat
|
||||
}, function (windowInfo) {
|
||||
inboxWindowId = windowInfo.id;
|
||||
});
|
||||
} else if (inboxOpened === true) {
|
||||
extension.windows.focus(inboxWindowId);
|
||||
}
|
||||
};
|
||||
|
||||
// make sure windows are cleaned up on close
|
||||
extension.windows.onClosed(function (windowId) {
|
||||
if (windowMap.windowId[windowId]) {
|
||||
closeConversation(windowId);
|
||||
}
|
||||
|
||||
if (windowId === inboxWindowId) {
|
||||
inboxWindowId = 0;
|
||||
inboxOpened = false;
|
||||
}
|
||||
});
|
||||
})();
|
||||
|
|
Loading…
Reference in a new issue