GNUsocial/gnu-social
4
0
Fork 1
Code Issues Releases Wiki Activity

Styled realtime_actions

Browse Source
This commit is contained in:
Sarven Capadisli 2009-11-18 15:57:45 +00:00
parent 5014b748e4
commit 6d3d78c793
1 changed files with 32 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
plugins/Realtime/realtimeupdate.js
View File

@ -192,7 +192,20 @@ RealtimeUpdate = {
initActions: function(url, timeline, path) initActions: function(url, timeline, path)
{ {
var NP = $('#notices_primary'); var NP = $('#notices_primary');
NP.prepend('<ul id="realtime_actions"><li id="realtime_pauseplay"></li></ul>'); NP.prepend('<ul id="realtime_actions"><li id="realtime_pauseplay"></li><li id="realtime_timeline"></li></ul>');
$('#realtime_actions').css({
'position':'absolute',
'top':'-20px',
'right':'0',
'margin':'0 0 11px 0'
});
$('#realtime_actions li').css({
'margin-left':'18px',
'list-style-type':'none',
'float':'left'
});
RealtimeUpdate._pluginPath = path; RealtimeUpdate._pluginPath = path;
@ -214,11 +227,12 @@ RealtimeUpdate = {
RT_P = $('#realtime_pause'); RT_P = $('#realtime_pause');
$('#realtime_pause').css({ $('#realtime_pause').css({
'background':'url('+RealtimeUpdate._pluginPath+'icon_pause.gif) no-repeat 47% 47%', 'background':'url('+RealtimeUpdate._pluginPath+'icon_pause.gif) no-repeat 47% 47%',
'width':'16px', 'width':'16px',
'height':'16px', 'height':'16px',
'text-indent':'-9999px', 'display':'block',
'border':'none', 'border':'none',
'cursor':'pointer' 'cursor':'pointer',
'text-indent':'-9999px'
}); });
RT_P.bind('click', function() { RT_P.bind('click', function() {
RealtimeUpdate._paused = true; RealtimeUpdate._paused = true;
@ -237,11 +251,12 @@ RealtimeUpdate = {
RT_P = $('#realtime_play'); RT_P = $('#realtime_play');
RT_P.css({ RT_P.css({
'background':'url('+RealtimeUpdate._pluginPath+'icon_play.gif) no-repeat 47% 47%', 'background':'url('+RealtimeUpdate._pluginPath+'icon_play.gif) no-repeat 47% 47%',
'width':'16px', 'width':'16px',
'height':'16px', 'height':'16px',
'text-indent':'-9999px', 'display':'block',
'border':'none', 'border':'none',
'cursor':'pointer' 'cursor':'pointer',
'text-indent':'-9999px'
}); });
RT_P.bind('click', function() { RT_P.bind('click', function() {
RealtimeUpdate._paused = false; RealtimeUpdate._paused = false;
@ -264,28 +279,22 @@ RealtimeUpdate = {
initAddPopup: function(url, timeline, path) initAddPopup: function(url, timeline, path)
{ {
var NP = $('#notices_primary'); var NP = $('#realtime_timeline');
NP.css({'position':'relative'}); NP.append('<button id="realtime_popup" title="Pop up in a window">Pop up</button>');
NP.prepend('<button id="realtime_timeline" title="Pop up in a window">Pop up</button>');
var RT = $('#realtime_timeline'); var PP = $('#realtime_popup');
RT.css({ PP.css({
'margin':'0 0 11px 0',
'background':'transparent url('+ path + 'icon_external.gif) no-repeat 0 30%', 'background':'transparent url('+ path + 'icon_external.gif) no-repeat 0 30%',
'padding':'0 0 0 20px', 'width':'16px',
'height':'16px',
'display':'block', 'display':'block',
'position':'absolute',
'top':'-20px',
'right':'0',
'border':'none', 'border':'none',
'cursor':'pointer', 'cursor':'pointer',
'color':$('a').css('color'), 'text-indent':'-9999px'
'font-weight':'bold',
'font-size':'1em'
}); });
$('#showstream #notices_primary').css({'margin-top':'18px'}); $('#showstream #notices_primary').css({'margin-top':'18px'});
RT.bind('click', function() { PP.bind('click', function() {
window.open(url, window.open(url,
'', '',
'toolbar=no,resizable=yes,scrollbars=yes,status=yes,width=500,height=550'); 'toolbar=no,resizable=yes,scrollbars=yes,status=yes,width=500,height=550');