Fix: Scss and linting

assets/javascripts/discourse/templates/components/banner-links.hbs → assets/javascripts/discourse/components/banner-links.hbs

@@ -1,6 +1,6 @@
 <div class="links-wrapper">
   <div class="featured-banner-link">
-    {{#each links as |link|}}
+    {{#each this.links as |link|}}
       {{#if link.url}}
         <div>
           <a

assets/javascripts/discourse/templates/components/delegate-actions.hbs → assets/javascripts/discourse/components/delegate-actions.hbs

@@ -1,31 +1,31 @@
-{{#if (and hasSetApiKey shouldShow)}}
-  {{delegate-pitch-form profile=profile onClose=toggleDelegate}}
-  {{vote-reason-form profile=profile onClose=toggleVote}}
+{{#if (and this.hasSetApiKey this.shouldShow)}}
+  {{delegate-pitch-form profile=this.profile onClose=this.toggleDelegate}}
+  {{vote-reason-form profile=this.profile onClose=this.toggleVote}}
   <div class="k-dropdown-wrap">
     <div style="width:fit-content">
-      <button type="button" class="k-btn btn-info" onclick={{onClick}}>
+      <button type="button" class="k-btn btn-info" onclick={{this.onClick}}>
         Delegate Actions
       </button>
-      {{#if isOpen}}
+      {{#if this.isOpen}}
         <div class="k-dropdown">
           <div class="triangle"></div>
-          {{#if siteSettings.Show_delegate_pitch_form}}
+          {{#if this.siteSettings.Show_delegate_pitch_form}}
             <div class="k-option">
               <button
                 type="button"
                 class="k-btn btn-link"
-                onClick={{toggleDelegate}}
+                onClick={{this.toggleDelegate}}
               >
                 Delegate pitch
               </button>
             </div>
           {{/if}}
-          {{#if siteSettings.Show_vote_reason_form}}
+          {{#if this.siteSettings.Show_vote_reason_form}}
             <div class="k-option">
               <button
                 type="button"
                 class="k-btn btn-link"
-                onClick={{toggleVote}}
+                onClick={{this.toggleVote}}
               >
                 Submit vote reason
               </button>

assets/javascripts/discourse/templates/components/delegate-pitch-form.hbs → assets/javascripts/discourse/components/delegate-pitch-form.hbs

@@ -1,28 +1,34 @@
-{{#if siteSettings.Show_delegate_pitch_form}}
-  {{#unless hideButton}}
+{{#if this.siteSettings.Show_delegate_pitch_form}}
+  {{#unless this.hideButton}}
     <button
       type="button"
       class="__karma-send-reason-btn k-btn btn-link"
-      onClick={{onClose}}
+      onClick={{this.onClose}}
     >
       Delegate pitch
     </button>
   {{/unless}}
   <div
-    id={{modalId}}
+    id={{this.modalId}}
     class="__karma-vote-form-modal"
     style="display:none;opacity:0;transform:translateY(20px)"
   >
-    {{#if loading}}
+    {{#if this.loading}}
       {{karma-loading message="Submitting data, please wait."}}
     {{else}}
-      {{#unless message.length}}
-        <div class="modal-body" onClick={{isOutside}}>
-          <form onSubmit={{submit}}>
+      {{#if this.message.length}}
+        <div class="karma-form-submitted-message">
+          <p>
+            {{this.message}}
+          </p>
+        </div>
+      {{else}}
+        <div class="modal-body" onClick={{this.isOutside}}>
+          <form onSubmit={{this.submit}}>
             <div class="modal-content">
               <div class="backdrop">
               </div>
-              <div class="close-button" onClick={{onClose}}>
+              <div class="close-button" onClick={{this.onClose}}>
                 {{d-icon "times"}}
               </div>
               <div class="modal-header">
@@ -34,8 +40,8 @@
                 <label for="reason">
                   Your delegate address
                 </label>
-                {{input type="text" class="k-input" value=form.publicAddress}}
-                {{#each customFields as |field|}}
+                {{input type="text" class="k-input" value=this.form.publicAddress}}
+                {{#each this.customFields as |field|}}
                   <label class="mt-2">
                     {{field.label}}<br>
                   </label>
@@ -56,8 +62,8 @@
                   {{/if}}
                 {{/each}}
               </div>
-              {{#if errors.length}}
-                {{#each errors as |error|}}
+              {{#if this.errors.length}}
+                {{#each this.errors as |error|}}
                   <span class="error" style="color:var(--danger)">
                     {{error}}
                   </span>
@@ -66,12 +72,12 @@
               {{/if}}
               <div class="footer">
                 <div>
-                  {{#if postId}}
+                  {{#if this.postId}}
                     You have already submitted a
                     <a
                       rel="noreferrer noopener"
                       target="_blank"
-                      href={{html-safe (concat "/p/" postId)}}
+                      href={{html-safe (concat "/p/" this.postId)}}
                     >
                       delegate pitch
                     </a>
@@ -81,12 +87,12 @@
                   <button
                     type="button"
                     class="k-btn btn-link"
-                    onClick={{onClose}}
+                    onClick={{this.onClose}}
                   >
                     Cancel
                   </button>
                   <button type="submit" class="k-btn btn-info">
-                    {{#if postId}}
+                    {{#if this.postId}}
                       Update
                     {{else}}
                       Submit
@@ -97,13 +103,7 @@
             </div>
           </form>
         </div>
-      {{else}}
-        <div class="karma-form-submitted-message">
-          <p>
-            {{message}}
-          </p>
-        </div>
-      {{/unless}}
+      {{/if}}
     {{/if}}
   </div>
 {{/if}}

assets/javascripts/discourse/templates/components/karma-loading.hbs → assets/javascripts/discourse/components/karma-loading.hbs

@@ -2,9 +2,9 @@
   {{d-icon "circle"}}
   {{d-icon "circle"}}
   {{d-icon "circle"}}
-  {{#if message.length}}
+  {{#if this.message.length}}
     <p>
-      {{message}}
+      {{this.message}}
     </p>
   {{/if}}
 </div>

assets/javascripts/discourse/templates/components/karma-stats.hbs → assets/javascripts/discourse/components/karma-stats.hbs

@@ -1,10 +1,10 @@
-{{#if siteSettings.Enable_Karma_plugin}}
-  <div id={{wrapperId}}>
-    <input hidden id="__dao-username" readonly value={{username}}>
+{{#if this.siteSettings.Enable_Karma_plugin}}
+  <div id={{this.wrapperId}}>
+    <input hidden id="__dao-username" readonly value={{this.username}}>
     <div class="__wrapper">
 
       <div style="display:flex;align-items:center;margin:10px 0;">
-        {{#if siteSettings.Show_Karma_logo}}
+        {{#if this.siteSettings.Show_Karma_logo}}
           <a
             alt="Show Karma App"
             href="https://karmahq.xyz"
@@ -22,10 +22,10 @@
           Governance Stats
         </b>
       </div>
-      {{#if (gt availableDaos.length 1)}}
+      {{#if (gt this.availableDaos.length 1)}}
         <div id="__dao-select">
-          {{#each availableDaos as |dao|}}
-            {{#if (eq daoName dao.name)}}
+          {{#each this.availableDaos as |dao|}}
+            {{#if (eq this.daoName dao.name)}}
               <div class="__dao-item selected" role="button" onclick={{dao.select}}>
                 {{dao.name}}
               </div>
@@ -41,11 +41,11 @@
         Loading governance stats from Karma
       </div>
       <div class="__has-error" style="display:none;">
-        {{html-safe siteSettings.User_not_found_message}}
+        {{html-safe this.siteSettings.User_not_found_message}}
       </div>
       <div class="__has-score" style="display:none;">
         <ul>
-          {{#if siteSettings.Show_Karma_score}}
+          {{#if this.siteSettings.Show_Karma_score}}
             <li>
               <span class="value">
                 <span id="__dao-exp" class="number">
@@ -58,7 +58,7 @@
               </span>
             </li>
           {{/if}}
-          {{#if siteSettings.Show_health_score}}
+          {{#if this.siteSettings.Show_health_score}}
             <li>
               <span class="value">
                 <span id="__health-score" class="number">
@@ -71,11 +71,11 @@
               </span>
             </li>
           {{/if}}
-          {{#if siteSettings.Show_delegated_votes}}
+          {{#if this.siteSettings.Show_delegated_votes}}
             <li>
               <span class="value">
                 <a
-                  href={{karmaDelegatorsUrl}}
+                  href={{this.karmaDelegatorsUrl}}
                   target="_blank"
                   rel="noopener noreferrer"
                 >
@@ -90,7 +90,7 @@
               </span>
             </li>
           {{/if}}
-          {{#if siteSettings.Show_snapshot_votes}}
+          {{#if this.siteSettings.Show_snapshot_votes}}
             <li>
               <span class="value">
                 <span id="__snapshot-voting-stats" class="number">
@@ -103,7 +103,7 @@
               </span>
             </li>
           {{/if}}
-          {{#if siteSettings.Show_on_chain_votes}}
+          {{#if this.siteSettings.Show_on_chain_votes}}
             <li>
               <span class="value">
                 <span id="__on-chain-voting-stats" class="number">
@@ -118,7 +118,7 @@
           {{/if}}
         </ul>
       </div>
-      {{profile-summary-votes profile=profile daoName=daoName}}
+      {{profile-summary-votes profile=this.profile daoName=this.daoName}}
     </div>
   </div>
 {{/if}}

assets/javascripts/discourse/templates/components/karma-tooltip.hbs → assets/javascripts/discourse/components/karma-tooltip.hbs

@@ -1,5 +1,5 @@
-{{#if label}}
+{{#if this.label}}
   <div class="__karma-tooltip">
-    {{html-safe label}}
+    {{html-safe this.label}}
   </div>
 {{/if}}

assets/javascripts/discourse/templates/components/profile-summary-votes.hbs → assets/javascripts/discourse/components/profile-summary-votes.hbs

@@ -1,10 +1,10 @@
-{{#if (and (gt siteSettings.Show_voting_history 0) profile.address)}}
+{{#if (and (gt this.siteSettings.Show_voting_history 0) this.profile.address)}}
   <div id="__karma-voting-wrapper">
     <div style="display:flex;align-items:center;margin:10px 0;">
-      {{#if siteSettings.Show_Karma_logo}}
+      {{#if this.siteSettings.Show_Karma_logo}}
         <a
           alt="Show Karma App"
-          href={{concat "https://karmahq.xyz/profile/" profile.address}}
+          href={{concat "https://karmahq.xyz/profile/" this.profile.address}}
           target="_blank"
           rel="noopener noreferrer"
         >
@@ -20,23 +20,23 @@
       </b>
     </div>
     <small class="text-disabled">
-      Showing latest {{profile.ensName}}'s
-      {{siteSettings.Show_voting_history}}
+      Showing latest {{this.profile.ensName}}'s
+      {{this.siteSettings.Show_voting_history}}
       votes
     </small>
     <div id="__karma-voting-history" class="w-full profile">
-      {{#if votes.length}}
-        {{#each votes as |vote|}}
-          {{vote-item vote=vote profile=profile}}
+      {{#if this.votes.length}}
+        {{#each this.votes as |vote|}}
+          {{vote-item vote=vote profile=this.profile}}
         {{/each}}
       {{else}}
-        {{#unless fetched}}
-          {{karma-loading}}
-        {{else}}
+        {{#if this.fetched}}
           <div class="loading">
             No voting history found
           </div>
-        {{/unless}}
+        {{else}}
+          {{karma-loading}}
+        {{/if}}
       {{/if}}
     </div>
   </div>

assets/javascripts/discourse/templates/components/proposal-banner.hbs → assets/javascripts/discourse/components/proposal-banner.hbs

@@ -1,8 +1,8 @@
-{{#if (and siteSettings.Show_proposal_banner shouldShow)}}
-  {{#if (gt availableDaos.length 1)}}
+{{#if (and this.siteSettings.Show_proposal_banner this.shouldShow)}}
+  {{#if (gt this.availableDaos.length 1)}}
     <div id="__dao-select">
-      {{#each availableDaos as |dao|}}
-        {{#if (eq daoName dao.name)}}
+      {{#each this.availableDaos as |dao|}}
+        {{#if (eq this.daoName dao.name)}}
           <div class="__dao-item selected" role="button" onclick={{dao.select}}>
             {{dao.name}}
           </div>
@@ -14,42 +14,42 @@
       {{/each}}
     </div>
   {{/if}}
-  {{#if fetched}}
-    {{#if proposals.length}}
+  {{#if this.fetched}}
+    {{#if this.proposals.length}}
       <div class="karma-banner-title pl-2.5 mt-1">
         <div>
-          {{siteSettings.Banner_title}}
+          {{this.siteSettings.Banner_title}}
         </div>
         <div class="banner-links">
-          {{banner-links links=bannerLinks}}
+          {{banner-links links=this.bannerLinks}}
         </div>
       </div>
       <div class="__banner-wrapper">
         <div class="banner-body">
           <div
             class={{html-safe
-              (concat "active-proposals-wrapper" " " openClass)
+              (concat "active-proposals-wrapper" " " this.openClass)
             }}
-            style={{html-safe (concat "height: " bannerHeight ";")}}
+            style={{html-safe (concat "height: " this.bannerHeight ";")}}
           >
-            {{#each proposals as |proposal|}}
-              {{proposal-item proposal=proposal tokenContract=tokenContract}}
+            {{#each this.proposals as |proposal|}}
+              {{proposal-item proposal=proposal tokenContract=this.tokenContract}}
             {{/each}}
           </div>
         </div>
-        {{#if (gte proposals.length 2)}}
+        {{#if (gte this.proposals.length 2)}}
           <div class="reveal-button-wrapper">
             <button
-              class={{concat "reveal-more-button" " " openClass}}
-              onclick={{toggleBanner}}
+              class={{concat "reveal-more-button" " " this.openClass}}
+              onclick={{this.toggleBanner}}
               type="button"
             >
               <div class="available-to-show">
-                {{#unless openClass}}
-                  Show more proposals
-                {{else}}
+                {{#if this.openClass}}
                   Hide proposals
-                {{/unless}}
+                {{else}}
+                  Show more proposals
+                {{/if}}
               </div>
               {{d-icon "chevron-down"}}
             </button>