Took out CSS from JS and placed it in its own file.
This commit is contained in:
parent
ef542afbe5
commit
c1efb8aa7f
@ -118,6 +118,13 @@ class RealtimePlugin extends Plugin
|
|||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function onEndShowStatusNetStyles($action)
|
||||||
|
{
|
||||||
|
$action->cssLink(common_path('plugins/Realtime/realtimeupdate.css'),
|
||||||
|
null, 'screen, projection, tv');
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
function onEndNoticeSave($notice)
|
function onEndNoticeSave($notice)
|
||||||
{
|
{
|
||||||
$paths = array();
|
$paths = array();
|
||||||
|
49
plugins/Realtime/realtimeupdate.css
Normal file
49
plugins/Realtime/realtimeupdate.css
Normal file
@ -0,0 +1,49 @@
|
|||||||
|
#notices_primary {
|
||||||
|
position:relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
#realtime_actions {
|
||||||
|
position: absolute;
|
||||||
|
top: -20px;
|
||||||
|
right: 0;
|
||||||
|
margin: 0 0 11px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#realtime_actions li {
|
||||||
|
margin-left: 18px;
|
||||||
|
list-style-type: none;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#realtime_actions button {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
display: block;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
text-indent: -9999px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#realtime_play {
|
||||||
|
background: url(icon_play.gif) no-repeat 47% 47%;
|
||||||
|
margin-left: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#realtime_pause {
|
||||||
|
background: url(icon_pause.gif) no-repeat 47% 47%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#realtime_popup {
|
||||||
|
background: url(icon_external.gif) no-repeat 0 30%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#queued_counter {
|
||||||
|
float:left;
|
||||||
|
line-height:1.2;
|
||||||
|
}
|
||||||
|
|
||||||
|
#showstream #notices_primary {
|
||||||
|
margin-top: 18px;
|
||||||
|
}
|
||||||
|
|
@ -195,20 +195,6 @@ RealtimeUpdate = {
|
|||||||
{
|
{
|
||||||
var NP = $('#notices_primary');
|
var NP = $('#notices_primary');
|
||||||
NP.prepend('<ul id="realtime_actions"><li id="realtime_playpause"></li><li id="realtime_timeline"></li></ul>');
|
NP.prepend('<ul id="realtime_actions"><li id="realtime_playpause"></li><li id="realtime_timeline"></li></ul>');
|
||||||
NP.css({'position':'relative'});
|
|
||||||
|
|
||||||
$('#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;
|
||||||
|
|
||||||
@ -228,16 +214,6 @@ RealtimeUpdate = {
|
|||||||
RT_PP.append('<button id="realtime_pause" class="pause" title="Pause">Pause</button>');
|
RT_PP.append('<button id="realtime_pause" class="pause" title="Pause">Pause</button>');
|
||||||
|
|
||||||
RT_P = $('#realtime_pause');
|
RT_P = $('#realtime_pause');
|
||||||
$('#realtime_pause').css({
|
|
||||||
'background':'url('+RealtimeUpdate._pluginPath+'icon_pause.gif) no-repeat 47% 47%',
|
|
||||||
'width':'16px',
|
|
||||||
'height':'16px',
|
|
||||||
'display':'block',
|
|
||||||
'border':'none',
|
|
||||||
'cursor':'pointer',
|
|
||||||
'text-indent':'-9999px',
|
|
||||||
'float':'left'
|
|
||||||
});
|
|
||||||
RT_P.bind('click', function() {
|
RT_P.bind('click', function() {
|
||||||
RealtimeUpdate._paused = true;
|
RealtimeUpdate._paused = true;
|
||||||
|
|
||||||
@ -252,23 +228,7 @@ RealtimeUpdate = {
|
|||||||
RT_PP.empty();
|
RT_PP.empty();
|
||||||
RT_PP.append('<span id="queued_counter"></span> <button id="realtime_play" class="play" title="Play">Play</button>');
|
RT_PP.append('<span id="queued_counter"></span> <button id="realtime_play" class="play" title="Play">Play</button>');
|
||||||
|
|
||||||
$('#queued_counter').css({
|
|
||||||
'float':'left',
|
|
||||||
'line-height':'1.2'
|
|
||||||
});
|
|
||||||
|
|
||||||
RT_P = $('#realtime_play');
|
RT_P = $('#realtime_play');
|
||||||
RT_P.css({
|
|
||||||
'background':'url('+RealtimeUpdate._pluginPath+'icon_play.gif) no-repeat 47% 47%',
|
|
||||||
'width':'16px',
|
|
||||||
'height':'16px',
|
|
||||||
'display':'block',
|
|
||||||
'border':'none',
|
|
||||||
'cursor':'pointer',
|
|
||||||
'text-indent':'-9999px',
|
|
||||||
'float':'left',
|
|
||||||
'margin-left':'4px'
|
|
||||||
});
|
|
||||||
RT_P.bind('click', function() {
|
RT_P.bind('click', function() {
|
||||||
RealtimeUpdate._paused = false;
|
RealtimeUpdate._paused = false;
|
||||||
|
|
||||||
@ -307,18 +267,6 @@ RealtimeUpdate = {
|
|||||||
NP.append('<button id="realtime_popup" title="Pop up in a window">Pop up</button>');
|
NP.append('<button id="realtime_popup" title="Pop up in a window">Pop up</button>');
|
||||||
|
|
||||||
var PP = $('#realtime_popup');
|
var PP = $('#realtime_popup');
|
||||||
PP.css({
|
|
||||||
'background':'transparent url('+ path + 'icon_external.gif) no-repeat 0 30%',
|
|
||||||
'width':'16px',
|
|
||||||
'height':'16px',
|
|
||||||
'display':'block',
|
|
||||||
'border':'none',
|
|
||||||
'cursor':'pointer',
|
|
||||||
'text-indent':'-9999px',
|
|
||||||
'float':'left'
|
|
||||||
});
|
|
||||||
$('#showstream #notices_primary').css({'margin-top':'18px'});
|
|
||||||
|
|
||||||
PP.bind('click', function() {
|
PP.bind('click', function() {
|
||||||
window.open(url,
|
window.open(url,
|
||||||
'',
|
'',
|
||||||
|
Loading…
Reference in New Issue
Block a user