|
107 | 107 |
|
108 | 108 | <div class="rd-ctrl-group"> |
109 | 109 | <span class="rd-ctrl-label rd-block-indicator" id="@UiDomIds.Teleprompter.BlockIndicator" data-test="@UiTestIds.Teleprompter.BlockIndicator">@BlockIndicatorLabel</span> |
| 110 | + <TooltipAnchor OwnerTestId="@UiTestIds.Teleprompter.AutoLoopToggle" Text="@AutoLoopTooltip"> |
| 111 | + <button class="rd-ctrl-btn" |
| 112 | + @onclick="OnAutoLoopToggle" |
| 113 | + aria-label="@AutoLoopTooltip" |
| 114 | + aria-pressed="@BuildBooleanDataAttribute(IsAutoLoopEnabled)" |
| 115 | + data-active="@BuildBooleanDataAttribute(IsAutoLoopEnabled)" |
| 116 | + data-test="@UiTestIds.Teleprompter.AutoLoopToggle"> |
| 117 | + <UiIcon Kind="UiIconKind.Loop" Size="16" /> |
| 118 | + </button> |
| 119 | + </TooltipAnchor> |
110 | 120 | <TooltipAnchor OwnerTestId="@UiTestIds.Teleprompter.CameraToggle" Text="@CameraTooltip"> |
111 | 121 | <button class="@CameraButtonCssClass" |
112 | 122 | id="@UiDomIds.Teleprompter.CameraButton" |
|
121 | 131 | </div> |
122 | 132 |
|
123 | 133 | @code { |
| 134 | + [Parameter] public bool IsAutoLoopEnabled { get; set; } |
124 | 135 | [Parameter] public bool IsCameraActive { get; set; } |
125 | 136 | [Parameter] public bool IsReaderPlaying { get; set; } |
| 137 | + [Parameter, EditorRequired] public string AutoLoopTooltip { get; set; } = string.Empty; |
126 | 138 | [Parameter, EditorRequired] public string BlockIndicatorLabel { get; set; } = string.Empty; |
127 | 139 | [Parameter, EditorRequired] public string CameraButtonCssClass { get; set; } = string.Empty; |
128 | 140 | [Parameter, EditorRequired] public string CameraTooltip { get; set; } = string.Empty; |
|
133 | 145 | [Parameter, EditorRequired] public string EdgeSectionLabel { get; set; } = string.Empty; |
134 | 146 | [Parameter, EditorRequired] public string ElapsedLabel { get; set; } = string.Empty; |
135 | 147 | [Parameter] public EventCallback OnCameraToggle { get; set; } |
| 148 | + [Parameter] public EventCallback OnAutoLoopToggle { get; set; } |
136 | 149 | [Parameter] public EventCallback OnNextBlock { get; set; } |
137 | 150 | [Parameter] public EventCallback OnNextWord { get; set; } |
138 | 151 | [Parameter] public EventCallback OnPlayToggle { get; set; } |
|
0 commit comments