2019-01-31 17:06:48 +01:00
//META{"name":"JoinedAtDate","website":"https://github.com/mwittrien/BetterDiscordAddons/tree/master/Plugins/JoinedAtDate","source":"https://raw.githubusercontent.com/mwittrien/BetterDiscordAddons/master/Plugins/JoinedAtDate/JoinedAtDate.plugin.js"}*//
2018-11-23 16:58:33 +01:00
class JoinedAtDate {
2019-01-15 10:06:55 +01:00
getName ( ) { return "JoinedAtDate" ; }
2019-02-22 21:39:10 +01:00
getVersion ( ) { return "1.0.9" ; }
2019-01-15 10:06:55 +01:00
getAuthor ( ) { return "DevilBro" ; }
getDescription ( ) { return "Displays the Joined At Date of the current Server for a Member in the UserPopout and UserModal." ; }
2019-01-26 22:45:19 +01:00
2018-11-23 16:58:33 +01:00
initConstructor ( ) {
2019-02-22 21:39:10 +01:00
this . changelog = {
"improved" : [ [ "Settings" , "Added new settings to allow better timestamp customization" ] ]
} ;
2018-11-23 16:58:33 +01:00
this . labels = { } ;
2019-01-26 22:45:19 +01:00
2018-12-30 12:01:01 +01:00
this . patchModules = {
"UserPopout" : "componentDidMount" ,
"UserProfile" : "componentDidMount"
} ;
2019-01-26 22:45:19 +01:00
2018-11-23 16:58:33 +01:00
this . languages ;
2019-01-26 22:45:19 +01:00
2018-11-23 16:58:33 +01:00
this . loadedusers = { } ;
2019-01-26 22:45:19 +01:00
2018-11-23 16:58:33 +01:00
this . css = `
$ { BDFDB . dotCNS . userpopout + BDFDB . dotCN . nametag } {
margin - bottom : 4 px ;
}
2018-12-30 12:01:01 +01:00
$ { BDFDB . dotCN . userprofile } . joinedAtDate {
2019-01-03 22:22:05 +01:00
margin - right : 20 px ;
2018-12-30 12:01:01 +01:00
}
2018-11-23 16:58:33 +01:00
$ { BDFDB . dotCNS . themelight + BDFDB . dotCN . userpopoutheadernormal } . joinedAtDate {
color : # b9bbbe ;
}
2019-01-22 12:22:17 +01:00
$ { BDFDB . dotCNS . themelight + BDFDB . dotCN . userpopoutheader + BDFDB . notCN . userpopoutheadernormal } . joinedAtDate ,
2018-11-23 16:58:33 +01:00
$ { BDFDB . dotCNS . themedark + BDFDB . dotCN . userpopoutheader } . joinedAtDate {
color : hsla ( 0 , 0 % , 100 % , . 6 ) ;
}
$ { BDFDB . dotCNS . themelight + BDFDB . dotCN . userprofiletopsectionnormal } . joinedAtDate {
color : hsla ( 216 , 4 % , 74 % , . 6 ) ;
}
2019-01-22 12:22:17 +01:00
$ { BDFDB . dotCN . themelight } [ class *= 'topSection' ] $ { BDFDB . notCN . userprofiletopsectionnormal } . joinedAtDate ,
2018-11-23 16:58:33 +01:00
$ { BDFDB . dotCN . themedark } [ class *= 'topSection' ] . joinedAtDate {
color : hsla ( 0 , 0 % , 100 % , . 6 ) ;
} ` ;
2019-01-26 22:45:19 +01:00
2018-11-23 16:58:33 +01:00
this . defaults = {
settings : {
addInUserPopout : { value : true , description : "Add in User Popouts:" } ,
addInUserProfil : { value : true , description : "Add in User Profil Modal:" } ,
2019-02-22 21:39:10 +01:00
displayTime : { value : true , description : "Display the Time in the Timestamp:" } ,
displayDate : { value : true , description : "Display the Date in the Timestamp:" } ,
cutSeconds : { value : false , description : "Cut off Seconds of the Time:" } ,
forceZeros : { value : false , description : "Force leading Zeros:" } ,
otherOrder : { value : false , description : "Show the Time before the Date:" }
2018-11-23 16:58:33 +01:00
} ,
choices : {
joinedAtDateLang : { value : "$discord" , description : "Joined At Date Format:" }
2019-02-22 21:39:10 +01:00
} ,
formats : {
ownFormat : { value : "$hour:$minute:$second, $day.$month.$year" , description : "Own Format:" }
2018-11-23 16:58:33 +01:00
}
} ;
}
2019-01-26 22:45:19 +01:00
2018-11-23 16:58:33 +01:00
getSettingsPanel ( ) {
2019-01-22 11:28:32 +01:00
if ( ! global . BDFDB || typeof BDFDB != "object" || ! BDFDB . loaded || ! this . started ) return ;
2018-12-30 12:01:01 +01:00
let settings = BDFDB . getAllData ( this , "settings" ) ;
let choices = BDFDB . getAllData ( this , "choices" ) ;
2019-02-22 21:39:10 +01:00
let formats = BDFDB . getAllData ( this , "formats" ) ;
2019-01-24 13:37:08 +01:00
let settingshtml = ` <div class=" ${ this . name } -settings DevilBro-settings"><div class=" ${ BDFDB . disCNS . titledefault + BDFDB . disCNS . title + BDFDB . disCNS . size18 + BDFDB . disCNS . height24 + BDFDB . disCNS . weightnormal + BDFDB . disCN . marginbottom8 } "> ${ this . name } </div><div class="DevilBro-settings-inner"> ` ;
2018-11-23 16:58:33 +01:00
for ( let key in settings ) {
2019-01-15 10:06:55 +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 . 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="settings ${ key } " class=" ${ BDFDB . disCNS . switchinnerenabled + BDFDB . disCN . switchinner } settings-switch" ${ settings [ key ] ? " checked" : "" } ></div></div> ` ;
2018-11-23 16:58:33 +01:00
}
for ( let key in choices ) {
2019-02-22 21:39:10 +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 30%;"> ${ this . defaults . choices [ key ] . description } </h3><div class=" ${ BDFDB . disCN . selectwrap } " style="flex: 1 1 70%;"><div class=" ${ BDFDB . disCNS . select + BDFDB . disCNS . selectsingle + BDFDB . disCN . selecthasvalue } " type=" ${ key } " value=" ${ choices [ key ] } "><div class=" ${ BDFDB . disCN . selectcontrol } "><div class=" ${ BDFDB . disCNS . flex + BDFDB . disCNS . flex2 + BDFDB . disCNS . horizontal + BDFDB . disCNS . horizontal2 + BDFDB . disCNS . directionrow + BDFDB . disCNS . justifystart + BDFDB . disCNS . alignbaseline + BDFDB . disCNS . nowrap + BDFDB . disCN . selectvalue } " style="flex: 1 1 auto;"><div class=" ${ BDFDB . disCNS . title + BDFDB . disCNS . medium + BDFDB . disCNS . size16 + BDFDB . disCNS . height20 + BDFDB . disCNS . primary + BDFDB . disCN . weightnormal } languageName" style="flex: 1 1 42%; padding:0;"> ${ this . languages [ choices [ key ] ] . name } </div><div class=" ${ BDFDB . disCNS . title + BDFDB . disCNS . medium + BDFDB . disCNS . size16 + BDFDB . disCNS . height20 + BDFDB . disCNS . primary + BDFDB . disCN . weightnormal } languageTimestamp" style="flex: 1 1 58%; padding:0;"> ${ this . getTimestamp ( this . languages [ choices [ key ] ] . id ) } </div></div><span class=" ${ BDFDB . disCN . selectarrowzone } "><span class=" ${ BDFDB . disCN . selectarrow } "></span></span></div></div></div></div> ` ;
}
for ( let key in formats ) {
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 30%;"> ${ this . defaults . formats [ key ] . description } </h3><div class=" ${ BDFDB . disCNS . inputwrapper + BDFDB . disCNS . vertical + BDFDB . disCNS . flex + BDFDB . disCN . directioncolumn } " style="flex: 1 1 auto;"><input type="text" option=" ${ key } " value=" ${ formats [ key ] } " placeholder=" ${ this . defaults . formats [ key ] . value } " class=" ${ BDFDB . disCNS . inputdefault + BDFDB . disCNS . input + BDFDB . disCN . size16 } "></div></div> ` ;
2018-11-23 16:58:33 +01:00
}
2019-02-22 21:39:10 +01:00
let infoHidden = BDFDB . loadData ( "hideInfo" , this , "hideInfo" ) ;
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 . disCNS . cursorpointer + ( infoHidden ? BDFDB . disCN . categorywrappercollapsed : BDFDB . disCN . categorywrapperdefault ) } toggle-info" style="flex: 1 1 auto;"><svg class=" ${ BDFDB . disCNS . categoryicontransition + BDFDB . disCNS . directionright + ( infoHidden ? BDFDB . disCN . categoryiconcollapsed : BDFDB . disCN . categoryicondefault ) } " width="12" height="12" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M7 10L12 15 17 10"></path></svg><div class=" ${ BDFDB . disCNS . categorycolortransition + BDFDB . disCNS . categoryoverflowellipsis + BDFDB . disCN . categorynamecollapsed } " style="flex: 1 1 auto;">Information</div></div> ` ;
settingshtml += ` <div class="DevilBro-settings-inner-list info-container" ${ infoHidden ? "style='display:none;'" : "" } > ` ;
settingshtml += ` <div class=" ${ BDFDB . disCNS . description + BDFDB . disCNS . formtext + BDFDB . disCNS . note + BDFDB . disCNS . modedefault + BDFDB . disCN . primary } "> $ hour will be replaced with the current hour</div><div class=" ${ BDFDB . disCNS . description + BDFDB . disCNS . formtext + BDFDB . disCNS . note + BDFDB . disCNS . modedefault + BDFDB . disCN . primary } "> $ minute will be replaced with the current minutes</div><div class=" ${ BDFDB . disCNS . description + BDFDB . disCNS . formtext + BDFDB . disCNS . note + BDFDB . disCNS . modedefault + BDFDB . disCN . primary } "> $ second will be replaced with the current seconds</div><div class=" ${ BDFDB . disCNS . description + BDFDB . disCNS . formtext + BDFDB . disCNS . note + BDFDB . disCNS . modedefault + BDFDB . disCN . primary } "> $ msecond will be replaced with the current milliseconds</div><div class=" ${ BDFDB . disCNS . description + BDFDB . disCNS . formtext + BDFDB . disCNS . note + BDFDB . disCNS . modedefault + BDFDB . disCN . primary } "> $ timemode will change $ hour to a 12h format and will be replaced with AM/PM</div><div class=" ${ BDFDB . disCNS . description + BDFDB . disCNS . formtext + BDFDB . disCNS . note + BDFDB . disCNS . modedefault + BDFDB . disCN . primary } "> $ year will be replaced with the current year</div><div class=" ${ BDFDB . disCNS . description + BDFDB . disCNS . formtext + BDFDB . disCNS . note + BDFDB . disCNS . modedefault + BDFDB . disCN . primary } "> $ month will be replaced with the current month</div><div class=" ${ BDFDB . disCNS . description + BDFDB . disCNS . formtext + BDFDB . disCNS . note + BDFDB . disCNS . modedefault + BDFDB . disCN . primary } "> $ day will be replaced with the current day</div><div class=" ${ BDFDB . disCNS . description + BDFDB . disCNS . formtext + BDFDB . disCNS . note + BDFDB . disCNS . modedefault + BDFDB . disCN . primary } "> $ monthnameL will be replaced with the monthname in long format based on the Discord Language</div><div class=" ${ BDFDB . disCNS . description + BDFDB . disCNS . formtext + BDFDB . disCNS . note + BDFDB . disCNS . modedefault + BDFDB . disCN . primary } "> $ monthnameS will be replaced with the monthname in short format based on the Discord Language</div><div class=" ${ BDFDB . disCNS . description + BDFDB . disCNS . formtext + BDFDB . disCNS . note + BDFDB . disCNS . modedefault + BDFDB . disCN . primary } "> $ weekdayL will be replaced with the weekday in long format based on the Discord Language</div><div class=" ${ BDFDB . disCNS . description + BDFDB . disCNS . formtext + BDFDB . disCNS . note + BDFDB . disCNS . modedefault + BDFDB . disCN . primary } "> $ weekdayS will be replaced with the weekday in short format based on the Discord Language</div> ` ;
2018-11-23 16:58:33 +01:00
settingshtml += ` </div></div> ` ;
2019-01-26 22:45:19 +01:00
2019-01-15 10:06:55 +01:00
let settingspanel = BDFDB . htmlToElement ( settingshtml ) ;
2018-11-23 16:58:33 +01:00
2019-01-15 10:06:55 +01:00
BDFDB . initElements ( settingspanel , this ) ;
2018-11-23 16:58:33 +01:00
2019-02-22 21:39:10 +01:00
BDFDB . addEventListener ( this , settingspanel , "click" , ".settings-switch" , ( ) => { setImmediate ( ( ) => { this . updateSettingsPanel ( settingspanel ) ; } ) } ) ;
BDFDB . addEventListener ( this , settingspanel , "keyup" , BDFDB . dotCN . input , ( ) => { this . saveInputs ( settingspanel ) ; } ) ;
2019-01-17 23:48:29 +01:00
BDFDB . addEventListener ( this , settingspanel , "click" , BDFDB . dotCN . selectcontrol , e => { this . openDropdownMenu ( e ) ; } ) ;
2019-02-22 21:39:10 +01:00
BDFDB . addEventListener ( this , settingspanel , "click" , ".toggle-info" , e => { this . toggleInfo ( e . currentTarget ) ; } ) ;
2018-11-23 16:58:33 +01:00
return settingspanel ;
}
//legacy
load ( ) { }
start ( ) {
2019-02-04 09:13:15 +01:00
if ( ! global . BDFDB ) global . BDFDB = { myPlugins : { } } ;
if ( global . BDFDB && global . BDFDB . myPlugins && typeof global . BDFDB . myPlugins == "object" ) global . BDFDB . myPlugins [ this . getName ( ) ] = this ;
2019-01-17 23:48:29 +01:00
var libraryScript = document . querySelector ( 'head script[src="https://mwittrien.github.io/BetterDiscordAddons/Plugins/BDFDB.js"]' ) ;
if ( ! libraryScript || performance . now ( ) - libraryScript . getAttribute ( "date" ) > 600000 ) {
2018-11-23 16:58:33 +01:00
if ( libraryScript ) libraryScript . remove ( ) ;
libraryScript = document . createElement ( "script" ) ;
libraryScript . setAttribute ( "type" , "text/javascript" ) ;
libraryScript . setAttribute ( "src" , "https://mwittrien.github.io/BetterDiscordAddons/Plugins/BDFDB.js" ) ;
2019-01-17 23:48:29 +01:00
libraryScript . setAttribute ( "date" , performance . now ( ) ) ;
2019-01-30 21:23:49 +01:00
libraryScript . addEventListener ( "load" , ( ) => { if ( global . BDFDB && typeof BDFDB === "object" && BDFDB . loaded ) this . initialize ( ) ; } ) ;
2018-11-23 16:58:33 +01:00
document . head . appendChild ( libraryScript ) ;
}
2019-01-17 23:48:29 +01:00
else if ( global . BDFDB && typeof BDFDB === "object" && BDFDB . loaded ) this . initialize ( ) ;
2018-11-23 16:58:33 +01:00
this . startTimeout = setTimeout ( ( ) => { this . initialize ( ) ; } , 30000 ) ;
}
initialize ( ) {
2019-01-17 23:48:29 +01:00
if ( global . BDFDB && typeof BDFDB === "object" && BDFDB . loaded ) {
2019-01-22 11:05:54 +01:00
if ( this . started ) return ;
2018-11-23 16:58:33 +01:00
BDFDB . loadMessage ( this ) ;
2019-01-26 22:45:19 +01:00
2018-12-20 22:54:42 +01:00
this . CurrentGuildStore = BDFDB . WebModules . findByProperties ( "getLastSelectedGuildId" ) ;
this . APIModule = BDFDB . WebModules . findByProperties ( "getAPIBaseURL" ) ;
this . DiscordConstants = BDFDB . WebModules . findByProperties ( "Permissions" , "ActivityTypes" , "StatusTypes" ) ;
2019-01-26 22:45:19 +01:00
2019-02-22 21:39:10 +01:00
this . languages = Object . assign ( { "own" : { name : "Own" , id : "own" , integrated : false , dic : false } } , BDFDB . languages ) ;
2019-01-26 22:45:19 +01:00
2018-12-30 12:01:01 +01:00
BDFDB . WebModules . forceAllUpdates ( this ) ;
2018-11-23 16:58:33 +01:00
}
else {
2019-02-12 21:56:34 +01:00
console . error ( ` %c[ ${ this . getName ( ) } ]%c ` , 'color: #3a71c1; font-weight: 700;' , '' , 'Fatal Error: Could not load BD functions!' ) ;
2018-11-23 16:58:33 +01:00
}
}
stop ( ) {
2019-01-17 23:48:29 +01:00
if ( global . BDFDB && typeof BDFDB === "object" && BDFDB . loaded ) {
2018-12-30 12:01:01 +01:00
BDFDB . removeEles ( ".joinedAtDate" ) ;
2018-11-23 16:58:33 +01:00
BDFDB . unloadMessage ( this ) ;
}
}
2019-01-26 22:45:19 +01:00
2018-11-23 16:58:33 +01:00
// begin of own functions
2019-01-26 22:45:19 +01:00
2019-02-22 21:39:10 +01:00
saveInputs ( settingspanel ) {
let formats = { } ;
for ( let input of settingspanel . querySelectorAll ( BDFDB . dotCN . input ) ) {
formats [ input . getAttribute ( "option" ) ] = input . value ;
}
BDFDB . saveAllData ( formats , this , "formats" ) ;
this . updateSettingsPanel ( settingspanel ) ;
}
updateSettingsPanel ( settingspanel ) {
let choices = BDFDB . getAllData ( this , "choices" ) ;
for ( let key in choices ) {
settingspanel . querySelector ( ` ${ BDFDB . dotCN . select } [type=' ${ key } '] .languageTimestamp ` ) . innerText = this . getTimestamp ( this . languages [ choices [ key ] ] . id ) ;
}
}
toggleInfo ( ele ) {
BDFDB . toggleClass ( ele , BDFDB . disCN . categorywrappercollapsed ) ;
BDFDB . toggleClass ( ele , BDFDB . disCN . categorywrapperdefault ) ;
var svg = ele . querySelector ( BDFDB . dotCN . categoryicontransition ) ;
BDFDB . toggleClass ( svg , BDFDB . disCN . directionright ) ;
BDFDB . toggleClass ( svg , BDFDB . disCN . categoryiconcollapsed ) ;
BDFDB . toggleClass ( svg , BDFDB . disCN . categoryicondefault ) ;
BDFDB . toggleEles ( ele . nextElementSibling ) ;
BDFDB . saveData ( "hideInfo" , BDFDB . isEleHidden ( ele . nextElementSibling ) , this , "hideInfo" ) ;
}
2018-11-23 16:58:33 +01:00
openDropdownMenu ( e ) {
2018-12-30 12:01:01 +01:00
let selectControl = e . currentTarget ;
let selectWrap = selectControl . parentElement ;
2019-01-15 10:06:55 +01:00
let plugincard = BDFDB . getParentEle ( "li" , selectWrap ) ;
2019-01-26 22:45:19 +01:00
2019-01-17 23:48:29 +01:00
if ( ! plugincard || BDFDB . containsClass ( selectWrap , BDFDB . disCN . selectisopen ) ) return ;
2019-01-26 22:45:19 +01:00
2019-01-17 23:48:29 +01:00
BDFDB . addClass ( selectWrap , BDFDB . disCN . selectisopen ) ;
2019-01-15 10:06:55 +01:00
plugincard . style . setProperty ( "overflow" , "visible" , "important" ) ;
2019-01-26 22:45:19 +01:00
2018-12-30 12:01:01 +01:00
let type = selectWrap . getAttribute ( "type" ) ;
let selectMenu = this . createDropdownMenu ( selectWrap . getAttribute ( "value" ) , type ) ;
2018-11-23 16:58:33 +01:00
selectWrap . appendChild ( selectMenu ) ;
2019-01-26 22:45:19 +01:00
2019-01-17 23:48:29 +01:00
BDFDB . addChildEventListener ( selectMenu , "mousedown" , BDFDB . dotCN . selectoption , e2 => {
let language = e2 . currentTarget . getAttribute ( "value" ) ;
selectWrap . setAttribute ( "value" , language ) ;
selectControl . querySelector ( ".languageName" ) . innerText = this . languages [ language ] . name ;
2019-02-22 21:39:10 +01:00
selectControl . querySelector ( ".languageTimestamp" ) . innerText = this . getTimestamp ( language ) ;
2019-01-17 23:48:29 +01:00
BDFDB . saveData ( type , language , this , "choices" ) ;
} ) ;
2019-01-26 22:45:19 +01:00
2019-01-17 23:48:29 +01:00
var removeMenu = e2 => {
if ( e2 . target . parentElement != selectMenu ) {
document . removeEventListener ( "mousedown" , removeMenu ) ;
2019-01-15 10:06:55 +01:00
selectMenu . remove ( ) ;
plugincard . style . removeProperty ( "overflow" ) ;
2019-01-17 23:48:29 +01:00
setTimeout ( ( ) => { BDFDB . removeClass ( selectWrap , BDFDB . disCN . selectisopen ) ; } , 100 ) ;
}
} ;
2019-01-26 22:45:19 +01:00
2019-01-17 23:48:29 +01:00
document . addEventListener ( "mousedown" , removeMenu ) ;
2018-11-23 16:58:33 +01:00
}
2019-01-26 22:45:19 +01:00
2018-11-23 16:58:33 +01:00
createDropdownMenu ( choice , type ) {
2018-12-30 12:01:01 +01:00
let menuhtml = ` <div class=" ${ BDFDB . disCN . selectmenuouter } "><div class=" ${ BDFDB . disCN . selectmenu } "> ` ;
for ( let key in this . languages ) {
let isSelected = key == choice ? ` ${ BDFDB . disCN . selectselected } ` : ` ` ;
2019-02-22 21:39:10 +01:00
menuhtml += ` <div value=" ${ key } " class=" ${ BDFDB . disCNS . flex + BDFDB . disCNS . flex2 + BDFDB . disCNS . horizontal + BDFDB . disCNS . horizontal2 + BDFDB . disCNS . directionrow + BDFDB . disCNS . justifystart + BDFDB . disCNS . alignbaseline + BDFDB . disCNS . nowrap + BDFDB . disCN . selectoption + isSelected } " style="flex: 1 1 auto; display:flex;"><div class=" ${ BDFDB . disCNS . title + BDFDB . disCNS . medium + BDFDB . disCNS . size16 + BDFDB . disCNS . height20 + BDFDB . disCNS . primary + BDFDB . disCN . weightnormal } " style="flex: 1 1 42%;"> ${ this . languages [ key ] . name } </div><div class=" ${ BDFDB . disCNS . title + BDFDB . disCNS . medium + BDFDB . disCNS . size16 + BDFDB . disCNS . height20 + BDFDB . disCNS . primary + BDFDB . disCN . weightnormal } " style="flex: 1 1 58%;"> ${ this . getTimestamp ( this . languages [ key ] . id ) } </div></div> `
2018-11-23 16:58:33 +01:00
}
menuhtml += ` </div></div> ` ;
2019-01-15 10:06:55 +01:00
return BDFDB . htmlToElement ( menuhtml ) ;
2018-11-23 16:58:33 +01:00
}
2019-01-26 22:45:19 +01:00
2018-12-30 12:01:01 +01:00
processUserPopout ( instance , wrapper ) {
if ( instance . props && instance . props . user && BDFDB . getData ( "addInUserPopout" , this , "settings" ) ) {
this . addJoinedAtDate ( instance . props . user , wrapper . querySelector ( BDFDB . dotCN . userpopoutheadertext ) , wrapper . parentElement ) ;
}
}
2019-01-26 22:45:19 +01:00
2018-12-30 12:01:01 +01:00
processUserProfile ( instance , wrapper ) {
if ( instance . props && instance . props . user && BDFDB . getData ( "addInUserProfil" , this , "settings" ) ) {
this . addJoinedAtDate ( instance . props . user , wrapper . querySelector ( BDFDB . dotCN . userprofileheaderinfo ) , null ) ;
}
}
2019-01-26 22:45:19 +01:00
2018-12-30 12:01:01 +01:00
addJoinedAtDate ( info , container , popout ) {
2018-12-30 14:25:55 +01:00
if ( ! info || ! container || container . querySelector ( ".joinedAtDate" ) ) return ;
2018-12-30 12:01:01 +01:00
let guildid = this . CurrentGuildStore . getGuildId ( ) ;
2018-11-23 16:58:33 +01:00
if ( guildid ) {
2018-12-30 12:01:01 +01:00
if ( ! this . loadedusers [ guildid ] ) this . loadedusers [ guildid ] = { } ;
let timestamp , addTimestamp = ( timestamp ) => {
2019-01-15 10:06:55 +01:00
if ( document . contains ( container ) ) {
let choice = BDFDB . getData ( "joinedAtDateLang" , this , "choices" ) ;
let nametag = container . querySelector ( BDFDB . dotCN . nametag ) ;
let creationDate = container . querySelector ( ".creationDate" ) ;
2019-02-22 21:39:10 +01:00
container . insertBefore ( BDFDB . htmlToElement ( ` <div class="joinedAtDate DevilBro-textscrollwrapper ${ BDFDB . disCN . textrow } " style="max-width: ${ BDFDB . getRects ( BDFDB . getParentEle ( popout ? BDFDB . dotCN . userpopoutheader : BDFDB . dotCN . userprofileheaderinfo , container ) ) . width - 20 } px !important;"><div class="DevilBro-textscroll"> ${ this . labels . joinedat _text + " " + this . getTimestamp ( this . languages [ choice ] . id , timestamp ) } </div></div> ` ) , creationDate ? creationDate : ( nametag ? nametag . nextSibling : null ) ) ;
2019-01-26 22:45:19 +01:00
BDFDB . initElements ( container . parentElement , this ) ;
2019-01-15 10:06:55 +01:00
if ( popout && popout . style . transform . indexOf ( "translateY(-1" ) == - 1 ) {
2019-01-17 23:48:29 +01:00
let arect = BDFDB . getRects ( document . querySelector ( BDFDB . dotCN . appmount ) ) ;
let prect = BDFDB . getRects ( popout ) ;
2019-01-15 10:06:55 +01:00
popout . style . setProperty ( "top" , ( prect . y + prect . height > arect . height ? ( arect . height - prect . height ) : prect . y ) + "px" ) ;
}
2018-12-30 12:01:01 +01:00
}
} ;
if ( this . loadedusers [ guildid ] [ info . id ] ) addTimestamp ( this . loadedusers [ guildid ] [ info . id ] ) ;
else this . APIModule . get ( this . DiscordConstants . Endpoints . GUILD _MEMBER ( guildid , info . id ) ) . then ( result => {
if ( result && result . body ) {
timestamp = new Date ( result . body . joined _at ) ;
this . loadedusers [ guildid ] [ info . id ] = timestamp ;
addTimestamp ( timestamp ) ;
}
} ) ;
2018-11-23 16:58:33 +01:00
}
}
2019-01-26 22:45:19 +01:00
2019-02-22 21:39:10 +01:00
getTimestamp ( languageid , time ) {
let timeobj = time ? time : new Date ( ) ;
if ( typeof time == "string" ) timeobj = new Date ( time ) ;
if ( timeobj . toString ( ) == "Invalid Date" ) timeobj = new Date ( parseInt ( time ) ) ;
if ( timeobj . toString ( ) == "Invalid Date" ) return ;
let settings = BDFDB . getAllData ( this , "settings" ) , timestring = "" ;
if ( languageid != "own" ) {
let timestamp = [ ] ;
if ( settings . displayDate ) timestamp . push ( timeobj . toLocaleDateString ( languageid ) ) ;
if ( settings . displayTime ) timestamp . push ( settings . cutSeconds ? this . cutOffSeconds ( timeobj . toLocaleTimeString ( languageid ) ) : timeobj . toLocaleTimeString ( languageid ) ) ;
if ( settings . otherOrder ) timestamp . reverse ( ) ;
timestring = timestamp . length > 1 ? timestamp . join ( ", " ) : ( timestamp . length > 0 ? timestamp [ 0 ] : "" ) ;
if ( timestring && settings . forceZeros ) timestring = this . addLeadingZeros ( timestring ) ;
}
else {
let ownformat = BDFDB . getData ( "ownFormat" , this , "formats" ) ;
languageid = BDFDB . getDiscordLanguage ( ) . id ;
let hour = timeobj . getHours ( ) , minute = timeobj . getMinutes ( ) , second = timeobj . getSeconds ( ) , msecond = timeobj . getMilliseconds ( ) , day = timeobj . getDate ( ) , month = timeobj . getMonth ( ) + 1 , timemode = "" ;
if ( ownformat . indexOf ( "$timemode" ) > - 1 ) {
timemode = hour >= 12 ? "PM" : "AM" ;
hour = hour % 12 ;
hour = hour ? hour : 12 ;
}
timestring = ownformat
. replace ( "$hour" , settings . forceZeros && hour < 10 ? "0" + hour : hour )
. replace ( "$minute" , minute < 10 ? "0" + minute : minute )
. replace ( "$second" , second < 10 ? "0" + second : second )
. replace ( "$msecond" , msecond )
. replace ( "$timemode" , timemode )
. replace ( "$weekdayL" , timeobj . toLocaleDateString ( languageid , { weekday : "long" } ) )
. replace ( "$weekdayS" , timeobj . toLocaleDateString ( languageid , { weekday : "short" } ) )
. replace ( "$monthnameL" , timeobj . toLocaleDateString ( languageid , { month : "long" } ) )
. replace ( "$monthnameS" , timeobj . toLocaleDateString ( languageid , { month : "short" } ) )
. replace ( "$day" , settings . forceZeros && day < 10 ? "0" + day : day )
. replace ( "$month" , settings . forceZeros && month < 10 ? "0" + month : month )
. replace ( "$year" , timeobj . getFullYear ( ) ) ;
}
2018-11-23 16:58:33 +01:00
return timestring ;
}
2019-01-26 22:45:19 +01:00
2019-02-22 21:39:10 +01:00
cutOffSeconds ( timestring ) {
return timestring . replace ( /(.*):(.*):(.{2})(.*)/ , "$1:$2$4" ) ;
}
2018-11-23 16:58:33 +01:00
addLeadingZeros ( timestring ) {
2018-12-30 12:01:01 +01:00
let chararray = timestring . split ( "" ) ;
let numreg = /[0-9]/ ;
for ( let i = 0 ; i < chararray . length ; i ++ ) {
2018-11-23 16:58:33 +01:00
if ( ! numreg . test ( chararray [ i - 1 ] ) && numreg . test ( chararray [ i ] ) && ! numreg . test ( chararray [ i + 1 ] ) ) chararray [ i ] = "0" + chararray [ i ] ;
}
2019-01-26 22:45:19 +01:00
2018-11-23 16:58:33 +01:00
return chararray . join ( "" ) ;
}
2019-01-26 22:45:19 +01:00
2018-11-23 16:58:33 +01:00
setLabelsByLanguage ( ) {
switch ( BDFDB . getDiscordLanguage ( ) . id ) {
case "hr" : //croatian
return {
joinedat _text : "Pridružio"
} ;
case "da" : //danish
return {
joinedat _text : "Tilmeldt den"
} ;
case "de" : //german
return {
joinedat _text : "Beigetreten am"
} ;
case "es" : //spanish
return {
joinedat _text : "Unido el"
} ;
case "fr" : //french
return {
joinedat _text : "Inscrit le"
} ;
case "it" : //italian
return {
joinedat _text : "Iscritto il"
} ;
case "nl" : //dutch
return {
joinedat _text : "Aangesloten op"
} ;
case "no" : //norwegian
return {
joinedat _text : "Ble med på"
} ;
case "pl" : //polish
return {
joinedat _text : "Dołączył"
} ;
case "pt-BR" : //portuguese (brazil)
return {
joinedat _text : "Inscreveu-se em"
} ;
case "fi" : //finnish
return {
joinedat _text : "Liittynyt"
} ;
case "sv" : //swedish
return {
joinedat _text : "Anlände den"
} ;
case "tr" : //turkish
return {
joinedat _text : "Katı ldı "
} ;
case "cs" : //czech
return {
joinedat _text : "Přihlásil dne"
} ;
case "bg" : //bulgarian
return {
joinedat _text : "С е присъедини на"
} ;
case "ru" : //russian
return {
joinedat _text : "Присоединился"
} ;
case "uk" : //ukrainian
return {
joinedat _text : "Приєднався"
} ;
case "ja" : //japanese
return {
joinedat _text : "に参加しました"
} ;
case "zh-TW" : //chinese (traditional)
return {
joinedat _text : "加入了"
} ;
case "ko" : //korean
return {
joinedat _text : "에 가입"
} ;
default : //default: english
return {
joinedat _text : "Joined on"
} ;
}
}
}