Add usernotes manager icon to "moderated subreddits" popup (#317)

* Add usernotes mgr to "moderated subreddits" popup * Remove unnecessary comment + variable
toolbox-team · Jun 8, 2020 · dd6d58e · dd6d58e
1 parent a6f1424
commit dd6d58e
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 20 deletions.
diff --git a/extension/data/modules/modbar.js b/extension/data/modules/modbar.js
@@ -264,26 +264,28 @@ function modbar () {
             let subList = '',
                 livefilterCount;
             const configEnabled = TB.storage.getSetting('TBConfig', 'enabled', false),
+                  usernotesEnabled = TB.storage.getSetting('UserNotes', 'enabled', false),
                   subredditColorSalt = self.setting('subredditColorSalt');
             TBCore.getModSubs(() => {
                 self.log('got mod subs');
                 self.log(TBCore.mySubs.length);
                 self.log(TBCore.mySubsData.length);
                 $(TBCore.mySubsData).each(function () {
                     const subColor = TBHelpers.stringToColor(this.subreddit + subredditColorSalt);
-                    subList = `${subList}
-<tr style="border-left: solid 3px ${subColor} !important;" data-subreddit="${this.subreddit}">
-    <td class="tb-my-subreddits-name"><a href="${TBCore.link(`/r/${this.subreddit}`)}" target="_blank">/r/${this.subreddit}</a></td>
-    <td class="tb-my-subreddits-subreddit">
-        <a title="/r/${this.subreddit} modmail!" target="_blank" href="${TBCore.link(`/r/${this.subreddit}/message/moderator`)}" data-type="modmail" data-subreddit="${this.subreddit}" class="tb-icons">${TBui.icons.oldModmail}</a>
-        <a title="/r/${this.subreddit} modqueue" target="_blank" href="${TBCore.link(`/r/${this.subreddit}/about/modqueue`)}" data-type="modqueue" data-subreddit="${this.subreddit}" class="tb-icons">${TBui.icons.modqueue}</a>
-        <a title="/r/${this.subreddit} unmoderated" target="_blank" href="${TBCore.link(`/r/${this.subreddit}/about/unmoderated`)}" data-type="unmoderated" data-subreddit="${this.subreddit}" class="tb-icons">${TBui.icons.unmoderated}</a>
-        <a title="/r/${this.subreddit} moderation log" target="_blank" href="${TBCore.link(`/r/${this.subreddit}/about/log`)}" data-type="modlog" data-subreddit="${this.subreddit}" class="tb-icons">${TBui.icons.modlog}</a>
-        <a title="/r/${this.subreddit} traffic stats" target="_blank" href="${TBCore.link(`/r/${this.subreddit}/about/traffic`)}" data-type="traffic" data-subreddit="${this.subreddit}" class="tb-icons">${TBui.icons.subTraffic}</a>
-        ${configEnabled ? `<a title="/r/${this.subreddit} config" href="javascript:;" class="tb-config-link tb-icons" data-subreddit="${this.subreddit}">${TBui.icons.tbSubConfig}</a>` : ''}
-    </td>
-</tr>
-`;
+                    subList += `
+                        <tr style="border-left: solid 3px ${subColor} !important;" data-subreddit="${this.subreddit}">
+                            <td class="tb-my-subreddits-name"><a href="${TBCore.link(`/r/${this.subreddit}`)}" target="_blank">/r/${this.subreddit}</a></td>
+                            <td class="tb-my-subreddits-subreddit">
+                                <a title="/r/${this.subreddit} modmail!" target="_blank" href="${TBCore.link(`/r/${this.subreddit}/message/moderator`)}" data-type="modmail" data-subreddit="${this.subreddit}" class="tb-icons">${TBui.icons.oldModmail}</a>
+                                <a title="/r/${this.subreddit} modqueue" target="_blank" href="${TBCore.link(`/r/${this.subreddit}/about/modqueue`)}" data-type="modqueue" data-subreddit="${this.subreddit}" class="tb-icons">${TBui.icons.modqueue}</a>
+                                <a title="/r/${this.subreddit} unmoderated" target="_blank" href="${TBCore.link(`/r/${this.subreddit}/about/unmoderated`)}" data-type="unmoderated" data-subreddit="${this.subreddit}" class="tb-icons">${TBui.icons.unmoderated}</a>
+                                <a title="/r/${this.subreddit} moderation log" target="_blank" href="${TBCore.link(`/r/${this.subreddit}/about/log`)}" data-type="modlog" data-subreddit="${this.subreddit}" class="tb-icons">${TBui.icons.modlog}</a>
+                                <a title="/r/${this.subreddit} traffic stats" target="_blank" href="${TBCore.link(`/r/${this.subreddit}/about/traffic`)}" data-type="traffic" data-subreddit="${this.subreddit}" class="tb-icons">${TBui.icons.subTraffic}</a>
+                                ${usernotesEnabled ? `<a title="/r/${this.subreddit} usernotes" href="javascript:;" class="tb-un-config-link tb-icons" data-subreddit="${this.subreddit}">${TBui.icons.usernote}</a>` : ''}
+                                ${configEnabled ? `<a title="/r/${this.subreddit} config" href="javascript:;" class="tb-config-link tb-icons" data-subreddit="${this.subreddit}">${TBui.icons.tbSubConfig}</a>` : ''}
+                            </td>
+                        </tr>
+                    `;
                 });
                 livefilterCount = TBCore.mySubs.length;
 

diff --git a/extension/data/modules/usernotes.js b/extension/data/modules/usernotes.js
@@ -977,7 +977,7 @@ function usernotes () {
             self.endProfile('manager-run');
         }
 
-        $body.on('click', '#tb-un-config-link', function () {
+        $body.on('click', '#tb-un-config-link, .tb-un-config-link', function () {
             TB.ui.longLoadSpinner(true, 'Loading usernotes', TB.ui.FEEDBACK_NEUTRAL);
             const sub = $(this).attr('data-subreddit');
 

diff --git a/extension/data/styles/domaintagger.css b/extension/data/styles/domaintagger.css
@@ -8,11 +8,11 @@
 
 /* Popup */
 
-.mod-toolbox-rd .tb-popup.dtagger-popup {
+.mod-toolbox-rd .tb-window.dtagger-popup {
     max-width: 900px;
     text-align: center;
 }
-.mod-toolbox-rd .tb-popup.dtagger-popup .dt-popup-content {
+.mod-toolbox-rd .tb-window.dtagger-popup .dt-popup-content {
     display: inline-block;
 }
 .mod-toolbox-rd .dtagger-popup .right {

diff --git a/extension/data/styles/old_queuetools.css b/extension/data/styles/old_queuetools.css
@@ -19,7 +19,7 @@
     width: 24px;
 }
 
-.mod-toolbox-rd.res-nightmode .tb-popup.context-button-popup {
+.mod-toolbox-rd.res-nightmode .tb-window.context-button-popup {
     background-color: #262626;
 }
 

diff --git a/extension/data/styles/queuetools.css b/extension/data/styles/queuetools.css
@@ -103,10 +103,10 @@
     background: #fff
 }
 
-.tb-popup.queuetools-select-popup .divider {
+.tb-window.queuetools-select-popup .divider {
     margin-top: 8px
 }
 
-.tb-popup.queuetools-select-popup .choice {
+.tb-window.queuetools-select-popup .choice {
     margin-top: 2px
-}
+}