07831ab455
This closes #10146. Because of cibernox/ember-power-select#1203, which documents the current impossibility of attaching test selectors to a PowerSelect invocation, this uses test selectors on parent containers instead, occasionally adding wrappers when needed. I chose to leave the existing test selectors in the hopes that we can return to using them eventually, but I could easily remove them if it seems like extra noise now. Presumably for the same reason, @class no longer works, so this adjusts the scoping of global search CSS to preserve the style of the search control. I also included an update to the latest version of ember-test-selectors, since we were far behind and I tried that before finding the aforelinked issue. Finally, this replaces ember-cli-uglify with ember-cli-terser to address production build failures as described at ember-cli/ember-cli#9290.
21 lines
923 B
Handlebars
21 lines
923 B
Handlebars
<div class="boxed-section">
|
|
<div class="boxed-section-head" data-test-level-switcher-parent>
|
|
<PowerSelect
|
|
data-test-level-switcher
|
|
@tagName="div"
|
|
@triggerClass="is-compact pull-left"
|
|
@options={{this.levels}}
|
|
@selected={{this.level}}
|
|
@searchEnabled={{false}}
|
|
@onChange={{action this.setLevel}} as |level|>
|
|
<span class="ember-power-select-prefix">Level: </span>{{capitalize level}}
|
|
</PowerSelect>
|
|
<button data-test-toggle class="button is-white is-compact pull-right" {{action this.toggleStream}} type="button" title="{{if this.logger.isStreaming "Stop" "Start"}} log streaming">
|
|
{{x-icon (if this.logger.isStreaming "media-pause" "media-play") class="is-text"}}
|
|
</button>
|
|
</div>
|
|
<div data-test-log-box class="boxed-section-body is-dark is-full-bleed">
|
|
<StreamingFile @logger={{this.logger}} @isStreaming={{this.isStreaming}} />
|
|
</div>
|
|
</div>
|