use ember-template-lint-plugin-prettier

ember/.template-lintrc.js

@@ -1,5 +1,10 @@
 'use strict';
 
 module.exports = {
- extends: 'recommended',
+ extends: ['recommended', 'ember-template-lint-plugin-prettier:recommended'],
+ plugins: ['ember-template-lint-plugin-prettier'],
+ rules: {
+ 'require-input-label': false,
+ 'no-obsolete-elements': false,
+ },
 };

ember/app/components/dependency-compact/template.hbs

@@ -3,11 +3,11 @@
  {{(if
  @version
  (modifier
- 'uk-tooltip'
- (concat 'EOL: ' (format-date @version.endOfLife))
- pos='bottom'
+ "uk-tooltip"
+ (concat "EOL: " (format-date @version.endOfLife))
+ pos="bottom"
  )
  )}}
 >
- {{or @version.requirements 'No dependencies yet'}}
+ {{or @version.requirements "No dependencies yet"}}
 </span>

ember/app/components/dependency-detailed/template.hbs

@@ -1,12 +1,12 @@
-<tr class='{{status-to-class @version.status}}'>
+<tr class="{{status-to-class @version.status}}">
  <td data-test-version-dependency-name>
  {{@version.name}}
  </td>
  <td data-test-version-version>
  {{@version.version}}
  </td>
  <td data-test-version-end-of-life>
- {{or (format-date @version.endOfLife) 'missing'}}
+ {{or (format-date @version.endOfLife) "missing"}}
  </td>
  <td data-test-version-release-date>
  {{format-date @version.releaseDate}}

ember/app/components/dependency-table/template.hbs

@@ -1,5 +1,5 @@
 <h2 class="table-header">Dependencies</h2>
-<hr class='seperator' />
+<hr class="seperator" />
 {{#if @versionedDependencies}}
  <table>
  <thead>
@@ -18,7 +18,7 @@
  </tbody>
  </table>
 {{else}}
- <div class='none-yet' data-test-versioned-dependencies-none>
+ <div class="none-yet" data-test-versioned-dependencies-none>
  <span>No dependencies yet</span>
  </div>
 {{/if}}

ember/app/components/form.hbs

@@ -1,16 +1,16 @@
-<form class='uk-form' autocomplete='off' {{on 'submit' this.submit}}>
+<form class="uk-form" autocomplete="off" {{on "submit" this.submit}}>
 
- <fieldset class='uk-fieldset'>
- <legend class='uk-legend'>{{@name}}</legend>
+ <fieldset class="uk-fieldset">
+ <legend class="uk-legend">{{@name}}</legend>
 
  {{yield
  (hash
  model=@model
  loading=this.loading
  input=(component
- 'validated-input' model=@model submitted=this.submitted
+ "validated-input" model=@model submitted=this.submitted
  )
- button=(component 'uk-button' label='Save' type='submit')
+ button=(component "uk-button" label="Save" type="submit")
  )
  }}
  </fieldset>

ember/app/components/maintainer-table/template.hbs

@@ -1,5 +1,5 @@
 <h2 class="table-header">Maintainers</h2>
-<hr class='seperator' />
+<hr class="seperator" />
 {{#if @maintainers}}
  <table>
  <thead>
@@ -10,22 +10,22 @@
  </thead>
  <tbody>
  {{#each (sort-by "isPrimary:desc" this.maintainers) as |maintainer|}}
- <tr>
- <td>
- {{#if maintainer.isPrimary}}
- <UkIcon @icon="star" @ratio={{0.5}} />
- {{/if}}
- {{maintainer.user.username}}
- </td>
- <td>
- {{maintainer.user.email}}
- </td>
- </tr>
- {{/each}}
+  <tr>
+  <td>
+  {{#if maintainer.isPrimary}}
+  <UkIcon @icon="star" @ratio={{0.5}} />
+  {{/if}}
+  {{maintainer.user.username}}
+  </td>
+  <td>
+  {{maintainer.user.email}}
+  </td>
+  </tr>
+  {{/each}}
  </tbody>
  </table>
 {{else}}
- <div class='none-yet' data-test-versioned-dependencies-none>
+ <div class="none-yet" data-test-versioned-dependencies-none>
  <span>No maintainers yet</span>
  </div>
-{{/if}}
+{{/if}}

ember/app/components/modal/template.hbs

@@ -7,12 +7,12 @@
  as |modal|
 >
  <modal.header>
- <h2 class='uk-modal-title'>{{@title}}</h2>
+ <h2 class="uk-modal-title">{{@title}}</h2>
  </modal.header>
  {{#if @visible}}
  {{yield
  (hash
- body=(component 'uk-modal/body') footer=(component 'uk-modal/footer')
+ body=(component "uk-modal/body") footer=(component "uk-modal/footer")
  )
  }}
  {{/if}}

ember/app/components/project-compact/template.hbs

@@ -1,20 +1,20 @@
-<div class='project-compact'>
+<div class="project-compact">
 
  <UkCard as |card|>
 
  <LinkTo
- @route='projects.detailed'
- data-test-project-link='{{@project.id}}'
+ @route="projects.detailed"
+ data-test-project-link="{{@project.id}}"
  @model={{@project}}
  >
- <h3 data-test-project-name class='title-compact'>
+ <h3 data-test-project-name class="title-compact">
  {{@project.name}}
  </h3>
  </LinkTo>
 
- <card.body class='{{status-to-class @project.status}}'>
+ <card.body class="{{status-to-class @project.status}}">
 
- <UkIcon @icon='{{this.icon}}' @ratio={{4}} />
+ <UkIcon @icon="{{this.icon}}" @ratio={{4}} />
  <DependencyCompact @version={{this.version}} />
 
  </card.body>

ember/app/components/project-form/template.hbs

@@ -1,14 +1,37 @@
 {{page-title @project.name}}
 
-<Form @name={{if @project (concat 'Edit project ' @project.name) 'Track new Project'}} @model={{this.project}} @onSubmit={{perform this.saveProject}} as |f|>
- <f.input @name='name' />
- <f.input @name='repo' />
+<Form
+ @name={{if
+ @project
+ (concat "Edit project " @project.name)
+ "Track new Project"
+ }}
+ @model={{this.project}}
+ @onSubmit={{perform this.saveProject}}
+ as |f|
+>
+ <f.input @name="name" />
+ <f.input @name="repo" />
 
- <f.input @name='users' @type='select' @label='Maintainers' @multiple={{true}} @value={{this.project.users}}
- @options={{this.users}} @searchField='searchField' @visibleField='fullName' />
+ <f.input
+ @name="users"
+ @type="select"
+ @label="Maintainers"
+ @multiple={{true}}
+ @value={{this.project.users}}
+ @options={{this.users}}
+ @searchField="searchField"
+ @visibleField="fullName"
+ />
  {{#if (gt this.project.users.length 1)}}
- <f.input @name='primaryMaintainer' @type='select' @options={{this.project.users}} @value={{this.primaryMaintainer}}
- @searchField='searchField' @visibleField='fullName' />
+ <f.input
+ @name="primaryMaintainer"
+ @type="select"
+ @options={{this.project.users}}
+ @value={{this.primaryMaintainer}}
+ @searchField="searchField"
+ @visibleField="fullName"
+ />
  {{/if}}
  <f.button @loading={{this.saveProject.isRunning}} />
-</Form>
+</Form>

ember/app/components/select-button.hbs

@@ -1,6 +1,6 @@
 <UkButton
  @onClick={{@on-click}}
- class='select-button'
- @label='+'
- @width='1-1'
+ class="select-button"
+ @label="+"
+ @width="1-1"
 />

ember/app/components/top-nav/template.hbs

@@ -1,20 +1,23 @@
 <div
- class='navbar'
- uk-sticky='sel-target: .navbar-container; cls-active: uk-navbar-sticky'
+ class="navbar"
+ uk-sticky="sel-target: .navbar-container; cls-active: uk-navbar-sticky"
 >
- <nav class='navbar-container' uk-navbar>
- <div class='uk-navbar-left'>
- <LinkTo @route='projects' class='uk-navbar-item uk-logo'>
+ <nav class="navbar-container" uk-navbar>
+ <div class="uk-navbar-left">
+ <LinkTo @route="projects" class="uk-navbar-item uk-logo">
  Outdated
  </LinkTo>
  </div>
- <div class='uk-navbar-right'>
- <ul class='button-nav'>
- <li>
- <LinkTo @route="projects.index" @current-when="projects.index projects.detailed not-found">Overview</LinkTo>
- </li>
- <li>
- <LinkTo @route="projects.add">Add</LinkTo>
+ <div class="uk-navbar-right">
+ <ul class="button-nav">
+ <li>
+ <LinkTo
+ @route="projects.index"
+ @current-when="projects.index projects.detailed not-found"
+ >Overview</LinkTo>
+ </li>
+ <li>
+ <LinkTo @route="projects.add">Add</LinkTo>
  </li>
  </ul>
  </div>

ember/app/components/validated-input.hbs

@@ -23,8 +23,8 @@
  @noMatchesMessageComponent={{@noMatchesMessageComponent}}
  @errorComponent={{if
  (and this.showValidity this.errors)
- (component 'validated-input/error' errors=this.errors id=this.errorId)
+ (component "validated-input/error" errors=this.errors id=this.errorId)
  }}
- @labelComponent={{component 'validated-input/label' inputId=@inputId}}
+ @labelComponent={{component "validated-input/label" inputId=@inputId}}
  ...attributes
 />

ember/app/components/validated-input/error/template.hbs

@@ -1,3 +1,3 @@
-<small data-test-error id={{@id}} class='uk-text-danger' ...attributes>
+<small data-test-error id={{@id}} class="uk-text-danger" ...attributes>
  {{yield}}{{this.errorsAsString}}
 </small>

ember/app/components/validated-input/label/template.hbs

@@ -1,3 +1,3 @@
-<label data-test-label class='uk-form-label' for={{@inputId}}>
+<label data-test-label class="uk-form-label" for={{@inputId}}>
  {{@label}}
 </label>

ember/app/components/validated-input/render/template.hbs

@@ -1,10 +1,10 @@
-<div class='uk-margin'>
+<div class="uk-margin">
  {{#if (or @label (not @placeholder))}}
  <@labelComponent @label={{or @label this.name}} />
  {{/if}}
- <div class='uk-form-controls'>
+ <div class="uk-form-controls">
 
- {{#if (eq @type 'select')}}
+ {{#if (eq @type "select")}}
  <ValidatedInput::Types::Select
  @id={{@inputId}}
  @disabled={{@disabled}}
@@ -26,7 +26,7 @@
  @selectComponent={{this.selectComponent}}
  ...attributes
  />
- {{else if (eq @type 'date')}}
+ {{else if (eq @type "date")}}
  <ValidatedInput::Types::Date
  @id={{@inputId}}
  @disabled={{@disabled}}

ember/app/components/validated-input/types/date/template.hbs

@@ -1,9 +1,9 @@
 <EmberFlatpickr
  placeholder={{@placeholder}}
- @dateFormat={{or @dateFormat 'Y-m-d'}}
+ @dateFormat={{or @dateFormat "Y-m-d"}}
  @date={{or @value null}}
  @onChange={{this.onUpdate}}
  @onClose={{@setDirty}}
  @allowInput={{or @allowInput true}}
- class='uk-input {{if @isValid "is-valid"}} {{if @isInvalid "is-invalid"}}'
+ class="uk-input {{if @isValid 'is-valid'}} {{if @isInvalid 'is-invalid'}}"
 />

ember/app/components/validated-input/types/select/template.hbs

@@ -13,7 +13,7 @@
  @noMatchesMessage={{@noMatchesMessage}}
  @noMatchesMessageComponent={{@noMatchesMessageComponent}}
  id={{@inputId}}
- class='{{if @isValid "is-valid "}} {{if @isInvalid "is-invalid"}}'
+ class="{{if @isValid 'is-valid '}} {{if @isInvalid 'is-invalid'}}"
  as |name|
 >
  {{or (get name (or @visibleField @searchField)) name}}

ember/app/components/validated-input/types/text/template.hbs

@@ -1,7 +1,7 @@
 {{! template-lint-disable require-input-label}}
 <input
- {{on 'input' this.onUpdate}}
- {{on 'blur' @setDirty}}
- class='uk-input {{if @isValid "is-valid"}} {{if @isInvalid "is-invalid"}}'
+ {{on "input" this.onUpdate}}
+ {{on "blur" @setDirty}}
+ class="uk-input {{if @isValid 'is-valid'}} {{if @isInvalid 'is-invalid'}}"
  ...attributes
 />

ember/app/templates/application.hbs

@@ -1,4 +1,4 @@
-{{page-title 'Outdated'}}
+{{page-title "Outdated"}}
 
 <Top-Nav />
 {{outlet}}

ember/app/templates/index.hbs

@@ -1 +1 @@
-{{outlet}}
+{{outlet}}

ember/app/templates/not-found.hbs

@@ -1,4 +1,4 @@
 <div class="uk-text-center" data-test-not-found>
  <h1 class="uk-heading-2xlarge">404</h1>
  <p>The site you requested does not exist</p>
-</div>
+</div>

ember/app/templates/projects.hbs

@@ -1 +1 @@
-<div class='content-container'>{{outlet}}</div>
+<div class="content-container">{{outlet}}</div>

ember/app/templates/projects/add.hbs

@@ -1,3 +1,3 @@
-{{page-title 'Add new project to tracking'}}
+{{page-title "Add new project to tracking"}}
 
 <ProjectForm />

ember/app/templates/projects/detailed/edit.hbs

@@ -1,3 +1,3 @@
 {{page-title "Edit"}}
 
-<ProjectForm @project={{@model}}/>
+<ProjectForm @project={{@model}} />

ember/app/templates/projects/detailed/index.hbs

@@ -1,2 +1,2 @@
 {{page-title @model.name}}
-<ProjectDetailed @project={{@model}} />
+<ProjectDetailed @project={{@model}} />

ember/app/templates/projects/index.hbs

@@ -1,5 +1,5 @@
-{{page-title 'Overview'}}
-<div class='compact-projects'>
+{{page-title "Overview"}}
+<div class="compact-projects">
  {{#each @model as |project|}}
  <ProjectCompact @project={{project}} />
  {{/each}}

ember/app/templates/protected.hbs

@@ -1 +1 @@
-{{outlet}}
+{{outlet}}