0x2620/openmedialibrary
1
0
Fork 0
Code Issues 131 Pull requests Releases Wiki Activity

import/lists/autocompleteFolder

Browse source
This commit is contained in:
j 2014-05-19 01:24:04 +02:00
commit d6f350e5a1
42 changed files with 955 additions and 436 deletions
Download patch file Download diff file Expand all files Collapse all files

73
static/js/statusIcon.js
View file

@ -1,18 +1,10 @@
'use strict';
oml.ui.statusIcon = function(status) {
oml.ui.statusIcon = function(user, index) {
// FIXME: not only '-webkit'
var color = {
connected: [[64, 255, 64], [0, 192, 0]],
disconnected: [[255, 64, 64], [192, 0, 0]],
transferring: [[64, 255, 255], [0, 192, 192]],
unknown: [[255, 255, 64], [192, 192, 0]]
}[status].map(function(rgb) {
return 'rgb(' + rgb.join(', ') + ')';
}).join(', '),
var status = getStatus(user),
that = Ox.Element({
tooltip: Ox._({
connected: 'Connected',
@ -24,7 +16,6 @@ oml.ui.statusIcon = function(status) {
width: '10px',
height: '10px',
margin: '3px',
background: '-webkit-linear-gradient(bottom, ' + color + ')',
borderRadius: '5px'
})
.append(
@ -33,11 +24,65 @@ oml.ui.statusIcon = function(status) {
width: '8px',
height: '8px',
margin: '1px',
background: '-webkit-linear-gradient(top, ' + color + ')',
borderRadius: '4px'
})
);
return that;
render();
};
if (user) {
var superRemove = that.remove;
that.remove = function() {
oml.unbindEvent({
status: update
})
superRemove();
};
oml.bindEvent({
status: update
});
}
function getStatus(data) {
return !oml.user.online && index ? 'unknown'
: data.online ? 'connected'
: 'disconnected';
}
function render() {
var color = {
connected: [[64, 255, 64], [0, 192, 0]],
disconnected: [[255, 64, 64], [192, 0, 0]],
transferring: [[64, 255, 255], [0, 192, 192]],
unknown: [[255, 255, 64], [192, 192, 0]]
}[status].map(function(rgb) {
return 'rgb(' + rgb.join(', ') + ')';
}).join(', ');
that.options({
tooltip: Ox._({
connected: 'Connected',
disconnected: 'Disconnected',
transferring: 'Transferring'
}[status])
}).css({
background: '-webkit-linear-gradient(bottom, ' + color + ')',
});
that.find('div').css({
background: '-webkit-linear-gradient(top, ' + color + ')',
});
}
function update(data) {
if (data.id == user.id) {
var newStatus = getStatus(data);
if (status != newStatus) {
status = newStatus;
render();
}
}
}
return that;
};