2018-10-11 10:21:26 +02:00
//META{"name":"ThemeRepo"}*//
class ThemeRepo {
2019-01-12 15:07:06 +01:00
getName ( ) { return "ThemeRepo" ; }
2019-01-22 14:20:04 +01:00
getVersion ( ) { return "1.7.1" ; }
2019-01-12 15:07:06 +01:00
getAuthor ( ) { return "DevilBro" ; }
getDescription ( ) { return "Allows you to preview all themes from the theme repo and download them on the fly. Repo button is in the theme settings." ; }
2018-10-11 10:21:26 +02:00
initConstructor ( ) {
2019-01-07 20:25:35 +01:00
this . patchModules = {
"V2C_List" : "componentDidMount"
} ;
2018-10-11 10:21:26 +02:00
this . sortings = {
sort : {
name : "Name" ,
author : "Author" ,
version : "Version" ,
description : "Description" ,
state : "Update State" ,
fav : "Favorites"
} ,
order : {
asc : "Ascending" ,
desc : "Descending"
}
} ;
2018-12-14 11:43:54 +01:00
this . loading = { is : false , timeout : null , amount : 0 } ;
2018-10-11 10:21:26 +02:00
this . grabbedThemes = [ ] ;
this . foundThemes = [ ] ;
2019-01-17 10:02:26 +01:00
this . loadedThemes = { } ;
2018-10-11 10:21:26 +02:00
this . updateInterval ;
2019-01-17 10:02:26 +01:00
this . themeFixerCSS = ` ${ BDFDB . dotCNC . appmount + BDFDB . dotCNC . appcontainer + BDFDB . dotCNC . channelheaderheaderbar + BDFDB . dotCNC . channelheadertitle + BDFDB . dotCNC . guildchannels + BDFDB . dotCNC . channels + BDFDB . dotCNC . callcurrentcontainer + BDFDB . dotCNC . callcurrentvideo + BDFDB . dotCNC . callcurrentdetails + BDFDB . dotCNC . accountinfo + BDFDB . dotCNC . nochannel + BDFDB . dotCNC . friends + BDFDB . dotCNC . friendstable + BDFDB . dotCNC . friendstableheader + BDFDB . dotCNC . guilds + BDFDB . dotCNC . guildswrapper + BDFDB . dotCNC . channelheadertitle + BDFDB . dotCNC . typing + BDFDB . dotCNS . emojipicker + BDFDB . dotCNS . emojipickerscroller + BDFDB . dotCN . emojipickeremojiitem + BDFDB . dotCNC . emojipickerselected + BDFDB . dotCNC . members + BDFDB . dotCNC . chat + BDFDB . dotCNS . chat + "form," + BDFDB . dotCNC . chatcontent + BDFDB . dotCNC . messageswrapper + BDFDB . dotCNC . searchresultswrap + BDFDB . dotCNC . searchresultschannelname + BDFDB . dotCNC . searchresultssearchheader + BDFDB . dotCNC . giftinventory + BDFDB . dotCNC . activityfeed + BDFDB . dotCNC . lfg + BDFDB . dotCNC . applicationstore + BDFDB . dotCNC . gamelibrary + BDFDB . dotCNC . gamelibrarytableheader + BDFDB . dotCNC . standardsidebarview + BDFDB . dotCNC . sidebarregion + BDFDB . dotCNC . contentregion + BDFDB . dotCN . scroller } {background: transparent !important;} ${ BDFDB . dotCNC . layer + BDFDB . dotCNC . layers + BDFDB . dotCN . titlebar } {background: rgba(0,0,0,0.18) !important;} ${ BDFDB . dotCN . card } :not([style*="background-color"]) {background: rgba(0,0,0,0.4) !important;} ` ;
2018-10-11 10:21:26 +02:00
this . themeRepoButtonMarkup =
` <button class="bd-pfbtn bd-themerepobutton">Theme Repo</button> ` ;
this . settingsContextEntryMarkup =
` <div class=" ${ BDFDB . disCN . contextmenuitem } themerepo-item">
< span > Theme Repo < / s p a n >
< div class = "${BDFDB.disCN.contextmenuhint}" > < / d i v >
< / d i v > ` ;
2018-11-25 19:54:05 +01:00
this . themeRepoLoadingIconMarkup =
2018-11-29 23:09:59 +01:00
` <svg class="themerepo-loadingicon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="42" height="31" viewBox="0 0 483 332">
2018-11-25 19:54:05 +01:00
< path d = "M0.000 39.479 L 0.000 78.957 43.575 78.957 L 87.151 78.957 87.151 204.097 L 87.151 329.236 129.609 329.236 L 172.067 329.236 172.067 204.097 L 172.067 78.957 215.642 78.957 L 259.218 78.957 259.218 39.479 L 259.218 0.000 129.609 0.000 L 0.000 0.000 0.000 39.479" stroke = "none" fill = "#7289da" fill - rule = "evenodd" > < / p a t h >
< path d = "M274.115 38.624 L 274.115 77.248 280.261 77.734 C 309.962 80.083,325.986 106.575,313.378 132.486 C 305.279 149.131,295.114 152.700,255.800 152.700 L 230.168 152.700 230.168 123.277 L 230.168 93.855 208.566 93.855 L 186.965 93.855 186.965 211.546 L 186.965 329.236 208.566 329.236 L 230.168 329.236 230.168 277.068 L 230.168 224.899 237.268 225.113 L 244.368 225.326 282.215 277.095 L 320.062 328.864 360.031 329.057 L 400.000 329.249 400.000 313.283 L 400.000 297.317 367.924 256.908 L 335.848 216.499 340.182 214.869 C 376.035 201.391,395.726 170.616,399.382 122.342 C 405.008 48.071,360.214 0.000,285.379 0.000 L 274.115 0.000 274.115 38.624" stroke = "none" fill = "#7f8186" fill - rule = "evenodd" > < / p a t h >
< / s v g > ` ;
2018-10-11 10:21:26 +02:00
this . frameMarkup =
` <iframe class="discordPreview" src="https://mwittrien.github.io/BetterDiscordAddons/Plugins/ThemeRepo/res/DiscordPreview.html"></iframe> ` ;
2019-01-07 20:25:35 +01:00
2018-10-11 10:21:26 +02:00
this . themeEntryMarkup =
2019-01-07 20:25:35 +01:00
` <li class="themeEntry ${ BDFDB . disCNS . _reposettingsclosed + BDFDB . disCN . _repocheckboxitem } ">
< div class = "${BDFDB.disCN._repoheader}" style = "overflow: visible !important;" >
< span class = "${BDFDB.disCN._repoheadertitle}" >
< span class = "${BDFDB.disCN._reponame}" > < / s p a n > v < s p a n c l a s s = " $ { B D F D B . d i s C N . _ r e p o v e r s i o n } " > < / s p a n > b y < s p a n c l a s s = " $ { B D F D B . d i s C N . _ r e p o a u t h o r } " > < / s p a n >
2018-10-11 10:21:26 +02:00
< / s p a n >
2019-01-07 20:25:35 +01:00
< div class = "${BDFDB.disCN._repocontrols}" >
< div tabindex = "0" class = "${BDFDB.disCNS.giffavoritebutton + BDFDB.disCN.giffavoritecolor}" role = "button" style = "width: 24px !important; height: 24px !important; position: relative !important; opacity: 1 !important; transform: none !important;" >
< svg class = "${BDFDB.disCNS.giffavoriteicon}" name = "Favorite" viewBox = "2 2 20 20" width = "24" height = "24" > < / s v g >
< / d i v >
< svg class = "gitIcon" version = "1.1" xmlns = "http://www.w3.org/2000/svg" width = "24" height = "24" fill = "currentColor" transform = "translate(2,1.5)" >
< path d = "M 7.19, 16.027 c -0.139, 0.026 -0.199, 0.091 -0.182, 0.195 c 0.017, 0.104, 0.095, 0.138, 0.234, 0.104 c 0.139 -0.035, 0.199 -0.095, 0.182 -0.182 C 7.406, 16.049, 7.328, 16.01, 7.19, 16.027 z" > < / p a t h >
< path d = "M 6.45, 16.131 c -0.138, 0 -0.208, 0.047 -0.208, 0.143 c 0, 0.112, 0.074, 0.16, 0.221, 0.143 c 0.138, 0, 0.208 -0.048, 0.208 -0.143 C 6.671, 16.162, 6.597, 16.114, 6.45, 16.131 z" > < / p a t h >
< path d = "M 5.438, 16.092 c -0.035, 0.095, 0.022, 0.16, 0.169, 0.195 c 0.13, 0.052, 0.212, 0.026, 0.247 -0.078 c 0.026 -0.095 -0.03 -0.164 -0.169 -0.208 C 5.554, 15.967, 5.472, 15.996, 5.438, 16.092 z" > < / p a t h >
< path d = "M 18.837, 1.097 C 18.106, 0.366, 17.226, 0, 16.196, 0 H 3.738 C 2.708, 0, 1.828, 0.366, 1.097, 1.097 C 0.366, 1.828, 0, 2.708, 0, 3.738 v 12.459 c 0, 1.03, 0.366, 1.91, 1.097, 2.641 c 0.731, 0.731, 1.612, 1.097, 2.641, 1.097 h 2.907 c 0.19, 0, 0.333 -0.007, 0.428 -0.019 c 0.095 -0.013, 0.19 -0.069, 0.285 -0.169 c 0.095 -0.099, 0.143 -0.244, 0.143 -0.435 c 0 -0.026 -0.002 -0.32 -0.007 -0.883 c -0.004 -0.562 -0.007 -1.008 -0.007 -1.337 l -0.298, 0.052 c -0.19, 0.035 -0.43, 0.05 -0.72, 0.045 c -0.29 -0.004 -0.59 -0.035 -0.902 -0.091 c -0.312 -0.056 -0.601 -0.186 -0.87 -0.389 c -0.268 -0.203 -0.458 -0.469 -0.571 -0.798 l -0.13 -0.299 c -0.086 -0.199 -0.223 -0.419 -0.409 -0.662 c -0.186 -0.242 -0.374 -0.407 -0.564 -0.493 l -0.091 -0.065 c -0.06 -0.043 -0.117 -0.095 -0.169 -0.156 c -0.052 -0.061 -0.091 -0.121 -0.117 -0.182 c -0.026 -0.061 -0.004 -0.11, 0.065 -0.149 c 0.069 -0.039, 0.195 -0.058, 0.376 -0.058 l 0.259, 0.039 c 0.173, 0.035, 0.387, 0.138, 0.642, 0.311 c 0.255, 0.173, 0.465, 0.398, 0.629, 0.675 c 0.199, 0.355, 0.439, 0.625, 0.72, 0.811 c 0.281, 0.186, 0.565, 0.279, 0.85, 0.279 s 0.532 -0.022, 0.74 -0.065 c 0.208 -0.043, 0.402 -0.108, 0.584 -0.195 c 0.078 -0.58, 0.29 -1.025, 0.636 -1.337 c -0.493 -0.052 -0.936 -0.13 -1.33 -0.234 c -0.394 -0.104 -0.8 -0.272 -1.22 -0.506 c -0.42 -0.234 -0.768 -0.523 -1.045 -0.87 c -0.277 -0.346 -0.504 -0.8 -0.681 -1.363 c -0.177 -0.562 -0.266 -1.211 -0.266 -1.947 c 0 -1.047, 0.342 -1.938, 1.025 -2.673 c -0.32 -0.787 -0.29 -1.67, 0.091 -2.647 c 0.251 -0.078, 0.623 -0.019, 1.116, 0.175 c 0.493, 0.195, 0.854, 0.361, 1.084, 0.5 c 0.229, 0.138, 0.413, 0.255, 0.552, 0.35 c 0.805 -0.225, 1.635 -0.337, 2.492 -0.337 c 0.856, 0, 1.687, 0.112, 2.492, 0.337 l 0.493 -0.311 c 0.338 -0.208, 0.735 -0.398, 1.194 -0.571 c 0.459 -0.173, 0.809 -0.221, 1.051 -0.143 c 0.389, 0.978, 0.424, 1.86, 0.104, 2.647 c 0.683, 0.735, 1.025, 1.627, 1.025, 2.673 c 0, 0.735 -0.089, 1.387 -0.266, 1.953 c -0.177, 0.567 -0.406, 1.021 -0.688, 1.363 c -0.281, 0.342 -0.632, 0.629 -1.051, 0.863 c -0.42, 0.234 -0.826, 0.402 -1.22, 0.506 c -0.394, 0.104 -0.837, 0.182 -1.33, 0.234 c 0.45, 0.389, 0.675, 1.003, 0.675, 1.843 v 3.102 c 0, 0.147, 0.021, 0.266, 0.065, 0.357 c 0.044, 0.091, 0.113, 0.153, 0.208, 0.188 c 0.096, 0.035, 0.18, 0.056, 0.253, 0.065 c 0.074, 0.009, 0.18, 0.013, 0.318, 0.013 h 2.907 c 1.029, 0, 1.91 -0.366, 2.641 -1.097 c 0.731 -0.731, 1.097 -1.612, 1.097 -2.641 V 3.738 C 19.933, 2.708, 19.568, 1.827, 18.837, 1.097 z" > < / p a t h >
< path d = "M 3.945, 14.509 c -0.06, 0.043 -0.052, 0.112, 0.026, 0.208 c 0.087, 0.086, 0.156, 0.1, 0.208, 0.039 c 0.061 -0.043, 0.052 -0.112 -0.026 -0.208 C 4.066, 14.47, 3.997, 14.457, 3.945, 14.509 z" > < / p a t h >
< path d = "M 3.517, 14.184 c -0.026, 0.061, 0.004, 0.113, 0.091, 0.156 c 0.069, 0.043, 0.126, 0.035, 0.169 -0.026 c 0.026 -0.061 -0.004 -0.113 -0.091 -0.156 C 3.599, 14.132, 3.543, 14.141, 3.517, 14.184 z" > < / p a t h >
< path d = "M 4.348, 15.015 c -0.078, 0.043 -0.078, 0.121, 0, 0.234 c 0.078, 0.113, 0.151, 0.143, 0.221, 0.091 c 0.078 -0.061, 0.078 -0.143, 0 -0.247 C 4.499, 14.981, 4.425, 14.954, 4.348, 15.015 z" > < / p a t h >
< path d = "M 4.802, 15.599 c -0.078, 0.069 -0.061, 0.151, 0.052, 0.247 c 0.104, 0.104, 0.19, 0.117, 0.259, 0.039 c 0.069 -0.069, 0.052 -0.151 -0.052 -0.246 C 4.958, 15.534, 4.871, 15.521, 4.802, 15.599 z" > < / p a t h >
< / s v g >
< div class = "${BDFDB.disCNS.flexchild + BDFDB.disCNS.switchenabled + BDFDB.disCNS.switch + BDFDB.disCNS.switchvalue + BDFDB.disCNS.switchsizedefault + BDFDB.disCNS.switchsize + BDFDB.disCN.switchthemedefault} previewCheckboxWrapper" style = "flex: 0 0 auto;" >
< input type = "checkbox" class = "${BDFDB.disCNS.switchinnerenabled + BDFDB.disCN.switchinner} previewCheckbox" >
< / d i v >
2018-10-11 10:21:26 +02:00
< / d i v >
< / d i v >
2019-01-07 20:25:35 +01:00
< div class = "${BDFDB.disCNS._repodescriptionwrap + BDFDB.disCN.scrollerwrap}" >
< div class = "${BDFDB.disCNS._repodescription + BDFDB.disCN.scroller}" style = "display: block !important;" > < / d i v >
2018-10-11 10:21:26 +02:00
< / d i v >
2019-01-07 20:25:35 +01:00
< div class = "${BDFDB.disCN._repofooter}" >
< span class = "${BDFDB.disCN._repolinks}" > < / s p a n >
< svg class = "trashIcon" version = "1.1" xmlns = "http://www.w3.org/2000/svg" width = "20" height = "20" fill = "currentColor" style = "margin: 0 5px 0 auto !important;" >
2018-12-23 15:35:53 +01:00
< path d = "M 18.012, 0.648 H 12.98 C 12.944, 0.284, 12.637, 0, 12.264, 0 H 8.136 c -0.373, 0 -0.68, 0.284 -0.716, 0.648 H 2.389 c -0.398, 0 -0.72, 0.322 -0.72, 0.72 v 1.368 c 0, 0.398, 0.322, 0.72, 0.72, 0.72 h 15.623 c 0.398, 0, 0.72 -0.322, 0.72 -0.72 V 1.368 C 18.731, 0.97, 18.409, 0.648, 18.012, 0.648 z" > < / p a t h >
< path d = "M 3.178, 4.839 v 14.841 c 0, 0.397, 0.322, 0.72, 0.72, 0.72 h 12.604 c 0.398, 0, 0.72 -0.322, 0.72 -0.72 V 4.839 H 3.178 z M 8.449, 15.978 c 0, 0.438 -0.355, 0.794 -0.794, 0.794 c -0.438, 0 -0.794 -0.355 -0.794 -0.794 V 8.109 c 0 -0.438, 0.355 -0.794, 0.794 -0.794 c 0.438, 0, 0.794, 0.355, 0.794, 0.794 V 15.978 z M 13.538, 15.978 c 0, 0.438 -0.355, 0.794 -0.794, 0.794 s -0.794 -0.355 -0.794 -0.794 V 8.109 c 0 -0.438, 0.355 -0.794, 0.794 -0.794 c 0.438, 0, 0.794, 0.355, 0.794, 0.794 V 15.978 z" > < / p a t h >
< / s v g >
2019-01-07 20:25:35 +01:00
< button class = "${BDFDB.disCN._reposettingsbutton} btn-download" style = "margin-left: 0 !important;" > Download < / b u t t o n >
2018-10-11 10:21:26 +02:00
< / d i v >
< / l i > ` ;
this . themeRepoModalMarkup =
2019-01-06 23:37:28 +01:00
` <span class=" ${ this . getName ( ) } -modal Repo-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}" >
2018-12-23 15:35:53 +01:00
< div class = "${BDFDB.disCN.modalsub}" >
2019-01-12 15:07:06 +01:00
< 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; padding-bottom: 10px;" >
2018-10-11 10:21:26 +02:00
< 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} themeAmount" > Theme Repository < / h 4 >
< div class = "${BDFDB.disCNS.modalguildname + BDFDB.disCNS.small + BDFDB.disCNS.size12 + BDFDB.disCNS.height16 + BDFDB.disCN.primary}" > < / d i v >
< / d i v >
2019-01-22 20:15:31 +01:00
< button type = "button" class = "${BDFDB.disCNS.modalclose + BDFDB.disCNS.flexchild + BDFDB.disCNS.button + BDFDB.disCNS.buttonlookblank + BDFDB.disCNS.buttoncolorbrand + BDFDB.disCN.buttongrow}" >
< div class = "${BDFDB.disCN.buttoncontents}" >
< svg name = "Close" width = "18" height = "18" viewBox = "0 0 12 12" style = "flex: 0 1 auto;" >
< 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 >
< / b u t t o n >
2018-10-11 10:21:26 +02:00
< / d i v >
2019-01-12 15:07:06 +01:00
< 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.marginbottom8 + BDFDB.disCN.tabbarcontainer}" style = "flex: 0 0 auto; padding-right: 12px;" >
< div class = "${BDFDB.disCNS.tabbar + BDFDB.disCN.tabbartop}" >
< div tab = "themes" class = "${BDFDB.disCNS.settingsitemdefault + BDFDB.disCNS.settingsitem + BDFDB.disCNS.settingsnotselected + BDFDB.disCN.tabbaritem}" > Themes < / d i v >
< div tab = "settings" class = "${BDFDB.disCNS.settingsitemdefault + BDFDB.disCNS.settingsitem + BDFDB.disCNS.settingsnotselected + BDFDB.disCN.tabbaritem}" > Settings < / d i v >
< / d i v >
< div class = "${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.horizontal + BDFDB.disCNS.horizontal2 + BDFDB.disCNS.directionrow + BDFDB.disCNS.justifystart + BDFDB.disCNS.alignstretch + BDFDB.disCNS.nowrap + BDFDB.disCNS.searchbar + BDFDB.disCN.size14}" style = "flex: 1 1 auto;" >
2018-12-19 18:11:22 +01:00
< input class = "${BDFDB.disCN.searchbarinput}" value = "" placeholder = "Search for ..." style = "flex: 1 1 auto;" >
2018-12-19 18:27:33 +01:00
< div class = "${BDFDB.disCN.searchbariconwrap}" >
2019-01-14 18:55:51 +01:00
< i class = "${BDFDB.disCNS.searchbaricon + BDFDB.disCNS.searchbareyeglass + BDFDB.disCN.searchbarvisible}" > < / i >
< i class = "${BDFDB.disCNS.searchbaricon + BDFDB.disCN.searchbarclear}" > < / i >
2018-10-11 10:21:26 +02:00
< / d i v >
< / d i v >
2019-01-12 15:07:06 +01:00
< 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.quickselect}" >
2018-10-11 10:21:26 +02:00
< div class = "${BDFDB.disCN.quickselectlabel}" > Sort by : < / d i v >
< 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.quickselectclick} sort-filter" style = "flex: 0 0 auto;" >
< div option = "${Object.keys(this.sortings.sort)[0]}" class = "${BDFDB.disCN.quickselectvalue}" > $ { this . sortings . sort [ Object . keys ( this . sortings . sort ) [ 0 ] ] } < / d i v >
< div class = "${BDFDB.disCN.quickselectarrow}" > < / d i v >
< / d i v >
< / d i v >
2019-01-12 15:07:06 +01:00
< 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.quickselect}" >
2018-10-11 10:21:26 +02:00
< div class = "${BDFDB.disCN.quickselectlabel}" > Order : < / d i v >
< 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.quickselectclick} order-filter" style = "flex: 0 0 auto;" >
< div option = "${Object.keys(this.sortings.order)[0]}" class = "${BDFDB.disCN.quickselectvalue}" > $ { this . sortings . order [ Object . keys ( this . sortings . order ) [ 0 ] ] } < / d i v >
< div class = "${BDFDB.disCN.quickselectarrow}" > < / d i v >
< / d i v >
< / d i v >
< / d i v >
< div tab = "themes" class = "${BDFDB.disCNS.scrollerwrap + BDFDB.disCNS.modalcontent + BDFDB.disCNS.scrollerthemed + BDFDB.disCN.themeghosthairline} tab-content" >
2018-12-23 15:35:53 +01:00
< div class = "${BDFDB.disCNS.scroller + BDFDB.disCN.modalsubinner}" >
2019-01-07 20:25:35 +01:00
< ul class = "${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.vertical + BDFDB.disCNS.directioncolumn + BDFDB.disCNS.justifystart + BDFDB.disCNS.alignstretch + BDFDB.disCNS.nowrap + BDFDB.disCN._repolist} themes" style = "flex: 1 1 auto; display: flex !important; display: flex-direction: column !important;" > < / u l >
2018-10-11 10:21:26 +02:00
< / d i v >
< / d i v >
< div tab = "settings" class = "${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.vertical + BDFDB.disCNS.directioncolumn + BDFDB.disCNS.justifystart + BDFDB.disCNS.alignstretch + BDFDB.disCNS.nowrap + BDFDB.disCN.modalsubinner} tab-content" 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.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;" > You can toggle this menu with the "Ctrl" key to take a better look at the preview . < / h 3 >
< / d i v >
< 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;" > Preview in light mode < / h 3 >
< 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}" id = "input-darklight" >
< / d i v >
< / d i v >
2019-01-22 14:20:04 +01:00
< 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;" > Preview with normalized classes < / h 3 >
< 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}" id = "input-normalize" >
< / d i v >
< / d i v >
2018-10-11 10:21:26 +02:00
< 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;" > Include Custom CSS in Preview < / h 3 >
< 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}" id = "input-customcss" >
< / d i v >
< / d i v >
< 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;" > Include ThemeFixer CSS in Preview < / h 3 >
< 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}" id = "input-themefixer" >
< / d i v >
< / d i v >
< 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;" > Download ThemeFixer < / h 3 >
< button type = "button" id = "download-themefixer" class = "${BDFDB.disCNS.flexchild + BDFDB.disCNS.button + BDFDB.disCNS.buttonlookfilled + BDFDB.disCNS.buttoncolorbrand + BDFDB.disCNS.buttonsizemedium + BDFDB.disCN.buttongrow}" style = "flex: 0 0 auto;" >
< div class = "${BDFDB.disCN.buttoncontents}" > Download < / d i v >
< / b u t t o n >
< / d i v >
< 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;" > Hide updated Themes . < / h 3 >
< 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 = "updated" class = "${BDFDB.disCNS.switchinnerenabled + BDFDB.disCN.switchinner} hide-checkbox" id = "input-hideupdated" >
< / d i v >
< / d i v >
< 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;" > Hide outdated Themes . < / h 3 >
< 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 = "outdated" class = "${BDFDB.disCNS.switchinnerenabled + BDFDB.disCN.switchinner} hide-checkbox" id = "input-hideoutdated" >
< / d i v >
< / d i v >
< 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;" > Hide downloadable Themes . < / h 3 >
< 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 = "downloadable" class = "${BDFDB.disCNS.switchinnerenabled + BDFDB.disCN.switchinner} hide-checkbox" id = "input-hidedownloadable" >
< / d i v >
< / d i v >
< div id = "RNMoption" 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;" >
2018-10-19 11:40:39 +02:00
< 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;" > Apply Theme after Download ( Automatic loading enabled ) < / h 3 >
2018-10-11 10:21:26 +02:00
< 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}" id = "input-rnmstart" >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / s p a n > ` ;
this . sortPopoutMarkup =
` <div class=" ${ BDFDB . disCNS . popout + BDFDB . disCNS . popoutbottomright + BDFDB . disCN . popoutnoshadow } themerepo-sort-popout" style="position: fixed; z-index: 1100; visibility: visible; transform: translateX(-100%) translateY(0%) translateZ(0px);">
< div >
< div class = "${BDFDB.disCN.contextmenu} quickSelectPopout" >
< div class = "${BDFDB.disCN.contextmenuitemgroup}" >
$ { Object . keys ( this . sortings . sort ) . map ( ( key , i ) => ` <div option=" ${ key } " class=" ${ BDFDB . disCN . contextmenuitem } "> ${ this . sortings . sort [ key ] } </div> ` ) . join ( "" ) }
< / d i v >
< / d i v >
< / d i v >
< / d i v > ` ;
this . orderPopoutMarkup =
` <div class=" ${ BDFDB . disCNS . popout + BDFDB . disCNS . popoutbottomright + BDFDB . disCN . popoutnoshadow } themerepo-order-popout" style="position: fixed; z-index: 1100; visibility: visible; transform: translateX(-100%) translateY(0%) translateZ(0px);">
< div >
< div class = "${BDFDB.disCN.contextmenu} quickSelectPopout" >
< div class = "${BDFDB.disCN.contextmenuitemgroup}" >
$ { Object . keys ( this . sortings . order ) . map ( ( key , i ) => ` <div option=" ${ key } " class=" ${ BDFDB . disCN . contextmenuitem } "> ${ this . sortings . order [ key ] } </div> ` ) . join ( "" ) }
< / d i v >
< / d i v >
< / d i v >
< / d i v > ` ;
this . css = `
2018-11-25 19:54:05 +01:00
$ { BDFDB . dotCN . app } > . repo - loadingwrapper {
position : absolute ;
bottom : 0 ;
right : 0 ;
z - index : 1000 ;
animation : repo - loadingwrapper - fade 3 s infinite ease ;
}
@ keyframes repo - loadingwrapper - fade {
from { opacity : 0.1 ; }
50 % { opacity : 0.9 ; }
to { opacity : 0.1 ; }
}
2018-10-11 10:21:26 +02:00
. discordPreview {
width : 100 vw ! important ;
height : 100 vh ! important ;
position : absolute ! important ;
2018-12-23 15:35:53 +01:00
z - index : 999 ! important ;
2018-10-11 10:21:26 +02:00
}
. discordPreview ~ $ { BDFDB . dotCN . appmount } {
position : absolute ! important ;
top : 0 ! important ;
}
2018-12-23 15:35:53 +01:00
. discordPreview ~ $ { BDFDB . dotCNS . appmount + BDFDB . dotCN . app } {
opacity : 0 ! important ;
visibility : hidden ! important ;
2018-10-11 10:21:26 +02:00
}
2019-01-06 23:37:28 +01:00
. $ { this . getName ( ) } - modal . Repo - modal $ { BDFDB . dotCN . modalinner } {
2018-10-11 10:21:26 +02:00
min - height : 100 % ;
2018-12-23 15:35:53 +01:00
min - width : 800 px ;
width : 50 % ;
2018-10-11 10:21:26 +02:00
}
2019-01-07 20:25:35 +01:00
. $ { this . getName ( ) } - modal . themeEntry $ { BDFDB . dotCN . _repocontrols } > * {
2018-12-23 15:35:53 +01:00
margin - right : 5 px ! important ;
2018-10-11 10:21:26 +02:00
}
2019-01-12 15:07:06 +01:00
. $ { this . getName ( ) } - modal . themeEntry $ { BDFDB . dotCN . _repocontrols } > . previewCheckboxWrapper {
margin - right : 0 px ! important ;
}
2019-01-07 20:25:35 +01:00
. $ { this . getName ( ) } - modal . themeEntry svg [ fill = "currentColor" ] ,
2019-01-14 18:55:51 +01:00
. $ { this . getName ( ) } - modal . themeEntry $ { BDFDB . dotCN . giffavoritebutton } {
cursor : pointer ;
}
. $ { this . getName ( ) } - modal . themeEntry svg [ fill = "currentColor" ] ,
2019-01-22 12:22:17 +01:00
. $ { this . getName ( ) } - modal . themeEntry $ { BDFDB . dotCN . giffavoritebutton + BDFDB . notCN . giffavoriteselected } {
2019-01-07 20:25:35 +01:00
color : # 72767 d ! important ;
2018-10-11 10:21:26 +02:00
}
2019-01-07 20:25:35 +01:00
$ { BDFDB . dotCN . themedark } . $ { this . getName ( ) } - modal . themeEntry svg [ fill = "currentColor" ] ,
2019-01-22 12:22:17 +01:00
$ { BDFDB . dotCN . themedark } . $ { this . getName ( ) } - modal . themeEntry $ { BDFDB . dotCN . giffavoritebutton + BDFDB . notCN . giffavoriteselected } {
2019-01-07 20:25:35 +01:00
color : # dcddde ! important ;
2018-10-11 10:21:26 +02:00
}
2019-01-01 22:30:57 +01:00
. $ { this . getName ( ) } - modal . themeEntry . downloadable . trashIcon {
2018-12-23 15:35:53 +01:00
opacity : 0 ! important ;
pointer - events : none ! important ;
2018-10-11 10:21:26 +02:00
} ` ;
}
getSettingsPanel ( ) {
2019-01-22 11:28:32 +01:00
if ( ! global . BDFDB || typeof BDFDB != "object" || ! BDFDB . loaded || ! this . started ) return ;
2018-10-11 10:21:26 +02:00
var settingshtml = ` <div class=" ${ this . getName ( ) } -settings DevilBro-settings"><div class=" ${ BDFDB . disCNS . titledefault + BDFDB . disCNS . title + BDFDB . disCNS . size18 + BDFDB . disCNS . height24 + BDFDB . disCNS . weightnormal + BDFDB . disCN . marginbottom8 } "> ${ this . getName ( ) } </div><div class="DevilBro-settings-inner"> ` ;
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: 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: 0 0 auto;">Add Theme:</h3><input type="text" placeholder="Insert Raw Github Link of Theme (https://raw.githubusercontent.com/...)" class=" ${ BDFDB . disCNS . inputdefault + BDFDB . disCNS . input + BDFDB . disCN . size16 } " id="input-themeurl" style="flex: 1 1 auto;"><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-addtheme" style="flex: 0 0 auto;"><div class=" ${ BDFDB . disCN . buttoncontents } "></div></button></div> ` ;
settingshtml += ` <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;">Your additional Theme List:</h3><div class="DevilBro-settings-inner-list theme-list ${ BDFDB . disCN . marginbottom8 } "> ` ;
var ownlist = BDFDB . loadData ( "ownlist" , this , "ownlist" ) || [ ] ;
if ( ownlist ) for ( let url of ownlist ) {
settingshtml += ` <div class=" ${ BDFDB . disCNS . flex + BDFDB . disCNS . flex2 + BDFDB . disCNS . vertical + BDFDB . disCNS . directionrow + BDFDB . disCNS . justifystart + BDFDB . disCNS . alignstretch + BDFDB . disCNS . nowrap + BDFDB . disCNS . margintop4 + BDFDB . disCNS . marginbottom4 + BDFDB . disCN . hovercard } "><div class=" ${ BDFDB . disCN . hovercardinner } "><div class=" ${ BDFDB . disCNS . description + BDFDB . disCNS . formtext + BDFDB . disCNS . note + BDFDB . disCNS . margintop4 + BDFDB . disCNS . modedefault + BDFDB . disCNS . primary + BDFDB . disCN . ellipsis } entryurl"> ${ url } </div></div><div class=" ${ BDFDB . disCN . hovercardbutton } remove-theme"></div></div> ` ;
}
settingshtml += ` </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: 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;">Force all Themes to be fetched again.</h3><button type="button" class=" ${ BDFDB . disCNS . flexchild + BDFDB . disCNS . button + BDFDB . disCNS . buttonlookfilled + BDFDB . disCNS . buttoncolorbrand + BDFDB . disCNS . buttonsizemedium + BDFDB . disCN . buttongrow } refresh-button" style="flex: 0 0 auto;"><div class=" ${ BDFDB . disCN . buttoncontents } ">Refresh</div></button></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 . 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;">Remove all added Themes from your own list.</h3><button type="button" class=" ${ BDFDB . disCNS . flexchild + BDFDB . disCNS . button + BDFDB . disCNS . buttonlookfilled + BDFDB . disCNS . buttoncolorred + BDFDB . disCNS . buttonsizemedium + BDFDB . disCN . buttongrow } remove-all" style="flex: 0 0 auto;"><div class=" ${ BDFDB . disCN . buttoncontents } ">Reset</div></button></div> ` ;
settingshtml += ` </div></div> ` ;
2019-01-12 15:07:06 +01:00
let settingspanel = BDFDB . htmlToElement ( settingshtml ) ;
2018-10-11 10:21:26 +02:00
2019-01-14 18:55:51 +01:00
BDFDB . initElements ( settingspanel , this ) ;
2018-10-11 10:21:26 +02:00
2019-01-17 23:48:29 +01:00
BDFDB . addEventListener ( this , settingspanel , "click" , ".btn-addtheme" , ( ) => { this . addThemeToOwnList ( settingspanel ) ; } ) ;
BDFDB . addEventListener ( this , settingspanel , "click" , "#input-themeurl" , e => { if ( e . which == 13 ) this . addThemeToOwnList ( settingspanel ) ; } ) ;
BDFDB . addEventListener ( this , settingspanel , "click" , ".remove-theme" , e => { this . removeThemeFromOwnList ( e ) ; } ) ;
BDFDB . addEventListener ( this , settingspanel , "click" , ".remove-all" , ( ) => { this . removeAllFromOwnList ( settingspanel ) ; } )
BDFDB . addEventListener ( this , settingspanel , "click" , ".refresh-button" , ( ) => {
2019-01-14 18:55:51 +01:00
this . loading = { is : false , timeout : null , amount : 0 } ;
this . loadThemes ( ) ;
} ) ;
2018-10-11 10:21:26 +02:00
}
//legacy
load ( ) { }
start ( ) {
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-10-11 10:21:26 +02: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 ( ) ) ;
libraryScript . addEventListener ( "load" , ( ) => {
BDFDB . loaded = true ;
this . initialize ( ) ;
} ) ;
2018-10-11 10:21:26 +02: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-10-11 10:21:26 +02: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-10-11 10:21:26 +02:00
BDFDB . loadMessage ( this ) ;
this . loadThemes ( ) ;
this . updateInterval = setInterval ( ( ) => { this . checkForNewThemes ( ) ; } , 1000 * 60 * 30 ) ;
2019-01-07 20:25:35 +01:00
BDFDB . WebModules . forceAllUpdates ( this ) ;
2018-10-11 10:21:26 +02:00
}
else {
console . error ( this . getName ( ) + ": Fatal Error: Could not load BD functions!" ) ;
}
}
stop ( ) {
2019-01-17 23:48:29 +01:00
if ( global . BDFDB && typeof BDFDB === "object" && BDFDB . loaded ) {
2018-10-11 10:21:26 +02:00
clearInterval ( this . updateInterval ) ;
2018-12-14 11:43:54 +01:00
clearTimeout ( this . loading . timeout ) ;
2018-10-11 10:21:26 +02:00
2019-01-01 22:30:57 +01:00
BDFDB . removeEles ( ".discordPreview" , ".themerepo-notice" , ".bd-themerepobutton" , ".themerepo-loadingicon" , BDFDB . dotCN . app + " > .repo-loadingwrapper:empty" ) ;
2018-10-11 10:21:26 +02:00
BDFDB . unloadMessage ( this ) ;
}
}
// begin of own functions
2019-01-07 20:25:35 +01:00
onUserSettingsCogContextMenu ( instance , menu ) {
let observer = new MutationObserver ( changes => {
changes . forEach ( change => {
if ( change . addedNodes ) change . addedNodes . forEach ( node => {
2019-01-17 23:48:29 +01:00
if ( node . tagName && BDFDB . containsClass ( node , "plugin-context-menu" ) && ! node . querySelector ( ".themerepo-item" ) ) {
2019-01-12 15:07:06 +01:00
observer . disconnect ( ) ;
2019-01-14 18:55:51 +01:00
let item = node . querySelectorAll ( BDFDB . dotCN . contextmenuitem ) ;
item = item [ item . length - 1 ] ;
var settingsContextEntry = BDFDB . htmlToElement ( this . settingsContextEntryMarkup ) ;
settingsContextEntry . addEventListener ( "click" , ( ) => {
if ( ! this . loading . is ) instance . _reactInternalFiber . return . memoizedProps . closeContextMenu ( ) ;
this . openThemeRepoModal ( ) ;
} ) ;
item . parentElement . insertBefore ( settingsContextEntry , item . nextElementSibling ) ;
2019-01-17 23:48:29 +01:00
var menurects = BDFDB . getRects ( menu ) ;
node . style . setProperty ( "top" , ( menurects . top - BDFDB . getRects ( node ) . height + menurects . height ) + "px" ) ;
2019-01-07 20:25:35 +01:00
}
} ) ;
} ) ;
} ) ;
observer . observe ( menu , { childList : true , subtree : true } ) ;
}
processV2CList ( instance , wrapper ) {
if ( ! document . querySelector ( ".bd-themerepobutton" ) && window . PluginUpdates && window . PluginUpdates . plugins && instance . _reactInternalFiber . key && instance . _reactInternalFiber . key . split ( "-" ) [ 0 ] == "theme" ) {
var folderbutton = document . querySelector ( BDFDB . dotCN . _repofolderbutton ) ;
if ( folderbutton ) {
2019-01-14 18:55:51 +01:00
var repoButton = BDFDB . htmlToElement ( ` <button class=" ${ BDFDB . disCN . _repofolderbutton } bd-themerepobutton">ThemeRepo</button> ` ) ;
2019-01-07 20:25:35 +01:00
repoButton . addEventListener ( "click" , ( ) => {
this . openThemeRepoModal ( )
2018-10-11 10:21:26 +02:00
} ) ;
2019-01-07 20:25:35 +01:00
repoButton . addEventListener ( "mouseenter" , ( ) => {
BDFDB . createTooltip ( "Open Theme Repo" , repoButton , { type : "top" , selector : "themerepo-button-tooltip" } ) ;
} ) ;
folderbutton . parentElement . insertBefore ( repoButton , folderbutton . nextSibling ) ;
2018-10-11 10:21:26 +02:00
}
}
2019-01-07 20:25:35 +01:00
} ;
2018-10-11 10:21:26 +02:00
addThemeToOwnList ( settingspanel ) {
var themeUrlInput = settingspanel . querySelector ( "#input-themeurl" ) ;
var themeList = settingspanel . querySelector ( ".theme-list" ) ;
if ( themeUrlInput && themeList ) {
var url = themeUrlInput . value ;
themeUrlInput . value = null ;
var ownlist = BDFDB . loadData ( "ownlist" , this , "ownlist" ) || [ ] ;
if ( ! ownlist . includes ( url ) ) {
ownlist . push ( url ) ;
BDFDB . saveData ( "ownlist" , ownlist , this , "ownlist" ) ;
2019-01-17 23:48:29 +01:00
let entry = BDFDB . htmlToElement ( ` <div class=" ${ BDFDB . disCNS . flex + BDFDB . disCNS . flex2 + BDFDB . disCNS . vertical + BDFDB . disCNS . directionrow + BDFDB . disCNS . justifystart + BDFDB . disCNS . alignstretch + BDFDB . disCNS . nowrap + BDFDB . disCNS . margintop4 + BDFDB . disCNS . marginbottom4 + BDFDB . disCN . hovercard } "><div class=" ${ BDFDB . disCN . hovercardinner } "><div class=" ${ BDFDB . disCNS . description + BDFDB . disCNS . formtext + BDFDB . disCNS . note + BDFDB . disCNS . margintop4 + BDFDB . disCNS . modedefault + BDFDB . disCNS . primary + BDFDB . disCN . ellipsis } entryurl"> ${ url } </div></div><div class=" ${ BDFDB . disCN . hovercardbutton } remove-theme"></div></div> ` )
BDFDB . addChildEventListener ( entry , "click" , ".remove-theme" , e => { this . removeThemeFromOwnList ( e ) ; } ) ;
themeList . appendChild ( entry ) ;
2018-10-11 10:21:26 +02:00
}
}
}
removeThemeFromOwnList ( e ) {
var entry = e . currentTarget . parentElement ;
var url = entry . querySelector ( ".entryurl" ) . textContent ;
entry . remove ( ) ;
var ownlist = BDFDB . loadData ( "ownlist" , this , "ownlist" ) || [ ] ;
BDFDB . removeFromArray ( ownlist , url ) ;
BDFDB . saveData ( "ownlist" , ownlist , this , "ownlist" ) ;
}
2019-01-17 23:48:29 +01:00
removeAllFromOwnList ( settingspanel ) {
2019-01-06 23:37:28 +01:00
BDFDB . openConfirmModal ( this , "Are you sure you want to remove all added Themes from your own list?" , ( ) => {
2018-10-11 10:21:26 +02:00
BDFDB . saveData ( "ownlist" , [ ] , this , "ownlist" ) ;
2019-01-17 23:48:29 +01:00
BDFDB . removeEles ( settingspanel . querySelector ( BDFDB . dotCN . hovercard ) ) ;
2019-01-06 23:37:28 +01:00
} ) ;
2018-10-11 10:21:26 +02:00
}
openThemeRepoModal ( showOnlyOutdated = false ) {
2018-12-14 11:43:54 +01:00
if ( this . loading . is ) {
2018-10-11 10:21:26 +02:00
BDFDB . showToast ( ` Themes are still being fetched. Try again in some seconds. ` , { type : "danger" } ) ;
return ;
}
2019-01-14 18:55:51 +01:00
var keyPressed = e => {
2019-01-17 10:02:26 +01:00
if ( e . which == 17 && themeRepoModal . querySelector ( BDFDB . dotCN . searchbarinput ) != document . activeElement ) BDFDB . toggleEles ( themeRepoModal ) ;
2019-01-14 18:55:51 +01:00
if ( e . which == 27 ) frame . remove ( ) ;
} ;
var messageReceived = e => {
if ( typeof e . data === "object" && e . data . origin == "DiscordPreview" ) {
switch ( e . data . reason ) {
case "OnLoad" :
2019-01-22 14:20:04 +01:00
var username = BDFDB . myData . username ;
var id = BDFDB . myData . id ;
var discriminator = BDFDB . myData . discriminator ;
var avatar = BDFDB . getUserAvatar ( ) ;
2019-01-14 18:55:51 +01:00
var nativecss = document . querySelector ( "head link[rel='stylesheet'][integrity]" ) ;
nativecss = nativecss && nativecss . href ? nativecss . href : null ;
2019-01-22 14:20:04 +01:00
frame . contentWindow . postMessage ( { origin : "ThemeRepo" , reason : "OnLoad" , username , id , discriminator , avatar , nativecss } , "*" ) ;
frame . contentWindow . postMessage ( { origin : "ThemeRepo" , reason : "DarkLight" , checked : darklightinput . checked , light : BDFDB . disCN . themelight , dark : BDFDB . disCN . themedark } , "*" ) ;
frame . contentWindow . postMessage ( { origin : "ThemeRepo" , reason : "Normalize" , checked : normalizeinput . checked } , "*" ) ;
2019-01-14 18:55:51 +01:00
break ;
case "KeyUp" :
2019-01-14 20:12:36 +01:00
keyPressed ( e . data ) ;
2019-01-14 18:55:51 +01:00
break ;
}
}
} ;
document . addEventListener ( "keyup" , keyPressed ) ;
window . addEventListener ( "message" , messageReceived ) ;
var frame = BDFDB . htmlToElement ( this . frameMarkup ) ;
var themeRepoModal = BDFDB . htmlToElement ( this . themeRepoModalMarkup ) ;
2019-01-15 09:18:33 +01:00
var hiddenSettings = BDFDB . loadAllData ( this , "hidden" ) ;
2019-01-14 18:55:51 +01:00
var darklightinput = themeRepoModal . querySelector ( "#input-darklight" ) ;
2019-01-22 14:20:04 +01:00
var normalizeinput = themeRepoModal . querySelector ( "#input-normalize" ) ;
2019-01-14 18:55:51 +01:00
var customcssinput = themeRepoModal . querySelector ( "#input-customcss" ) ;
var themefixerinput = themeRepoModal . querySelector ( "#input-themefixer" ) ;
2019-01-22 14:20:04 +01:00
darklightinput . checked = BDFDB . getDiscordTheme ( ) == BDFDB . disCN . themelight ;
normalizeinput . checked = settingsCookie [ "fork-ps-4" ] == true ;
2019-01-14 18:55:51 +01:00
customcssinput . checked = false ;
themefixerinput . checked = false ;
themeRepoModal . querySelector ( "#input-hideupdated" ) . checked = hiddenSettings . updated || showOnlyOutdated ;
2019-01-15 09:18:33 +01:00
themeRepoModal . querySelector ( "#input-hideoutdated" ) . checked = hiddenSettings . outdated && ! showOnlyOutdated ;
2019-01-14 18:55:51 +01:00
themeRepoModal . querySelector ( "#input-hidedownloadable" ) . checked = hiddenSettings . downloadable || showOnlyOutdated ;
if ( ! BDFDB . isRestartNoMoreEnabled ( ) ) themeRepoModal . querySelector ( "#RNMoption" ) . remove ( ) ;
else themeRepoModal . querySelector ( "#input-rnmstart" ) . checked = BDFDB . loadData ( "RNMstart" , this , "settings" ) ;
darklightinput . addEventListener ( "change" , e => {
2019-01-22 14:20:04 +01:00
frame . contentWindow . postMessage ( { origin : "ThemeRepo" , reason : "DarkLight" , checked : darklightinput . checked , light : BDFDB . disCN . themelight , dark : BDFDB . disCN . themedark } , "*" ) ;
} ) ;
normalizeinput . addEventListener ( "change" , e => {
frame . contentWindow . postMessage ( { origin : "ThemeRepo" , reason : "Normalize" , checked : normalizeinput . checked } , "*" ) ;
2019-01-14 18:55:51 +01:00
} ) ;
customcssinput . addEventListener ( "change" , e => {
var customCSS = document . querySelector ( "style#customcss" ) ;
if ( customCSS && customCSS . innerText . length > 0 ) frame . contentWindow . postMessage ( { origin : "ThemeRepo" , reason : "CustomCSS" , checked : customcssinput . checked , css : customCSS . innerText } , "*" ) ;
} ) ;
themefixerinput . addEventListener ( "change" , e => {
frame . contentWindow . postMessage ( { origin : "ThemeRepo" , reason : "ThemeFixer" , checked : themefixerinput . checked , css : this . themeFixerCSS } , "*" ) ;
} ) ;
themeRepoModal . querySelector ( "#download-themefixer" ) . addEventListener ( "click" , e => {
this . createThemeFile ( "ThemeFixer.theme.css" , ` //META{"name":"ThemeFixer","description":"ThemeFixerCSS for transparent themes","author":"DevilBro","version":"1.0.1"}*// \n \n ` + this . themeFixerCSS ) ;
} ) ;
BDFDB . addChildEventListener ( themeRepoModal , "click" , BDFDB . dotCNC . modalclose + BDFDB . dotCN . backdrop , ( ) => {
frame . remove ( ) ;
document . removeEventListener ( "keyup" , keyPressed ) ;
window . removeEventListener ( "message" , messageReceived ) ;
} ) ;
BDFDB . addChildEventListener ( themeRepoModal , "keyup" , BDFDB . dotCN . searchbarinput , ( ) => {
clearTimeout ( themeRepoModal . searchTimeout ) ;
themeRepoModal . searchTimeout = setTimeout ( ( ) => { this . sortEntries ( themeRepoModal ) ; } , 1000 ) ;
} ) ;
BDFDB . addChildEventListener ( themeRepoModal , "click" , BDFDB . dotCN . searchbarclear , ( ) => {
clearTimeout ( themeRepoModal . searchTimeout ) ;
themeRepoModal . searchTimeout = setTimeout ( ( ) => { this . sortEntries ( themeRepoModal ) ; } , 1000 ) ;
} ) ;
BDFDB . addChildEventListener ( themeRepoModal , "change" , ".hide-checkbox" , e => {
2019-01-15 09:18:33 +01:00
themeRepoModal . updateHidden = true ;
2019-01-14 18:55:51 +01:00
BDFDB . saveData ( e . currentTarget . value , e . currentTarget . checked , this , "hidden" ) ;
} ) ;
BDFDB . addChildEventListener ( themeRepoModal , "change" , "#input-rnmstart" , e => {
BDFDB . saveData ( "RNMstart" , e . currentTarget . checked , this , "settings" ) ;
} ) ;
BDFDB . addChildEventListener ( themeRepoModal , "click" , ".sort-filter" , e => {
BDFDB . createSortPopout ( e . currentTarget , this . sortPopoutMarkup , ( ) => { this . sortEntries ( themeRepoModal ) ; } ) ;
} ) ;
BDFDB . addChildEventListener ( themeRepoModal , "click" , ".order-filter" , e => {
BDFDB . createSortPopout ( e . currentTarget , this . orderPopoutMarkup , ( ) => { this . sortEntries ( themeRepoModal ) ; } ) ;
} ) ;
BDFDB . addChildEventListener ( themeRepoModal , "click" , BDFDB . dotCN . tabbaritem + "[tab=themes]" , e => {
2019-01-17 23:48:29 +01:00
if ( ! BDFDB . containsClass ( e . currentTarget , BDFDB . disCN . settingsitemselected ) ) {
2019-01-15 09:18:33 +01:00
if ( themeRepoModal . updateHidden ) {
delete themeRepoModal . updateHidden ;
2019-01-07 20:25:35 +01:00
this . sortEntries ( themeRepoModal ) ;
2018-12-23 15:35:53 +01:00
}
2019-01-14 18:55:51 +01:00
}
} ) ;
2019-01-07 20:25:35 +01:00
let favorites = BDFDB . loadAllData ( this , "favorites" ) ;
let container = themeRepoModal . querySelector ( ".themes" ) ;
themeRepoModal . entries = { } ;
for ( let url in this . loadedThemes ) {
let theme = this . loadedThemes [ url ] ;
let instTheme = window . bdthemes [ this . loadedThemes [ url ] . name ] ;
if ( instTheme && instTheme . author . toUpperCase ( ) == theme . author . toUpperCase ( ) ) theme . state = instTheme . version != theme . version ? 1 : 0 ;
else theme . state = 2 ;
theme . fav = favorites [ url ] ? 0 : 1 ;
let data = {
url : theme . url ,
search : ( theme . name + " " + theme . version + " " + theme . author + " " + theme . description ) . toUpperCase ( ) ,
name : theme . name ,
version : theme . version ,
author : theme . author ,
description : theme . description ,
fav : theme . fav ,
state : theme . state ,
css : theme . css
} ;
themeRepoModal . entries [ url ] = data ;
this . addEntry ( frame , themeRepoModal , container , data ) ;
}
this . sortEntries ( themeRepoModal ) ;
BDFDB . appendModal ( themeRepoModal ) ;
2019-01-14 18:55:51 +01:00
document . body . insertBefore ( frame , document . body . firstElementChild ) ;
2019-01-22 11:14:05 +01:00
themeRepoModal . querySelector ( BDFDB . dotCN . searchbarinput ) . focus ( ) ;
2018-10-11 10:21:26 +02:00
}
2019-01-07 20:25:35 +01:00
addEntry ( frame , themeRepoModal , container , data ) {
if ( ! frame || ! themeRepoModal || ! container || ! data ) return ;
2019-01-14 18:55:51 +01:00
let entry = BDFDB . htmlToElement ( this . themeEntryMarkup ) ;
2019-01-07 20:25:35 +01:00
setEntryState ( data . state ) ;
entry . setAttribute ( "data-name" , data . name ) ;
entry . setAttribute ( "data-version" , data . version ) ;
entry . setAttribute ( "data-url" , data . url ) ;
entry . querySelector ( BDFDB . dotCN . _reponame ) . innerHTML = data . name ;
entry . querySelector ( BDFDB . dotCN . _repoversion ) . innerHTML = data . version ;
entry . querySelector ( BDFDB . dotCN . _repoauthor ) . innerHTML = data . author ;
entry . querySelector ( BDFDB . dotCN . _repodescription ) . innerHTML = data . description ;
2019-01-14 18:55:51 +01:00
let favbutton = entry . querySelector ( BDFDB . dotCN . giffavoritebutton ) ;
2019-01-17 23:48:29 +01:00
BDFDB . toggleClass ( favbutton , BDFDB . disCN . giffavoriteselected , data . fav == 0 ) ;
2019-01-14 18:55:51 +01:00
favbutton . addEventListener ( "click" , e => {
let favorize = data . fav == 1 ;
data . fav = favorize ? 0 : 1 ;
if ( favorize ) BDFDB . saveData ( data . url , true , this , "favorites" ) ;
else BDFDB . removeData ( data . url , this , "favorites" ) ;
themeRepoModal . entries [ data . url ] = data ;
} ) ;
favbutton . addEventListener ( "mouseenter" , e => {
BDFDB . createTooltip ( "Favorize" , favbutton , { type : "top" , selector : "themerepo-favicon-tooltip" } ) ;
} ) ;
let gitbutton = entry . querySelector ( ".gitIcon" ) ;
gitbutton . addEventListener ( "click" , e => {
var giturl = null ;
if ( data . url . indexOf ( "https://raw.githubusercontent.com" ) == 0 ) {
var temp = data . url . replace ( "//raw.githubusercontent" , "//github" ) . split ( "/" ) ;
temp . splice ( 5 , 0 , "blob" ) ;
giturl = temp . join ( "/" ) ;
}
else if ( data . url . indexOf ( "https://gist.githubusercontent.com/" ) == 0 ) {
giturl = data . url . replace ( "//gist.githubusercontent" , "//gist.github" ) . split ( "/raw/" ) [ 0 ] ;
}
if ( giturl ) window . open ( giturl , "_blank" ) ;
} ) ;
gitbutton . addEventListener ( "mouseenter" , e => {
BDFDB . createTooltip ( "Go to Git" , gitbutton , { type : "top" , selector : "themerepo-giticon-tooltip" } ) ;
} ) ;
let trashbutton = entry . querySelector ( ".trashIcon" ) ;
trashbutton . addEventListener ( "click" , e => {
2019-01-17 23:48:29 +01:00
if ( BDFDB . containsClass ( entry , "outdated" , "updated" , false ) ) {
2019-01-14 18:55:51 +01:00
setEntryState ( 2 ) ;
2019-01-15 09:18:33 +01:00
this . deleteThemeFile ( data ) ;
2019-01-14 18:55:51 +01:00
if ( ! BDFDB . isRestartNoMoreEnabled ( ) ) this . removeTheme ( data ) ;
}
} ) ;
trashbutton . addEventListener ( "mouseenter" , e => {
BDFDB . createTooltip ( "Delete Themefile" , trashbutton , { type : "top" , selector : "themerepo-trashicon-tooltip" } ) ;
} ) ;
entry . querySelector ( ".btn-download" ) . addEventListener ( "click" , e => {
setEntryState ( 0 ) ;
this . downloadTheme ( data ) ;
if ( themeRepoModal . querySelector ( "#input-rnmstart" ) . checked ) setTimeout ( ( ) => { this . applyTheme ( data ) ; } , 3000 ) ;
} ) ;
2019-01-14 21:39:18 +01:00
entry . querySelector ( ".previewCheckbox" ) . addEventListener ( "click" , e => {
2019-01-14 18:55:51 +01:00
if ( e . currentTarget . checked ) themeRepoModal . querySelectorAll ( ".previewCheckbox" ) . forEach ( checkbox => {
if ( e . currentTarget != checkbox ) {
checkbox . checked = false ;
2019-01-17 23:48:29 +01:00
BDFDB . removeClass ( checkbox . parentElement , BDFDB . disCN . switchvaluechecked ) ;
BDFDB . addClass ( checkbox . parentElement , BDFDB . disCN . switchvalueunchecked ) ;
2019-01-07 20:25:35 +01:00
}
} ) ;
2019-01-14 18:55:51 +01:00
frame . contentWindow . postMessage ( { origin : "ThemeRepo" , reason : "NewTheme" , checked : e . currentTarget . checked , css : data . css } , "*" ) ;
} ) ;
2019-01-07 20:25:35 +01:00
container . appendChild ( entry ) ;
function setEntryState ( state ) {
data . state = state ;
2019-01-17 23:48:29 +01:00
BDFDB . toggleClass ( entry , "downloadable" , state > 1 ) ;
BDFDB . toggleClass ( entry , "outdated" , state == 1 ) ;
BDFDB . toggleClass ( entry , "updated" , state < 1 ) ;
2019-01-07 20:25:35 +01:00
let downloadbutton = entry . querySelector ( ".btn-download" ) ;
downloadbutton . innerText = state < 1 ? "Updated" : ( state > 1 ? "Download" : "Outdated" ) ;
downloadbutton . style . setProperty ( "background-color" , "rgb(" + ( state < 1 ? "67,181,129" : ( state > 1 ? "114,137,218" : "241,71,71" ) ) + ")" , "important" ) ;
themeRepoModal . entries [ data . url ] = data ;
} ;
}
sortEntries ( themeRepoModal ) {
if ( ! themeRepoModal || typeof themeRepoModal . entries != "object" ) return ;
let container = themeRepoModal . querySelector ( ".themes" ) ;
if ( ! container ) return ;
let searchstring = themeRepoModal . querySelector ( BDFDB . dotCN . searchbarinput ) . value . replace ( /[<|>]/g , "" ) . toUpperCase ( ) ;
let entries = themeRepoModal . entries ;
if ( themeRepoModal . querySelector ( "#input-hideupdated" ) . checked ) entries = BDFDB . filterObject ( entries , entry => { return entry . state < 1 ? null : entry ; } ) ;
if ( themeRepoModal . querySelector ( "#input-hideoutdated" ) . checked ) entries = BDFDB . filterObject ( entries , entry => { return entry . state == 1 ? null : entry ; } ) ;
if ( themeRepoModal . querySelector ( "#input-hidedownloadable" ) . checked ) entries = BDFDB . filterObject ( entries , entry => { return entry . state > 1 ? null : entry ; } ) ;
entries = BDFDB . filterObject ( entries , entry => { return entry . search . indexOf ( searchstring ) > - 1 ? entry : null ; } ) ;
entries = BDFDB . sortObject ( entries , themeRepoModal . querySelector ( ".sort-filter " + BDFDB . dotCN . quickselectvalue ) . getAttribute ( "option" ) ) ;
if ( themeRepoModal . querySelector ( ".order-filter " + BDFDB . dotCN . quickselectvalue ) . getAttribute ( "option" ) == "desc" ) entries = BDFDB . reverseObject ( entries ) ;
let entrypositions = Object . keys ( entries ) ;
themeRepoModal . querySelector ( ".themeAmount" ) . innerText = "ThemeRepo Repository " + entrypositions . length + "/" + Object . keys ( this . loadedThemes ) . length + " Themes" ;
for ( let li of container . children ) {
let pos = entrypositions . indexOf ( li . getAttribute ( "data-url" ) ) ;
if ( pos > - 1 ) {
li . querySelectorAll ( BDFDB . dotCNC . _reponame + BDFDB . dotCNC . _repoversion + BDFDB . dotCNC . _repoauthor + BDFDB . dotCN . _repodescription ) . forEach ( ele => {
2019-01-12 15:07:06 +01:00
if ( searchstring && searchstring . length > 2 || ele . querySelector ( BDFDB . dotCN . highlight ) ) ele . innerHTML = BDFDB . highlightText ( ele . innerText , searchstring ) ;
2019-01-07 20:25:35 +01:00
} ) ;
li . style . setProperty ( "order" , pos , "important" ) ;
}
2019-01-17 10:02:26 +01:00
else li . style . removeProperty ( "order" ) ;
BDFDB . toggleEles ( li , pos > - 1 ) ;
2019-01-07 20:25:35 +01:00
}
}
2018-10-11 10:21:26 +02:00
loadThemes ( ) {
2019-01-14 18:55:51 +01:00
BDFDB . removeEles ( ".themerepo-loadingicon" ) ;
2018-10-11 10:21:26 +02:00
var getThemeInfo , outdated = 0 , i = 0 ;
var tags = [ "name" , "description" , "author" , "version" ] ;
let request = require ( "request" ) ;
request ( "https://mwittrien.github.io/BetterDiscordAddons/Plugins/ThemeRepo/res/ThemeList.txt" , ( error , response , result ) => {
if ( response ) {
this . loadedThemes = { } ;
this . grabbedThemes = result . split ( "\n" ) ;
this . foundThemes = this . grabbedThemes . concat ( BDFDB . loadData ( "ownlist" , this , "ownlist" ) || [ ] ) ;
2018-12-14 11:43:54 +01:00
this . loading = { is : true , timeout : setTimeout ( ( ) => {
clearTimeout ( this . loading . timeout ) ;
if ( this . started ) {
if ( this . loading . is && this . loading . amount < 4 ) setTimeout ( ( ) => { this . loadThemes ( ) ; } , 10000 ) ;
this . loading = { is : false , timeout : null , amount : this . loading . amount } ;
}
} , 1200000 ) , amount : this . loading . amount + 1 } ;
2018-11-25 19:54:05 +01:00
var loadingiconwrapper = document . querySelector ( BDFDB . dotCN . app + "> .repo-loadingwrapper" ) ;
if ( ! loadingiconwrapper ) {
2019-01-14 18:55:51 +01:00
loadingiconwrapper = BDFDB . htmlToElement ( ` <div class="repo-loadingwrapper"></div> ` ) ;
2018-11-25 19:54:05 +01:00
document . querySelector ( BDFDB . dotCN . app ) . appendChild ( loadingiconwrapper ) ;
}
2019-01-14 18:55:51 +01:00
var loadingicon = BDFDB . htmlToElement ( this . themeRepoLoadingIconMarkup ) ;
loadingicon . addEventListener ( "mouseenter" , ( ) => { BDFDB . createTooltip ( "Loading ThemeRepo" , loadingicon , { type : "left" , delay : 500 } ) ; } )
loadingiconwrapper . appendChild ( loadingicon ) ;
2018-11-25 19:54:05 +01:00
2018-10-11 10:21:26 +02:00
getThemeInfo ( ( ) => {
2018-12-14 11:43:54 +01:00
if ( ! this . started ) {
clearTimeout ( this . loading . timeout ) ;
return ;
}
2019-01-14 18:55:51 +01:00
BDFDB . removeEles ( loadingicon ) ;
2018-12-27 14:37:35 +01:00
if ( ! loadingiconwrapper . firstChild ) BDFDB . removeEles ( loadingiconwrapper ) ;
2018-12-14 11:43:54 +01:00
clearTimeout ( this . loading . timeout ) ;
this . loading = { is : false , timeout : null , amount : this . loading . amount } ;
2018-12-27 14:37:35 +01:00
console . log ( ` %c[ ${ this . getName ( ) } ]%c ` , "color: #3a71c1; font-weight: 700;" , "" , "Finished fetching Themes." ) ;
2018-10-11 10:21:26 +02:00
if ( document . querySelector ( ".bd-themerepobutton" ) ) BDFDB . showToast ( ` Finished fetching Themes. ` , { type : "success" } ) ;
if ( outdated > 0 ) {
2019-01-14 18:55:51 +01:00
var bar = BDFDB . createNotificationsBar ( ` ${ outdated } of your Themes ${ outdated == 1 ? "is" : "are" } outdated. Check: ` , { type : "danger" , btn : "ThemeRepo" , selector : "themerepo-notice" } ) ;
bar . querySelector ( BDFDB . dotCN . noticebutton ) . addEventListener ( "click" , e => {
2018-10-11 10:21:26 +02:00
this . openThemeRepoModal ( true ) ;
2019-01-14 18:55:51 +01:00
bar . querySelector ( BDFDB . dotCN . noticedismiss ) . click ( ) ;
2018-10-11 10:21:26 +02:00
} ) ;
}
if ( BDFDB . myData . id == "278543574059057154" ) {
let wrongUrls = [ ] ;
2018-10-20 13:06:04 +02:00
for ( let url of this . foundThemes ) if ( url && ! this . loadedThemes [ url ] && ! wrongUrls . includes ( url ) ) wrongUrls . push ( url ) ;
2018-10-11 10:21:26 +02:00
if ( wrongUrls . length > 0 ) {
2018-12-23 15:35:53 +01:00
var bar = BDFDB . createNotificationsBar ( ` ThemeRepo: ${ wrongUrls . length } Theme ${ wrongUrls . length > 1 ? "s" : "" } could not be loaded. ` , { type : "danger" , btn : "List" , selector : "themerepo-notice" } ) ;
2019-01-14 18:55:51 +01:00
bar . querySelector ( BDFDB . dotCN . noticebutton ) . addEventListener ( "click" , e => {
2018-10-11 10:21:26 +02:00
var toast = BDFDB . showToast ( wrongUrls . join ( "\n" ) , { type : "error" } ) ;
toast . style . overflow = "hidden" ;
console . log ( wrongUrls . length == 1 ? wrongUrls [ 0 ] : wrongUrls ) ;
} ) ;
}
}
} ) ;
}
} ) ;
getThemeInfo = ( callback ) => {
2018-12-14 11:43:54 +01:00
if ( i >= this . foundThemes . length || ! this . started || ! this . loading . is ) {
2018-10-11 10:21:26 +02:00
callback ( ) ;
return ;
}
let url = this . foundThemes [ i ] . replace ( new RegExp ( "[\\r|\\n|\\t]" , "g" ) , "" ) ;
this . foundThemes [ i ] = url ;
request ( url , ( error , response , body ) => {
2018-10-18 12:10:34 +02:00
if ( ! response ) {
if ( url && BDFDB . getAllIndexes ( this . foundThemes , url ) . length < 2 ) this . foundThemes . push ( url ) ;
}
2018-12-14 20:51:25 +01:00
else if ( body && body . indexOf ( "404: Not Found" ) != 0 && response . statusCode == 200 ) {
2018-10-11 10:21:26 +02:00
let theme = { } ;
let text = body ;
if ( text . split ( "*//" ) . length > 1 && text . split ( "\n" ) . length > 1 ) {
for ( let tag of tags ) {
let result = text . replace ( new RegExp ( "\\s*\:\\s*" , "g" ) , ":" ) . replace ( new RegExp ( "\\s*\}\\s*" , "g" ) , "}" ) . split ( '"' + tag + '":"' ) ;
result = result . length > 1 ? result [ 1 ] . split ( '",' ) [ 0 ] . split ( '"}' ) [ 0 ] : null ;
result = result && tag != "version" ? result . charAt ( 0 ) . toUpperCase ( ) + result . slice ( 1 ) : result ;
theme [ tag ] = result ;
}
let valid = true ;
for ( let tag of tags ) {
if ( theme [ tag ] === null ) valid = false ;
}
if ( valid ) {
theme . css = text . split ( "\n" ) . slice ( 1 ) . join ( "\n" ) . replace ( new RegExp ( "[\\r|\\n|\\t]" , "g" ) , "" ) ;
theme . url = url ;
this . loadedThemes [ url ] = theme ;
2019-01-07 20:25:35 +01:00
var instTheme = window . bdthemes [ theme . name ] ;
if ( instTheme && instTheme . author . toUpperCase ( ) == theme . author . toUpperCase ( ) && instTheme . version != theme . version ) outdated ++ ;
2018-10-11 10:21:26 +02:00
}
}
}
i ++ ;
getThemeInfo ( callback ) ;
} ) ;
}
}
checkForNewThemes ( ) {
let request = require ( "request" ) ;
request ( "https://mwittrien.github.io/BetterDiscordAddons/Plugins/ThemeRepo/res/ThemeList.txt" , ( error , response , result ) => {
2018-12-14 11:43:54 +01:00
if ( response && ! BDFDB . equals ( result . split ( "\n" ) , this . grabbedThemes ) ) {
this . loading = { is : false , timeout : null , amount : 0 } ;
this . loadThemes ( ) ;
}
2018-10-11 10:21:26 +02:00
} ) ;
}
2019-01-07 20:25:35 +01:00
downloadTheme ( data ) {
2018-10-11 10:21:26 +02:00
let request = require ( "request" ) ;
2019-01-07 20:25:35 +01:00
request ( data . url , ( error , response , body ) => {
2018-10-11 10:21:26 +02:00
if ( error ) {
2019-01-07 20:25:35 +01:00
BDFDB . showToast ( ` Unable to download Theme " ${ data . name } ". ` , { type : "danger" } ) ;
2018-10-11 10:21:26 +02:00
}
else {
2019-01-07 20:25:35 +01:00
let filename = data . url . split ( "/" ) ;
2018-10-11 10:21:26 +02:00
this . createThemeFile ( filename [ filename . length - 1 ] , body ) ;
}
} ) ;
}
createThemeFile ( filename , content ) {
let fileSystem = require ( "fs" ) ;
let path = require ( "path" ) ;
var file = path . join ( BDFDB . getThemesFolder ( ) , filename ) ;
fileSystem . writeFile ( file , content , ( error ) => {
if ( error ) {
BDFDB . showToast ( ` Unable to save Theme " ${ filename } ". ` , { type : "danger" } ) ;
}
else {
BDFDB . showToast ( ` Successfully saved Theme " ${ filename } ". ` , { type : "success" } ) ;
}
} ) ;
}
2019-01-07 20:25:35 +01:00
applyTheme ( data ) {
var name = data . name ;
2018-10-11 10:21:26 +02:00
if ( BDFDB . isThemeEnabled ( name ) == false ) {
2018-12-27 14:37:35 +01:00
BDFDB . removeEles ( ` style# ${ name } ` ) ;
2019-01-14 18:55:51 +01:00
document . head . appendChild ( BDFDB . htmlToElement ( ` <style id= ${ name } > ${ data . css } </style> ` ) ) ;
2018-10-11 10:21:26 +02:00
themeCookie [ name ] = true ;
themeModule . saveThemeData ( ) ;
2018-12-27 14:37:35 +01:00
console . log ( ` %c[ ${ this . getName ( ) } ]%c ` , "color: #3a71c1; font-weight: 700;" , "" , "Applied Theme " + name + "." ) ;
2018-10-11 10:21:26 +02:00
}
}
2019-01-07 20:25:35 +01:00
deleteThemeFile ( data ) {
2018-10-11 10:21:26 +02:00
let fileSystem = require ( "fs" ) ;
let path = require ( "path" ) ;
2019-01-07 20:25:35 +01:00
let filename = data . url . split ( "/" ) ;
2018-10-11 10:21:26 +02:00
filename = filename [ filename . length - 1 ] ;
var file = path . join ( BDFDB . getThemesFolder ( ) , filename ) ;
fileSystem . unlink ( file , ( error ) => {
2019-01-14 20:12:36 +01:00
if ( error ) BDFDB . showToast ( ` Unable to delete Theme " ${ filename } ". ` , { type : "danger" } ) ;
else BDFDB . showToast ( ` Successfully deleted Theme " ${ filename } ". ` , { type : "success" } ) ;
2018-10-11 10:21:26 +02:00
} ) ;
}
2019-01-07 20:25:35 +01:00
removeTheme ( data ) {
var name = data . name ;
2018-10-11 10:21:26 +02:00
if ( BDFDB . isThemeEnabled ( name ) == true ) {
2018-12-27 14:37:35 +01:00
BDFDB . removeEles ( ` style# ${ name } ` ) ;
2018-10-11 10:21:26 +02:00
themeCookie [ name ] = false ;
delete bdthemes [ name ] ;
themeModule . saveThemeData ( ) ;
2018-12-27 14:37:35 +01:00
console . log ( ` %c[ ${ this . getName ( ) } ]%c ` , "color: #3a71c1; font-weight: 700;" , "" , "Removed Theme " + name + "." ) ;
2018-10-11 10:21:26 +02:00
}
}
}
