2023-04-21 17:59:14 +03:00
|
|
|
<div class="gh-stack-item gh-setting-last">
|
2023-04-19 18:45:34 +03:00
|
|
|
<div class="flex-grow-1">
|
2023-04-21 11:49:29 +03:00
|
|
|
<label class="gh-setting-title gh-theme-setting-title" for="logged-out">
|
2023-04-21 00:21:07 +03:00
|
|
|
Visibility
|
2023-04-19 18:45:34 +03:00
|
|
|
</label>
|
|
|
|
|
2023-04-21 00:21:07 +03:00
|
|
|
<div class="form-group mt3 mb0 for-checkbox">
|
|
|
|
<label class="checkbox" for="logged-out">
|
|
|
|
<input
|
|
|
|
type="checkbox"
|
|
|
|
id="logged-out"
|
|
|
|
name="logged-out"
|
|
|
|
class="gh-input"
|
2023-04-21 11:49:29 +03:00
|
|
|
value={{this.visibilityOptions.visitors}}
|
|
|
|
checked={{this.isVisitorsChecked}}
|
|
|
|
{{on "click" this.updateVisibility}}
|
2023-04-21 00:21:07 +03:00
|
|
|
>
|
|
|
|
<span class="input-toggle-component"></span>
|
2023-04-26 16:39:25 +03:00
|
|
|
{{#if this.isMembersEnabled}}
|
2023-04-21 11:49:29 +03:00
|
|
|
<span>Logged out visitors</span>
|
2023-04-26 16:39:25 +03:00
|
|
|
{{else}}
|
|
|
|
<span>Show the announcement</span>
|
|
|
|
{{/if}}
|
2023-04-21 00:21:07 +03:00
|
|
|
</label>
|
|
|
|
|
2023-04-26 16:39:25 +03:00
|
|
|
{{#if this.isMembersEnabled}}
|
2023-04-21 11:49:29 +03:00
|
|
|
{{#if this.isPaidAvailable}}
|
2023-05-05 13:11:26 +03:00
|
|
|
<label class="checkbox" for="free" data-testid="announcement-bar-free-member-label">
|
2023-04-21 11:49:29 +03:00
|
|
|
<input
|
|
|
|
type="checkbox"
|
|
|
|
id="free"
|
|
|
|
name="free"
|
|
|
|
class="gh-input"
|
|
|
|
value={{this.visibilityOptions.freeMembers}}
|
|
|
|
checked={{this.isFreeMembersChecked}}
|
2023-05-05 13:11:26 +03:00
|
|
|
data-testid="announcement-bar-free-member-input"
|
2023-04-21 11:49:29 +03:00
|
|
|
{{on "click" this.updateVisibility}}
|
|
|
|
>
|
|
|
|
<span class="input-toggle-component"></span>
|
|
|
|
<span>Free members</span>
|
|
|
|
</label>
|
|
|
|
<label class="checkbox" for="paid">
|
|
|
|
<input
|
|
|
|
type="checkbox"
|
|
|
|
id="paid"
|
|
|
|
name="paid"
|
|
|
|
class="gh-input"
|
|
|
|
value={{this.visibilityOptions.paidMembers}}
|
|
|
|
checked={{this.isPaidMembersChecked}}
|
|
|
|
{{on "click" this.updateVisibility}}
|
|
|
|
>
|
|
|
|
<span class="input-toggle-component"></span>
|
|
|
|
<span>Paid members</span>
|
|
|
|
</label>
|
|
|
|
{{else}}
|
|
|
|
<label class="checkbox">
|
|
|
|
<input
|
|
|
|
type="checkbox"
|
|
|
|
name="members"
|
|
|
|
class="gh-input"
|
|
|
|
value={{this.visibilityOptions.freeMembers}}
|
|
|
|
checked={{this.isFreeMembersChecked}}
|
|
|
|
{{on "click" this.updateVisibility}}
|
|
|
|
>
|
|
|
|
<span class="input-toggle-component"></span>
|
|
|
|
<span>Members</span>
|
|
|
|
</label>
|
|
|
|
{{/if}}
|
2023-04-26 16:39:25 +03:00
|
|
|
{{/if}}
|
2023-04-21 11:49:29 +03:00
|
|
|
</div>
|
2023-04-19 18:45:34 +03:00
|
|
|
</div>
|
|
|
|
</div>
|