initial commit. working gui.
This commit is contained in:
James Campos
parent
aacd7f4cee
commit
61dc66d4c3
128
foltor/foltor.coffee
Normal file
128
foltor/foltor.coffee
Normal file
@ -0,0 +1,128 @@
|
||||
tag: (el) ->
|
||||
document.createElement(el)
|
||||
text: (s) ->
|
||||
document.createTextNode(s)
|
||||
position: (el) ->
|
||||
id: el.id
|
||||
if left: GM_getValue("${id}Left", '0px')
|
||||
el.style.left: left
|
||||
else
|
||||
el.style.right: '0px'
|
||||
if top: GM_getValue("${id}Top", '0px')
|
||||
el.style.top: top
|
||||
else
|
||||
el.style.bottom: '0px'
|
||||
|
||||
move: {}
|
||||
mousedown: (e) ->
|
||||
div: this.parentNode
|
||||
move.div: div
|
||||
move.divX: div.offsetLeft
|
||||
move.divY: div.offsetTop
|
||||
move.clientX: e.clientX
|
||||
move.clientY: e.clientY
|
||||
move.bodyX: document.body.clientWidth
|
||||
move.bodyY: document.body.clientHeight
|
||||
window.addEventListener('mousemove', mousemove, true)
|
||||
window.addEventListener('mouseup', mouseup, true)
|
||||
mousemove: (e) ->
|
||||
div: move.div
|
||||
realX: move.divX + (e.clientX - move.clientX)# x + dx
|
||||
left: if realX < 20 then 0 else realX
|
||||
if move.bodyX - div.offsetWidth - realX < 20
|
||||
div.style.left: ''
|
||||
div.style.right: '0px'
|
||||
else
|
||||
div.style.left: left + 'px'
|
||||
div.style.right: ''
|
||||
realY: move.divY + (e.clientY - move.clientY)# y + dy
|
||||
top: if realY < 20 then 0 else realY
|
||||
if move.bodyY - div.offsetHeight - realY < 20
|
||||
div.style.top: ''
|
||||
div.style.bottom: '0px'
|
||||
else
|
||||
div.style.top: top + 'px'
|
||||
div.style.bottom: ''
|
||||
mouseup: ->
|
||||
id: move.div.id
|
||||
GM_setValue("${id}Left", move.div.style.left)
|
||||
GM_setValue("${id}Top", move.div.style.top)
|
||||
window.removeEventListener('mousemove', mousemove, true)
|
||||
window.removeEventListener('mouseup', mouseup, true)
|
||||
|
||||
|
||||
GM_addStyle('
|
||||
#filter {
|
||||
position: fixed;
|
||||
text-align: right;
|
||||
}
|
||||
#filter:hover {
|
||||
border: 1px solid;
|
||||
}
|
||||
#filter:not(:hover) {
|
||||
background: rgba(0,0,0,0)
|
||||
}
|
||||
#filter:not(:hover) > div {
|
||||
display: none;
|
||||
}
|
||||
#filter:not(:hover) > div.top {
|
||||
display: block;
|
||||
padding: 0;
|
||||
}
|
||||
#filter > div {
|
||||
padding: 0 5px 0 5px;
|
||||
}
|
||||
#filter > .top {
|
||||
padding: 5px 5px 0 5px;
|
||||
}
|
||||
#filter > .bottom {
|
||||
padding: 0 5px 5px 5px;
|
||||
}
|
||||
.move {
|
||||
cursor: move;
|
||||
}
|
||||
.pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
')
|
||||
|
||||
filter: tag('div')
|
||||
filter.id: 'filter'
|
||||
filter.className: 'reply'
|
||||
position(filter)
|
||||
|
||||
bar: tag('div')
|
||||
bar.textContent: '4chon foltor'
|
||||
bar.className: 'move top'
|
||||
bar.addEventListener('mousedown', mousedown, true)
|
||||
filter.appendChild(bar)
|
||||
|
||||
fields: [
|
||||
'Name',
|
||||
'Tripcode',
|
||||
'Email',
|
||||
'Subject',
|
||||
'Comment',
|
||||
'File',
|
||||
]
|
||||
for field in fields
|
||||
div: tag('div')
|
||||
label: tag('label')
|
||||
label.appendChild(text(field))
|
||||
label.appendChild(tag('input'))
|
||||
div.appendChild(label)
|
||||
filter.appendChild(div)
|
||||
|
||||
apply: tag('a')
|
||||
apply.textContent: 'apply'
|
||||
apply.className: 'pointer'
|
||||
reset: tag('a')
|
||||
reset.textContent: 'reset'
|
||||
reset.className: 'pointer'
|
||||
div: tag('div')
|
||||
div.className: 'bottom'
|
||||
div.appendChild(apply)
|
||||
div.appendChild(text(' '))
|
||||
div.appendChild(reset)
|
||||
filter.appendChild(div)
|
||||
document.body.appendChild(filter)
|
||||
136
foltor/foltor.js
Normal file
136
foltor/foltor.js
Normal file
@ -0,0 +1,136 @@
|
||||
(function(){
|
||||
var _a, _b, _c, apply, bar, div, field, fields, filter, label, mousedown, mousemove, mouseup, move, position, reset, tag, text;
|
||||
tag = function tag(el) {
|
||||
return document.createElement(el);
|
||||
};
|
||||
text = function text(s) {
|
||||
return document.createTextNode(s);
|
||||
};
|
||||
position = function position(el) {
|
||||
var id, left, top;
|
||||
id = el.id;
|
||||
(left = GM_getValue(("" + (id) + "Left"), '0px')) ? (el.style.left = left) : (el.style.right = '0px');
|
||||
if ((top = GM_getValue(("" + (id) + "Top"), '0px'))) {
|
||||
el.style.top = top;
|
||||
return el.style.top;
|
||||
} else {
|
||||
el.style.bottom = '0px';
|
||||
return el.style.bottom;
|
||||
}
|
||||
};
|
||||
move = {};
|
||||
mousedown = function mousedown(e) {
|
||||
var div;
|
||||
div = this.parentNode;
|
||||
move.div = div;
|
||||
move.divX = div.offsetLeft;
|
||||
move.divY = div.offsetTop;
|
||||
move.clientX = e.clientX;
|
||||
move.clientY = e.clientY;
|
||||
move.bodyX = document.body.clientWidth;
|
||||
move.bodyY = document.body.clientHeight;
|
||||
window.addEventListener('mousemove', mousemove, true);
|
||||
return window.addEventListener('mouseup', mouseup, true);
|
||||
};
|
||||
mousemove = function mousemove(e) {
|
||||
var div, left, realX, realY, top;
|
||||
div = move.div;
|
||||
realX = move.divX + (e.clientX - move.clientX);
|
||||
// x + dx
|
||||
left = realX < 20 ? 0 : realX;
|
||||
if (move.bodyX - div.offsetWidth - realX < 20) {
|
||||
div.style.left = '';
|
||||
div.style.right = '0px';
|
||||
} else {
|
||||
div.style.left = left + 'px';
|
||||
div.style.right = '';
|
||||
}
|
||||
realY = move.divY + (e.clientY - move.clientY);
|
||||
// y + dy
|
||||
top = realY < 20 ? 0 : realY;
|
||||
if (move.bodyY - div.offsetHeight - realY < 20) {
|
||||
div.style.top = '';
|
||||
div.style.bottom = '0px';
|
||||
return div.style.bottom;
|
||||
} else {
|
||||
div.style.top = top + 'px';
|
||||
div.style.bottom = '';
|
||||
return div.style.bottom;
|
||||
}
|
||||
};
|
||||
mouseup = function mouseup() {
|
||||
var id;
|
||||
id = move.div.id;
|
||||
GM_setValue(("" + (id) + "Left"), move.div.style.left);
|
||||
GM_setValue(("" + (id) + "Top"), move.div.style.top);
|
||||
window.removeEventListener('mousemove', mousemove, true);
|
||||
return window.removeEventListener('mouseup', mouseup, true);
|
||||
};
|
||||
GM_addStyle(' \
|
||||
#filter { \
|
||||
position: fixed; \
|
||||
text-align: right; \
|
||||
} \
|
||||
#filter:hover { \
|
||||
border: 1px solid; \
|
||||
} \
|
||||
#filter:not(:hover) { \
|
||||
background: rgba(0,0,0,0) \
|
||||
} \
|
||||
#filter:not(:hover) > div { \
|
||||
display: none; \
|
||||
} \
|
||||
#filter:not(:hover) > div.top { \
|
||||
display: block; \
|
||||
padding: 0; \
|
||||
} \
|
||||
#filter > div { \
|
||||
padding: 0 5px 0 5px; \
|
||||
} \
|
||||
#filter > .top { \
|
||||
padding: 5px 5px 0 5px; \
|
||||
} \
|
||||
#filter > .bottom { \
|
||||
padding: 0 5px 5px 5px; \
|
||||
} \
|
||||
.move { \
|
||||
cursor: move; \
|
||||
} \
|
||||
.pointer { \
|
||||
cursor: pointer; \
|
||||
} \
|
||||
');
|
||||
filter = tag('div');
|
||||
filter.id = 'filter';
|
||||
filter.className = 'reply';
|
||||
position(filter);
|
||||
bar = tag('div');
|
||||
bar.textContent = '4chon foltor';
|
||||
bar.className = 'move top';
|
||||
bar.addEventListener('mousedown', mousedown, true);
|
||||
filter.appendChild(bar);
|
||||
fields = ['Name', 'Tripcode', 'Email', 'Subject', 'Comment', 'File'];
|
||||
_b = fields;
|
||||
for (_a = 0, _c = _b.length; _a < _c; _a++) {
|
||||
field = _b[_a];
|
||||
div = tag('div');
|
||||
label = tag('label');
|
||||
label.appendChild(text(field));
|
||||
label.appendChild(tag('input'));
|
||||
div.appendChild(label);
|
||||
filter.appendChild(div);
|
||||
}
|
||||
apply = tag('a');
|
||||
apply.textContent = 'apply';
|
||||
apply.className = 'pointer';
|
||||
reset = tag('a');
|
||||
reset.textContent = 'reset';
|
||||
reset.className = 'pointer';
|
||||
div = tag('div');
|
||||
div.className = 'bottom';
|
||||
div.appendChild(apply);
|
||||
div.appendChild(text(' '));
|
||||
div.appendChild(reset);
|
||||
filter.appendChild(div);
|
||||
document.body.appendChild(filter);
|
||||
})();
|
||||
1
foltor/foltor.user.js
Symbolic link
1
foltor/foltor.user.js
Symbolic link
@ -0,0 +1 @@
|
||||
foltor.js
|
||||
7
foltor/header
Normal file
7
foltor/header
Normal file
@ -0,0 +1,7 @@
|
||||
// ==UserScript==
|
||||
// @name foltor
|
||||
// @namespace aeosynth
|
||||
// @description 4chon foltor
|
||||
// @include file:///home/james/code/4/*
|
||||
// ==/UserScript==
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user