ui: fix file formating

hashicorp · Dec 18, 2021 · f8709ff · f8709ff
1 parent 3f36393
commit f8709ff
Showing 1 changed file with 21 additions and 62 deletions.
diff --git a/ui/app/templates/jobs/job/allocations.hbs b/ui/app/templates/jobs/job/allocations.hbs
@@ -8,8 +8,7 @@
           data-test-allocations-search
           @searchTerm={{mut this.searchTerm}}
           @onChange={{action this.resetPagination}}
-          @placeholder="Search allocations..."
-        />
+          @placeholder="Search allocations..." />
       </div>
       <div class="toolbar-item is-right-aligned">
         <div class="button-bar">
@@ -49,97 +48,57 @@
         @source={{this.sortedAllocations}}
         @size={{this.pageSize}}
         @page={{this.currentPage}}
-        @class="allocations" as |p|
-      >
+        @class="allocations" as |p|>
         <ListTable
           @source={{p.list}}
           @sortProperty={{this.sortProperty}}
           @sortDescending={{this.sortDescending}}
-          @class="with-foot" as |t|
-        >
+          @class="with-foot" as |t|>
           <t.head>
             <th class="is-narrow"></th>
-            <t.sort-by @prop="shortId">
-              ID
-            </t.sort-by>
-            <t.sort-by @prop="taskGroupName">
-              Task Group
-            </t.sort-by>
-            <t.sort-by @prop="createIndex" @title="Create Index">
-              Created
-            </t.sort-by>
-            <t.sort-by @prop="modifyIndex" @title="Modify Index">
-              Modified
-            </t.sort-by>
-            <t.sort-by @prop="statusIndex">
-              Status
-            </t.sort-by>
-            <t.sort-by @prop="jobVersion">
-              Version
-            </t.sort-by>
-            <t.sort-by @prop="node.shortId">
-              Client
-            </t.sort-by>
-            <th>
-              Volume
-            </th>
-            <th>
-              CPU
-            </th>
-            <th>
-              Memory
-            </th>
+            <t.sort-by @prop="shortId">ID</t.sort-by>
+            <t.sort-by @prop="taskGroupName">Task Group</t.sort-by>
+            <t.sort-by @prop="createIndex" @title="Create Index">Created</t.sort-by>
+            <t.sort-by @prop="modifyIndex" @title="Modify Index">Modified</t.sort-by>
+            <t.sort-by @prop="statusIndex">Status</t.sort-by>
+            <t.sort-by @prop="jobVersion">Version</t.sort-by>
+            <t.sort-by @prop="node.shortId">Client</t.sort-by>
+            <th>Volume</th>
+            <th>CPU</th>
+            <th>Memory</th>
           </t.head>
           <t.body as |row|>
             <AllocationRow
               @data-test-allocation={{row.model.id}}
               @allocation={{row.model}}
               @context="job"
-              @onClick={{action "gotoAllocation" row.model}}
-            />
+              @onClick={{action "gotoAllocation" row.model}} />
           </t.body>
         </ListTable>
         <div class="table-foot">
           <nav class="pagination">
             <div class="pagination-numbers">
-              {{p.startsAt}}
-              –
-              {{p.endsAt}}
-              of
-              {{this.sortedAllocations.length}}
+              {{p.startsAt}}&ndash;{{p.endsAt}} of {{this.sortedAllocations.length}}
             </div>
-            <p.prev @class="pagination-previous" />
-            <p.next @class="pagination-next">
-              >
-            </p.next>
+            <p.prev @class="pagination-previous"> &lt; </p.prev>
+            <p.next @class="pagination-next"> &gt; </p.next>
             <ul class="pagination-list"></ul>
           </nav>
         </div>
       </ListPagination>
     {{else}}
       <div class="boxed-section-body">
         <div class="empty-message" data-test-empty-allocations-list>
-          <h3 class="empty-message-headline" data-test-empty-allocations-list-headline>
-            No Matches
-          </h3>
-          <p class="empty-message-body">
-            No allocations match the term
-            <strong>
-              {{this.searchTerm}}
-            </strong>
-          </p>
+          <h3 class="empty-message-headline" data-test-empty-allocations-list-headline>No Matches</h3>
+          <p class="empty-message-body">No allocations match the term <strong>{{this.searchTerm}}</strong></p>
         </div>
       </div>
     {{/if}}
   {{else}}
     <div class="boxed-section-body">
       <div class="empty-message" data-test-empty-allocations-list>
-        <h3 class="empty-message-headline" data-test-empty-allocations-list-headline>
-          No Allocations
-        </h3>
-        <p class="empty-message-body">
-          No allocations have been placed.
-        </p>
+        <h3 class="empty-message-headline" data-test-empty-allocations-list-headline>No Allocations</h3>
+        <p class="empty-message-body">No allocations have been placed.</p>
       </div>
     </div>
   {{/if}}