code cleanup and update to angle bracket components

This commit is contained in:
Westly Wright 2019-12-06 14:32:33 -07:00
parent 1e040aa320
commit 80ebfb3a04
No known key found for this signature in database
GPG Key ID: 4FAB3D8673DC54A3
1 changed files with 74 additions and 54 deletions

View File

@ -1,58 +1,78 @@
<main class="row mt-30">
<h2 class="mt-0">{{t "loggingPage.additional.header"}}</h2>
<hr/>
<div class="col span-5">
<section class="additional-logging-configuration-content">
<label>{{t "loggingPage.additional.fields.header"}}</label>
<div class="mb-30">
<p class="text-info text-small">{{t "loggingPage.additional.fields.helpText"}}</p>
{{form-key-value
addActionLabel="loggingPage.tags.addActionLabel"
initialMap=model.outputTags
changed=(action (mut model.outputTags))
}}
</div>
{{#if (not-eq targetType "customTarget")}}
<div class="row mb-30">
<div class="col">
<label class="acc-label">{{t "loggingPage.additional.flushInterval.label"}}</label>
<div class="input-group">
{{input-integer
min=1
value=model.outputFlushInterval
class="form-control"
placeholder=(t "loggingPage.additional.flushInterval.placeholder")
aria-describedby="basic-addon2"
}}
<span class="input-group-addon bg-default" id="basic-addon2">{{t "loggingPage.additional.flushInterval.sec"}}</span>
</div>
<p class="text-info text-small mb-0">{{t "loggingPage.additional.flushInterval.helpText"}}</p>
</div>
</div>
{{/if}}
<div class="row mt-30">
<h2 class="mt-0">
{{t "loggingPage.additional.header"}}
</h2>
{{#if (eq pageScope "cluster")}}
<div class="row">
{{input type="checkbox" classNames="form-control" checked=model.includeSystemComponent}}
{{t "loggingPage.additional.includeSystemComponent.label"}}
</div>
{{/if}}
<hr/>
<div class="row">
<label for="enable-json-parsing">
<Input
@type="checkbox"
class="form-control"
id="enable-json-parsing"
@checked={{model.enableJSONParsing}}
<div class="col span-5">
<section class="additional-logging-configuration-content">
<label>{{t "loggingPage.additional.fields.header"}}</label>
<div class="mb-30">
<p class="text-info text-small">{{t "loggingPage.additional.fields.helpText"}}</p>
<FormKeyValue
@addActionLabel="loggingPage.tags.addActionLabel"
@initialMap={{model.outputTags}}
@changed={{action (mut model.outputTags)}}
/>
{{t "loggingPage.additional.jsonParsing.label"}}
</label>
</div>
</section>
</div>
</div>
<div class="col span-7 logging-format">
{{logging/code-block code=logPreview language="json"}}
</div>
</main>
{{#if (not-eq targetType "customTarget")}}
<div class="row mb-30">
<div class="col">
<label class="acc-label" for="output-flush-interval">
{{t "loggingPage.additional.flushInterval.label"}}
</label>
<div class="input-group">
<InputInteger
@min=1
@value={{model.outputFlushInterval}}
@class="form-control"
id="output-flush-interval"
@placeholder={{t "loggingPage.additional.flushInterval.placeholder"}}
aria-describedby="basic-addon2"
/>
<span class="input-group-addon bg-default" id="basic-addon2">
{{t "loggingPage.additional.flushInterval.sec"}}
</span>
</div>
<p class="text-info text-small mb-0">{{t "loggingPage.additional.flushInterval.helpText"}}</p>
</div>
</div>
{{/if}}
{{#if (eq pageScope "cluster")}}
<div class="row">
<label for="include-system-component">
<Input
@type="checkbox"
class="form-control"
id="include-system-component"
@checked={{model.includeSystemComponent}}
/>
{{t "loggingPage.additional.includeSystemComponent.label"}}
</label>
</div>
{{/if}}
<div class="row">
<label for="enable-json-parsing">
<Input
@type="checkbox"
class="form-control"
id="enable-json-parsing"
@checked={{model.enableJSONParsing}}
/>
{{t "loggingPage.additional.jsonParsing.label"}}
</label>
</div>
</section>
</div>
<div class="col span-7 logging-format">
<Logging::CodeBlock
@code={{logPreview}}
@language="json"
/>
</div>
</div>