88 lines
3.2 KiB
Handlebars
88 lines
3.2 KiB
Handlebars
{{!-- Player Privacy Panel --}}
|
|
<div class="player-privacy-panel__container">
|
|
<header class="player-privacy-panel__header">
|
|
<h2 class="player-privacy-panel__title">{{title}}</h2>
|
|
</header>
|
|
|
|
<div class="player-privacy-panel__body">
|
|
{{#if isReadOnly}}
|
|
<div class="player-privacy-panel__notice player-privacy-panel__notice--readonly">
|
|
{{readOnlyNotice}}
|
|
</div>
|
|
{{/if}}
|
|
|
|
<section class="player-privacy-panel__section">
|
|
<h3 class="player-privacy-panel__section-header">{{sectionHeader}}</h3>
|
|
|
|
<p class="player-privacy-panel__section-description">
|
|
{{SCRYING_POOL.PrivacyPanel.sectionDescription}}
|
|
</p>
|
|
|
|
<div class="player-privacy-panel__effects-list">
|
|
{{#each automationEffects}}
|
|
<div class="player-privacy-panel__effect">
|
|
<div class="player-privacy-panel__effect-header">
|
|
<h4 class="player-privacy-panel__effect-label">{{label}}</h4>
|
|
<div class="player-privacy-panel__toggle">
|
|
<label class="player-privacy-panel__toggle-label">
|
|
<input
|
|
type="checkbox"
|
|
{{#if enabled}}checked{{/if}}
|
|
{{#if ../isReadOnly}}disabled{{/if}}
|
|
data-setting="{{settingKey}}"
|
|
class="player-privacy-panel__toggle-input"
|
|
>
|
|
<span class="player-privacy-panel__toggle-text">
|
|
{{#if enabled}}
|
|
{{../toggleOnLabel}}
|
|
{{else}}
|
|
{{../toggleOffLabel}}
|
|
{{/if}}
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<p class="player-privacy-panel__effect-description">{{description}}</p>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
</section>
|
|
|
|
{{#if hasPortraitSection}}
|
|
<section class="player-privacy-panel__section">
|
|
<h3 class="player-privacy-panel__section-header">{{portraitLabel}}</h3>
|
|
<p class="player-privacy-panel__section-description">{{portraitDescription}}</p>
|
|
|
|
<div class="player-privacy-panel__portrait-container">
|
|
<div class="player-privacy-panel__portrait-preview">
|
|
{{#if portraitPreviewURL}}
|
|
<img src="{{portraitPreviewURL}}" alt="Portrait preview" class="player-privacy-panel__portrait-image" />
|
|
{{else}}
|
|
<img src="icons/svg/mystery-man.svg" alt="Portrait preview" class="player-privacy-panel__portrait-image" />
|
|
{{/if}}
|
|
</div>
|
|
|
|
{{#unless isReadOnly}}
|
|
<div class="player-privacy-panel__portrait-actions">
|
|
<button type="button" class="player-privacy-panel__portrait-choose sp-btn sp-btn--primary">
|
|
{{chooseImageLabel}}
|
|
</button>
|
|
<input
|
|
type="file"
|
|
accept=".png,.jpg,.jpeg,.webp,.gif"
|
|
class="player-privacy-panel__portrait-input"
|
|
style="display: none;"
|
|
>
|
|
{{#if hasCustomPortrait}}
|
|
<button type="button" class="player-privacy-panel__portrait-remove sp-btn sp-btn--secondary">
|
|
{{removeImageLabel}}
|
|
</button>
|
|
{{/if}}
|
|
</div>
|
|
{{/unless}}
|
|
</div>
|
|
</section>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|