2018-10-11 10:21:26 +02:00
module . exports = ( Plugin , Api , Vendor ) => {
if ( typeof BDFDB !== "object" ) global . BDFDB = { $ : Vendor . $ , BDv2Api : Api } ;
const { $ } = Vendor ;
return class extends Plugin {
initConstructor ( ) {
this . stalkerOnlineList = { } ;
this . checkInterval = null ;
this . timeLog = [ ] ;
this . timeLogModalMarkup =
2019-01-01 22:30:57 +01:00
` <span class="" ${ this . name } -modal DevilBro-modal"">
2018-10-11 10:21:26 +02:00
< div class = "${BDFDB.disCN.backdrop}" > < / d i v >
< div class = "${BDFDB.disCN.modal}" >
< div class = "${BDFDB.disCN.modalinner}" >
< div class = "${BDFDB.disCNS.modalsub + BDFDB.disCN.modalsizemedium}" >
< div class = "${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.horizontal + BDFDB.disCNS.horizontal2 + BDFDB.disCNS.directionrow + BDFDB.disCNS.justifystart + BDFDB.disCNS.aligncenter + BDFDB.disCNS.nowrap + BDFDB.disCN.modalheader}" style = "flex: 0 0 auto;" >
< div class = "${BDFDB.disCN.flexchild}" style = "flex: 1 1 auto;" >
< h4 class = "${BDFDB.disCNS.h4 + BDFDB.disCNS.headertitle + BDFDB.disCNS.size16 + BDFDB.disCNS.height20 + BDFDB.disCNS.weightsemibold + BDFDB.disCNS.defaultcolor + BDFDB.disCNS.h4defaultmargin + BDFDB.disCN.marginreset}" > User LogIn / - Out Timelog < / h 4 >
< / d i v >
< svg class = "${BDFDB.disCNS.modalclose + BDFDB.disCN.flexchild}" xmlns = "http://www.w3.org/2000/svg" width = "18" height = "18" viewBox = "0 0 12 12" >
< g fill = "none" fill - rule = "evenodd" >
< path d = "M0 0h12v12H0" > < / p a t h >
< path class = "fill" fill = "currentColor" d = "M9.5 3.205L8.795 2.5 6 5.295 3.205 2.5l-.705.705L5.295 6 2.5 8.795l.705.705L6 6.705 8.795 9.5l.705-.705L6.705 6" > < / p a t h >
< / g >
< / s v g >
< / d i v >
< div class = "${BDFDB.disCNS.scrollerwrap + BDFDB.disCNS.modalcontent + BDFDB.disCNS.scrollerthemed + BDFDB.disCN.themeghosthairline}" >
< div class = "${BDFDB.disCNS.scroller + BDFDB.disCN.modalsubinner} entries" >
< / d i v >
< / d i v >
< div class = "${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.horizontalreverse + BDFDB.disCNS.horizontalreverse2 + BDFDB.disCNS.directionrowreverse + BDFDB.disCNS.justifystart + BDFDB.disCNS.alignstretch + BDFDB.disCNS.nowrap + BDFDB.disCN.modalfooter}" >
< button type = "button" class = "btn-ok ${BDFDB.disCNS.button + BDFDB.disCNS.buttonlookfilled + BDFDB.disCNS.buttoncolorbrand + BDFDB.disCNS.buttonsizemedium + BDFDB.disCN.buttongrow}" >
< div class = "${BDFDB.disCN.buttoncontents}" > < / d i v >
< / b u t t o n >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / s p a n > ` ;
this . logEntryMarkup =
` <div class=" ${ BDFDB . disCNS . flex + BDFDB . disCNS . flex2 + BDFDB . disCNS . horizontal + BDFDB . disCNS . horizontal2 + BDFDB . disCNS . directionrow + BDFDB . disCNS . justifystart + BDFDB . disCNS . aligncenter + BDFDB . disCNS . nowrap + BDFDB . disCNS . margintop4 + BDFDB . disCN . marginbottom4 } entry" style="flex: 1 1 auto;">
< h3 class = "${BDFDB.disCNS.titledefault + BDFDB.disCNS.title + BDFDB.disCNS.marginreset + BDFDB.disCNS.weightmedium + BDFDB.disCNS.size16 + BDFDB.disCNS.height24 + BDFDB.disCNS.flexchild + BDFDB.disCNS.overflowellipsis} log-time" style = "flex: 0 0 auto;" > < / h 3 >
< div class = "log-avatar" > < / d i v >
< h3 class = "${BDFDB.disCNS.titledefault + BDFDB.disCNS.title + BDFDB.disCNS.marginreset + BDFDB.disCNS.weightmedium + BDFDB.disCNS.size16 + BDFDB.disCNS.height24 + BDFDB.disCNS.flexchild + BDFDB.disCNS.overflowellipsis} log-description" style = "flex: 1 1 auto;" > < / h 3 >
< / d i v > ` ;
this . dividerMarkup = ` <div class=" ${ BDFDB . disCNS . modaldivider + BDFDB . disCN . modaldividerdefault } "></div> ` ;
this . css = `
. guilds > . friends - online {
cursor : pointer ;
}
2019-01-01 22:30:57 +01:00
. $ { this . name } - modal . log - time {
2018-10-11 10:21:26 +02:00
width : 100 px ;
}
2019-01-01 22:30:57 +01:00
. $ { this . name } - modal . log - avatar {
2018-10-11 10:21:26 +02:00
width : 35 px ;
height : 35 px ;
background - size : cover ;
background - position : center ;
border - radius : 50 % ;
}
. StalkerNotifications - settings . avatar - list {
display : flex ;
align - items : center ;
flex - wrap : wrap ;
}
. StalkerNotifications - settings . type - toast , . StalkerNotifications - settings . type - desktop {
border - radius : 3 px ;
padding : 0 3 px ;
}
. StalkerNotifications - settings . type - toast {
background - color : # 7289 DA ;
}
. StalkerNotifications - settings . type - desktop {
background - color : # 43 B581 ;
}
. StalkerNotifications - settings . settings - avatar . desktop {
border - color : # 43 B581 ;
}
. StalkerNotifications - settings . settings - avatar {
margin : 5 px ;
width : 50 px ;
height : 50 px ;
background - size : cover ;
background - position : center ;
border : 5 px solid # 7289 DA ;
border - radius : 50 % ;
box - sizing : border - box ;
cursor : pointer ;
}
. StalkerNotifications - settings . settings - avatar . desktop {
border - color : # 43 B581 ;
}
. StalkerNotifications - settings . settings - avatar . disabled {
border - color : # 36393 F ;
filter : grayscale ( 100 % ) brightness ( 50 % ) ;
}
. StalkerNotifications - settings . settings - avatar $ { BDFDB . dotCN . hovercardbutton } {
position : relative ;
top : - 10 px ;
right : - 25 px ;
}
. StalkerNotifications - settings . settings - avatar : not ( : hover ) $ { BDFDB . dotCN . hovercardbutton } {
opacity : 1 ;
}
. StalkerNotifications - settings . disable - all {
color : white ;
background - color : # 36393 F ;
} ` ;
this . defaults = {
settings : {
muteOnDND : { value : false , description : "Do not notify me when I am DnD:" } ,
onlyOnOnline : { value : false , description : "Only notify me when a User logs in:" } ,
openOnClick : { value : false , description : "Open the DM when you click a Notification:" }
} ,
amounts : {
checkInterval : { value : 10 , description : "Check Users every X seconds:" }
}
} ;
}
onStart ( ) {
var libraryScript = null ;
if ( typeof BDFDB !== "object" || typeof BDFDB . isLibraryOutdated !== "function" || BDFDB . isLibraryOutdated ( ) ) {
libraryScript = document . querySelector ( 'head script[src="https://mwittrien.github.io/BetterDiscordAddons/Plugins/BDFDB.js"]' ) ;
if ( libraryScript ) libraryScript . remove ( ) ;
libraryScript = document . createElement ( "script" ) ;
libraryScript . setAttribute ( "type" , "text/javascript" ) ;
libraryScript . setAttribute ( "src" , "https://mwittrien.github.io/BetterDiscordAddons/Plugins/BDFDB.js" ) ;
document . head . appendChild ( libraryScript ) ;
}
this . startTimeout = setTimeout ( ( ) => { this . initialize ( ) ; } , 30000 ) ;
if ( typeof BDFDB === "object" && typeof BDFDB . isLibraryOutdated === "function" ) this . initialize ( ) ;
else libraryScript . addEventListener ( "load" , ( ) => { this . initialize ( ) ; } ) ;
return true ;
}
initialize ( ) {
if ( typeof BDFDB === "object" ) {
BDFDB . loadMessage ( this ) ;
2018-12-20 22:54:42 +01:00
this . ChannelUtils = BDFDB . WebModules . findByProperties ( "getDMFromUserId" ) ;
this . ChannelSwitchUtils = BDFDB . WebModules . findByProperties ( "selectPrivateChannel" ) ;
this . UserMetaStore = BDFDB . WebModules . findByProperties ( "getStatuses" , "getOnlineFriendCount" ) ;
this . UserUtils = BDFDB . WebModules . findByProperties ( "getUsers" ) ;
2018-10-11 10:21:26 +02:00
for ( let id in BDFDB . loadAllData ( this , "users" ) ) {
this . stalkerOnlineList [ id ] = this . UserMetaStore . getStatus ( id ) != "offline" ;
}
this . startInterval ( ) ;
return true ;
}
else {
console . error ( this . name + ": Fatal Error: Could not load BD functions!" ) ;
return false ;
}
}
onStop ( ) {
if ( typeof BDFDB === "object" ) {
clearInterval ( this . checkInterval ) ;
BDFDB . unloadMessage ( this ) ;
return true ;
}
else {
return false ;
}
}
// begin of own functions
updateSettings ( settingspanel ) {
var settings = { } ;
for ( var input of settingspanel . querySelectorAll ( BDFDB . dotCN . switchinner ) ) {
settings [ input . value ] = input . checked ;
}
BDFDB . saveAllData ( settings , this , "settings" ) ;
}
createSettingsAvatarHtml ( user , settings ) {
let data = BDFDB . loadData ( user . id , "EditUsers" , "users" ) || { } ;
return ` <div class="settings-avatar ${ settings . desktop ? " desktop" : "" } ${ settings . disabled ? " disabled" : "" } " user-id=" ${ user . id } " style="background-image: url( ${ data . removeIcon ? "" : ( data . url ? data . url : BDFDB . getUserAvatar ( user . id ) ) } );"><div class=" ${ BDFDB . disCN . hovercardbutton } remove-user"></div></div> ` ;
}
startInterval ( ) {
clearInterval ( this . checkInterval ) ;
this . checkInterval = setInterval ( ( ) => {
let settings = BDFDB . getAllData ( this , "settings" ) ;
let notificationsound = BDFDB . loadAllData ( this , "notificationsound" ) ;
let users = BDFDB . loadAllData ( this , "users" ) ;
for ( let id in users ) {
let online = this . UserMetaStore . getStatus ( id ) != "offline" ;
let user = this . UserUtils . getUser ( id ) ;
if ( user && this . stalkerOnlineList [ id ] != online && ! users [ id ] . disabled ) {
this . timeLog . push ( { user , online , time : new Date ( ) } ) ;
if ( ! ( settings . onlyOnOnline && ! online ) && ! ( settings . muteOnDND && BDFDB . getUserStatus ( ) == "dnd" ) ) {
let data = BDFDB . loadData ( user . id , "EditUsers" , "users" ) || { } ;
let string = ` ${ BDFDB . encodeToHTML ( data . name ? data . name : user . username ) } is ${ online ? "online" : "offline" } . ` ;
let avatar = data . removeIcon ? "" : ( data . url ? data . url : BDFDB . getUserAvatar ( user . id ) ) ;
let openChannel = ( ) => {
if ( settings . openOnClick ) {
let DMid = this . ChannelUtils . getDMFromUserId ( user . id ) ;
if ( DMid ) {
require ( "electron" ) . remote . getCurrentWindow ( ) . maximize ( ) ;
this . ChannelSwitchUtils . selectPrivateChannel ( DMid ) ;
}
}
} ;
if ( ! users [ id ] . desktop ) {
let toast = BDFDB . showToast ( ` <div class="toast-inner"><div class="toast-avatar" style="background-image:url( ${ avatar } );"></div><div> ${ string } </div></div> ` , { html : true , timeout : 5000 , type : ( online ? "success" : null ) , icon : false } ) ;
$ ( toast ) . on ( "click." + this . name , openChannel ) ;
}
else {
let notificationsound = BDFDB . loadAllData ( this , "notificationsound" ) ;
BDFDB . showDesktopNotification ( string , { icon : avatar , timeout : 5000 , click : openChannel , silent : notificationsound . mute , sound : notificationsound . song } ) ;
}
}
}
this . stalkerOnlineList [ id ] = online ;
}
} , BDFDB . getData ( "checkInterval" , this , "amounts" ) * 1000 ) ;
}
saveAudio ( settingspanel ) {
var successSavedAudio = ( parsedurl , parseddata ) => {
if ( parsedurl && parseddata ) BDFDB . showToast ( ` Sound was saved successfully. ` , { type : "success" } ) ;
let notificationsound = BDFDB . loadAllData ( this , "notificationsound" ) ;
notificationsound . url = parsedurl ;
notificationsound . song = parseddata ;
BDFDB . saveAllData ( notificationsound , this , "notificationsound" ) ;
} ;
var url = settingspanel . querySelector ( ".songInput" ) . value ;
if ( url . length == 0 ) {
BDFDB . showToast ( ` Sound was set to the default sound. ` , { type : "warn" } ) ;
successSavedAudio ( url , url ) ;
}
else if ( url . indexOf ( "http" ) == 0 ) {
require ( "request" ) ( url , ( error , response , result ) => {
if ( response ) {
var type = response . headers [ "content-type" ] ;
if ( type && ( type . indexOf ( "octet-stream" ) > - 1 || type . indexOf ( "audio" ) > - 1 || type . indexOf ( "video" ) > - 1 ) ) {
successSavedAudio ( url , url ) ;
return ;
}
}
BDFDB . showToast ( "Use a valid direct link to a video or audio source. They usually end on something like .mp3, .mp4 or .wav." , { type : "danger" } ) ;
} ) ;
}
else {
require ( "fs" ) . readFile ( url , ( error , response ) => {
if ( error ) {
BDFDB . showToast ( "Could not fetch file. Please make sure the file exists." , { type : "danger" } ) ;
}
else {
successSavedAudio ( url , ` data:audio/mpeg;base64, ${ response . toString ( "base64" ) } ` ) ;
}
} ) ;
}
}
showTimeLog ( ) {
var timeLogModal = $ ( this . timeLogModalMarkup ) ;
let logs = this . timeLog . slice ( 0 ) . reverse ( ) ;
for ( let log of logs ) {
let entry = $ ( this . logEntryMarkup ) ;
let divider = $ ( this . dividerMarkup ) ;
let data = BDFDB . loadData ( log . user . id , "EditUsers" , "users" ) || { } ;
entry . find ( ".log-time" ) . text ( ` [ ${ log . time . toLocaleTimeString ( ) } ] ` ) ;
entry . find ( ".log-avatar" ) . css ( "background-image" , ` url( ${ data . removeIcon ? "" : ( data . url ? data . url : BDFDB . getUserAvatar ( log . user . id ) ) } ) ` ) ;
entry . find ( ".log-description" ) . text ( ` ${ data . name ? data . name : log . user . username } is ${ log . online ? "online" : "offline" } . ` ) ;
timeLogModal . find ( ".entries" ) . append ( entry ) . append ( divider ) ;
}
timeLogModal . find ( BDFDB . dotCN . modaldivider + ":last-of-type" ) . remove ( ) ;
BDFDB . appendModal ( timeLogModal ) ;
}
getSettingsPanel ( ) {
var amounts = BDFDB . getAllData ( this , "amounts" ) ;
var settings = BDFDB . getAllData ( this , "settings" ) ;
var users = BDFDB . loadAllData ( this , "users" ) ;
var notificationsound = BDFDB . loadAllData ( this , "notificationsound" ) ;
var settingshtml = ` <div class="DevilBro-settings ${ this . name } -settings"> ` ;
2019-01-09 14:09:26 +01:00
settingshtml += ` <div class=" ${ BDFDB . disCNS . flex + BDFDB . disCNS . flex2 + BDFDB . disCNS . horizontal + BDFDB . disCNS . horizontal2 + BDFDB . disCNS . directionrow + BDFDB . disCNS . justifystart + BDFDB . disCNS . aligncenter + BDFDB . disCNS . nowrap + BDFDB . disCN . marginbottom8 } " style="flex: 1 1 auto;"><h3 class=" ${ BDFDB . disCNS . titledefault + BDFDB . disCNS . title + BDFDB . disCNS . weightmedium + BDFDB . disCNS . size16 + BDFDB . disCN . flexchild } " style="flex: 0 0 50%;">Add User:</h3><div class=" ${ BDFDB . disCNS . inputwrapper + BDFDB . disCNS . vertical + BDFDB . disCNS . flex + BDFDB . disCN . directioncolumn } " style="flex: 1 1 auto;"><input type="text" value="" placeholder="UserID" class=" ${ BDFDB . disCNS . inputdefault + BDFDB . disCNS . input + BDFDB . disCN . size16 } " id="input-userid"></div><button type="button" class=" ${ BDFDB . disCNS . flexchild + BDFDB . disCNS . button + BDFDB . disCNS . buttonlookfilled + BDFDB . disCNS . buttoncolorbrand + BDFDB . disCNS . buttonsizemedium + BDFDB . disCN . buttongrow } btn-add btn-adduser" style="flex: 0 0 auto;"><div class=" ${ BDFDB . disCN . buttoncontents } "></div></button></div> ` ;
2018-10-11 10:21:26 +02:00
for ( let key in amounts ) {
settingshtml += ` <div class=" ${ BDFDB . disCNS . flex + BDFDB . disCNS . flex2 + BDFDB . disCNS . horizontal + BDFDB . disCNS . horizontal2 + BDFDB . disCNS . directionrow + BDFDB . disCNS . justifystart + BDFDB . disCNS . aligncenter + BDFDB . disCNS . nowrap + BDFDB . disCN . marginbottom8 } " style="flex: 1 1 auto;"><h3 class=" ${ BDFDB . disCNS . titledefault + BDFDB . disCNS . title + BDFDB . disCNS . weightmedium + BDFDB . disCNS . size16 + BDFDB . disCN . flexchild } " style="flex: 0 0 50%;"> ${ this . defaults . amounts [ key ] . description } </h3><div class=" ${ BDFDB . disCN . inputwrapper } inputNumberWrapper ${ BDFDB . disCNS . vertical + BDFDB . disCNS . flex + BDFDB . disCNS . directioncolumn } " style="flex: 1 1 auto;"><span class="numberinput-buttons-zone"><span class="numberinput-button-up"></span><span class="numberinput-button-down"></span></span><input type="number" min="0" option=" ${ key } " value=" ${ amounts [ key ] } " class=" ${ BDFDB . disCNS . inputdefault + BDFDB . disCNS . input + BDFDB . disCN . size16 } amountInput"></div></div> ` ;
}
for ( let key in settings ) {
settingshtml += ` <div class=" ${ BDFDB . disCNS . flex + BDFDB . disCNS . flex2 + BDFDB . disCNS . horizontal + BDFDB . disCNS . horizontal2 + BDFDB . disCNS . directionrow + BDFDB . disCNS . justifystart + BDFDB . disCNS . aligncenter + BDFDB . disCNS . nowrap + BDFDB . disCN . marginbottom8 } " style="flex: 1 1 auto;"><h3 class=" ${ BDFDB . disCNS . titledefault + BDFDB . disCNS . title + BDFDB . disCNS . marginreset + BDFDB . disCNS . weightmedium + BDFDB . disCNS . size16 + BDFDB . disCNS . height24 + BDFDB . disCN . flexchild } " style="flex: 1 1 auto;"> ${ this . defaults . settings [ key ] . description } </h3><div class=" ${ BDFDB . disCNS . flexchild + BDFDB . disCNS . switchenabled + BDFDB . disCNS . switch + BDFDB . disCNS . switchvalue + BDFDB . disCNS . switchsizedefault + BDFDB . disCNS . switchsize + BDFDB . disCN . switchthemedefault } " style="flex: 0 0 auto;"><input type="checkbox" value=" ${ key } " class=" ${ BDFDB . disCNS . switchinnerenabled + BDFDB . disCN . switchinner } settings-checkbox" ${ settings [ key ] ? " checked" : "" } ></div></div> ` ;
}
if ( "Notification" in window ) settingshtml += ` <div class=" ${ BDFDB . disCNS . flexchild + BDFDB . disCN . marginbottom8 } " style="flex: 1 1 auto;"><div class=" ${ BDFDB . disCNS . flex + BDFDB . disCNS . flex2 + BDFDB . disCNS . horizontal + BDFDB . disCNS . horizontal2 + BDFDB . disCNS . directionrow + BDFDB . disCNS . justifystart + BDFDB . disCNS . aligncenter + BDFDB . disCNS . nowrap + BDFDB . disCN . marginbottom8 } " style="flex: 1 1 auto;"><h5 class=" ${ BDFDB . disCNS . flexchild + BDFDB . disCNS . h5 + BDFDB . disCNS . title + BDFDB . disCNS . size12 + BDFDB . disCNS . height16 + BDFDB . disCNS . weightsemibold + BDFDB . disCNS . h5defaultmargin } " style="flex: 1 1 auto;">Desktop Notification Sound:</h5><h5 class=" ${ BDFDB . disCNS . flexchild + BDFDB . disCNS . h5 + BDFDB . disCNS . title + BDFDB . disCNS . size12 + BDFDB . disCNS . height16 + BDFDB . disCNS . weightsemibold + BDFDB . disCNS . h5defaultmargin } " style="flex: 0 0 auto;">Mute:</h5><div class=" ${ BDFDB . disCNS . flexchild + BDFDB . disCNS . switchenabled + BDFDB . disCNS . switch + BDFDB . disCNS . switchvalue + BDFDB . disCNS . switchsizedefault + BDFDB . disCNS . switchsize + BDFDB . disCN . switchthemedefault } " style="flex: 0 0 auto;"><input type="checkbox" class=" ${ BDFDB . disCNS . switchinnerenabled + BDFDB . disCN . switchinner } mute-checkbox" ${ notificationsound . mute ? " checked" : "" } ></div></div><div class=" ${ BDFDB . disCNS . flex + BDFDB . disCNS . flex2 + BDFDB . disCNS . horizontal + BDFDB . disCNS . horizontal2 + BDFDB . disCNS . directionrow + BDFDB . disCNS . justifystart + BDFDB . disCNS . aligncenter + BDFDB . disCN . nowrap } " style="flex: 1 1 auto;"><div class=" ${ BDFDB . disCNS . inputwrapper + BDFDB . disCNS . vertical + BDFDB . disCNS . flex + BDFDB . disCNS . directioncolumn + BDFDB . disCN . flexchild } " style="flex: 1 1 auto;"><input type="text" value=" ${ notificationsound . url ? notificationsound . url : "" } " placeholder="Url or Filepath" class=" ${ BDFDB . disCNS . inputdefault + BDFDB . disCNS . input + BDFDB . disCN . size16 } songInput"></div><button type="button" class=" ${ BDFDB . disCNS . flexchild + BDFDB . disCNS . button + BDFDB . disCNS . buttonlookfilled + BDFDB . disCNS . buttoncolorbrand + BDFDB . disCNS . buttonsizemedium + BDFDB . disCN . buttongrow } file-navigator" style="flex: 0 0 auto;"><div class=" ${ BDFDB . disCN . buttoncontents } "></div><input type="file" accept="audio/*,video/*" style="display:none!important;"></button><button type="button" class=" ${ BDFDB . disCNS . flexchild + BDFDB . disCNS . button + BDFDB . disCNS . buttonlookfilled + BDFDB . disCNS . buttoncolorbrand + BDFDB . disCNS . buttonsizemedium + BDFDB . disCN . buttongrow } btn-save btn-savesong" style="flex: 0 0 auto;"><div class=" ${ BDFDB . disCN . buttoncontents } "></div></button></div></div> ` ;
settingshtml += ` <div class=" ${ BDFDB . disCNS . flex + BDFDB . disCNS . flex2 + BDFDB . disCNS . horizontal + BDFDB . disCNS . horizontal2 + BDFDB . disCNS . directionrow + BDFDB . disCNS . justifystart + BDFDB . disCNS . aligncenter + BDFDB . disCNS . nowrap + BDFDB . disCN . marginbottom8 } " style="flex: 1 1 auto;"><h3 class=" ${ BDFDB . disCNS . titledefault + BDFDB . disCNS . title + BDFDB . disCNS . marginreset + BDFDB . disCNS . weightmedium + BDFDB . disCNS . size16 + BDFDB . disCNS . height24 + BDFDB . disCN . flexchild } " style="flex: 0 0 auto;">Click on a Icon to toggle <label class="type-toast">Toast</label> Notifications for that User:</h3></div> ` ;
if ( "Notification" in window ) settingshtml += ` <div class=" ${ BDFDB . disCNS . flex + BDFDB . disCNS . flex2 + BDFDB . disCNS . horizontal + BDFDB . disCNS . horizontal2 + BDFDB . disCNS . directionrow + BDFDB . disCNS . justifystart + BDFDB . disCNS . aligncenter + BDFDB . disCNS . nowrap + BDFDB . disCN . marginbottom8 } " style="flex: 1 1 auto;"><h3 class=" ${ BDFDB . disCNS . titledefault + BDFDB . disCNS . title + BDFDB . disCNS . marginreset + BDFDB . disCNS . weightmedium + BDFDB . disCNS . size16 + BDFDB . disCNS . height24 + BDFDB . disCN . flexchild } " style="flex: 0 0 auto;">Rightclick on a Icon to toggle <label class="type-desktop">Desktop</label> Notifications for that User:</h3></div> ` ;
settingshtml += ` <div class="avatar-list ${ BDFDB . disCN . marginbottom8 } "> ` ;
for ( let id in users ) {
let user = this . UserUtils . getUser ( id ) ;
if ( user ) settingshtml += this . createSettingsAvatarHtml ( user , users [ id ] ) ;
}
settingshtml += ` </div> ` ;
2018-11-19 14:54:44 +01:00
settingshtml += ` <div class=" ${ BDFDB . disCNS . flex + BDFDB . disCNS . flex2 + BDFDB . disCNS . horizontal + BDFDB . disCNS . horizontal2 + BDFDB . disCNS . directionrow + BDFDB . disCNS . justifystart + BDFDB . disCNS . aligncenter + BDFDB . disCNS . nowrap + BDFDB . disCN . marginbottom20 } " style="flex: 0 0 auto;"><h3 class=" ${ BDFDB . disCNS . titledefault + BDFDB . disCNS . title + BDFDB . disCNS . marginreset + BDFDB . disCNS . weightmedium + BDFDB . disCNS . size16 + BDFDB . disCNS . height24 + BDFDB . disCN . flexchild } " style="flex: 1 1 auto;">Batch set Users:</h3><button type="button" do-disable=true class=" ${ BDFDB . disCNS . flexchild + BDFDB . disCNS . button + BDFDB . disCNS . buttoncolorprimary + BDFDB . disCNS . buttonlookfilled + BDFDB . disCNS . buttonsizemedium + BDFDB . disCN . buttongrow } disable-all" style="flex: 0 0 auto;"><div class=" ${ BDFDB . disCN . buttoncontents } ">Disable</div></button><button type="button" do-toast=true class=" ${ BDFDB . disCNS . flexchild + BDFDB . disCNS . button + BDFDB . disCNS . buttonlookfilled + BDFDB . disCNS . buttoncolorbrand + BDFDB . disCNS . buttonsizemedium + BDFDB . disCN . buttongrow } toast-all" style="flex: 0 0 auto;"><div class=" ${ BDFDB . disCN . buttoncontents } ">Toast</div></button> ${ "Notification" in window ? ` <button type="button" do-desktop=true class=" ${ BDFDB . disCNS . flexchild + BDFDB . disCNS . button + BDFDB . disCNS . buttonlookfilled + BDFDB . disCNS . buttoncolorgreen + BDFDB . disCNS . buttonsizemedium + BDFDB . disCN . buttongrow } desktop-all" style="flex: 0 0 auto;"><div class=" ${ BDFDB . disCN . buttoncontents } ">Desktop</div></button> ` : ` ` } </div> ` ;
2018-10-11 10:21:26 +02:00
settingshtml += ` <div class=" ${ BDFDB . disCNS . flex + BDFDB . disCNS . flex2 + BDFDB . disCNS . horizontal + BDFDB . disCNS . horizontal2 + BDFDB . disCNS . directionrow + BDFDB . disCNS . justifystart + BDFDB . disCNS . aligncenter + BDFDB . disCNS . nowrap + BDFDB . disCN . marginbottom20 } " style="flex: 0 0 auto;"><h3 class=" ${ BDFDB . disCNS . titledefault + BDFDB . disCNS . title + BDFDB . disCNS . marginreset + BDFDB . disCNS . weightmedium + BDFDB . disCNS . size16 + BDFDB . disCNS . height24 + BDFDB . disCN . flexchild } " style="flex: 1 1 auto;">Timelog of LogIns/-Outs:</h3><button type="button" class=" ${ BDFDB . disCNS . flexchild + BDFDB . disCNS . button + BDFDB . disCNS . buttonlookfilled + BDFDB . disCNS . buttoncolorbrand + BDFDB . disCNS . buttonsizemedium + BDFDB . disCN . buttongrow } btn-timelog" style="flex: 0 0 auto;"><div class=" ${ BDFDB . disCN . buttoncontents } ">Timelog</div></button></div> ` ;
settingshtml += ` </div> ` ;
var settingspanel = $ ( settingshtml ) [ 0 ] ;
$ ( settingspanel )
. on ( "click" , ".settings-checkbox" , ( ) => { this . updateSettings ( settingspanel ) ; } )
. on ( "click" , ".btn-savesong" , ( ) => { this . saveAudio ( settingspanel ) ; } )
. on ( "click" , ".mute-checkbox" , ( e ) => {
var notificationsound = BDFDB . loadAllData ( this , "notificationsound" ) ;
notificationsound . mute = e . currentTarget . checked ;
BDFDB . saveAllData ( notificationsound , this , "notificationsound" ) ;
} )
. on ( "mouseenter" , ".settings-avatar" , ( e ) => {
let user = this . UserUtils . getUser ( e . currentTarget . getAttribute ( "user-id" ) ) ;
let data = BDFDB . loadData ( user . id , "EditUsers" , "users" ) || { } ;
BDFDB . createTooltip ( data . name ? data . name : user . username , e . currentTarget , { type : "top" } ) ;
} )
. on ( "contextmenu" , ".settings-avatar" , ( e ) => {
if ( ! ( "Notification" in window ) ) return ;
let desktopoff = ! e . currentTarget . classList . contains ( "desktop" ) ;
let id = e . currentTarget . getAttribute ( "user-id" ) ;
e . currentTarget . classList . remove ( "disabled" ) ;
e . currentTarget . classList . toggle ( "desktop" , desktopoff ) ;
BDFDB . saveData ( id , { "desktop" : desktopoff , "disabled" : false } , this , "users" ) ;
} )
. on ( "click" , ".settings-avatar" , ( e ) => {
if ( e . target . classList . contains ( "remove-user" ) ) return ;
let disableoff = ! e . currentTarget . classList . contains ( "disabled" ) ;
let id = e . currentTarget . getAttribute ( "user-id" ) ;
e . currentTarget . classList . remove ( "desktop" ) ;
e . currentTarget . classList . toggle ( "disabled" , disableoff ) ;
BDFDB . saveData ( id , { "desktop" : false , "disabled" : disableoff } , this , "users" ) ;
} )
. on ( "click" , ".disable-all, .toast-all, .desktop-all" , ( e ) => {
let button = e . currentTarget ;
let disableon = button . getAttribute ( "do-disable" ) ;
let desktopon = button . getAttribute ( "do-desktop" ) ;
let users = BDFDB . loadAllData ( this , "users" ) ;
settingspanel . querySelectorAll ( ".settings-avatar" ) . forEach ( avatar => {
let id = avatar . getAttribute ( "user-id" ) ;
avatar . classList . toggle ( "disabled" , disableon ) ;
avatar . classList . toggle ( "desktop" , desktopon ) ;
users [ id ] . desktop = desktopon ? true : false ;
users [ id ] . disabled = disableon ? true : false ;
} ) ;
BDFDB . saveAllData ( users , this , "users" ) ;
} )
. on ( "click" , ".btn-adduser" , ( e ) => {
let idinput = settingspanel . querySelector ( "#input-userid" ) ;
let user = this . UserUtils . getUser ( idinput . value ) ;
if ( user ) {
idinput . value = "" ;
BDFDB . saveData ( user . id , { desktop : false , disabled : false } , this , "users" ) ;
settingspanel . querySelectorAll ( ".settings-avatar" ) . forEach ( entry => { entry . remove ( ) ; } ) ;
let listhtml = ` <div class="avatar-list ${ BDFDB . disCN . marginbottom8 } "> ` ;
let users = BDFDB . loadAllData ( this , "users" ) ;
for ( let id in users ) {
let user = this . UserUtils . getUser ( id ) ;
if ( user ) listhtml += this . createSettingsAvatarHtml ( user , users [ id ] ) ;
}
listhtml += ` </div> ` ;
settingspanel . querySelector ( ".avatar-list" ) . innerHTML = listhtml ;
}
else BDFDB . showToast ( "Please enter a valid UserID." , { type : "error" } ) ;
} )
. on ( "click" , ".remove-user" , ( e ) => {
BDFDB . removeData ( e . currentTarget . parentElement . getAttribute ( "user-id" ) , this , "users" ) ;
settingspanel . querySelectorAll ( ".settings-avatar" ) . forEach ( entry => { entry . remove ( ) ; } ) ;
let listhtml = ` <div class="avatar-list ${ BDFDB . disCN . marginbottom8 } "> ` ;
let users = BDFDB . loadAllData ( this , "users" ) ;
for ( let id in users ) {
let user = this . UserUtils . getUser ( id ) ;
if ( user ) listhtml += this . createSettingsAvatarHtml ( user , users [ id ] ) ;
}
listhtml += ` </div> ` ;
settingspanel . querySelector ( ".avatar-list" ) . innerHTML = listhtml ;
} )
. on ( "click" , ".btn-timelog" , ( ) => {
this . showTimeLog ( ) ;
} )
. on ( "input" , ".amountInput" , ( e ) => {
let input = parseInt ( e . currentTarget . value ) ;
if ( ! isNaN ( input ) && input > 0 ) {
BDFDB . saveData ( e . currentTarget . getAttribute ( "option" ) , input , this , "amounts" ) ;
this . startInterval ( ) ;
}
else e . currentTarget . value = 1 ;
} ) ;
return settingspanel ;
}
}
} ;