Goyslop/4chan-x
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Save ui position only once.

Browse Source 
I noticed that Chrome deletes empty localStorage keys when closing it.
Dragging the QR to the bottom right would save empty top/right keys, resulting in its position reset
when restarting the browser.
This commit is contained in:
Nicolas Stepien 2011-09-17 22:17:05 +02:00
parent e9343bff56
commit 716c34aa7c
2 changed files with 22 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
4chan_x.user.js
View File

@ -199,23 +199,25 @@
};
ui = {
dialog: function(id, position, html) {
var el, left, top, _ref, _ref2;
var el, left, saved, top;
el = d.createElement('div');
el.className = 'reply dialog';
el.innerHTML = html;
el.id = id;
left = position.left, top = position.top;
left = (_ref = localStorage["" + NAMESPACE + id + "Left"]) != null ? _ref : left;
top = (_ref2 = localStorage["" + NAMESPACE + id + "Top"]) != null ? _ref2 : top;
if (left) {
el.style.left = left;
if (saved = localStorage["" + NAMESPACE + id + ".position"]) {
el.style.cssText = saved;
} else {
el.style.right = 0;
}
if (top) {
el.style.top = top;
} else {
el.style.bottom = 0;
left = position.left, top = position.top;
if (left) {
el.style.left = left;
} else {
el.style.right = 0;
}
if (top) {
el.style.top = top;
} else {
el.style.bottom = 0;
}
}
el.querySelector('div.move').addEventListener('mousedown', ui.dragstart, false);
return el;
@ -259,8 +261,7 @@
var el, id;
el = ui.el;
id = el.id;
localStorage["" + NAMESPACE + id + "Left"] = el.style.left;
localStorage["" + NAMESPACE + id + "Top"] = el.style.top;
localStorage["" + NAMESPACE + id + ".position"] = el.style.cssText;
d.removeEventListener('mousemove', ui.drag, false);
return d.removeEventListener('mouseup', ui.dragend, false);
},

14
script.coffee
View File

@ -126,11 +126,12 @@ ui =
el.className = 'reply dialog'
el.innerHTML = html
el.id = id
{left, top} = position
left = localStorage["#{NAMESPACE}#{id}Left"] ? left
top = localStorage["#{NAMESPACE}#{id}Top"] ? top
if left then el.style.left = left else el.style.right = 0
if top then el.style.top = top else el.style.bottom = 0
if saved = localStorage["#{NAMESPACE}#{id}.position"]
el.style.cssText = saved
else
{left, top} = position
if left then el.style.left = left else el.style.right = 0
if top then el.style.top = top else el.style.bottom = 0
el.querySelector('div.move').addEventListener 'mousedown', ui.dragstart, false
el
dragstart: (e) ->
@ -170,8 +171,7 @@ ui =
#a = (b = c.b, c).a;
{el} = ui
{id} = el
localStorage["#{NAMESPACE}#{id}Left"] = el.style.left
localStorage["#{NAMESPACE}#{id}Top"] = el.style.top
localStorage["#{NAMESPACE}#{id}.position"] = el.style.cssText
d.removeEventListener 'mousemove', ui.drag, false
d.removeEventListener 'mouseup', ui.dragend, false
hover: (e) ->