tabs/frontend/service-settings.html
Alice Gaudon 03f275e6e8 custom user-agent: rename "auto-fill" button to "Disguise as"
- Give Firefox and Chrome alternatives
- Update firefox user-agent to 78
2020-07-14 09:49:30 +02:00

95 lines
3.3 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Service settings</title>
<meta http-equiv="Content-Security-Policy" content="style-src 'self' 'unsafe-inline' https://use.fontawesome.com; font-src 'self' https://use.fontawesome.com; script-src 'self' 'sha256-5gY/z34s5Mtc3YL8GkwZQhzk9LymQIuFUQRVvs7Gh0o='">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
<link rel="stylesheet" href="css/layout.css">
<link rel="stylesheet" href="css/service-settings.css">
<script>require('./js/service-settings.js')</script>
</head>
<body>
<form>
<div class="form-header">
<h1>Loading...</h1>
</div>
<div class="form-body">
<div class="form-group">
<label for="name">Service name</label>
<input type="text" name="name" id="name" required>
</div>
<div class="form-group">
<label for="url">Service home URL</label>
<input type="text" name="url" id="url" required>
</div>
<div class="form-group">
<label for="auto-load">Automatically load service in the background</label>
<input type="checkbox" name="autoLoad" id="auto-load">
</div>
<div class="form-group">
<label for="custom-css">Custom CSS styling</label>
<textarea name="customCSS" id="custom-css" rows="3"></textarea>
</div>
<fieldset>
<legend>Disguise</legend>
<div class="form-group">
<label for="custom-user-agent">Custom UserAgent (i.e. google services)</label>
<input type="text" name="customUserAgent" id="custom-user-agent">
</div>
<div class="form-group no-expand">
<button type="button" id="userAgentAutoFillFirefox">Disguise as firefox</button>
<button type="button" id="userAgentAutoFillChrome">Disguise as chrome</button>
</div>
</fieldset>
<div id="icon-choice">
<div class="form-group-header">
<h2>Service icon</h2>
</div>
<div class="form-group">
<label for="use-favicon">Use favicon</label>
<input type="checkbox" name="useFavicon" id="use-favicon">
</div>
<div class="form-group">
<label for="is-image">Use image instead of a built-in icon for the default icon</label>
<input type="checkbox" name="isImage" id="is-image">
</div>
<div class="form-group" id="icon-search-group">
<label for="built-in-icon-search">Icon</label>
<input type="text" name="icon-search" id="built-in-icon-search">
</div>
<div id="icon-select"></div>
<div class="form-group">
<label for="icon-url">Icon URL</label>
<input type="text" name="icon" id="icon-url">
</div>
</div>
</div>
<div class="form-footer">
<div class="form-group" id="buttons">
<button id="cancel-button" type="button">Cancel</button>
<button type="submit">Save</button>
</div>
</div>
</form>
</body>
</html>