open-nomad/ui/app/templates/components/job-diff-fields-and-objects.hbs
Buck Doyle 2998deac50
Convert to angle bracket invocation (#8075)
This is mostly a direct application of the ember-angle-brackets-codemod.
I manually restored newlines in multi-line component invocations, usually
preserving file line length except for now-non-positional link-to @route.

I needed to rename task to taskState in some cases to avoid Ember
Concurrency naming conflicts.
2020-06-01 14:03:56 -05:00

59 lines
2 KiB
Handlebars

<div class="diff-section-table">
{{#each fields as |field|}}
<div
data-test-diff-section-label="field"
data-test-diff-field="{{lowercase field.Type}}"
class="diff-section-table-row {{concat
"diff-section-label is-"
(lowercase field.Type)
}}">
<span class="diff-section-table-cell">
<span class="marker {{concat "is-" (lowercase field.Type)}}">
{{#if (eq (lowercase field.Type) "added")}}
+
{{else if (eq (lowercase field.Type) "deleted")}}
-
{{else if (eq (lowercase field.Type) "edited")}}
+/-
{{/if}}
</span>
{{field.Name}}:
</span>
{{#if (eq (lowercase field.Type) "added")}}
<span class="diff-section-table-cell diff-section-change">"{{field.New}}"</span>
{{else if (eq (lowercase field.Type) "deleted")}}
<span class="diff-section-table-cell diff-section-change">"{{field.Old}}"</span>
{{else if (eq (lowercase field.Type) "edited")}}
<span class="diff-section-table-cell diff-section-change">"{{field.Old}}" => "{{field.New}}"</span>
{{else}}
<span class="diff-section-table-cell">"{{field.New}}"</span>
{{/if}}
</div>
{{/each}}
</div>
{{#each objects as |object|}}
<div
data-test-diff-section-label="object"
data-test-diff-field="{{lowercase object.Type}}"
class="{{concat
"diff-section-label is-"
(lowercase object.Type)
}}">
<span class="marker {{concat "is-" (lowercase object.Type)}}">
{{#if (eq (lowercase object.Type) "added")}}
+
{{else if (eq (lowercase object.Type) "deleted")}}
-
{{else if (eq (lowercase object.Type) "edited")}}
+/-
{{/if}}
</span>
{{object.Name}} {
<div data-test-diff-section-label="nested-object" class="diff-section-label">
<JobDiffFieldsAndObjects @fields={{object.Fields}} @objects={{object.Objects}} />
</div>
}
</div>
{{/each}}