chore: Angle Brackets Codemod on app/template/accounts/ (#4301)

* codemod on app/templates/account/**/*.hbs

* finalize

* fix lock

Co-authored-by: iamareebjamal <jamal.areeb@gmail.com>

Author: jaydgruber

.template-lintrc.js

@@ -14,6 +14,15 @@ module.exports = {
     'require-valid-alt-text': false,
     'no-inline-styles': false,
     'no-negated-condition': false,
-    'no-invalid-meta': false // Crashing the linter https://github.com/ember-template-lint/ember-template-lint/pull/1087
-  }
+    'no-invalid-meta': false, // Crashing the linter https://github.com/ember-template-lint/ember-template-lint/pull/1087
+    'no-curly-component-invocation': false,
+  },
+  overrides: [
+    {
+      files: ['**/app/templates/account/**/*.hbs'],
+      rules: {
+        'no-curly-component-invocation': true,
+      }
+    },
+  ]
 };

.travis.yml

@@ -25,7 +25,7 @@ install: yarn
 script:
   - touch .env
   - node scripts/l10n.js generate
-  - yarn lint:scss
+  - yarn lint
   - COVERAGE=true yarn test
   - ROOT_URL=open-event-frontend ember build -prod
   - bash scripts/test_fastboot.sh

app/templates/account/applications.hbs

@@ -1 +1 @@
-{{account/application-section data=model}}
+<Account::ApplicationSection @data={{model}} />

app/templates/account/billing.hbs

@@ -1,14 +1,14 @@
 <div class="ui grid">
   <div class="row">
     <div class="{{if device.isMobile 'sixteen' 'three'}} wide column">
-      {{#tabbed-navigation isVertical=true}}
-        {{#link-to 'account.billing.payment-info' class='item'}}
+      <TabbedNavigation @isVertical={{true}}>
+        <LinkTo @route="account.billing.payment-info" class="item">
           {{t 'Payment Information'}}
-        {{/link-to}}
-        {{#link-to 'account.billing.invoices' class='item'}}
+        </LinkTo>
+        <LinkTo @route="account.billing.invoices" class="item">
           {{t 'Invoices'}}
-        {{/link-to}}
-      {{/tabbed-navigation}}
+        </LinkTo>
+      </TabbedNavigation>
     </div>
     <div class="{{if device.isMobile 'sixteen' 'thirteen'}} wide column">
       {{outlet}}

app/templates/account/billing/invoices.hbs

@@ -1,20 +1,20 @@
 <div class="ui grid stackable">
   <div class="row">
     <div class="eight wide column">
-      {{#tabbed-navigation isNonPointing=true}}
-        {{#link-to 'account.billing.invoices.list' 'all' class='item'}}
+      <TabbedNavigation @isNonPointing={{true}}>
+        <LinkTo @route="account.billing.invoices.list" @model="all" class="item">
           {{t 'All'}}
-        {{/link-to}}
-        {{#link-to 'account.billing.invoices.list' 'due' class='item'}}
+        </LinkTo>
+        <LinkTo @route="account.billing.invoices.list" @model="due" class="item">
           {{t 'Due'}}
-        {{/link-to}}
-        {{#link-to 'account.billing.invoices.list' 'paid' class='item'}}
+        </LinkTo>
+        <LinkTo @route="account.billing.invoices.list" @model="paid" class="item">
           {{t 'Paid'}}
-        {{/link-to}}
-        {{#link-to 'account.billing.invoices.list' 'upcoming' class='item'}}
+        </LinkTo>
+        <LinkTo @route="account.billing.invoices.list" @model="upcoming" class="item">
           {{t 'Upcoming'}}
-        {{/link-to}}
-      {{/tabbed-navigation}}
+        </LinkTo>
+      </TabbedNavigation>
     </div>
   </div>
   <div class="row">

app/templates/account/billing/invoices/list.hbs

@@ -1,15 +1,15 @@
 <div class="sixteen wide column">
-  {{tables/default columns=columns
-                  rows=model.eventInvoices.data
-                  currentPage=page
-                  pageSize=per_page
-                  searchQuery=search
-                  sortBy=sort_by
-                  sortDir=sort_dir
-                  metaData=model.eventInvoices.meta
-                  filterOptions=filterOptions
-                  widthConstraint="eq-container"
-                  resizeMode="fluid"
-                  fillMode="equal-column"
-  }}
+  <Tables::Default
+    @columns={{columns}}
+    @rows={{model.eventInvoices.data}}
+    @currentPage={{page}}
+    @pageSize={{per_page}}
+    @searchQuery={{search}}
+    @sortBy={{sort_by}}
+    @sortDir={{sort_dir}}
+    @metaData={{model.eventInvoices.meta}}
+    @filterOptions={{filterOptions}}
+    @widthConstraint="eq-container"
+    @resizeMode="fluid"
+    @fillMode="equal-column" />
 </div>

app/templates/account/billing/payment-info.hbs

@@ -1,3 +1,3 @@
 <div class="ui basic {{if isLoading 'loading' ''}} segment">
-  {{forms/user-payment-info-form}}
+  <Forms::UserPaymentInfoForm />
 </div>

app/templates/account/danger-zone.hbs

@@ -1 +1 @@
-{{account/danger-zone data=model}}
+<Account::DangerZone @data={{model}} />

app/templates/account/email-preferences.hbs

@@ -1 +1 @@
-{{account/email-preferences-section preferences=model}}
+<Account::EmailPreferencesSection @preferences={{model}} />

app/templates/account/password.hbs

@@ -1 +1,6 @@
-{{account/password-section changePassword=(action 'changePassword') passwordCurrent=passwordCurrent passwordNew=passwordNew passwordRepeat=passwordRepeat isLoading=isLoading}}
+<Account::PasswordSection
+    @changePassword={{action "changePassword"}}
+    @passwordCurrent={{passwordCurrent}}
+    @passwordNew={{passwordNew}}
+    @passwordRepeat={{passwordRepeat}}
+    @isLoading={{isLoading}} />