FEATURE: Add CSS classes to associated accounts rows

FEATURE: Add CSS classes to associated accounts rows

diff --git a/app/assets/javascripts/discourse/templates/preferences/account.hbs b/app/assets/javascripts/discourse/templates/preferences/account.hbs
index 666e147..3f3024d 100644
--- a/app/assets/javascripts/discourse/templates/preferences/account.hbs
+++ b/app/assets/javascripts/discourse/templates/preferences/account.hbs
@@ -105,31 +105,32 @@
     <label class="control-label">{{i18n 'user.associated_accounts.title'}}</label>
     {{#if associatedAccountsLoaded}}
       <table>
-      {{#each authProviders as |authProvider|}}
-        <tr>
-          <td>{{authProvider.method.prettyName}}</td>
-
+        {{#each authProviders as |authProvider|}}
           {{#if authProvider.account}}
-            <td>{{authProvider.account.description}}</td>
-            <td>
-              {{#if authProvider.method.can_revoke}}
-                {{#conditional-loading-spinner condition=revoking size='small'}}
-                  {{d-button action=(action "revokeAccount") actionParam=authProvider.account title="user.associated_accounts.revoke" class="btn-danger no-text" icon="trash-alt" }}
-                {{/conditional-loading-spinner}}
-              {{/if}}
-            </td>
+            <tr class="{{dasherize authProvider.method.name}} account-connected">
+              <td>{{authProvider.method.prettyName}}</td>
+                <td>{{authProvider.account.description}}</td>
+                <td>
+                  {{#if authProvider.method.can_revoke}}
+                    {{#conditional-loading-spinner condition=revoking size='small'}}
+                      {{d-button action=(action "revokeAccount") actionParam=authProvider.account title="user.associated_accounts.revoke" class="btn-danger no-text" icon="trash-alt" }}
+                    {{/conditional-loading-spinner}}
+                  {{/if}}
+                </td>
+            </tr>
           {{else}}
-            <td colspan=2>
-              {{#if authProvider.method.can_connect}}
-                {{d-button action=(action "connectAccount") actionParam=authProvider.method label="user.associated_accounts.connect" class="btn-default" icon="plug" disabled=disableConnectButtons}}
-              {{else}}
-                {{i18n 'user.associated_accounts.not_connected'}}
-              {{/if}}
-              </td>
+            <tr class="{{dasherize authProvider.method.name}}">
+              <td>{{authProvider.method.prettyName}}</td>
+                <td colspan=2>
+                  {{#if authProvider.method.can_connect}}
+                    {{d-button action=(action "connectAccount") actionParam=authProvider.method label="user.associated_accounts.connect" class="btn-default" icon="plug" disabled=disableConnectButtons}}
+                  {{else}}
+                    {{i18n 'user.associated_accounts.not_connected'}}
+                  {{/if}}
+                </td>
+            </tr>
           {{/if}}
-
-        </tr>
-      {{/each}}
+        {{/each}}
       </table>
     {{else}}
       <div class="controls">

GitHub sha: c422520b

1 Like