2018-12-02 15:38:27 +00:00
'use strict' ;
2020-06-04 20:27:22 +00:00
2020-06-05 04:44:57 +00:00
/* global __, ngettext, Article, App */
/* global xhrPost, dojo, dijit, PluginHost, Notify, $$, Feeds */
2020-06-04 20:27:22 +00:00
/* global CommonDialogs */
2020-06-04 19:19:23 +00:00
2020-06-04 16:50:13 +00:00
const Headlines = {
vgroup _last _feed : undefined ,
_headlines _scroll _timeout : 0 ,
_observer _counters _timeout : 0 ,
headlines : [ ] ,
current _first _id : 0 ,
_scroll _reset _timeout : false ,
default _force _previous : false ,
default _force _to _top : false ,
line _scroll _offset : 120 , /* px */
sticky _header _observer : new IntersectionObserver (
( entries , observer ) => {
entries . forEach ( ( entry ) => {
const header = entry . target . nextElementSibling ;
if ( entry . intersectionRatio == 0 ) {
header . setAttribute ( "stuck" , "1" ) ;
} else if ( entry . intersectionRatio == 1 ) {
header . removeAttribute ( "stuck" ) ;
}
2020-05-13 03:51:46 +00:00
2020-06-04 16:50:13 +00:00
//console.log(entry.target, header, entry.intersectionRatio);
2020-05-13 03:51:46 +00:00
2020-06-04 16:50:13 +00:00
} ) ;
} ,
{ threshold : [ 0 , 1 ] , root : document . querySelector ( "#headlines-frame" ) }
) ,
2020-10-21 04:19:15 +00:00
unpack _observer : new IntersectionObserver (
( entries , observer ) => {
entries . forEach ( ( entry ) => {
if ( entry . intersectionRatio > 0 )
Article . unpack ( entry . target ) ;
} ) ;
} ,
{ threshold : [ 0 ] , root : document . querySelector ( "#headlines-frame" ) }
) ,
2020-06-04 16:50:13 +00:00
row _observer : new MutationObserver ( ( mutations ) => {
const modified = [ ] ;
2018-12-10 17:18:45 +00:00
2021-02-18 18:51:18 +00:00
mutations . forEach ( ( m ) => {
2020-06-04 16:50:13 +00:00
if ( m . type == 'attributes' && [ 'class' , 'data-score' ] . indexOf ( m . attributeName ) != - 1 ) {
2018-12-10 16:51:20 +00:00
2020-06-04 16:50:13 +00:00
const row = m . target ;
const id = row . getAttribute ( "data-article-id" ) ;
2018-12-10 16:51:20 +00:00
2020-06-04 16:50:13 +00:00
if ( Headlines . headlines [ id ] ) {
const hl = Headlines . headlines [ id ] ;
2018-12-10 16:51:20 +00:00
2020-06-04 16:50:13 +00:00
if ( hl ) {
2021-02-18 18:51:18 +00:00
const hl _old = { ... { } , ... hl } ;
2018-12-10 17:18:45 +00:00
2020-06-04 16:50:13 +00:00
hl . unread = row . hasClassName ( "Unread" ) ;
hl . marked = row . hasClassName ( "marked" ) ;
hl . published = row . hasClassName ( "published" ) ;
2018-12-10 16:51:20 +00:00
2020-06-04 16:50:13 +00:00
// not sent by backend
hl . selected = row . hasClassName ( "Selected" ) ;
hl . active = row . hasClassName ( "active" ) ;
2018-12-10 17:18:45 +00:00
2020-06-04 16:50:13 +00:00
hl . score = row . getAttribute ( "data-score" ) ;
2018-12-11 07:30:32 +00:00
2020-06-04 16:50:13 +00:00
modified . push ( { id : hl . id , new : hl , old : hl _old , row : row } ) ;
2018-12-10 16:51:20 +00:00
}
}
2020-06-04 16:50:13 +00:00
}
} ) ;
2018-12-10 16:51:20 +00:00
2020-06-04 16:50:13 +00:00
Headlines . updateSelectedPrompt ( ) ;
2018-12-10 17:18:45 +00:00
2020-06-04 16:50:13 +00:00
if ( 'requestIdleCallback' in window )
window . requestIdleCallback ( ( ) => {
2018-12-11 05:25:22 +00:00
Headlines . syncModified ( modified ) ;
2018-12-10 18:19:33 +00:00
} ) ;
2020-06-04 16:50:13 +00:00
else
Headlines . syncModified ( modified ) ;
} ) ,
syncModified : function ( modified ) {
const ops = {
tmark : [ ] ,
tpub : [ ] ,
read : [ ] ,
unread : [ ] ,
select : [ ] ,
deselect : [ ] ,
activate : [ ] ,
deactivate : [ ] ,
rescore : { } ,
} ;
2021-02-18 18:51:18 +00:00
modified . forEach ( function ( m ) {
2020-06-04 16:50:13 +00:00
if ( m . old . marked != m . new . marked )
ops . tmark . push ( m . id ) ;
if ( m . old . published != m . new . published )
ops . tpub . push ( m . id ) ;
if ( m . old . unread != m . new . unread )
m . new . unread ? ops . unread . push ( m . id ) : ops . read . push ( m . id ) ;
if ( m . old . selected != m . new . selected )
m . new . selected ? ops . select . push ( m . row ) : ops . deselect . push ( m . row ) ;
if ( m . old . active != m . new . active )
m . new . active ? ops . activate . push ( m . row ) : ops . deactivate . push ( m . row ) ;
if ( m . old . score != m . new . score ) {
const score = m . new . score ;
ops . rescore [ score ] = ops . rescore [ score ] || [ ] ;
ops . rescore [ score ] . push ( m . id ) ;
}
} ) ;
2018-12-10 18:19:33 +00:00
2021-02-18 18:51:18 +00:00
ops . select . forEach ( ( row ) => {
const cb = dijit . getEnclosingWidget ( row . querySelector ( ".rchk" ) ) ;
2018-12-10 18:19:33 +00:00
2020-06-04 16:50:13 +00:00
if ( cb )
cb . attr ( 'checked' , true ) ;
} ) ;
2018-12-10 18:19:33 +00:00
2021-02-18 18:51:18 +00:00
ops . deselect . forEach ( ( row ) => {
const cb = dijit . getEnclosingWidget ( row . querySelector ( ".rchk" ) ) ;
2018-12-10 18:19:33 +00:00
2020-06-04 16:50:13 +00:00
if ( cb && ! row . hasClassName ( "active" ) )
cb . attr ( 'checked' , false ) ;
} ) ;
2018-12-10 18:19:33 +00:00
2021-02-18 18:51:18 +00:00
ops . activate . forEach ( ( row ) => {
const cb = dijit . getEnclosingWidget ( row . querySelector ( ".rchk" ) ) ;
2018-12-10 18:19:33 +00:00
2020-06-04 16:50:13 +00:00
if ( cb )
cb . attr ( 'checked' , true ) ;
} ) ;
2018-12-10 18:19:33 +00:00
2021-02-18 18:51:18 +00:00
ops . deactivate . forEach ( ( row ) => {
const cb = dijit . getEnclosingWidget ( row . querySelector ( ".rchk" ) ) ;
2018-12-10 17:18:45 +00:00
2020-06-04 16:50:13 +00:00
if ( cb && ! row . hasClassName ( "Selected" ) )
cb . attr ( 'checked' , false ) ;
} ) ;
2018-12-11 05:48:24 +00:00
2020-06-04 16:50:13 +00:00
const promises = [ ] ;
2018-12-10 17:18:45 +00:00
2020-06-04 16:50:13 +00:00
if ( ops . tmark . length != 0 )
promises . push ( xhrPost ( "backend.php" ,
{ op : "rpc" , method : "markSelected" , ids : ops . tmark . toString ( ) , cmode : 2 } ) ) ;
2018-12-10 17:18:45 +00:00
2020-06-04 16:50:13 +00:00
if ( ops . tpub . length != 0 )
promises . push ( xhrPost ( "backend.php" ,
{ op : "rpc" , method : "publishSelected" , ids : ops . tpub . toString ( ) , cmode : 2 } ) ) ;
2018-12-10 17:50:44 +00:00
2020-06-04 16:50:13 +00:00
if ( ops . read . length != 0 )
promises . push ( xhrPost ( "backend.php" ,
{ op : "rpc" , method : "catchupSelected" , ids : ops . read . toString ( ) , cmode : 0 } ) ) ;
2018-12-11 05:48:24 +00:00
2020-06-04 16:50:13 +00:00
if ( ops . unread . length != 0 )
promises . push ( xhrPost ( "backend.php" ,
{ op : "rpc" , method : "catchupSelected" , ids : ops . unread . toString ( ) , cmode : 1 } ) ) ;
2018-12-11 07:30:32 +00:00
2020-06-04 16:50:13 +00:00
const scores = Object . keys ( ops . rescore ) ;
2018-12-11 07:30:32 +00:00
2020-06-04 16:50:13 +00:00
if ( scores . length != 0 ) {
2021-02-18 18:51:18 +00:00
scores . forEach ( ( score ) => {
2020-06-04 16:50:13 +00:00
promises . push ( xhrPost ( "backend.php" ,
{ op : "article" , method : "setScore" , id : ops . rescore [ score ] . toString ( ) , score : score } ) ) ;
} ) ;
}
2018-12-16 09:43:53 +00:00
2020-06-04 16:50:13 +00:00
if ( promises . length > 0 )
Promise . all ( [ promises ] ) . then ( ( ) => {
window . clearTimeout ( this . _observer _counters _timeout ) ;
2018-12-10 17:50:44 +00:00
2020-06-04 16:50:13 +00:00
this . _observer _counters _timeout = setTimeout ( ( ) => {
Feeds . requestCounters ( true ) ;
} , 1000 ) ;
} ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
} ,
click : function ( event , id , in _body ) {
in _body = in _body || false ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( event . shiftKey && Article . getActive ( ) ) {
Headlines . select ( 'none' ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
const ids = Headlines . getRange ( Article . getActive ( ) , id ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
console . log ( Article . getActive ( ) , id , ids ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
for ( let i = 0 ; i < ids . length ; i ++ )
Headlines . select ( 'all' , ids [ i ] ) ;
2019-03-07 07:35:48 +00:00
2020-06-04 16:50:13 +00:00
} else if ( event . ctrlKey ) {
Headlines . select ( 'invert' , id ) ;
} else {
2021-02-12 16:02:09 +00:00
// eslint-disable-next-line no-lonely-if
2020-06-04 16:50:13 +00:00
if ( App . isCombinedMode ( ) ) {
2019-03-07 12:40:02 +00:00
2020-06-04 16:50:13 +00:00
if ( event . altKey && ! in _body ) {
2019-03-07 12:40:02 +00:00
2020-06-04 16:50:13 +00:00
Article . openInNewWindow ( id ) ;
Headlines . toggleUnread ( id , 0 ) ;
2019-03-07 09:16:09 +00:00
2020-06-04 16:50:13 +00:00
} else if ( Article . getActive ( ) != id ) {
2020-05-22 18:48:03 +00:00
2020-06-04 16:50:13 +00:00
Headlines . select ( 'none' ) ;
2020-05-22 18:48:03 +00:00
2021-02-18 18:51:18 +00:00
const scroll _position _A = App . byId ( "RROW-" + id ) . offsetTop - App . byId ( "headlines-frame" ) . scrollTop ;
2019-03-07 07:35:48 +00:00
2020-06-04 16:50:13 +00:00
Article . setActive ( id ) ;
2020-05-22 18:48:03 +00:00
2020-06-04 16:50:13 +00:00
if ( App . getInitParam ( "cdm_expanded" ) ) {
2019-03-07 09:16:50 +00:00
2020-06-04 16:50:13 +00:00
if ( ! in _body )
Article . openInNewWindow ( id ) ;
2020-05-22 18:48:03 +00:00
2020-06-04 16:50:13 +00:00
Headlines . toggleUnread ( id , 0 ) ;
} else {
2021-02-18 18:51:18 +00:00
const scroll _position _B = App . byId ( "RROW-" + id ) . offsetTop - App . byId ( "headlines-frame" ) . scrollTop ;
2020-05-22 18:48:03 +00:00
2020-06-04 16:50:13 +00:00
// this would only work if there's enough space
2021-02-18 18:51:18 +00:00
App . byId ( "headlines-frame" ) . scrollTop -= scroll _position _A - scroll _position _B ;
2019-03-07 07:35:48 +00:00
2020-06-04 16:50:13 +00:00
Article . cdmMoveToId ( id ) ;
2019-03-07 07:35:48 +00:00
}
2020-06-04 16:50:13 +00:00
} else if ( in _body ) {
Headlines . toggleUnread ( id , 0 ) ;
} else { /* !in body */
Article . openInNewWindow ( id ) ;
2018-12-02 14:18:59 +00:00
}
2019-03-07 07:35:48 +00:00
2020-06-04 16:50:13 +00:00
return in _body ;
} else {
2021-02-12 16:02:09 +00:00
// eslint-disable-next-line no-lonely-if
2020-06-04 16:50:13 +00:00
if ( event . altKey ) {
Article . openInNewWindow ( id ) ;
Headlines . toggleUnread ( id , 0 ) ;
} else {
Headlines . select ( 'none' ) ;
Article . view ( id ) ;
}
2018-12-02 14:18:59 +00:00
}
2020-06-04 16:50:13 +00:00
}
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
return false ;
} ,
initScrollHandler : function ( ) {
2021-02-18 18:51:18 +00:00
App . byId ( "headlines-frame" ) . onscroll = ( event ) => {
2020-06-04 16:50:13 +00:00
clearTimeout ( this . _headlines _scroll _timeout ) ;
this . _headlines _scroll _timeout = window . setTimeout ( function ( ) {
//console.log('done scrolling', event);
Headlines . scrollHandler ( event ) ;
} , 50 ) ;
}
} ,
loadMore : function ( ) {
const view _mode = document . forms [ "toolbar-main" ] . view _mode . value ;
2021-02-18 18:51:18 +00:00
const unread _in _buffer = App . findAll ( "#headlines-frame > div[id*=RROW][class*=Unread]" ) . length ;
const num _all = App . findAll ( "#headlines-frame > div[id*=RROW]" ) . length ;
2020-06-04 16:50:13 +00:00
const num _unread = Feeds . getUnread ( Feeds . getActive ( ) , Feeds . activeIsCat ( ) ) ;
// TODO implement marked & published
let offset = num _all ;
switch ( view _mode ) {
case "marked" :
case "published" :
console . warn ( "loadMore: " , view _mode , "not implemented" ) ;
break ;
case "unread" :
offset = unread _in _buffer ;
break ;
case "adaptive" :
if ( ! ( Feeds . getActive ( ) == - 1 && ! Feeds . activeIsCat ( ) ) )
offset = num _unread > 0 ? unread _in _buffer : num _all ;
break ;
}
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
console . log ( "loadMore, offset=" , offset ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
Feeds . open ( { feed : Feeds . getActive ( ) , is _cat : Feeds . activeIsCat ( ) , offset : offset , append : true } ) ;
} ,
isChildVisible : function ( elem ) {
2021-02-18 18:51:18 +00:00
return App . Scrollable . isChildVisible ( elem , App . byId ( "headlines-frame" ) ) ;
2020-06-04 16:50:13 +00:00
} ,
firstVisible : function ( ) {
2021-02-18 18:51:18 +00:00
const rows = App . findAll ( "#headlines-frame > div[id*=RROW]" ) ;
2019-12-10 09:55:24 +00:00
2020-06-04 16:50:13 +00:00
for ( let i = 0 ; i < rows . length ; i ++ ) {
const row = rows [ i ] ;
2019-12-10 09:55:24 +00:00
2020-06-04 16:50:13 +00:00
if ( this . isChildVisible ( row ) ) {
return row . getAttribute ( "data-article-id" ) ;
2019-12-10 09:55:24 +00:00
}
2020-06-04 16:50:13 +00:00
}
} ,
2021-01-19 08:54:13 +00:00
unpackVisible : function ( container ) {
2021-02-18 18:51:18 +00:00
const rows = App . findAll ( "#headlines-frame > div[id*=RROW][data-content].cdm" ) ;
2021-01-19 08:54:13 +00:00
for ( let i = 0 ; i < rows . length ; i ++ ) {
if ( App . Scrollable . isChildVisible ( rows [ i ] , container ) ) {
console . log ( 'force unpacking:' , rows [ i ] . getAttribute ( 'id' ) ) ;
Article . unpack ( rows [ i ] ) ;
}
}
} ,
2020-06-04 16:50:13 +00:00
scrollHandler : function ( /*event*/ ) {
try {
if ( ! Feeds . infscroll _disabled && ! Feeds . infscroll _in _progress ) {
2021-02-18 18:51:18 +00:00
const hsp = App . byId ( "headlines-spacer" ) ;
const container = App . byId ( "headlines-frame" ) ;
2020-06-04 16:50:13 +00:00
if ( hsp && hsp . previousSibling ) {
const last _row = hsp . previousSibling ;
// invoke lazy load if last article in buffer is nearly visible OR is active
if ( Article . getActive ( ) == last _row . getAttribute ( "data-article-id" ) || last _row . offsetTop - 250 <= container . scrollTop + container . offsetHeight ) {
hsp . innerHTML = "<span class='loading'><img src='images/indicator_tiny.gif'> " +
_ _ ( "Loading, please wait..." ) + "</span>" ;
Headlines . loadMore ( ) ;
return ;
2018-12-02 14:18:59 +00:00
}
}
2020-06-04 16:50:13 +00:00
}
2018-12-02 14:18:59 +00:00
2021-01-19 08:54:13 +00:00
if ( App . isCombinedMode ( ) && App . getInitParam ( "cdm_expanded" ) ) {
2021-02-18 18:51:18 +00:00
const container = App . byId ( "headlines-frame" )
2021-01-19 08:54:13 +00:00
/* don't do anything until there was some scrolling */
if ( container . scrollTop > 0 )
Headlines . unpackVisible ( container ) ;
}
2020-06-04 16:50:13 +00:00
if ( App . getInitParam ( "cdm_auto_catchup" ) ) {
2018-12-02 14:18:59 +00:00
2021-02-18 18:51:18 +00:00
const rows = App . findAll ( "#headlines-frame > div[id*=RROW][class*=Unread]" ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
for ( let i = 0 ; i < rows . length ; i ++ ) {
const row = rows [ i ] ;
2018-12-02 14:18:59 +00:00
2021-02-18 18:51:18 +00:00
if ( App . byId ( "headlines-frame" ) . scrollTop > ( row . offsetTop + row . offsetHeight / 2 ) ) {
2020-06-04 16:50:13 +00:00
row . removeClassName ( "Unread" ) ;
} else {
break ;
2018-12-02 14:18:59 +00:00
}
}
}
2020-06-04 16:50:13 +00:00
} catch ( e ) {
console . warn ( "scrollHandler" , e ) ;
}
} ,
objectById : function ( id ) {
return this . headlines [ id ] ;
} ,
setCommonClasses : function ( ) {
2021-02-18 18:51:18 +00:00
App . byId ( "headlines-frame" ) . removeClassName ( "cdm" ) ;
App . byId ( "headlines-frame" ) . removeClassName ( "normal" ) ;
2020-06-04 16:50:13 +00:00
2021-02-18 18:51:18 +00:00
App . byId ( "headlines-frame" ) . addClassName ( App . isCombinedMode ( ) ? "cdm" : "normal" ) ;
2020-06-04 16:50:13 +00:00
// for floating title because it's placed outside of headlines-frame
2021-02-18 18:51:18 +00:00
App . byId ( "main" ) . removeClassName ( "expandable" ) ;
App . byId ( "main" ) . removeClassName ( "expanded" ) ;
2020-06-04 16:50:13 +00:00
if ( App . isCombinedMode ( ) )
2021-02-18 18:51:18 +00:00
App . byId ( "main" ) . addClassName ( App . getInitParam ( "cdm_expanded" ) ? " expanded" : " expandable" ) ;
2020-06-04 16:50:13 +00:00
} ,
renderAgain : function ( ) {
// TODO: wrap headline elements into a knockoutjs model to prevent all this stuff
Headlines . setCommonClasses ( ) ;
2021-02-18 18:51:18 +00:00
App . findAll ( "#headlines-frame > div[id*=RROW]" ) . forEach ( ( row ) => {
2020-06-04 16:50:13 +00:00
const id = row . getAttribute ( "data-article-id" ) ;
const hl = this . headlines [ id ] ;
if ( hl ) {
const new _row = this . render ( { } , hl ) ;
row . parentNode . replaceChild ( new _row , row ) ;
if ( hl . active ) {
new _row . addClassName ( "active" ) ;
2020-10-21 04:19:15 +00:00
Article . unpack ( new _row ) ;
2020-06-04 16:50:13 +00:00
if ( App . isCombinedMode ( ) )
Article . cdmMoveToId ( id , { noscroll : true } ) ;
else
Article . view ( id ) ;
}
2020-04-17 04:58:34 +00:00
2020-06-04 16:50:13 +00:00
if ( hl . selected ) this . select ( "all" , id ) ;
}
} ) ;
2020-04-17 04:58:34 +00:00
2021-02-18 18:51:18 +00:00
App . findAll ( ".cdm .header-sticky-guard" ) . forEach ( ( e ) => {
2020-06-04 16:50:13 +00:00
this . sticky _header _observer . observe ( e )
} ) ;
2018-12-10 13:10:19 +00:00
2020-10-21 04:19:15 +00:00
if ( App . getInitParam ( "cdm_expanded" ) )
2021-02-18 18:51:18 +00:00
App . findAll ( "#headlines-frame > div[id*=RROW].cdm" ) . forEach ( ( e ) => {
2020-10-21 04:19:15 +00:00
this . unpack _observer . observe ( e )
} ) ;
2020-06-04 16:50:13 +00:00
} ,
render : function ( headlines , hl ) {
let row = null ;
2018-12-10 12:06:47 +00:00
2020-06-04 16:50:13 +00:00
let row _class = "" ;
2018-12-10 12:06:47 +00:00
2020-06-04 16:50:13 +00:00
if ( hl . marked ) row _class += " marked" ;
if ( hl . published ) row _class += " published" ;
if ( hl . unread ) row _class += " Unread" ;
if ( headlines . vfeed _group _enabled ) row _class += " vgrlf" ;
2018-12-10 12:06:47 +00:00
2020-06-04 16:50:13 +00:00
if ( headlines . vfeed _group _enabled && hl . feed _title && this . vgroup _last _feed != hl . feed _id ) {
2020-06-05 04:44:57 +00:00
const vgrhdr = ` <div data-feed-id=' ${ hl . feed _id } ' class='feed-title'>
2020-06-04 16:50:13 +00:00
< div style = 'float : right' > $ { hl . feed _icon } < / d i v >
< a class = "title" href = "#" onclick = "Feeds.open({feed:${hl.feed_id}})" > $ { hl . feed _title }
< a class = "catchup" title = "${__('mark feed as read')}" onclick = "Feeds.catchupFeedInGroup(${hl.feed_id})" href = "#" > < i class = "icon-done material-icons" > done _all < / i > < / a >
< / d i v > `
2018-12-10 12:06:47 +00:00
2020-06-04 16:50:13 +00:00
const tmp = document . createElement ( "div" ) ;
tmp . innerHTML = vgrhdr ;
2020-05-13 03:51:46 +00:00
2021-02-18 18:51:18 +00:00
App . byId ( "headlines-frame" ) . appendChild ( tmp . firstChild ) ;
2020-05-13 09:28:48 +00:00
2020-06-04 16:50:13 +00:00
this . vgroup _last _feed = hl . feed _id ;
}
2020-05-13 04:28:13 +00:00
2020-06-04 16:50:13 +00:00
if ( App . isCombinedMode ( ) ) {
row _class += App . getInitParam ( "cdm_expanded" ) ? " expanded" : " expandable" ;
const comments = Article . formatComments ( hl ) ;
row = ` <div class="cdm ${ row _class } ${ Article . getScoreClass ( hl . score ) } "
id = "RROW-${hl.id}"
data - article - id = "${hl.id}"
data - orig - feed - id = "${hl.feed_id}"
2020-10-21 04:19:15 +00:00
data - content = "${App.escapeHtml(hl.content)}"
2020-06-04 16:50:13 +00:00
data - score = "${hl.score}"
2020-06-05 04:44:57 +00:00
data - article - title = "${App.escapeHtml(hl.title)}"
2020-06-04 16:50:13 +00:00
onmouseover = "Article.mouseIn(${hl.id})"
onmouseout = "Article.mouseOut(${hl.id})" >
< div class = "header-sticky-guard" > < / d i v >
< div class = "header" >
< div class = "left" >
< input dojoType = "dijit.form.CheckBox" type = "checkbox" onclick = "Headlines.onRowChecked(this)" class = 'rchk' >
< i class = "marked-pic marked-${hl.id} material-icons" onclick = "Headlines.toggleMark(${hl.id})" > star < / i >
< i class = "pub-pic pub-${hl.id} material-icons" onclick = "Headlines.togglePub(${hl.id})" > rss _feed < / i >
< / d i v >
2018-12-07 13:00:11 +00:00
2020-06-04 16:50:13 +00:00
< span onclick = "return Headlines.click(event, ${hl.id});" data - article - id = "${hl.id}" class = "titleWrap hlMenuAttach" >
2020-06-05 04:44:57 +00:00
< a class = "title" title = "${App.escapeHtml(hl.title)}" target = "_blank" rel = "noopener noreferrer" href = "${App.escapeHtml(hl.link)}" >
2020-06-04 16:50:13 +00:00
$ { hl . title } < / a >
< span class = "author" > $ { hl . author } < / s p a n >
$ { hl . labels }
$ { hl . cdm _excerpt ? hl . cdm _excerpt : "" }
< / s p a n >
< div class = "feed" >
< a href = "#" style = "background-color: ${hl.feed_bg_color}"
onclick = "Feeds.open({feed:${hl.feed_id}})" > $ { hl . feed _title } < / a >
< / d i v >
2018-12-07 15:24:56 +00:00
2020-06-04 16:50:13 +00:00
< span class = "updated" title = "${hl.imported}" > $ { hl . updated } < / s p a n >
2018-12-07 15:24:56 +00:00
2020-06-04 16:50:13 +00:00
< div class = "right" >
< i class = "material-icons icon-score" title = "${hl.score}" onclick = "Article.setScore(${hl.id}, this)" > $ { Article . getScorePic ( hl . score ) } < / i >
2018-12-07 18:11:50 +00:00
2020-06-05 04:44:57 +00:00
< span style = "cursor : pointer" title = "${App.escapeHtml(hl.feed_title)}" onclick = "Feeds.open({feed:${hl.feed_id}})" >
2020-06-04 16:50:13 +00:00
$ { hl . feed _icon } < / s p a n >
< / d i v >
2018-12-07 18:11:50 +00:00
2020-06-04 16:50:13 +00:00
< / d i v >
2018-12-07 18:11:50 +00:00
2020-06-04 16:50:13 +00:00
< div class = "content" onclick = "return Headlines.click(event, ${hl.id}, true);" >
< div id = "POSTNOTE-${hl.id}" > $ { hl . note } < / d i v >
< div class = "content-inner" lang = "${hl.lang ? hl.lang : 'en'}" >
2020-10-21 04:19:15 +00:00
< img src = "${App.getInitParam('icon_indicator_white')}" >
2020-06-04 16:50:13 +00:00
< / d i v >
< div class = "intermediate" >
2021-02-15 11:10:46 +00:00
$ { Article . renderEnclosures ( hl . enclosures ) }
2020-06-04 16:50:13 +00:00
< / d i v >
< div class = "footer" onclick = "event.stopPropagation()" >
2018-12-07 18:11:50 +00:00
2018-12-07 15:24:56 +00:00
< div class = "left" >
2020-06-04 16:50:13 +00:00
$ { hl . buttons _left }
< i class = "material-icons" > label _outline < / i >
< span id = "ATSTR-${hl.id}" > $ { hl . tags _str } < / s p a n >
< a title = "${__(" Edit tags for this article ")}" href = "#"
onclick = "Article.editTags(${hl.id})" > ( + ) < / a >
$ { comments }
2018-12-08 06:32:14 +00:00
< / d i v >
2020-06-04 16:50:13 +00:00
< div class = "right" >
$ { hl . buttons }
2018-12-07 15:24:56 +00:00
< / d i v >
< / d i v >
2020-06-04 16:50:13 +00:00
< / d i v >
< / d i v > ` ;
} else {
row = ` <div class="hl ${ row _class } ${ Article . getScoreClass ( hl . score ) } "
id = "RROW-${hl.id}"
data - orig - feed - id = "${hl.feed_id}"
data - article - id = "${hl.id}"
data - score = "${hl.score}"
2020-06-05 04:44:57 +00:00
data - article - title = "${App.escapeHtml(hl.title)}"
2020-06-04 16:50:13 +00:00
onmouseover = "Article.mouseIn(${hl.id})"
onmouseout = "Article.mouseOut(${hl.id})" >
< div class = "left" >
< input dojoType = "dijit.form.CheckBox" type = "checkbox" onclick = "Headlines.onRowChecked(this)" class = 'rchk' >
< i class = "marked-pic marked-${hl.id} material-icons" onclick = "Headlines.toggleMark(${hl.id})" > star < / i >
< i class = "pub-pic pub-${hl.id} material-icons" onclick = "Headlines.togglePub(${hl.id})" > rss _feed < / i >
< / d i v >
< div onclick = "return Headlines.click(event, ${hl.id})" class = "title" >
< span data - article - id = "${hl.id}" class = "hl-content hlMenuAttach" >
2020-06-05 04:44:57 +00:00
< a class = "title" href = "${App.escapeHtml(hl.link)}" > $ { hl . title } < span class = "preview" > $ { hl . content _preview } < / s p a n > < / a >
2020-06-04 16:50:13 +00:00
< span class = "author" > $ { hl . author } < / s p a n >
$ { hl . labels }
< / s p a n >
< / d i v >
< span class = "feed" >
< a style = "background : ${hl.feed_bg_color}" href = "#" onclick = "Feeds.open({feed:${hl.feed_id}})" > $ { hl . feed _title } < / a >
2018-12-07 13:00:11 +00:00
< / s p a n >
2020-06-04 16:50:13 +00:00
< div title = "${hl.imported}" >
< span class = "updated" > $ { hl . updated } < / s p a n >
< / d i v >
< div class = "right" >
< i class = "material-icons icon-score" title = "${hl.score}" onclick = "Article.setScore(${hl.id}, this)" > $ { Article . getScorePic ( hl . score ) } < / i >
2020-06-05 04:44:57 +00:00
< span onclick = "Feeds.open({feed:${hl.feed_id}})" style = "cursor : pointer" title = "${App.escapeHtml(hl.feed_title)}" > $ { hl . feed _icon } < / s p a n >
2020-06-04 16:50:13 +00:00
< / d i v >
< / d i v >
` ;
}
2018-12-07 13:00:11 +00:00
2020-06-04 16:50:13 +00:00
const tmp = document . createElement ( "div" ) ;
tmp . innerHTML = row ;
dojo . parser . parse ( tmp ) ;
2018-12-07 13:00:11 +00:00
2020-06-04 16:50:13 +00:00
this . row _observer . observe ( tmp . firstChild , { attributes : true } ) ;
2018-12-10 16:51:20 +00:00
2020-06-04 16:50:13 +00:00
PluginHost . run ( PluginHost . HOOK _HEADLINE _RENDERED , tmp . firstChild ) ;
2018-12-08 17:08:57 +00:00
2020-06-04 16:50:13 +00:00
return tmp . firstChild ;
} ,
updateCurrentUnread : function ( ) {
2021-02-18 18:51:18 +00:00
if ( App . byId ( "feed_current_unread" ) ) {
2020-06-04 16:50:13 +00:00
const feed _unread = Feeds . getUnread ( Feeds . getActive ( ) , Feeds . activeIsCat ( ) ) ;
2019-12-12 04:37:28 +00:00
2020-06-04 16:50:13 +00:00
if ( feed _unread > 0 && ! Element . visible ( "feeds-holder" ) ) {
2021-02-18 18:51:18 +00:00
App . byId ( "feed_current_unread" ) . innerText = feed _unread ;
2020-06-04 16:50:13 +00:00
Element . show ( "feed_current_unread" ) ;
} else {
Element . hide ( "feed_current_unread" ) ;
2019-12-12 04:37:28 +00:00
}
2020-06-04 16:50:13 +00:00
}
} ,
2021-02-14 19:17:13 +00:00
renderToolbar : function ( headlines ) {
const tb = headlines [ 'toolbar' ] ;
const search _query = Feeds . _search _query ? Feeds . _search _query . query : "" ;
const target = dijit . byId ( 'toolbar-headlines' ) ;
2021-02-15 04:46:24 +00:00
if ( tb && typeof tb == 'object' ) {
target . attr ( 'innerHTML' ,
`
< span class = 'left' >
< a href = "#" title = "${__(" Show as feed ")}"
onclick = 'CommonDialogs.generatedFeed("${headlines.id}", ${headlines.is_cat}, "${App.escapeHtml(search_query)}")' >
< i class = 'icon-syndicate material-icons' > rss _feed < / i >
< / a >
$ { tb . site _url ?
` <a class="feed_title" target="_blank" href=" ${ App . escapeHtml ( tb . site _url ) } " title=" ${ tb . last _updated } "> ${ tb . title } </a> ` :
` <span class="feed_title"> ${ tb . title } </span> ` }
$ { search _query ?
2021-02-14 19:17:13 +00:00
`
2021-02-15 04:46:24 +00:00
< span class = 'cancel_search' > ( < a href = '#' onclick = 'Feeds.cancelSearch()' > $ { _ _ ( "Cancel search" ) } < / a > ) < / s p a n >
2021-02-14 19:17:13 +00:00
` : ''}
2021-02-15 04:46:24 +00:00
$ { tb . error ? ` <i title=" ${ App . escapeHtml ( tb . error ) } " class='material-icons icon-error'>error</i> ` : '' }
< span id = 'feed_current_unread' style = 'display: none' > < / s p a n >
< / s p a n >
< span class = 'right' >
< span id = 'selected_prompt' > < / s p a n >
< div dojoType = 'fox.form.DropDownButton' title = '"${__(' Select articles ')}' >
< span > $ { _ _ ( "Select..." ) } < / s p a n >
< div dojoType = 'dijit.Menu' style = 'display: none;' >
< div dojoType = 'dijit.MenuItem' onclick = 'Headlines.select("all")' > $ { _ _ ( 'All' ) } < / d i v >
< div dojoType = 'dijit.MenuItem' onclick = 'Headlines.select("unread")' > $ { _ _ ( 'Unread' ) } < / d i v >
< div dojoType = 'dijit.MenuItem' onclick = 'Headlines.select("invert")' > $ { _ _ ( 'Invert' ) } < / d i v >
< div dojoType = 'dijit.MenuItem' onclick = 'Headlines.select("none")' > $ { _ _ ( 'None' ) } < / d i v >
< div dojoType = 'dijit.MenuSeparator' > < / d i v >
< div dojoType = 'dijit.MenuItem' onclick = 'Headlines.selectionToggleUnread()' > $ { _ _ ( 'Toggle unread' ) } < / d i v >
< div dojoType = 'dijit.MenuItem' onclick = 'Headlines.selectionToggleMarked()' > $ { _ _ ( 'Toggle starred' ) } < / d i v >
< div dojoType = 'dijit.MenuItem' onclick = 'Headlines.selectionTogglePublished()' > $ { _ _ ( 'Toggle published' ) } < / d i v >
< div dojoType = 'dijit.MenuSeparator' > < / d i v >
< div dojoType = 'dijit.MenuItem' onclick = 'Headlines.catchupSelection()' > $ { _ _ ( 'Mark as read' ) } < / d i v >
< div dojoType = 'dijit.MenuItem' onclick = 'Article.selectionSetScore()' > $ { _ _ ( 'Set score' ) } < / d i v >
$ { tb . plugin _menu _items }
$ { headlines . id === 0 && ! headlines . is _cat ?
`
< div dojoType = 'dijit.MenuSeparator' > < / d i v >
< div dojoType = 'dijit.MenuItem' class = 'text-error' onclick = 'Headlines.deleteSelection()' > $ { _ _ ( 'Delete permanently' ) } < / d i v >
` : ''}
< / d i v >
$ { tb . plugin _buttons }
< / s p a n >
` );
} else {
target . attr ( 'innerHTML' , '' ) ;
}
2021-02-14 19:17:13 +00:00
dojo . parser . parse ( target . domNode ) ;
} ,
2020-06-04 16:50:13 +00:00
onLoaded : function ( transport , offset , append ) {
const reply = App . handleRpcJson ( transport ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
console . log ( "Headlines.onLoaded: offset=" , offset , "append=" , append ) ;
2019-01-02 22:00:09 +00:00
2020-06-04 16:50:13 +00:00
let is _cat = false ;
let feed _id = false ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( reply ) {
2019-07-30 12:54:47 +00:00
2020-06-04 16:50:13 +00:00
is _cat = reply [ 'headlines' ] [ 'is_cat' ] ;
feed _id = reply [ 'headlines' ] [ 'id' ] ;
Feeds . last _search _query = reply [ 'headlines' ] [ 'search_query' ] ;
2018-12-18 04:51:00 +00:00
2020-06-04 16:50:13 +00:00
if ( feed _id != - 7 && ( feed _id != Feeds . getActive ( ) || is _cat != Feeds . activeIsCat ( ) ) )
return ;
2018-12-18 04:51:00 +00:00
2020-06-04 16:50:13 +00:00
const headlines _count = reply [ 'headlines-info' ] [ 'count' ] ;
2019-01-16 18:33:59 +00:00
2020-06-04 16:50:13 +00:00
//this.vgroup_last_feed = reply['headlines-info']['vgroup_last_feed'];
this . current _first _id = reply [ 'headlines' ] [ 'first_id' ] ;
2018-12-18 04:51:00 +00:00
2020-06-04 16:50:13 +00:00
console . log ( 'received' , headlines _count , 'headlines' ) ;
2018-12-18 04:51:00 +00:00
2020-06-04 16:50:13 +00:00
if ( ! append ) {
Feeds . infscroll _disabled = parseInt ( headlines _count ) != 30 ;
console . log ( 'infscroll_disabled=' , Feeds . infscroll _disabled ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
// also called in renderAgain() after view mode switch
Headlines . setCommonClasses ( ) ;
2018-12-02 14:18:59 +00:00
2021-02-18 18:51:18 +00:00
App . byId ( "headlines-frame" ) . setAttribute ( "is-vfeed" ,
2020-06-04 16:50:13 +00:00
reply [ 'headlines' ] [ 'is_vfeed' ] ? 1 : 0 ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
Article . setActive ( 0 ) ;
2018-12-08 06:32:14 +00:00
2020-06-04 16:50:13 +00:00
try {
2021-02-18 18:51:18 +00:00
App . byId ( "headlines-frame" ) . removeClassName ( "smooth-scroll" ) ;
App . byId ( "headlines-frame" ) . scrollTop = 0 ;
App . byId ( "headlines-frame" ) . addClassName ( "smooth-scroll" ) ;
2020-06-04 16:50:13 +00:00
} catch ( e ) {
console . warn ( e ) ;
}
2018-12-07 13:00:11 +00:00
2020-06-04 16:50:13 +00:00
this . headlines = [ ] ;
this . vgroup _last _feed = undefined ;
2018-12-02 14:18:59 +00:00
2021-02-18 18:51:18 +00:00
/ * d o j o . h t m l . s e t ( A p p . b y I d ( " t o o l b a r - h e a d l i n e s " ) ,
2020-06-04 16:50:13 +00:00
reply [ 'headlines' ] [ 'toolbar' ] ,
2021-02-14 19:17:13 +00:00
{ parseContent : true } ) ; * /
Headlines . renderToolbar ( reply [ 'headlines' ] ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( typeof reply [ 'headlines' ] [ 'content' ] == 'string' ) {
2021-02-18 18:51:18 +00:00
App . byId ( "headlines-frame" ) . innerHTML = reply [ 'headlines' ] [ 'content' ] ;
2020-06-04 16:50:13 +00:00
} else {
2021-02-18 18:51:18 +00:00
App . byId ( "headlines-frame" ) . innerHTML = '' ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
for ( let i = 0 ; i < reply [ 'headlines' ] [ 'content' ] . length ; i ++ ) {
const hl = reply [ 'headlines' ] [ 'content' ] [ i ] ;
2018-12-02 14:18:59 +00:00
2021-02-18 18:51:18 +00:00
App . byId ( "headlines-frame" ) . appendChild ( this . render ( reply [ 'headlines' ] , hl ) ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
this . headlines [ parseInt ( hl . id ) ] = hl ;
2018-12-02 14:18:59 +00:00
}
2020-06-04 16:50:13 +00:00
}
2018-12-02 14:18:59 +00:00
2021-02-18 18:51:18 +00:00
let hsp = App . byId ( "headlines-spacer" ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( ! hsp ) {
hsp = document . createElement ( "div" ) ;
hsp . id = "headlines-spacer" ;
}
2019-01-02 13:29:08 +00:00
2020-06-04 16:50:13 +00:00
dijit . byId ( 'headlines-frame' ) . domNode . appendChild ( hsp ) ;
2018-12-08 06:32:14 +00:00
2020-06-04 16:50:13 +00:00
this . initHeadlinesMenu ( ) ;
2018-12-10 12:06:47 +00:00
2020-06-04 16:50:13 +00:00
if ( Feeds . infscroll _disabled )
hsp . innerHTML = "<a href='#' onclick='Feeds.openNextUnread()'>" +
_ _ ( "Click to open next unread feed." ) + "</a>" ;
2018-12-02 14:18:59 +00:00
2021-02-14 19:17:13 +00:00
/ *
2020-06-04 16:50:13 +00:00
if ( Feeds . _search _query ) {
2021-02-18 18:51:18 +00:00
App . byId ( "feed_title" ) . innerHTML += "<span id='cancel_search'>" +
2020-06-04 16:50:13 +00:00
" (<a href='#' onclick='Feeds.cancelSearch()'>" + _ _ ( "Cancel search" ) + "</a>)" +
"</span>" ;
2021-02-14 19:17:13 +00:00
} * /
2019-01-02 13:29:08 +00:00
2020-06-04 16:50:13 +00:00
Headlines . updateCurrentUnread ( ) ;
2019-01-02 22:00:09 +00:00
2020-06-04 16:50:13 +00:00
} else if ( headlines _count > 0 && feed _id == Feeds . getActive ( ) && is _cat == Feeds . activeIsCat ( ) ) {
const c = dijit . byId ( "headlines-frame" ) ;
2018-12-02 14:18:59 +00:00
2021-02-18 18:51:18 +00:00
let hsp = App . byId ( "headlines-spacer" ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( hsp )
c . domNode . removeChild ( hsp ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
let headlines _appended = 0 ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( typeof reply [ 'headlines' ] [ 'content' ] == 'string' ) {
2021-02-18 18:51:18 +00:00
App . byId ( "headlines-frame" ) . innerHTML = reply [ 'headlines' ] [ 'content' ] ;
2018-12-02 14:18:59 +00:00
} else {
2020-06-04 16:50:13 +00:00
for ( let i = 0 ; i < reply [ 'headlines' ] [ 'content' ] . length ; i ++ ) {
const hl = reply [ 'headlines' ] [ 'content' ] [ i ] ;
2019-07-30 12:54:47 +00:00
2020-06-04 16:50:13 +00:00
if ( ! this . headlines [ parseInt ( hl . id ) ] ) {
2021-02-18 18:51:18 +00:00
App . byId ( "headlines-frame" ) . appendChild ( this . render ( reply [ 'headlines' ] , hl ) ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
this . headlines [ parseInt ( hl . id ) ] = hl ;
++ headlines _appended ;
2018-12-02 14:18:59 +00:00
}
}
}
2020-06-04 16:50:13 +00:00
Feeds . infscroll _disabled = headlines _appended == 0 ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
console . log ( 'appended' , headlines _appended , 'headlines, infscroll_disabled=' , Feeds . infscroll _disabled ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( ! hsp ) {
hsp = document . createElement ( "div" ) ;
hsp . id = "headlines-spacer" ;
}
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
c . domNode . appendChild ( hsp ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
this . initHeadlinesMenu ( ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( Feeds . infscroll _disabled ) {
hsp . innerHTML = "<a href='#' onclick='Feeds.openNextUnread()'>" +
_ _ ( "Click to open next unread feed." ) + "</a>" ;
}
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
} else {
Feeds . infscroll _disabled = true ;
const first _id _changed = reply [ 'headlines' ] [ 'first_id_changed' ] ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
console . log ( "no headlines received, infscroll_disabled=" , Feeds . infscroll _disabled , 'first_id_changed=' , first _id _changed ) ;
2018-12-02 14:18:59 +00:00
2021-02-18 18:51:18 +00:00
const hsp = App . byId ( "headlines-spacer" ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( hsp ) {
if ( first _id _changed ) {
hsp . innerHTML = "<a href='#' onclick='Feeds.reloadCurrent()'>" +
_ _ ( "New articles found, reload feed to continue." ) + "</a>" ;
} else {
hsp . innerHTML = "<a href='#' onclick='Feeds.openNextUnread()'>" +
_ _ ( "Click to open next unread feed." ) + "</a>" ;
2018-12-02 14:18:59 +00:00
}
}
}
2021-02-18 18:51:18 +00:00
App . findAll ( ".cdm .header-sticky-guard" ) . forEach ( ( e ) => {
2020-06-04 16:50:13 +00:00
this . sticky _header _observer . observe ( e )
2018-12-02 14:18:59 +00:00
} ) ;
2020-10-21 04:19:15 +00:00
if ( App . getInitParam ( "cdm_expanded" ) )
2021-02-18 18:51:18 +00:00
App . findAll ( "#headlines-frame > div[id*=RROW].cdm" ) . forEach ( ( e ) => {
2020-10-21 04:19:15 +00:00
this . unpack _observer . observe ( e )
} ) ;
2020-06-04 16:50:13 +00:00
} else {
console . error ( "Invalid object received: " + transport . responseText ) ;
dijit . byId ( "headlines-frame" ) . attr ( 'content' , "<div class='whiteBox'>" +
_ _ ( 'Could not update headlines (invalid object received - see error console for details)' ) +
"</div>" ) ;
}
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
Feeds . infscroll _in _progress = 0 ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
// this is used to auto-catchup articles if needed after infscroll request has finished,
2020-10-21 04:19:15 +00:00
// unpack visible articles, fill buffer more, etc
2020-06-04 16:50:13 +00:00
this . scrollHandler ( ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
Notify . close ( ) ;
} ,
reverse : function ( ) {
const toolbar = document . forms [ "toolbar-main" ] ;
const order _by = dijit . getEnclosingWidget ( toolbar . order _by ) ;
2020-05-17 05:25:51 +00:00
2020-06-04 16:50:13 +00:00
let value = order _by . attr ( 'value' ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( value != "date_reverse" )
value = "date_reverse" ;
else
value = "default" ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
order _by . attr ( 'value' , value ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
Feeds . reloadCurrent ( ) ;
} ,
2021-02-18 12:13:41 +00:00
selectionToggleUnread : function ( params = { } ) {
2020-06-04 16:50:13 +00:00
const cmode = params . cmode != undefined ? params . cmode : 2 ;
const no _error = params . no _error || false ;
const ids = params . ids || Headlines . getSelected ( ) ;
if ( ids . length == 0 ) {
if ( ! no _error )
alert ( _ _ ( "No articles selected." ) ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
return ;
}
2018-12-02 14:18:59 +00:00
2021-02-18 18:51:18 +00:00
ids . forEach ( ( id ) => {
const row = App . byId ( "RROW-" + id ) ;
2018-12-02 14:18:59 +00:00
if ( row ) {
switch ( cmode ) {
case 0 :
row . removeClassName ( "Unread" ) ;
break ;
case 1 :
row . addClassName ( "Unread" ) ;
break ;
case 2 :
row . toggleClassName ( "Unread" ) ;
}
}
2020-06-04 16:50:13 +00:00
} ) ;
} ,
selectionToggleMarked : function ( ids ) {
ids = ids || Headlines . getSelected ( ) ;
if ( ids . length == 0 ) {
alert ( _ _ ( "No articles selected." ) ) ;
return ;
}
2018-12-02 14:18:59 +00:00
2021-02-18 18:51:18 +00:00
ids . forEach ( ( id ) => {
2020-06-04 16:50:13 +00:00
this . toggleMark ( id ) ;
} ) ;
} ,
selectionTogglePublished : function ( ids ) {
ids = ids || Headlines . getSelected ( ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( ids . length == 0 ) {
alert ( _ _ ( "No articles selected." ) ) ;
return ;
}
2018-12-02 14:18:59 +00:00
2021-02-18 18:51:18 +00:00
ids . forEach ( ( id ) => {
2020-06-04 16:50:13 +00:00
this . togglePub ( id ) ;
} ) ;
} ,
toggleMark : function ( id ) {
2021-02-18 18:51:18 +00:00
const row = App . byId ( "RROW-" + id ) ;
2020-06-04 16:50:13 +00:00
if ( row )
row . toggleClassName ( "marked" ) ;
} ,
togglePub : function ( id ) {
2021-02-18 18:51:18 +00:00
const row = App . byId ( "RROW-" + id ) ;
2020-06-04 16:50:13 +00:00
if ( row )
row . toggleClassName ( "published" ) ;
} ,
2021-02-18 12:13:41 +00:00
move : function ( mode , params = { } ) {
2020-06-04 16:50:13 +00:00
const no _expand = params . no _expand || false ;
const force _previous = params . force _previous || this . default _force _previous ;
const force _to _top = params . force _to _top || this . default _force _to _top ;
let prev _id = false ;
let next _id = false ;
let current _id = Article . getActive ( ) ;
2021-02-18 18:51:18 +00:00
if ( ! Headlines . isChildVisible ( App . byId ( "RROW-" + current _id ) ) ) {
2020-06-04 16:50:13 +00:00
console . log ( 'active article is obscured, resetting to first visible...' ) ;
current _id = Headlines . firstVisible ( ) ;
prev _id = current _id ;
next _id = current _id ;
} else {
const rows = Headlines . getLoaded ( ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
for ( let i = 0 ; i < rows . length ; i ++ ) {
if ( rows [ i ] == current _id ) {
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
// Account for adjacent identical article ids.
if ( i > 0 ) prev _id = rows [ i - 1 ] ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
for ( let j = i + 1 ; j < rows . length ; j ++ ) {
if ( rows [ j ] != current _id ) {
next _id = rows [ j ] ;
break ;
}
}
break ;
}
2018-12-02 14:18:59 +00:00
}
2020-06-04 16:50:13 +00:00
}
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
console . log ( "cur: " + current _id + " next: " + next _id + " prev:" + prev _id ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( mode === "next" ) {
if ( next _id ) {
if ( App . isCombinedMode ( ) ) {
window . requestAnimationFrame ( ( ) => {
Article . setActive ( next _id ) ;
Article . cdmMoveToId ( next _id , { force _to _top : force _to _top } ) ;
} ) ;
} else {
Article . view ( next _id , no _expand ) ;
}
2021-02-18 12:13:41 +00:00
} else if ( App . isCombinedMode ( ) ) {
// try to show hsp if no next article exists, in case there's useful information like first_id_changed etc
2021-02-18 18:51:18 +00:00
const row = App . byId ( "RROW-" + current _id ) ;
const ctr = App . byId ( "headlines-frame" ) ;
2021-02-18 12:13:41 +00:00
if ( row ) {
2021-02-18 12:38:26 +00:00
const next = row . nextSibling ;
2021-02-18 12:13:41 +00:00
2021-02-18 12:38:26 +00:00
// hsp has half-screen height in auto catchup mode therefore we use its first child (normally A element)
if ( next && Element . visible ( next ) && next . id == "headlines-spacer" && next . firstChild ) {
2021-02-18 18:51:18 +00:00
const offset = App . byId ( "headlines-spacer" ) . offsetTop - App . byId ( "headlines-frame" ) . offsetHeight + next . firstChild . offsetHeight ;
2021-02-18 12:40:54 +00:00
// don't jump back either
if ( ctr . scrollTop < offset )
ctr . scrollTop = offset ;
2021-02-18 12:13:41 +00:00
}
}
2020-06-04 16:50:13 +00:00
}
} else if ( mode === "prev" ) {
if ( prev _id || current _id ) {
if ( App . isCombinedMode ( ) ) {
window . requestAnimationFrame ( ( ) => {
2021-02-18 18:51:18 +00:00
const row = App . byId ( "RROW-" + current _id ) ;
const ctr = App . byId ( "headlines-frame" ) ;
2020-06-04 16:50:13 +00:00
const delta _px = Math . round ( row . offsetTop ) - Math . round ( ctr . scrollTop ) ;
console . log ( 'moving back, delta_px' , delta _px ) ;
if ( ! force _previous && row && delta _px < - 8 ) {
Article . setActive ( current _id ) ;
Article . cdmMoveToId ( current _id , { force _to _top : force _to _top } ) ;
} else if ( prev _id ) {
Article . setActive ( prev _id ) ;
Article . cdmMoveToId ( prev _id , { force _to _top : force _to _top } ) ;
}
} ) ;
} else if ( prev _id ) {
Article . view ( prev _id , no _expand ) ;
}
2018-12-02 14:18:59 +00:00
}
2020-06-04 16:50:13 +00:00
}
} ,
updateSelectedPrompt : function ( ) {
const count = Headlines . getSelected ( ) . length ;
2021-02-18 18:51:18 +00:00
const elem = App . byId ( "selected_prompt" ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( elem ) {
elem . innerHTML = ngettext ( "%d article selected" ,
"%d articles selected" , count ) . replace ( "%d" , count ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
count > 0 ? Element . show ( elem ) : Element . hide ( elem ) ;
}
} ,
toggleUnread : function ( id , cmode ) {
2021-02-18 18:51:18 +00:00
const row = App . byId ( "RROW-" + id ) ;
2020-06-04 16:50:13 +00:00
if ( row ) {
if ( typeof cmode == "undefined" ) cmode = 2 ;
switch ( cmode ) {
case 0 :
row . removeClassName ( "Unread" ) ;
break ;
case 1 :
row . addClassName ( "Unread" ) ;
break ;
case 2 :
row . toggleClassName ( "Unread" ) ;
break ;
2018-12-02 14:18:59 +00:00
}
2020-06-04 16:50:13 +00:00
}
} ,
selectionRemoveLabel : function ( id , ids ) {
if ( ! ids ) ids = Headlines . getSelected ( ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( ids . length == 0 ) {
alert ( _ _ ( "No articles selected." ) ) ;
return ;
}
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
const query = {
op : "article" , method : "removeFromLabel" ,
ids : ids . toString ( ) , lid : id
} ;
xhrPost ( "backend.php" , query , ( transport ) => {
App . handleRpcJson ( transport ) ;
this . onLabelsUpdated ( transport ) ;
} ) ;
} ,
selectionAssignLabel : function ( id , ids ) {
if ( ! ids ) ids = Headlines . getSelected ( ) ;
if ( ids . length == 0 ) {
alert ( _ _ ( "No articles selected." ) ) ;
return ;
}
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
const query = {
op : "article" , method : "assignToLabel" ,
ids : ids . toString ( ) , lid : id
} ;
xhrPost ( "backend.php" , query , ( transport ) => {
App . handleRpcJson ( transport ) ;
this . onLabelsUpdated ( transport ) ;
} ) ;
} ,
deleteSelection : function ( ) {
const rows = Headlines . getSelected ( ) ;
if ( rows . length == 0 ) {
alert ( _ _ ( "No articles selected." ) ) ;
return ;
}
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
const fn = Feeds . getName ( Feeds . getActive ( ) , Feeds . activeIsCat ( ) ) ;
let str ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( Feeds . getActive ( ) != 0 ) {
str = ngettext ( "Delete %d selected article in %s?" , "Delete %d selected articles in %s?" , rows . length ) ;
} else {
str = ngettext ( "Delete %d selected article?" , "Delete %d selected articles?" , rows . length ) ;
}
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
str = str . replace ( "%d" , rows . length ) ;
str = str . replace ( "%s" , fn ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( App . getInitParam ( "confirm_feed_catchup" ) && ! confirm ( str ) ) {
return ;
}
const query = { op : "rpc" , method : "delete" , ids : rows . toString ( ) } ;
xhrPost ( "backend.php" , query , ( transport ) => {
App . handleRpcJson ( transport ) ;
Feeds . reloadCurrent ( ) ;
} ) ;
} ,
getSelected : function ( ) {
const rv = [ ] ;
2021-02-18 18:51:18 +00:00
App . findAll ( "#headlines-frame > div[id*=RROW][class*=Selected]" ) . forEach (
2020-06-04 16:50:13 +00:00
function ( child ) {
rv . push ( child . getAttribute ( "data-article-id" ) ) ;
2018-12-02 14:18:59 +00:00
} ) ;
2020-06-04 16:50:13 +00:00
// consider active article a honorary member of selected articles
if ( Article . getActive ( ) )
rv . push ( Article . getActive ( ) ) ;
2018-12-04 07:32:57 +00:00
2020-06-04 16:50:13 +00:00
return rv . uniq ( ) ;
} ,
getLoaded : function ( ) {
const rv = [ ] ;
2018-12-04 07:19:24 +00:00
2021-02-18 18:51:18 +00:00
const children = App . findAll ( "#headlines-frame > div[id*=RROW-]" ) ;
2019-03-07 07:38:50 +00:00
2021-02-18 18:51:18 +00:00
children . forEach ( function ( child ) {
2020-06-04 16:50:13 +00:00
if ( Element . visible ( child ) ) {
rv . push ( child . getAttribute ( "data-article-id" ) ) ;
}
} ) ;
2019-03-07 07:35:48 +00:00
2020-06-04 16:50:13 +00:00
return rv ;
} ,
onRowChecked : function ( elem ) {
const row = elem . domNode . up ( "div[id*=RROW]" ) ;
2019-03-07 07:35:48 +00:00
2020-06-04 16:50:13 +00:00
// do not allow unchecking active article checkbox
if ( row . hasClassName ( "active" ) ) {
elem . attr ( "checked" , 1 ) ;
return ;
}
2019-03-07 07:35:48 +00:00
2020-06-04 16:50:13 +00:00
if ( elem . attr ( "checked" ) ) {
row . addClassName ( "Selected" ) ;
} else {
row . removeClassName ( "Selected" ) ;
}
} ,
getRange : function ( start , stop ) {
if ( start == stop )
return [ start ] ;
2021-02-18 18:51:18 +00:00
const rows = App . findAll ( "#headlines-frame > div[id*=RROW]" ) ;
2020-06-04 16:50:13 +00:00
const results = [ ] ;
let collecting = false ;
for ( let i = 0 ; i < rows . length ; i ++ ) {
const row = rows [ i ] ;
const id = row . getAttribute ( 'data-article-id' ) ;
if ( id == start || id == stop ) {
if ( ! collecting ) {
collecting = true ;
} else {
2019-03-07 07:35:48 +00:00
results . push ( id ) ;
2020-06-04 16:50:13 +00:00
break ;
}
2019-03-07 07:35:48 +00:00
}
2020-06-04 16:50:13 +00:00
if ( collecting )
results . push ( id ) ;
}
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
return results ;
} ,
select : function ( mode , articleId ) {
// mode = all,none,unread,invert,marked,published
let query = "#headlines-frame > div[id*=RROW]" ;
if ( articleId ) query += "[data-article-id=" + articleId + "]" ;
switch ( mode ) {
case "none" :
case "all" :
case "invert" :
break ;
case "marked" :
query += "[class*=marked]" ;
break ;
case "published" :
query += "[class*=published]" ;
break ;
case "unread" :
query += "[class*=Unread]" ;
break ;
default :
console . warn ( "select: unknown mode" , mode ) ;
}
2021-02-18 18:51:18 +00:00
App . findAll ( query ) . forEach ( ( row ) => {
2018-12-10 12:06:47 +00:00
2018-12-02 14:18:59 +00:00
switch ( mode ) {
case "none" :
2020-06-04 16:50:13 +00:00
row . removeClassName ( "Selected" ) ;
2018-12-02 14:18:59 +00:00
break ;
2020-06-04 16:50:13 +00:00
case "invert" :
row . toggleClassName ( "Selected" ) ;
2018-12-02 14:18:59 +00:00
break ;
default :
2020-06-04 16:50:13 +00:00
row . addClassName ( "Selected" ) ;
2018-12-02 14:18:59 +00:00
}
2021-02-18 18:51:18 +00:00
} ) ;
2020-06-04 16:50:13 +00:00
} ,
catchupSelection : function ( ) {
const rows = Headlines . getSelected ( ) ;
if ( rows . length == 0 ) {
alert ( _ _ ( "No articles selected." ) ) ;
return ;
}
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
const fn = Feeds . getName ( Feeds . getActive ( ) , Feeds . activeIsCat ( ) ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
let str = ngettext ( "Mark %d selected article in %s as read?" , "Mark %d selected articles in %s as read?" , rows . length ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
str = str . replace ( "%d" , rows . length ) ;
str = str . replace ( "%s" , fn ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( App . getInitParam ( "confirm_feed_catchup" ) && ! confirm ( str ) ) {
return ;
}
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
Headlines . selectionToggleUnread ( { ids : rows , cmode : 0 } ) ;
} ,
catchupRelativeTo : function ( below , id ) {
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( ! id ) id = Article . getActive ( ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( ! id ) {
alert ( _ _ ( "No article is selected." ) ) ;
return ;
}
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
const visible _ids = this . getLoaded ( ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
const ids _to _mark = [ ] ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( ! below ) {
for ( let i = 0 ; i < visible _ids . length ; i ++ ) {
if ( visible _ids [ i ] != id ) {
2021-02-18 18:51:18 +00:00
const e = App . byId ( "RROW-" + visible _ids [ i ] ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( e && e . hasClassName ( "Unread" ) ) {
ids _to _mark . push ( visible _ids [ i ] ) ;
2018-12-02 14:18:59 +00:00
}
2020-06-04 16:50:13 +00:00
} else {
break ;
2018-12-02 14:18:59 +00:00
}
2020-06-04 16:50:13 +00:00
}
} else {
for ( let i = visible _ids . length - 1 ; i >= 0 ; i -- ) {
if ( visible _ids [ i ] != id ) {
2021-02-18 18:51:18 +00:00
const e = App . byId ( "RROW-" + visible _ids [ i ] ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( e && e . hasClassName ( "Unread" ) ) {
ids _to _mark . push ( visible _ids [ i ] ) ;
2018-12-02 14:18:59 +00:00
}
2020-06-04 16:50:13 +00:00
} else {
break ;
2018-12-02 14:18:59 +00:00
}
}
2020-06-04 16:50:13 +00:00
}
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( ids _to _mark . length == 0 ) {
alert ( _ _ ( "No articles found to mark" ) ) ;
} else {
const msg = ngettext ( "Mark %d article as read?" , "Mark %d articles as read?" , ids _to _mark . length ) . replace ( "%d" , ids _to _mark . length ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( App . getInitParam ( "confirm_feed_catchup" ) != 1 || confirm ( msg ) ) {
2018-12-02 14:18:59 +00:00
2020-06-04 20:27:22 +00:00
for ( let i = 0 ; i < ids _to _mark . length ; i ++ ) {
2021-02-18 18:51:18 +00:00
const e = App . byId ( "RROW-" + ids _to _mark [ i ] ) ;
2020-06-04 16:50:13 +00:00
e . removeClassName ( "Unread" ) ;
2018-12-02 14:18:59 +00:00
}
}
2020-06-04 16:50:13 +00:00
}
} ,
onLabelsUpdated : function ( transport ) {
const data = JSON . parse ( transport . responseText ) ;
if ( data ) {
2021-02-18 18:51:18 +00:00
data [ 'info-for-headlines' ] . forEach ( function ( elem ) {
App . findAll ( ".HLLCTR-" + elem . id ) . forEach ( function ( ctr ) {
2020-06-04 16:50:13 +00:00
ctr . innerHTML = elem . labels ;
2018-12-02 14:18:59 +00:00
} ) ;
2020-06-04 16:50:13 +00:00
} ) ;
}
} ,
scrollToArticleId : function ( id ) {
2021-02-18 18:51:18 +00:00
const container = App . byId ( "headlines-frame" ) ;
const row = App . byId ( "RROW-" + id ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( ! container || ! row ) return ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
const viewport = container . offsetHeight ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
const rel _offset _top = row . offsetTop - container . scrollTop ;
const rel _offset _bottom = row . offsetTop + row . offsetHeight - container . scrollTop ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
//console.log("Rtop: " + rel_offset_top + " Rbtm: " + rel_offset_bottom);
//console.log("Vport: " + viewport);
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( rel _offset _top <= 0 || rel _offset _top > viewport ) {
container . scrollTop = row . offsetTop ;
} else if ( rel _offset _bottom > viewport ) {
container . scrollTop = row . offsetTop + row . offsetHeight - viewport ;
}
} ,
headlinesMenuCommon : function ( menu ) {
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
menu . addChild ( new dijit . MenuItem ( {
label : _ _ ( "Open original article" ) ,
2020-06-04 20:27:22 +00:00
onClick : function ( /* event */ ) {
2020-06-04 16:50:13 +00:00
Article . openInNewWindow ( this . getParent ( ) . currentTarget . getAttribute ( "data-article-id" ) ) ;
}
} ) ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
menu . addChild ( new dijit . MenuItem ( {
label : _ _ ( "Display article URL" ) ,
2020-06-04 20:27:22 +00:00
onClick : function ( /* event */ ) {
2020-06-04 16:50:13 +00:00
Article . displayUrl ( this . getParent ( ) . currentTarget . getAttribute ( "data-article-id" ) ) ;
}
} ) ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
menu . addChild ( new dijit . MenuSeparator ( ) ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
menu . addChild ( new dijit . MenuItem ( {
label : _ _ ( "Toggle unread" ) ,
onClick : function ( ) {
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
let ids = Headlines . getSelected ( ) ;
// cast to string
const id = ( this . getParent ( ) . currentTarget . getAttribute ( "data-article-id" ) ) + "" ;
ids = ids . length != 0 && ids . indexOf ( id ) != - 1 ? ids : [ id ] ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
Headlines . selectionToggleUnread ( { ids : ids , no _error : 1 } ) ;
}
} ) ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
menu . addChild ( new dijit . MenuItem ( {
label : _ _ ( "Toggle starred" ) ,
onClick : function ( ) {
let ids = Headlines . getSelected ( ) ;
// cast to string
const id = ( this . getParent ( ) . currentTarget . getAttribute ( "data-article-id" ) ) + "" ;
ids = ids . length != 0 && ids . indexOf ( id ) != - 1 ? ids : [ id ] ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
Headlines . selectionToggleMarked ( ids ) ;
}
} ) ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
menu . addChild ( new dijit . MenuItem ( {
label : _ _ ( "Toggle published" ) ,
onClick : function ( ) {
let ids = Headlines . getSelected ( ) ;
// cast to string
const id = ( this . getParent ( ) . currentTarget . getAttribute ( "data-article-id" ) ) + "" ;
ids = ids . length != 0 && ids . indexOf ( id ) != - 1 ? ids : [ id ] ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
Headlines . selectionTogglePublished ( ids ) ;
}
} ) ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
menu . addChild ( new dijit . MenuSeparator ( ) ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
menu . addChild ( new dijit . MenuItem ( {
label : _ _ ( "Mark above as read" ) ,
onClick : function ( ) {
Headlines . catchupRelativeTo ( 0 , this . getParent ( ) . currentTarget . getAttribute ( "data-article-id" ) ) ;
}
} ) ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
menu . addChild ( new dijit . MenuItem ( {
label : _ _ ( "Mark below as read" ) ,
onClick : function ( ) {
Headlines . catchupRelativeTo ( 1 , this . getParent ( ) . currentTarget . getAttribute ( "data-article-id" ) ) ;
}
} ) ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
const labels = App . getInitParam ( "labels" ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( labels && labels . length ) {
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
menu . addChild ( new dijit . MenuSeparator ( ) ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
const labelAddMenu = new dijit . Menu ( { ownerMenu : menu } ) ;
const labelDelMenu = new dijit . Menu ( { ownerMenu : menu } ) ;
2018-12-02 14:18:59 +00:00
2021-02-18 18:51:18 +00:00
labels . forEach ( function ( label ) {
2020-06-04 16:50:13 +00:00
const bare _id = label . id ;
const name = label . caption ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
labelAddMenu . addChild ( new dijit . MenuItem ( {
label : name ,
labelId : bare _id ,
onClick : function ( ) {
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
let ids = Headlines . getSelected ( ) ;
// cast to string
const id = ( this . getParent ( ) . ownerMenu . currentTarget . getAttribute ( "data-article-id" ) ) + "" ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
ids = ids . length != 0 && ids . indexOf ( id ) != - 1 ? ids : [ id ] ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
Headlines . selectionAssignLabel ( this . labelId , ids ) ;
}
} ) ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
labelDelMenu . addChild ( new dijit . MenuItem ( {
label : name ,
labelId : bare _id ,
onClick : function ( ) {
let ids = Headlines . getSelected ( ) ;
// cast to string
const id = ( this . getParent ( ) . ownerMenu . currentTarget . getAttribute ( "data-article-id" ) ) + "" ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
ids = ids . length != 0 && ids . indexOf ( id ) != - 1 ? ids : [ id ] ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
Headlines . selectionRemoveLabel ( this . labelId , ids ) ;
}
2018-12-02 14:18:59 +00:00
} ) ) ;
2020-06-04 16:50:13 +00:00
} ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
menu . addChild ( new dijit . PopupMenuItem ( {
label : _ _ ( "Assign label" ) ,
popup : labelAddMenu
} ) ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
menu . addChild ( new dijit . PopupMenuItem ( {
label : _ _ ( "Remove label" ) ,
popup : labelDelMenu
} ) ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
}
} ,
scrollByPages : function ( page _offset ) {
2021-02-18 18:51:18 +00:00
App . Scrollable . scrollByPages ( App . byId ( "headlines-frame" ) , page _offset ) ;
2020-06-04 16:50:13 +00:00
} ,
scroll : function ( offset ) {
2021-02-18 18:51:18 +00:00
App . Scrollable . scroll ( App . byId ( "headlines-frame" ) , offset ) ;
2020-06-04 16:50:13 +00:00
} ,
initHeadlinesMenu : function ( ) {
if ( ! dijit . byId ( "headlinesMenu" ) ) {
const menu = new dijit . Menu ( {
id : "headlinesMenu" ,
targetNodeIds : [ "headlines-frame" ] ,
selector : ".hlMenuAttach"
} ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
this . headlinesMenuCommon ( menu ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
menu . startup ( ) ;
}
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
/* vgroup feed title menu */
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
if ( ! dijit . byId ( "headlinesFeedTitleMenu" ) ) {
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
const menu = new dijit . Menu ( {
id : "headlinesFeedTitleMenu" ,
targetNodeIds : [ "headlines-frame" ] ,
selector : "div.cdmFeedTitle"
} ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
menu . addChild ( new dijit . MenuItem ( {
label : _ _ ( "Select articles in group" ) ,
2020-06-04 20:27:22 +00:00
onClick : function ( /* event */ ) {
2020-06-04 16:50:13 +00:00
Headlines . select ( "all" ,
"#headlines-frame > div[id*=RROW]" +
"[data-orig-feed-id='" + this . getParent ( ) . currentTarget . getAttribute ( "data-feed-id" ) + "']" ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
}
} ) ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
menu . addChild ( new dijit . MenuItem ( {
label : _ _ ( "Mark group as read" ) ,
onClick : function ( ) {
Headlines . select ( "none" ) ;
Headlines . select ( "all" ,
"#headlines-frame > div[id*=RROW]" +
"[data-orig-feed-id='" + this . getParent ( ) . currentTarget . getAttribute ( "data-feed-id" ) + "']" ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
Headlines . catchupSelection ( ) ;
}
} ) ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
menu . addChild ( new dijit . MenuItem ( {
label : _ _ ( "Mark feed as read" ) ,
onClick : function ( ) {
Feeds . catchupFeedInGroup ( this . getParent ( ) . currentTarget . getAttribute ( "data-feed-id" ) ) ;
}
} ) ) ;
2018-12-02 14:18:59 +00:00
2020-06-04 16:50:13 +00:00
menu . addChild ( new dijit . MenuItem ( {
label : _ _ ( "Edit feed" ) ,
onClick : function ( ) {
CommonDialogs . editFeed ( this . getParent ( ) . currentTarget . getAttribute ( "data-feed-id" ) ) ;
}
} ) ) ;
menu . startup ( ) ;
2018-12-02 14:18:59 +00:00
}
2018-12-03 06:33:44 +00:00
}
2020-06-04 16:50:13 +00:00
}