@patternfly/patternfly
Version:
Assets, source, tooling, and content for PatternFly 4
1,142 lines (1,122 loc) • 261 kB
Markdown
---
id: 'Log viewer'
section: extensions
cssPrefix: pf-v5-c-log-viewer
---import './LogViewer.css';
## Examples
### Basic
```html
<div
class="pf-v5-c-log-viewer"
style="--pf-v5-c-log-viewer__index--Width: 75px"
tabindex="0"
role="region"
aria-label="Basic log viewer"
>
<div class="pf-v5-c-log-viewer__header">
<div
class="pf-v5-c-toolbar"
id="log-viewer-basic-example-toolbar"
role="toolbar"
>
<div class="pf-v5-c-toolbar__content">
<div class="pf-v5-c-toolbar__content-section pf-m-nowrap">
<div class="pf-v5-c-toolbar__item pf-m-search-filter">
<div class="pf-v5-c-select">
<span
id="log-viewer-basic-example-select-menu-label"
hidden
>Choose one</span>
<button
class="pf-v5-c-select__toggle"
type="button"
id="log-viewer-basic-example-select-menu-toggle"
aria-haspopup="true"
aria-expanded="false"
aria-labelledby="log-viewer-basic-example-select-menu-label log-viewer-basic-example-select-menu-toggle"
>
<div class="pf-v5-c-select__toggle-wrapper">
<span class="pf-v5-c-select__toggle-text">System log</span>
</div>
<span class="pf-v5-c-select__toggle-arrow">
<i class="fas fa-caret-down" aria-hidden="true"></i>
</span>
</button>
<ul
class="pf-v5-c-select__menu"
role="listbox"
aria-labelledby="log-viewer-basic-example-select-menu-label"
hidden
>
<li role="presentation">
<button
class="pf-v5-c-select__menu-item"
role="option"
>Dataset 1</button>
</li>
<li role="presentation">
<button
class="pf-v5-c-select__menu-item pf-m-selected"
role="option"
aria-selected="true"
>
System log
<span class="pf-v5-c-select__menu-item-icon">
<i class="fas fa-check" aria-hidden="true"></i>
</span>
</button>
</li>
<li role="presentation">
<button
class="pf-v5-c-select__menu-item"
role="option"
>Dataset 3</button>
</li>
</ul>
</div>
</div>
<div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg">
<div class="pf-v5-c-toolbar__toggle">
<button
class="pf-v5-c-menu-toggle pf-m-plain"
type="button"
aria-expanded="false"
aria-label="Show filters"
aria-controls="log-viewer-basic-example-toolbar-expandable-content"
>
<i class="fas fa-search" aria-hidden="true"></i>
</button>
</div>
<div
class="pf-v5-c-toolbar__item pf-m-search-filter"
style="--pf-v5-c-toolbar__item--Width: 268px"
>
<div class="pf-v5-c-text-input-group">
<div class="pf-v5-c-text-input-group__main pf-m-icon">
<span class="pf-v5-c-text-input-group__text">
<span class="pf-v5-c-text-input-group__icon">
<i class="fas fa-fw fa-search"></i>
</span>
<input
class="pf-v5-c-text-input-group__text-input"
type="text"
placeholder="Find"
value
aria-label="Search input"
/>
</span>
</div>
</div>
</div>
</div>
<div class="pf-v5-c-toolbar__item pf-m-spacer-none">
<button class="pf-v5-c-button pf-m-link" type="button">
<span class="pf-v5-c-button__icon pf-m-start">
<i class="fas fa-pause" aria-hidden="true"></i>
</span>
Pause
</button>
</div>
<div
class="pf-v5-c-toolbar__item pf-m-align-right pf-m-hidden-on-lg pf-m-spacer-none"
>
<div class="pf-v5-c-dropdown">
<button
class="pf-v5-c-dropdown__toggle pf-m-plain"
id="log-viewer-basic-example-dropdown-button"
aria-expanded="false"
type="button"
aria-label="Actions"
>
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
</button>
<div
class="pf-v5-c-menu pf-m-drilldown pf-m-align-right"
style="--pf-v5-c-menu--Width: 200px;"
hidden
>
<div class="pf-v5-c-menu__content">
<ul class="pf-v5-c-menu__list" role="menu">
<li class="pf-v5-c-menu__list-item" role="group">
<button
class="pf-v5-c-menu__item"
type="button"
role="menuitem"
>
<span class="pf-v5-c-menu__item-main">
<span class="pf-v5-c-menu__item-text">Clear log</span>
</span>
</button>
</li>
<hr class="pf-v5-c-divider" />
<li class="pf-v5-c-menu__list-item" role="group">
<div
class="pf-v5-c-menu__item"
type="button"
role="menuitem"
>
<span class="pf-v5-c-menu__item-main">
<div class="pf-v5-c-check">
<input
class="pf-v5-c-check__input"
type="checkbox"
id="log-viewer-basic-example-desktop-check-wrap-lines"
name="log-viewer-basic-example-desktop-check-wrap-lines"
/>
<label
class="pf-v5-c-check__label"
for="log-viewer-basic-example-desktop-check-wrap-lines"
>Wrap lines</label>
</div>
</span>
</div>
</li>
<li class="pf-v5-c-menu__list-item" role="group">
<div
class="pf-v5-c-menu__item"
type="button"
role="menuitem"
>
<span class="pf-v5-c-menu__item-main">
<div class="pf-v5-c-check">
<input
class="pf-v5-c-check__input"
type="checkbox"
id="log-viewer-basic-example-desktop-check-show-timestamps"
name="log-viewer-basic-example-desktop-check-show-timestamps"
/>
<label
class="pf-v5-c-check__label"
for="log-viewer-basic-example-desktop-check-show-timestamps"
>Show timestamps</label>
</div>
</span>
</div>
</li>
<li class="pf-v5-c-menu__list-item" role="group">
<div
class="pf-v5-c-menu__item"
type="button"
role="menuitem"
>
<span class="pf-v5-c-menu__item-main">
<div class="pf-v5-c-check">
<input
class="pf-v5-c-check__input"
type="checkbox"
id="log-viewer-basic-example-desktop-check-line-number"
name="log-viewer-basic-example-desktop-check-line-number"
/>
<label
class="pf-v5-c-check__label"
for="log-viewer-basic-example-desktop-check-line-number"
>Display line number</label>
</div>
</span>
</div>
</li>
<hr class="pf-v5-c-divider" />
<li class="pf-v5-c-menu__list-item" role="group">
<button
class="pf-v5-c-menu__item"
type="button"
role="menuitem"
aria-expanded="false"
>
<span class="pf-v5-c-menu__item-main">
<span class="pf-v5-c-menu__item-text">Launch</span>
<span class="pf-v5-c-menu__item-toggle-icon">
<i class="fas fa-angle-right"></i>
</span>
</span>
</button>
<div class="pf-v5-c-menu" hidden>
<div class="pf-v5-c-menu__content">
<ul class="pf-v5-c-menu__list" role="menu">
<li
class="pf-v5-c-menu__list-item pf-m-drill-up"
role="group"
>
<button
class="pf-v5-c-menu__item"
type="button"
role="menuitem"
tabindex="0"
>
<span class="pf-v5-c-menu__item-main">
<span class="pf-v5-c-menu__item-toggle-icon">
<i class="fas fa-angle-left"></i>
</span>
<span class="pf-v5-c-menu__item-text">Launch</span>
</span>
</button>
</li>
<li class="pf-v5-c-divider" role="separator"></li>
<li class="pf-v5-c-menu__list-item" role="group">
<button
class="pf-v5-c-menu__item"
type="button"
role="menuitem"
>
<span class="pf-v5-c-menu__item-main">
<span
class="pf-v5-c-menu__item-text"
>Launch option 1</span>
</span>
</button>
</li>
<li class="pf-v5-c-menu__list-item" role="group">
<button
class="pf-v5-c-menu__item"
type="button"
role="menuitem"
>
<span class="pf-v5-c-menu__item-main">
<span
class="pf-v5-c-menu__item-text"
>Launch option 2</span>
</span>
</button>
</li>
<li class="pf-v5-c-menu__list-item" role="group">
<button
class="pf-v5-c-menu__item"
type="button"
role="menuitem"
>
<span class="pf-v5-c-menu__item-main">
<span
class="pf-v5-c-menu__item-text"
>Launch option 3</span>
</span>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="pf-v5-c-menu__list-item" role="group">
<button
class="pf-v5-c-menu__item"
type="button"
role="menuitem"
>
<span class="pf-v5-c-menu__item-main">
<span class="pf-v5-c-menu__item-text">Download</span>
</span>
</button>
</li>
<li class="pf-v5-c-menu__list-item" role="group">
<button
class="pf-v5-c-menu__item"
type="button"
role="menuitem"
>
<span class="pf-v5-c-menu__item-main">
<span class="pf-v5-c-menu__item-text">Full screen</span>
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
<div
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-hidden pf-m-visible-on-lg"
>
<div class="pf-v5-c-toolbar__item">
<button class="pf-v5-c-button pf-m-link" type="button">Clear log</button>
</div>
<div class="pf-v5-c-toolbar__item">
<div class="pf-v5-c-dropdown">
<button
class="pf-v5-c-dropdown__toggle pf-m-plain"
id="log-viewer-basic-example-settings-dropdown-button"
aria-expanded="false"
type="button"
aria-label="Settings"
>
<i class="fas fa-cog" aria-hidden="true"></i>
</button>
<ul
class="pf-v5-c-dropdown__menu pf-m-align-right"
aria-labelledby="log-viewer-basic-example-settings-dropdown-button"
hidden
role="menu"
>
<li role="menuitem">
<div class="pf-v5-c-dropdown__menu-item">
<label
class="pf-v5-c-check"
for="log-viewer-basic-example-check-wrap-lines"
>
<input
class="pf-v5-c-check__input"
type="checkbox"
id="log-viewer-basic-example-check-wrap-lines"
name="log-viewer-basic-example-check-wrap-lines"
/>
<span
class="pf-v5-c-check__label"
for="-input"
>Wrap lines</span>
</label>
</div>
</li>
<li role="menuitem">
<div class="pf-v5-c-dropdown__menu-item">
<label
class="pf-v5-c-check"
for="log-viewer-basic-example-check-show-timestamps"
>
<input
class="pf-v5-c-check__input"
type="checkbox"
id="log-viewer-basic-example-check-show-timestamps"
name="log-viewer-basic-example-check-show-timestamps"
/>
<span
class="pf-v5-c-check__label"
for="-input"
>Show timestamps</span>
</label>
</div>
</li>
<li role="menuitem">
<div class="pf-v5-c-dropdown__menu-item">
<label
class="pf-v5-c-check"
for="log-viewer-basic-example-check-line-number"
>
<input
class="pf-v5-c-check__input"
type="checkbox"
id="log-viewer-basic-example-check-line-number"
name="log-viewer-basic-example-check-line-number"
/>
<span
class="pf-v5-c-check__label"
for="-input"
>Display line number</span>
</label>
</div>
</li>
</ul>
</div>
</div>
<div class="pf-v5-c-toolbar__item">
<button
class="pf-v5-c-button pf-m-plain"
type="button"
aria-label="Open external link"
>
<i class="fas fa-external-link-alt" aria-hidden="true"></i>
</button>
</div>
<div class="pf-v5-c-toolbar__item">
<button
class="pf-v5-c-button pf-m-plain"
type="button"
aria-label="Download"
>
<i class="fas fa-download" aria-hidden="true"></i>
</button>
</div>
<div class="pf-v5-c-toolbar__item">
<button
class="pf-v5-c-button pf-m-plain"
type="button"
aria-label="Full screen"
>
<i class="fas fa-expand" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
<div
class="pf-v5-c-toolbar__expandable-content pf-m-hidden"
id="log-viewer-basic-example-toolbar-expandable-content"
hidden
>
<div
class="pf-v5-c-toolbar__item pf-m-search-filter"
style="--pf-v5-c-toolbar__item--Width: 24ch"
>
<div class="pf-v5-c-text-input-group">
<div class="pf-v5-c-text-input-group__main pf-m-icon">
<span class="pf-v5-c-text-input-group__text">
<span class="pf-v5-c-text-input-group__icon">
<i class="fas fa-fw fa-search"></i>
</span>
<input
class="pf-v5-c-text-input-group__text-input"
type="text"
placeholder="Find"
value
aria-label="Search input"
/>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pf-v5-c-log-viewer__main" role="log">
<div class="pf-v5-c-log-viewer__scroll-container" tabindex="0">
<!--prettyhtml-ignore-start-->
<div class="pf-v5-c-log-viewer__list" style="--pf-v5-c-log-viewer__list--Height: 301080px;">
<div class="pf-v5-c-log-viewer__list-item" style="top: 0px;">
<span class="pf-v5-c-log-viewer__index">1</span>
<span
class="pf-v5-c-log-viewer__text"
>Copying system trust bundle</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 21px;">
<span class="pf-v5-c-log-viewer__index">2</span>
<span
class="pf-v5-c-log-viewer__text"
>Waiting for port :6443 to be released.</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 42px;">
<span class="pf-v5-c-log-viewer__index">3</span>
<span
class="pf-v5-c-log-viewer__text"
>I0223 20:04:25.084507 1 loader.go:379] Config loaded from file: /etc/kubernetes/static-pod-resources/configmaps/kube-apiserver-cert-syncer-kubeconfig/kubeconfig</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 84px;">
<span class="pf-v5-c-log-viewer__index">4</span>
<span
class="pf-v5-c-log-viewer__text"
>Copying termination logs to "/var/log/kube-apiserver/termination.log"</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 105px;">
<span class="pf-v5-c-log-viewer__index">5</span>
<span
class="pf-v5-c-log-viewer__text"
>I0223 20:04:25.087543 1 main.go:124] Touching termination lock file "/var/log/kube-apiserver/.terminating"</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 147px;">
<span class="pf-v5-c-log-viewer__index">6</span>
<span
class="pf-v5-c-log-viewer__text"
>I0223 20:04:25.088797 1 main.go:182] Launching sub-process "/usr/bin/hyperkube kube-apiserver --openshift-config=/etc/kubernetes/static-pod-resources/configmaps/config/config.yaml --advertise-address=10.0.171.12 -v=2"</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 210px;">
<span class="pf-v5-c-log-viewer__index">7</span>
<span
class="pf-v5-c-log-viewer__text"
>Flag --openshift-config has been deprecated, to be removed</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 231px;">
<span class="pf-v5-c-log-viewer__index">8</span>
<span
class="pf-v5-c-log-viewer__text"
>I0223 20:04:25.238681 17 plugins.go:84] Registered admission plugin "authorization.openshift.io/RestrictSubjectBindings"</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 273px;">
<span class="pf-v5-c-log-viewer__index">9</span>
<span
class="pf-v5-c-log-viewer__text"
>I0223 20:04:25.238763 17 plugins.go:84] Registered admission plugin "image.openshift.io/ImagePolicy"</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 315px;">
<span class="pf-v5-c-log-viewer__index">10</span>
<span
class="pf-v5-c-log-viewer__text"
>I0223 20:04:25.238775 17 plugins.go:84] Registered admission plugin "route.openshift.io/IngressAdmission"</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 357px;">
<span class="pf-v5-c-log-viewer__index">11</span>
<span
class="pf-v5-c-log-viewer__text"
>I0223 20:04:25.238783 17 plugins.go:84] Registered admission plugin "scheduling.openshift.io/OriginPodNodeEnvironment"</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 399px;">
<span class="pf-v5-c-log-viewer__index">12</span>
<span
class="pf-v5-c-log-viewer__text"
>I0223 20:04:25.238792 17 plugins.go:84] Registered admission plugin "autoscaling.openshift.io/ClusterResourceOverride"</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 441px;">
<span class="pf-v5-c-log-viewer__index">13</span>
<span
class="pf-v5-c-log-viewer__text"
>I0223 20:04:25.238801 17 plugins.go:84] Registered admission plugin "quota.openshift.io/ClusterResourceQuota"</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 483px;">
<span class="pf-v5-c-log-viewer__index">14</span>
<span
class="pf-v5-c-log-viewer__text"
>I0223 20:04:25.238810 17 plugins.go:84] Registered admission plugin "autoscaling.openshift.io/RunOnceDuration"</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 525px;">
<span class="pf-v5-c-log-viewer__index">15</span>
<span
class="pf-v5-c-log-viewer__text"
>I0223 20:04:25.238819 17 plugins.go:84] Registered admission plugin "scheduling.openshift.io/PodNodeConstraints"</span>
</div>
</div>
<!--prettyhtml-ignore-end-->
</div>
</div>
</div>
```
### With line numbers
```html
<div
class="pf-v5-c-log-viewer pf-m-line-numbers"
style
tabindex="0"
role="region"
aria-label="Log viewer with line numbers"
>
<div class="pf-v5-c-log-viewer__header">
<div
class="pf-v5-c-toolbar"
id="log-viewer-line-number-example-toolbar"
role="toolbar"
>
<div class="pf-v5-c-toolbar__content">
<div class="pf-v5-c-toolbar__content-section pf-m-nowrap">
<div class="pf-v5-c-toolbar__item pf-m-search-filter">
<div class="pf-v5-c-select">
<span
id="log-viewer-line-number-example-select-menu-label"
hidden
>Choose one</span>
<button
class="pf-v5-c-select__toggle"
type="button"
id="log-viewer-line-number-example-select-menu-toggle"
aria-haspopup="true"
aria-expanded="false"
aria-labelledby="log-viewer-line-number-example-select-menu-label log-viewer-line-number-example-select-menu-toggle"
>
<div class="pf-v5-c-select__toggle-wrapper">
<span class="pf-v5-c-select__toggle-text">System log</span>
</div>
<span class="pf-v5-c-select__toggle-arrow">
<i class="fas fa-caret-down" aria-hidden="true"></i>
</span>
</button>
<ul
class="pf-v5-c-select__menu"
role="listbox"
aria-labelledby="log-viewer-line-number-example-select-menu-label"
hidden
>
<li role="presentation">
<button
class="pf-v5-c-select__menu-item"
role="option"
>Dataset 1</button>
</li>
<li role="presentation">
<button
class="pf-v5-c-select__menu-item pf-m-selected"
role="option"
aria-selected="true"
>
System log
<span class="pf-v5-c-select__menu-item-icon">
<i class="fas fa-check" aria-hidden="true"></i>
</span>
</button>
</li>
<li role="presentation">
<button
class="pf-v5-c-select__menu-item"
role="option"
>Dataset 3</button>
</li>
</ul>
</div>
</div>
<div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg">
<div class="pf-v5-c-toolbar__toggle">
<button
class="pf-v5-c-menu-toggle pf-m-plain"
type="button"
aria-expanded="false"
aria-label="Show filters"
aria-controls="log-viewer-line-number-example-toolbar-expandable-content"
>
<i class="fas fa-search" aria-hidden="true"></i>
</button>
</div>
<div
class="pf-v5-c-toolbar__item pf-m-search-filter"
style="--pf-v5-c-toolbar__item--Width: 268px"
>
<div class="pf-v5-c-text-input-group">
<div class="pf-v5-c-text-input-group__main pf-m-icon">
<span class="pf-v5-c-text-input-group__text">
<span class="pf-v5-c-text-input-group__icon">
<i class="fas fa-fw fa-search"></i>
</span>
<input
class="pf-v5-c-text-input-group__text-input"
type="text"
placeholder="Find"
value
aria-label="Search input"
/>
</span>
</div>
</div>
</div>
</div>
<div class="pf-v5-c-toolbar__item pf-m-spacer-none">
<button class="pf-v5-c-button pf-m-link" type="button">
<span class="pf-v5-c-button__icon pf-m-start">
<i class="fas fa-pause" aria-hidden="true"></i>
</span>
Pause
</button>
</div>
<div
class="pf-v5-c-toolbar__item pf-m-align-right pf-m-hidden-on-lg pf-m-spacer-none"
>
<div class="pf-v5-c-dropdown">
<button
class="pf-v5-c-dropdown__toggle pf-m-plain"
id="log-viewer-line-number-example-dropdown-button"
aria-expanded="false"
type="button"
aria-label="Actions"
>
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
</button>
<div
class="pf-v5-c-menu pf-m-drilldown pf-m-align-right"
style="--pf-v5-c-menu--Width: 200px;"
hidden
>
<div class="pf-v5-c-menu__content">
<ul class="pf-v5-c-menu__list" role="menu">
<li class="pf-v5-c-menu__list-item" role="group">
<button
class="pf-v5-c-menu__item"
type="button"
role="menuitem"
>
<span class="pf-v5-c-menu__item-main">
<span class="pf-v5-c-menu__item-text">Clear log</span>
</span>
</button>
</li>
<hr class="pf-v5-c-divider" />
<li class="pf-v5-c-menu__list-item" role="group">
<div
class="pf-v5-c-menu__item"
type="button"
role="menuitem"
>
<span class="pf-v5-c-menu__item-main">
<div class="pf-v5-c-check">
<input
class="pf-v5-c-check__input"
type="checkbox"
id="log-viewer-line-number-example-desktop-check-wrap-lines"
name="log-viewer-line-number-example-desktop-check-wrap-lines"
/>
<label
class="pf-v5-c-check__label"
for="log-viewer-line-number-example-desktop-check-wrap-lines"
>Wrap lines</label>
</div>
</span>
</div>
</li>
<li class="pf-v5-c-menu__list-item" role="group">
<div
class="pf-v5-c-menu__item"
type="button"
role="menuitem"
>
<span class="pf-v5-c-menu__item-main">
<div class="pf-v5-c-check">
<input
class="pf-v5-c-check__input"
type="checkbox"
id="log-viewer-line-number-example-desktop-check-show-timestamps"
name="log-viewer-line-number-example-desktop-check-show-timestamps"
/>
<label
class="pf-v5-c-check__label"
for="log-viewer-line-number-example-desktop-check-show-timestamps"
>Show timestamps</label>
</div>
</span>
</div>
</li>
<li class="pf-v5-c-menu__list-item" role="group">
<div
class="pf-v5-c-menu__item"
type="button"
role="menuitem"
>
<span class="pf-v5-c-menu__item-main">
<div class="pf-v5-c-check">
<input
class="pf-v5-c-check__input"
type="checkbox"
id="log-viewer-line-number-example-desktop-check-line-number"
name="log-viewer-line-number-example-desktop-check-line-number"
/>
<label
class="pf-v5-c-check__label"
for="log-viewer-line-number-example-desktop-check-line-number"
>Display line number</label>
</div>
</span>
</div>
</li>
<hr class="pf-v5-c-divider" />
<li class="pf-v5-c-menu__list-item" role="group">
<button
class="pf-v5-c-menu__item"
type="button"
role="menuitem"
aria-expanded="false"
>
<span class="pf-v5-c-menu__item-main">
<span class="pf-v5-c-menu__item-text">Launch</span>
<span class="pf-v5-c-menu__item-toggle-icon">
<i class="fas fa-angle-right"></i>
</span>
</span>
</button>
<div class="pf-v5-c-menu" hidden>
<div class="pf-v5-c-menu__content">
<ul class="pf-v5-c-menu__list" role="menu">
<li
class="pf-v5-c-menu__list-item pf-m-drill-up"
role="group"
>
<button
class="pf-v5-c-menu__item"
type="button"
role="menuitem"
tabindex="0"
>
<span class="pf-v5-c-menu__item-main">
<span class="pf-v5-c-menu__item-toggle-icon">
<i class="fas fa-angle-left"></i>
</span>
<span class="pf-v5-c-menu__item-text">Launch</span>
</span>
</button>
</li>
<li class="pf-v5-c-divider" role="separator"></li>
<li class="pf-v5-c-menu__list-item" role="group">
<button
class="pf-v5-c-menu__item"
type="button"
role="menuitem"
>
<span class="pf-v5-c-menu__item-main">
<span
class="pf-v5-c-menu__item-text"
>Launch option 1</span>
</span>
</button>
</li>
<li class="pf-v5-c-menu__list-item" role="group">
<button
class="pf-v5-c-menu__item"
type="button"
role="menuitem"
>
<span class="pf-v5-c-menu__item-main">
<span
class="pf-v5-c-menu__item-text"
>Launch option 2</span>
</span>
</button>
</li>
<li class="pf-v5-c-menu__list-item" role="group">
<button
class="pf-v5-c-menu__item"
type="button"
role="menuitem"
>
<span class="pf-v5-c-menu__item-main">
<span
class="pf-v5-c-menu__item-text"
>Launch option 3</span>
</span>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="pf-v5-c-menu__list-item" role="group">
<button
class="pf-v5-c-menu__item"
type="button"
role="menuitem"
>
<span class="pf-v5-c-menu__item-main">
<span class="pf-v5-c-menu__item-text">Download</span>
</span>
</button>
</li>
<li class="pf-v5-c-menu__list-item" role="group">
<button
class="pf-v5-c-menu__item"
type="button"
role="menuitem"
>
<span class="pf-v5-c-menu__item-main">
<span class="pf-v5-c-menu__item-text">Full screen</span>
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
<div
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-hidden pf-m-visible-on-lg"
>
<div class="pf-v5-c-toolbar__item">
<button class="pf-v5-c-button pf-m-link" type="button">Clear log</button>
</div>
<div class="pf-v5-c-toolbar__item">
<div class="pf-v5-c-dropdown">
<button
class="pf-v5-c-dropdown__toggle pf-m-plain"
id="log-viewer-line-number-example-settings-dropdown-button"
aria-expanded="false"
type="button"
aria-label="Settings"
>
<i class="fas fa-cog" aria-hidden="true"></i>
</button>
<ul
class="pf-v5-c-dropdown__menu pf-m-align-right"
aria-labelledby="log-viewer-line-number-example-settings-dropdown-button"
hidden
role="menu"
>
<li role="menuitem">
<div class="pf-v5-c-dropdown__menu-item">
<label
class="pf-v5-c-check"
for="log-viewer-line-number-example-check-wrap-lines"
>
<input
class="pf-v5-c-check__input"
type="checkbox"
id="log-viewer-line-number-example-check-wrap-lines"
name="log-viewer-line-number-example-check-wrap-lines"
/>
<span
class="pf-v5-c-check__label"
for="-input"
>Wrap lines</span>
</label>
</div>
</li>
<li role="menuitem">
<div class="pf-v5-c-dropdown__menu-item">
<label
class="pf-v5-c-check"
for="log-viewer-line-number-example-check-show-timestamps"
>
<input
class="pf-v5-c-check__input"
type="checkbox"
id="log-viewer-line-number-example-check-show-timestamps"
name="log-viewer-line-number-example-check-show-timestamps"
/>
<span
class="pf-v5-c-check__label"
for="-input"
>Show timestamps</span>
</label>
</div>
</li>
<li role="menuitem">
<div class="pf-v5-c-dropdown__menu-item">
<label
class="pf-v5-c-check"
for="log-viewer-line-number-example-check-line-number"
>
<input
class="pf-v5-c-check__input"
type="checkbox"
id="log-viewer-line-number-example-check-line-number"
name="log-viewer-line-number-example-check-line-number"
/>
<span
class="pf-v5-c-check__label"
for="-input"
>Display line number</span>
</label>
</div>
</li>
</ul>
</div>
</div>
<div class="pf-v5-c-toolbar__item">
<button
class="pf-v5-c-button pf-m-plain"
type="button"
aria-label="Open external link"
>
<i class="fas fa-external-link-alt" aria-hidden="true"></i>
</button>
</div>
<div class="pf-v5-c-toolbar__item">
<button
class="pf-v5-c-button pf-m-plain"
type="button"
aria-label="Download"
>
<i class="fas fa-download" aria-hidden="true"></i>
</button>
</div>
<div class="pf-v5-c-toolbar__item">
<button
class="pf-v5-c-button pf-m-plain"
type="button"
aria-label="Full screen"
>
<i class="fas fa-expand" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
<div
class="pf-v5-c-toolbar__expandable-content pf-m-hidden"
id="log-viewer-line-number-example-toolbar-expandable-content"
hidden
>
<div
class="pf-v5-c-toolbar__item pf-m-search-filter"
style="--pf-v5-c-toolbar__item--Width: 24ch"
>
<div class="pf-v5-c-text-input-group">
<div class="pf-v5-c-text-input-group__main pf-m-icon">
<span class="pf-v5-c-text-input-group__text">
<span class="pf-v5-c-text-input-group__icon">
<i class="fas fa-fw fa-search"></i>
</span>
<input
class="pf-v5-c-text-input-group__text-input"
type="text"
placeholder="Find"
value
aria-label="Search input"
/>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pf-v5-c-log-viewer__main" role="log">
<div class="pf-v5-c-log-viewer__scroll-container" tabindex="0">
<!--prettyhtml-ignore-start-->
<div class="pf-v5-c-log-viewer__list" style="--pf-v5-c-log-viewer__list--Height: 301080px;">
<div class="pf-v5-c-log-viewer__list-item" style="top: 0px;">
<span class="pf-v5-c-log-viewer__index">1</span>
<span
class="pf-v5-c-log-viewer__text"
>Copying system trust bundle</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 21px;">
<span class="pf-v5-c-log-viewer__index">2</span>
<span
class="pf-v5-c-log-viewer__text"
>Waiting for port :6443 to be released.</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 42px;">
<span class="pf-v5-c-log-viewer__index">3</span>
<span
class="pf-v5-c-log-viewer__text"
>I0223 20:04:25.084507 1 loader.go:379] Config loaded from file: /etc/kubernetes/static-pod-resources/configmaps/kube-apiserver-cert-syncer-kubeconfig/kubeconfig</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 84px;">
<span class="pf-v5-c-log-viewer__index">4</span>
<span
class="pf-v5-c-log-viewer__text"
>Copying termination logs to "/var/log/kube-apiserver/termination.log"</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 105px;">
<span class="pf-v5-c-log-viewer__index">5</span>
<span
class="pf-v5-c-log-viewer__text"
>I0223 20:04:25.087543 1 main.go:124] Touching termination lock file "/var/log/kube-apiserver/.terminating"</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 147px;">
<span class="pf-v5-c-log-viewer__index">6</span>
<span
class="pf-v5-c-log-viewer__text"
>I0223 20:04:25.088797 1 main.go:182] Launching sub-process "/usr/bin/hyperkube kube-apiserver --openshift-config=/etc/kubernetes/static-pod-resources/configmaps/config/config.yaml --advertise-address=10.0.171.12 -v=2"</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 210px;">
<span class="pf-v5-c-log-viewer__index">7</span>
<span
class="pf-v5-c-log-viewer__text"
>Flag --openshift-config has been deprecated, to be removed</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 231px;">
<span class="pf-v5-c-log-viewer__index">8</span>
<span
class="pf-v5-c-log-viewer__text"
>I0223 20:04:25.238681 17 plugins.go:84] Registered admission plugin "authorization.openshift.io/RestrictSubjectBindings"</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 273px;">
<span class="pf-v5-c-log-viewer__index">9</span>
<span
class="pf-v5-c-log-viewer__text"
>I0223 20:04:25.238763 17 plugins.go:84] Registered admission plugin "image.openshift.io/ImagePolicy"</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 315px;">
<span class="pf-v5-c-log-viewer__index">10</span>
<span
class="pf-v5-c-log-viewer__text"
>I0223 20:04:25.238775 17 plugins.go:84] Registered admission plugin "route.openshift.io/IngressAdmission"</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 357px;">
<span class="pf-v5-c-log-viewer__index">11</span>
<span
class="pf-v5-c-log-viewer__text"
>I0223 20:04:25.238783 17 plugins.go:84] Registered admission plugin "scheduling.openshift.io/OriginPodNodeEnvironment"</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 399px;">
<span class="pf-v5-c-log-viewer__index">12</span>
<span
class="pf-v5-c-log-viewer__text"
>I0223 20:04:25.238792 17 plugins.go:84] Registered admission plugin "autoscaling.openshift.io/ClusterResourceOverride"</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 441px;">
<span class="pf-v5-c-log-viewer__index">13</span>
<span
class="pf-v5-c-log-viewer__text"
>I0223 20:04:25.238801 17 plugins.go:84] Registered admission plugin "quota.openshift.io/ClusterResourceQuota"</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 483px;">
<span class="pf-v5-c-log-viewer__index">14</span>
<span
class="pf-v5-c-log-viewer__text"
>I0223 20:04:25.238810 17 plugins.go:84] Registered admission plugin "autoscaling.openshift.io/RunOnceDuration"</span>
</div>
<div class="pf-v5-c-log-viewer__list-item" style="top: 525px;">
<span class="pf-v5-c-log-viewer__index">15</span>
<span
class="pf-v5-c-log-viewer__text"
>I0223 20:04:25.238819 17 plugins.go:84] Registered admission plugin "scheduling.openshift.io/PodNodeConstraints"</span>
</div>
</div>
<!--pre