keeweb/app/templates/settings/settings-browser.hbs

77 lines
3.8 KiB
Handlebars

<div class="settings__content">
<h1><i class="fa fa-{{icon}} settings__head-icon"></i> {{res 'setBrowserTitle'}}</h1>
{{#if desktop}}
<p>{{res 'setBrowserIntroDesktop'}}</p>
<p>KeeWeb Connect: {{res 'setBrowserIntroKeeWebConnect'}}</p>
<p>KeePassXC-Browser: {{res 'setBrowserIntroKeePassXcBrowser'}}</p>
{{#if anyBrowserIsEnabled}}
<p>{{res 'setBrowserEnablePerBrowser'}}</p>
{{else}}
<p class="error-color">{{res 'setBrowserNotEnabled'}}</p>
{{/if}}
<table class="settings__browser-table">
<thead>
<tr>
<th></th>
{{#each extensionNames as |ext|}}
<th>{{ext}}</th>
{{/each}}
</tr>
</thead>
<tbody>
{{#each settingsPerBrowser as |perBrowser|}}
<tr>
<td>{{perBrowser.browserName}}</td>
{{#each perBrowser.extensions as |setting|}}
<td>
{{#if setting.supported}}
<input type="checkbox"
class="check-enable-for-browser"
{{#if setting.enabled}}checked{{/if}}
id="check-enable-{{setting.alias}}-for-{{perBrowser.browser}}"
data-browser="{{perBrowser.browser}}"
data-extension="{{setting.alias}}" />
<label for="check-enable-{{setting.alias}}-for-{{perBrowser.browser}}"></label>
{{else}}
<i class="fa fa-times muted-color" title="{{res 'setBrowserExtensionNotSupported'}}"></i>
{{/if}}
{{#if setting.enabled}}
{{#if setting.helpUrl}}
<a href="{{setting.helpUrl}}" target="_blank" rel="noreferrer"
class="settings__browser-extension-link icon-link"
title="{{res 'setBrowserExtensionHelp'}}"
>
<i class="fa fa-info-circle"></i>
</a>
{{/if}}
{{#if setting.installUrl}}
<a href="{{setting.installUrl}}" target="_blank" rel="noreferrer"
class="settings__browser-extension-link icon-link"
title="{{res 'setBrowserExtensionInstall'}}"
>
<i class="fa fa-download"></i>
</a>
{{/if}}
{{/if}}
</td>
{{/each}}
</tr>
{{/each}}
</tbody>
</table>
{{else}}
<p>{{res 'setBrowserIntroWeb'}}</p>
<a href="{{extensionDownloadLink}}" target="_blank" rel="noreferrer">
KeeWeb Connect {{#res 'setBrowserExtensionFor'}}{{extensionBrowserFamily}}{{/res}}
</a>
{{/if}}
<p></p>
<div>
<input type="checkbox" class="settings__input input-base settings__browser-focus-if-locked"
id="settings__browser-focus-if-locked"
{{#if focusIfLocked}}checked{{/if}} />
<label for="settings__browser-focus-if-locked">{{res 'setBrowserFocusIfLocked'}}</label>
</div>
</div>