mirror of
https://github.com/keepassxreboot/keepassxc-browser.git
synced 2026-03-11 08:54:43 +00:00
368 lines
12 KiB
HTML
368 lines
12 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>Settings | chromeKeePassXC</title>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
<link href="bootstrap.min.css" rel="stylesheet" />
|
||
<link rel="stylesheet" href="../bootstrap-btn.css" />
|
||
<link href="bootstrap-responsive.min.css" rel="stylesheet" />
|
||
<script type="text/javascript" src="../jquery-1.11.1.min.js"></script>
|
||
<!--<script type="text/javascript" src="../jquery-3.2.0.min.js"></script>-->
|
||
<script type="text/javascript" src="bootstrap.min.js"></script>
|
||
<script type="text/javascript" src="options.js"></script>
|
||
<style type="text/css">
|
||
body {
|
||
padding-top: 20px;
|
||
padding-bottom: 60px;
|
||
}
|
||
|
||
/* Custom container */
|
||
.container {
|
||
margin: 0 auto;
|
||
max-width: 1000px;
|
||
}
|
||
.container > hr {
|
||
margin: 30px 0;
|
||
}
|
||
|
||
/* Customize the navbar links to be fill the entire space of the .navbar */
|
||
.navbar .navbar-inner {
|
||
padding: 0;
|
||
margin-bottom: 40px;
|
||
}
|
||
.navbar .nav {
|
||
margin: 0;
|
||
display: table;
|
||
width: 100%;
|
||
}
|
||
.navbar .nav li {
|
||
display: table-cell;
|
||
width: 1%;
|
||
float: none;
|
||
}
|
||
.navbar .nav li a {
|
||
font-weight: bold;
|
||
text-align: center;
|
||
border-left: 1px solid rgba(255,255,255,.75);
|
||
border-right: 1px solid rgba(0,0,0,.1);
|
||
}
|
||
.navbar .nav li:first-child a {
|
||
border-left: 0;
|
||
border-radius: 3px 0 0 3px;
|
||
}
|
||
.navbar .nav li:last-child a {
|
||
border-right: 0;
|
||
border-radius: 0 3px 3px 0;
|
||
}
|
||
.tab {
|
||
display: none;
|
||
}
|
||
h2+hr {
|
||
margin-top: 0;
|
||
}
|
||
|
||
#tab-connected-databases .color.dropdown .dropdown-menu {
|
||
width: 180px;
|
||
padding: 7px 10px;
|
||
line-height: 175%;
|
||
}
|
||
#tab-connected-databases .color.dropdown .dropdown-menu a {
|
||
margin-right: 3px;
|
||
}
|
||
#tab-connected-databases .color.dropdown a.dropdown-toggle img {
|
||
margin-right: 5px;
|
||
}
|
||
tr.clone {
|
||
display: none;
|
||
}
|
||
td.last-used,
|
||
td.created {
|
||
white-space: nowrap;
|
||
}
|
||
.bold {
|
||
font-weight: bold;
|
||
}
|
||
.radio.inline,
|
||
.checkbox.inline {
|
||
display: inline-block;
|
||
white-space: nowrap;
|
||
}
|
||
.radio.inline + .radio.inline,
|
||
.checkbox.inline + .checkbox.inline {
|
||
margin-left: 40px;
|
||
}
|
||
|
||
.checkUpdateKeePassXC {
|
||
margin-left: 40px;
|
||
}
|
||
|
||
#dangerousSettings {
|
||
display: none;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<div class="masthead">
|
||
<h3 class="muted"><img src="/icons/keepassxc_48x48.png" alt="logo" /> chromeKeePassXC</h3>
|
||
<div class="navbar">
|
||
<div class="navbar-inner">
|
||
<div class="container">
|
||
<ul class="nav">
|
||
<li class="active"><a href="#general-settings">General</a></li>
|
||
<li><a href="#connected-databases">Connected Databases</a></li>
|
||
<li><a href="#specified-fields">Specified credential fields</a></li>
|
||
<li><a href="#about">About</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div><!-- /.navbar -->
|
||
</div>
|
||
|
||
<!-- General Settings -->
|
||
<div class="tab" id="tab-general-settings">
|
||
<h2>General Settings</h2>
|
||
<hr />
|
||
<p>
|
||
If you just want to insert username + password into the fields where your focus is, press Ctrl + Shift + U.
|
||
<br />
|
||
If you only want to insert the password, just press Ctrl + Shift + P.
|
||
</p>
|
||
<p>
|
||
<label for="blinkTimeout">Blink Time:</label>
|
||
<div class="control-group">
|
||
<div class="input-append">
|
||
<input type="number" id="blinkTimeout" placeholder="7500" value="7500" />
|
||
<button class="btn" id="blinkTimeoutButton" type="button">Save</button>
|
||
</div>
|
||
<span class="help-inline">
|
||
What is the maximum time (ms) the icon should blink after detecting new credentials
|
||
<br />
|
||
Default: 7500
|
||
</span>
|
||
</div>
|
||
</p>
|
||
<p>
|
||
<label for="blinkMinTimeout">Redirect Offset:</label>
|
||
<div class="control-group">
|
||
<div class="input-append">
|
||
<input type="number" id="blinkMinTimeout" placeholder="2000" value="2000" />
|
||
<button class="btn" id="blinkMinTimeoutButton" type="button">Save</button>
|
||
</div>
|
||
<span class="help-inline">
|
||
What is the minimum time (ms) the icon should blink before deactivating due to page redirects.
|
||
<br />
|
||
-1 to only use <i>Blink Time</i> ignoring Redirect Allowance (old behavior)
|
||
<br />
|
||
Default: -1, Recommended: 2000
|
||
</span>
|
||
</div>
|
||
</p>
|
||
<p>
|
||
<label for="allowedRedirect">Redirect Allowance:</label>
|
||
<div class="control-group">
|
||
<div class="input-append">
|
||
<input type="number" id="allowedRedirect" placeholder="1" value="1" />
|
||
<button class="btn" id="allowedRedirectButton" type="button">Save</button>
|
||
</div>
|
||
<span class="help-inline">
|
||
How many pages should the tab cycle through after the redirect offset before deactivating the icon
|
||
<br />
|
||
Default: 1
|
||
</span>
|
||
</div>
|
||
</p>
|
||
<hr />
|
||
<p>
|
||
<label class="checkbox">
|
||
<input type="checkbox" name="usePasswordGenerator" value="1" /> Activate password generator.
|
||
</label>
|
||
<span class="help-block">For all password-fields there will be an icon added to generate a new password.<br />
|
||
It is generated by KeePassXC with the profile for automatically generated passwords for new entries.</span>
|
||
</p>
|
||
<hr />
|
||
<p>
|
||
<label class="checkbox">
|
||
<input type="checkbox" name="autoRetrieveCredentials" value="1" /> Automatically retrieve credentials.
|
||
</label>
|
||
<span class="help-block">chromeKeePassXC will immediately retrieve the credentials when the tab is activated.</span>
|
||
</p>
|
||
<hr />
|
||
<p>
|
||
<label class="checkbox">
|
||
<input type="checkbox" name="autoFillSingleEntry" value="1" /> Automatically fill-in single credentials entry.
|
||
</label>
|
||
<span class="help-block">If chromeKeePassXC does only receive a single entry from KeePassXC it automatically fills this credentials into the found credential fields.</span>
|
||
</p>
|
||
<hr />
|
||
<p>
|
||
<label class="checkbox">
|
||
<input type="checkbox" name="autoCompleteUsernames" value="1" /> Activate autocomplete for username fields.
|
||
</label>
|
||
<span class="help-block">For all username fields on a page a dropdown list appears which contains all available credentials.</span>
|
||
</p>
|
||
<hr />
|
||
<p>
|
||
Check for updates of KeePassXC:
|
||
<br />
|
||
<label class="radio inline"><input type="radio" name="checkUpdateKeePassXC" value="3" /> every 3 days</label>
|
||
<label class="radio inline"><input type="radio" name="checkUpdateKeePassXC" value="7" /> every week</label>
|
||
<label class="radio inline"><input type="radio" name="checkUpdateKeePassXC" value="30" /> every month</label>
|
||
<label class="radio inline"><input type="radio" name="checkUpdateKeePassXC" value="0" /> never</label>
|
||
</p>
|
||
<div class="help-block kphVersion">
|
||
chromeKeePassXC needs KeePassXC to retrieve credentials.
|
||
<br />
|
||
You can download the latest stable version from here: <a target="_blank" href="https://keepassxc.org/">https://keepassxc.org/</a>
|
||
<br />
|
||
<br />
|
||
<div class="row">
|
||
<div class="span3">Your running version of KeePassXC:</div>
|
||
<div class="span6"><em class="yourVersion"></em></div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="span3">Latest available version of KeePassXC:</div>
|
||
<div class="span6"><em class="latestVersion"></em><button class="btn btn-mini checkUpdateKeePassXC">Check for updates</button></div>
|
||
</div>
|
||
</div>
|
||
<hr />
|
||
<p>
|
||
<label class="checkbox">
|
||
<input type="checkbox" name="autoFillAndSend" value="1" /> Auto fill HTTP Auth dialogs and send them.
|
||
</label>
|
||
<span class="help-block">
|
||
If credentials are found for a page and the login-type is an HTTP Auth request, chromeKeePassXC tries to login with the first given credentials.
|
||
<br />
|
||
An HTTP Auth dialog looks like this:
|
||
</span>
|
||
<img src="/options/http-auth-dialog.png" alt="http-auth-dialog" />
|
||
</p>
|
||
<hr />
|
||
</div>
|
||
|
||
<!-- Connected Databases -->
|
||
<div class="tab" id="tab-connected-databases">
|
||
<h2>Connected Databases</h2>
|
||
<hr />
|
||
<p>
|
||
If you are using several KeePass databases you can define a specific icon-color to each of them.
|
||
<br />
|
||
This will help you to easily determine from which database the credentials are retrieved.
|
||
</p>
|
||
<table class="table table-striped table-bordered table-hover">
|
||
<thead>
|
||
<tr>
|
||
<th class="span5">Identifier</th>
|
||
<th class="span2">Icon</th>
|
||
<th class="span2">Last used</th>
|
||
<th class="span2">Created</th>
|
||
<th class="span1">Delete</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="empty">
|
||
<td colspan="5">No connected databases found.</td>
|
||
</tr>
|
||
<tr class="clone">
|
||
<td></td>
|
||
<td></td>
|
||
<td class="last-used"></td>
|
||
<td class="created"></td>
|
||
<td><button class="btn delete btn-danger">Remove</button></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<div style="text-align: right">
|
||
<button id="connect-button" class="b2c-btn b2c-btn-primary">Connect</button>
|
||
</div>
|
||
<div id="dialogDeleteConnectedDatabase" class="modal hide" tabindex="-1" role="dialog">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<h3 id="myModalLabel">Remove identifier from Chrome?</h3>
|
||
</div>
|
||
<div class="modal-body">
|
||
<p>Do you really want to remove the identifier <span class="bold"></span> from Chrome?</p>
|
||
<p class="help-block">You can reconnect your database at any time.</p>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
|
||
<button class="btn yes btn-primary">Yes, remove now</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Specified credential fields -->
|
||
<div class="tab" id="tab-specified-fields">
|
||
<h2>Specified credential fields</h2>
|
||
<hr />
|
||
<p>
|
||
If chromeKeePassXC detects the wrong credential fields, you are able to specify the correct fields by yourself.
|
||
<br />
|
||
Just go to the page and click on the chromeKeePassXC-Icon, now select <em>Choose own credential fields for this page</em>.
|
||
<br />
|
||
On this page you can manage theses specified credential fields.
|
||
</p>
|
||
<table class="table table-striped table-bordered table-hover">
|
||
<thead>
|
||
<tr>
|
||
<th class="span10">Page URL</th>
|
||
<th class="span2">Delete</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="empty">
|
||
<td colspan="2">No specified credential fields found.</td>
|
||
</tr>
|
||
<tr class="clone">
|
||
<td></td>
|
||
<td><button class="btn delete btn-danger btn">Remove</button></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<div id="dialogDeleteSpecifiedCredentialFields" class="modal hide" tabindex="-1" role="dialog">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<h3 id="myModalLabel">Remove specified credential fields?</h3>
|
||
</div>
|
||
<div class="modal-body">
|
||
<p>Do you really want to remove the specified credential fields on the page <strong></strong>?</p>
|
||
<p class="help-block">chromeKeePassXC will automatically detect the credential fields the next time you visit this page.</p>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
|
||
<button class="btn yes btn-primary">Yes, remove now</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- About -->
|
||
<div class="tab" id="tab-about">
|
||
<h2>About</h2>
|
||
<hr />
|
||
<p>
|
||
Developed by <a target="_blank" href="https://github.com/pfn/">Perry Nguyen</a>, <a target="_blank" href="http://lukas-schulze.de">Lukas Schulze</a> and
|
||
<a target="_blank" href="https://github.com/varjolintu/">Sami Vänttinen</a>
|
||
</p>
|
||
<p>
|
||
<a target="_blank" href="https://chrome.google.com/webstore/detail/chromeipass/ompiailgknfdndiefoaoiligalphfdae">Visit extension's page in Chrome Web store</a>
|
||
</p>
|
||
<p>
|
||
<a target="_blank" href="https://github.com/varjolintu/chromeKeePassXC">Visit project's page in GitHub</a>.
|
||
</p>
|
||
<hr />
|
||
<div class="row">
|
||
<div class="span2">chromeKeePassXC Version:</div>
|
||
<div class="span6"><em class="versionCIP"></em></div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="span2">KeePassXC Version:</div>
|
||
<div class="span6"><em class="versionKPH"></em></div>
|
||
</div>
|
||
</div>
|
||
<hr>
|
||
<div class="footer">
|
||
<p>2010-2017 - Perry Nguyen, Lukas Schulze, Sami Vänttinen</p>
|
||
</div>
|
||
</div> <!-- /container -->
|
||
</body>
|
||
</html>
|